Mockups und Rapid Prototyping für das iPad auf dem iPad

Sven Tissot, inconso Hamburg

© inconso AG 2012

Agenda

Begriffsdefinitionen• Mockups• Wireframes• Prototypen

Mockups auf dem iPad• iMockups• App Cooker• Interface HD• Blueprint

Prototyping auf dem iPad• LUA• Codea

Exkurs: Corona

© inconso AG 2012

Mockups, Wireframes und Prototypen

http://images.sixrevisions.com/2010/10/28-02_iphoneapp.jpg

http://matthopkins.com/wp-content/uploads/2009/03/mock-up-300x270.png

© inconso AG 2012

Wireframe

Alternativ zum Ausdruck „Mock-up“ wird der Begriff benutzt, um einen sehr frühen konzeptuellen Prototypen einer Website oder eines Software-Frontends darzustellen. Bezogen auf eine Website sollten Elemente wie Navigation und Inhaltsbereiche Teil dieses Skeletts sein.

http://de.wikipedia.org/wiki/Wireframe

•Konzeption versus Design•keine Bilder, Farben•Struktur•Navigationskonzept•Usability•1. Schritt im Design Prozess

http://www.dekotrend48.de/images/90243-1.JPG

© inconso AG 2012

Mockup

•Automobilbau, Luftfahrt•Architektur•Zahntechnik

•Software-Entwicklung• Wegwerf-Prototypen• simulierte Benutzer-Interaktion• interaktive Entwicklung mit dem Kunden• Schwerpunkt auf dem visuellen Design• nahe am Endergebnis

•Testen

© inconso AG 2012

Prototyp

•funktionsfähige Teil-Komponenten•Wiederverwendbarkeit•iterative Vorgehensweise•rapid Prototyping•frühzeitiger Test und QS, agile

Vorgehensweise

Ein Prototyp steht für ein lauffähiges Stück Software oder eine anderweitige konkrete Modellierung einer Teilkomponente des Zielsystems. Dieser Prototyp dient anschließend oft als Basis für eine bessere Kommunikation mit den Kunden oder auch innerhalb des Entwicklungsteams über konkrete Dinge (statt abstrakte Modelle).http://de.wikipedia.org/wiki/Prototyping_(Softwareentwicklung)

© inconso AG 2012

Mockups auf dem iPad

iMockup

App Cooker

Interface HD

Blueprint

© inconso AG 2012

iMockups

© inconso AG 2012

Interface HD

© inconso AG 2012

AppCooker

© inconso AG 2012

Blueprint

© inconso AG 2012

Prototyping auf dem iPad

Lua

© inconso AG 2012

•imperative, erweiterbare Skriptsprache•kleiner Kernel (120k)•sehr schnell•einfach integrierbar•embedded•einfach•portabel ( PlayStation, XBox, Mac OS X, iOS, BeOS, QUALCOMM Brew,

MS-DOS, IBM-Mainframes, RISC OS, Symbian OS, PalmOS, ARM-Prozessoren, Rabbit-Prozessoren, Windows, Unix ...)

print („Hello World“)

Lua

© inconso AG 2012

•8 Datentypen• nil, boolean, number, string• userdata, function, thread• table (assoziative arrays)

•OO möglich

© inconso AG 2012

•Code your Ideas !• Visualisierung• Interaktion• Multitouch• Accelerometer• touch your code ...

•http.get(url, success)

© inconso AG 2012

Prototyp: K2

http://www.rebelgames.eu

© inconso AG 2012

Exkurs: Corona

© inconso AG 2012

Corona: K2

© inconso AG 2012

Corona vs. Codea

© inconso AG 2012

Build & Deploy

© inconso AG 2012

Danke

Sven Tissotinconso Dorotheenstraße 6022301 Hamburg

Telefon: +49 40 69213 - 306E-Mail : stissot@inconso.deWeb : www.inconso.de