mockups und rapid prototyping für das ipad auf …...© inconso ag 2012 agenda begriffsdefinitionen...
TRANSCRIPT
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 : [email protected] : www.inconso.de