May 12 html5 apps - cross platform - upfront ug berlin

1,500 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,500
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
34
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

May 12 html5 apps - cross platform - upfront ug berlin

  1. 1. Mobile Apps Cross Platform HTML5 Apps Wolfram Kriesing uxebu Mittwoch, 12. Mai 2010
  2. 2. We open the mobile web. Mittwoch, 12. Mai 2010
  3. 3. Mittwoch, 12. Mai 2010
  4. 4. Mittwoch, 12. Mai 2010
  5. 5. Landscape http://www.flickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010
  6. 6. Landscape http://www.flickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010
  7. 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. 8. Cross Platform Mittwoch, 12. Mai 2010
  9. 9. Mittwoch, 12. Mai 2010
  10. 10. Objective-C Symbian C Java Java .NET ... Mittwoch, 12. Mai 2010
  11. 11. HTML Mittwoch, 12. Mai 2010
  12. 12. Engine of the web http://www.flickr.com/photos/robadob/88901885/ Mittwoch, 12. Mai 2010
  13. 13. Why HTML? •lot of devs •easy to write •common •easy to test •stable standard •widely spread Mittwoch, 12. Mai 2010
  14. 14. iPhone - First usable mobile browser http://www.flickr.com/photos/chris_radcli!/2947219465/ Mittwoch, 12. Mai 2010
  15. 15. 71% of all phones have a modern xTML web browser. http://bit.ly/tomiahonen-2010-almanac Mittwoch, 12. Mai 2010
  16. 16. App Store without Apple! Mittwoch, 12. Mai 2010
  17. 17. all the (smart)phones have browsers HTML works everywhere! low hanging fruit Mittwoch, 12. Mai 2010
  18. 18. http://www.flickr.com/photos/halfbisqued/2353845688 = W3C Widget, Vodafone360 App Mittwoch, 12. Mai 2010
  19. 19. What is a Widget? Mittwoch, 12. Mai 2010
  20. 20. Mittwoch, 12. Mai 2010
  21. 21. }? Mittwoch, 12. Mai 2010
  22. 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. 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. 24. Layout index.html Design style.css AJAX Library Database Mittwoch, 12. Mai 2010
  25. 25. Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Mittwoch, 12. Mai 2010
  26. 26. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Mittwoch, 12. Mai 2010
  27. 27. DONE! http://www.flickr.com/photos/sundazed/2704578067/ Mittwoch, 12. Mai 2010
  28. 28. On any phone? Mittwoch, 12. Mai 2010
  29. 29. HTML tive na Mittwoch, 12. Mai 2010
  30. 30. W3C Widgets ti ve na HTML tive na Mittwoch, 12. Mai 2010
  31. 31. W3C Widgets ...yes not purely but great HTML support Mittwoch, 12. Mai 2010
  32. 32. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Mittwoch, 12. Mai 2010
  33. 33. A Phone is ... Mittwoch, 12. Mai 2010
  34. 34. http://www.flickr.com/photos/kratz/1984004945/ Mittwoch, 12. Mai 2010
  35. 35. http://www.flickr.com/photos/mbiddulph/3087388964/ Mittwoch, 12. Mai 2010
  36. 36. http://www.flickr.com/photos/redstamp/4222841946/ Mittwoch, 12. Mai 2010
  37. 37. • Camera • Compass • GPS • Accelerometer • Calendar • Email • Address book • Watch • Alarm clock • ... Mittwoch, 12. Mai 2010
  38. 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. 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. 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. 41. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Mittwoch, 12. Mai 2010
  42. 42. http://phonegap.pbworks.com/Roadmap Mittwoch, 12. Mai 2010
  43. 43. Some numbers Mittwoch, 12. Mai 2010
  44. 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. 45. Native Look vs. One style cross platform Mittwoch, 12. Mai 2010
  46. 46. Mittwoch, 12. Mai 2010
  47. 47. Mittwoch, 12. Mai 2010
  48. 48. EventNinja Mittwoch, 12. Mai 2010
  49. 49. Events, Layout index.html a Calendar Design Icon style.css Database Configuration AJAX Library config.xml Mittwoch, 12. Mai 2010
  50. 50. http://bit.ly/webdev-events Mittwoch, 12. Mai 2010
  51. 51. Mittwoch, 12. Mai 2010
  52. 52. Mittwoch, 12. Mai 2010
  53. 53. Mittwoch, 12. Mai 2010
  54. 54. http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/ Mittwoch, 12. Mai 2010
  55. 55. Want to see it in action? Download it from your store. Contact us. Mittwoch, 12. Mai 2010
  56. 56. thx http://uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Mittwoch, 12. Mai 2010

×