mockups und rapid prototyping für das ipad auf …...© inconso ag 2012 agenda begriffsdefinitionen...
TRANSCRIPT
![Page 1: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/1.jpg)
Mockups und Rapid Prototyping für das iPad auf dem iPad
Sven Tissot, inconso Hamburg
![Page 2: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/2.jpg)
© 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
![Page 3: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/3.jpg)
© 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
![Page 4: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/4.jpg)
© 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
![Page 5: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/5.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
![Page 6: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/6.jpg)
© 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)
![Page 7: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/7.jpg)
© inconso AG 2012
Mockups auf dem iPad
iMockup
App Cooker
Interface HD
Blueprint
![Page 8: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/8.jpg)
© inconso AG 2012
iMockups
![Page 9: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/9.jpg)
© inconso AG 2012
Interface HD
![Page 10: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/10.jpg)
© inconso AG 2012
AppCooker
![Page 11: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/11.jpg)
© inconso AG 2012
Blueprint
![Page 12: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/12.jpg)
© inconso AG 2012
Prototyping auf dem iPad
![Page 13: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/13.jpg)
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“)
![Page 14: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/14.jpg)
Lua
© inconso AG 2012
•8 Datentypen• nil, boolean, number, string• userdata, function, thread• table (assoziative arrays)
•OO möglich
![Page 15: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/15.jpg)
© inconso AG 2012
•Code your Ideas !• Visualisierung• Interaktion• Multitouch• Accelerometer• touch your code ...
•http.get(url, success)
![Page 16: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/16.jpg)
© inconso AG 2012
Prototyp: K2
http://www.rebelgames.eu
![Page 17: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/17.jpg)
© inconso AG 2012
Exkurs: Corona
![Page 18: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/18.jpg)
© inconso AG 2012
Corona: K2
![Page 19: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/19.jpg)
© inconso AG 2012
Corona vs. Codea
![Page 20: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/20.jpg)
© inconso AG 2012
Build & Deploy
![Page 21: Mockups und Rapid Prototyping für das iPad auf …...© inconso AG 2012 Agenda Begriffsdefinitionen • Mockups • Wireframes • Prototypen Mockups auf dem iPad • iMockups •](https://reader034.vdocuments.mx/reader034/viewer/2022050110/5f47d088c8a22710625f342d/html5/thumbnails/21.jpg)
© inconso AG 2012
Danke
Sven Tissotinconso Dorotheenstraße 6022301 Hamburg
Telefon: +49 40 69213 - 306E-Mail : [email protected] : www.inconso.de