Recommandé
Recommandé
Contenu connexe
Similaire à Mobile Apps Cross Platform - Droidcon 2009
Similaire à Mobile Apps Cross Platform - Droidcon 2009 (20)
Plus de wolframkriesing
Plus de wolframkriesing (20)
Dernier
Dernier (20)
Mobile Apps Cross Platform - Droidcon 2009
- 1. Cross Platform Mobile Apps Using HTML, CSS, JavaScript Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 2. JavaScript FrontEnd AJAX Usability UserExperience Browser CSS django dojo mobile Web2.0 widgets OpenSource Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 3. Stores 30th July 2009 14 Stores http://blog.distimo.com/mobile-app-store-overview/ Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 4. Stores 30th July 2009 27th October 2009 14 Stores 24 Stores http://blog.distimo.com/mobile-app-store-overview/ Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 5. Wanna write native Apps for each? Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 6. Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C • Sony Ericsson Java • Window Mobile .NET Cross Platform Expensive and OUCH anyway Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 7. Types of Mobile "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access to what the widget runtime provides • W3C Widget wrapped as native app depends on it's runtime Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 8. we le l l-k p no s im wn HTML te st easy to CSS simp le te xt JavaScript easy velop to d fast to de evel op Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 9. Website as "App" • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no • Offline not really Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 10. W3C Widgets http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no yes • Offline not really really Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 11. Unified Development tools Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 12. What is a W3C Widget? • Native app on the phone • Not a website! • Can do AJAX, SVG, CSS Transitions, etc. • Has it's own runtime (mostly) Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 13. What is a W3C Widget? Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 14. What is a W3C Widget? Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 15. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 16. Almost for free • Palm Pré • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 17. Any Standards? Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 18. W3C Widget Spec • specifies packaging & configuration Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 19. We want more! Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 20. Native Access • Camera • Telephony • Geo location • Accelerometer • Compass • Contacts • ... Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 21. Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 22. But they are just specs :-( Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 23. Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ • PhoneGap http://phonegap.pbworks.com/ • Nokia WRT http://bit.ly/nokia-WRT-APIs • Appcelerator http://www.codestrong.com/timobile/api/ • Google Chrome OS??? Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 24. Runtimes • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Nokia S60 • W3C Spec http://w3.org/2009/dap/ iPhone • PhoneGap http://phonegap.pbworks.com/ Android • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ • Google Chrome OS??? Windows Mobile Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 25. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 26. Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • that means PhoneGap+SDK foot print = 240 kB Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009
- 27. thx http://blog.uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Wolfram Kriesing, uxebu @wolframkriesing Donnerstag, 26. November 2009