Als PDF, PPTX herunterladen
May 12 html5 apps - cross platform - upfront ug berlin
- 1. Mobile Apps Cross Platform HTML5 Apps Wolfram Kriesing uxebu Mittwoch, 12. Mai 2010
- 2. We open themobile web. Mittwoch, 12. Mai 2010
- 3.
- 4.
- 5. Landscape http://www.flickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010
- 6. Landscape http://www.flickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010
- 7. 30th July 2009 14 Stores 23rd September 2009 23 Stores 2nd December 2009 26 Stores http://bit.ly/distimo-appstores Mittwoch, 12. Mai 2010
- 8. Cross Platform Mittwoch, 12.Mai 2010
- 9.
- 10. Objective-C Symbian C Java Java .NET ... Mittwoch, 12. Mai 2010
- 11.
- 12. Engine of theweb http://www.flickr.com/photos/robadob/88901885/ Mittwoch, 12. Mai 2010
- 13. Why HTML? •lot of devs •easy to write •common •easy to test •stable standard •widely spread Mittwoch, 12. Mai 2010
- 14. iPhone - Firstusable mobile browser http://www.flickr.com/photos/chris_radcli!/2947219465/ Mittwoch, 12. Mai 2010
- 15. 71% of allphones have a modern xTML web browser. http://bit.ly/tomiahonen-2010-almanac Mittwoch, 12. Mai 2010
- 16. App Store without Apple! Mittwoch, 12. Mai 2010
- 17. all the (smart)phoneshave browsers HTML works everywhere! low hanging fruit Mittwoch, 12. Mai 2010
- 18. http://www.flickr.com/photos/halfbisqued/2353845688 = W3C Widget, Vodafone360 App Mittwoch, 12. Mai 2010
- 19. What is aWidget? Mittwoch, 12. Mai 2010
- 20.
- 21.
- 22. Types of "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access by widget runtime • Wrapped W3C Widget access depends on it's runtime Mittwoch, 12. Mai 2010
- 23. Types of "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access by widget runtime • Wrapped W3C Widget access depends on it's runtime Mittwoch, 12. Mai 2010
- 24. Layout index.html Design style.css AJAX Library Database Mittwoch, 12. Mai 2010
- 25. Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Mittwoch, 12. Mai 2010
- 26. What is aW3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Mittwoch, 12. Mai 2010
- 27. DONE! http://www.flickr.com/photos/sundazed/2704578067/ Mittwoch, 12. Mai 2010
- 28. On any phone? Mittwoch,12. Mai 2010
- 29. HTML tive na Mittwoch, 12. Mai 2010
- 30. W3C Widgets ti ve na HTML tive na Mittwoch, 12. Mai 2010
- 31. W3C Widgets ...yes not purely but great HTML support Mittwoch, 12. Mai 2010
- 32. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Mittwoch, 12. Mai 2010
- 33. A Phone is... Mittwoch, 12. Mai 2010
- 34.
- 35.
- 36.
- 37. • Camera • Compass • GPS • Accelerometer • Calendar • Email • Address book • Watch • Alarm clock • ... Mittwoch, 12. Mai 2010
- 38. Multiple Ways • W3C Spec http://w3.org/2009/dap/ • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Mittwoch, 12. Mai 2010
- 39. Multiple Ways • JIL Spechttp://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/ Mittwoch, 12. Mai 2010
- 40. Runtimes Nokia S60 • JIL Spechttp://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ iPhone • W3C Spec http://w3.org/2009/dap/ Android • PhoneGap http://phonegap.pbworks.com/ • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ Windows Mobile Mittwoch, 12. Mai 2010
- 41. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Mittwoch, 12. Mai 2010
- 42.
- 43. Some numbers Mittwoch, 12.Mai 2010
- 44. Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • that means PhoneGap+SDK foot print = 240 kB Mittwoch, 12. Mai 2010
- 45. Native Look vs. One style cross platform Mittwoch, 12. Mai 2010
- 46.
- 47.
- 48.
- 49. Events, Layout index.html a Calendar Design Icon style.css Database Configuration AJAX Library config.xml Mittwoch, 12. Mai 2010
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. Want to seeit in action? Download it from your store. Contact us. Mittwoch, 12. Mai 2010
- 56. thx http://uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Mittwoch, 12. Mai 2010