I DO NOT CARE. Technologieneutrale Anwendungsentwicklung für mobile Geräte. September Sascha Wolter

Transcription

1 I DO NOT CARE Technologieneutrale Anwendungsentwicklung für mobile Geräte September 2011 Image source: Microsoft

2 Main Subject: Concepts and Workflow Image source:

3 History: Continuous Change! Image source:

4 History: Unpredictable Change! 1958: A Analog 11,000 User Device Weight > 10kg Device Price = 3 x VW Beatle 1972: B 1984: C 1991: D Digital 2G 1994: E 2004: UMTS 3G 2010: LTE 4G Image source:

5 History: Unpredictable Change! 53% of sold devices are Smart-TVs in 2011 (Source: Display-Research) Tricorder? Image sources: Philipps, Amazon

6 History: Repetition and Fashion HTML 1 (1991) LiveScript/JavaScript (1995) HTML 5 JavaScript 2 (2011 still in progress) Image sources: Warner Bros Entertainment Inc. and Miramax Film Corp.

7 Constants: Concepts and Workflow Image source:

8 About me Sascha is a professional developer and interaction designer of rich applications and mobile apps with focus on the Microsoft.Net Continuum (incl. Silverlight and Windows Phone 7), Adobe Flash Platform and JavaScript/HTML5. He also works as a consultant, trainer and author on a freelance basis and contributes articles to a number of magazines. His books and DVDs are best selling publications in Germany. He has been giving lectures at conferences like Flash on the Beach and Flashforward for several few years now. Sascha is also the founder of the leading German Adobe User Group flashforum.de with more than 100,000 members. Web: Facebook: LinkedIn: twitter: XING: Mail: sascha@wolter.biz Sascha Wolter wolter.biz Image source:

9 User Centered Design: Agility Scrum: Individuen und Interaktionen gelten mehr als Prozesse und Tools. Funktionierende Programme gelten mehr als ausführliche Dokumentation. Die stetige Zusammenarbeit mit dem Kunden steht über Verträgen. Der Mut und die Offenheit für Änderungen steht über dem Befolgen eines festgelegten Plans. (Quelle: Wikipedia) Image source: commons.wikimedia.org/wiki/file:scrum_asm_clermont-saracens.jpg

10 Visual Design, IxD etc. Android User Interface Guidelines ios Human Interface Guidelines Windows Phone Design System - Codename Metro

11 Visual Design, IxD etc.

12 User Centered Design: Usability Drei wesentliche Fragen an Navigationsoberflächen: Wo bin ich? Woher komme ich? Wo kann ich hin? (Quelle: Designing Web Usability von Jakob) Image source: Amazon

13 User Centered Design: Requirements UML Use Case Robot MoveForward -Ende2 * -Ende4 MoveBackward -Ende1 -Ende3 -Ende5 * -Ende6 * ** ** -Ende9 -Ende7 * TurnLeft User * -Ende8 TurnRight * -Ende10 Coast Image source: Lego

14 User Centered Design: Prototype

15 Implementation Sascha Wolter wolter.biz Image source: upload.wikimedia.org/wikipedia/commons/d/d3/bundesarchiv_b_145_bild-f %2c_bad_godesberg%2c_altenbegegnungsst%c3%a4tte.jpg

16 Different Approaches Web App (via Browser) WebView (Native App) Phone Gap Cross-Compiler GWT (Java to JavaScript) Script# (C# to JavaScript) Cross-Platform runtime Adobe Flash/AIR Mono Native App Sandbox/System access Image source:

17 Which Approach to choose? Image source: Back to the Future

18 Patterns Sascha Wolter wolter.biz Image source:

19 Model Driven UML Class diagram

20 Lifecycle Image source:

21 Lifecycle UML Sequence diagram

22 Lifecycle: View-Initialization onnavigatedto-method onstart-method Loaded-Event oncreateview-method Ready-Event pagecreate-event creationcomplete-event pageshow-event show-event

23 Specialities: API Mapping Image source:

24 Commands and Controller Image source:

25 All platforms are equal User Interface Guides Development Process Lifecycle Unfortunately still some differences! Image source:

26 How to continue Timo Elbert, SAP Lessons Learned: Mobile Business-Webanwendungen mit jquery Mobile :15-18:15 Uhr Watfordsaal Image source: The Big Bang Theory

27 Sascha Wolter wolter.biz Thanks for Your Patience! I DO NOT CARE Image source: