Mobile Apps Cross Platform - Overtheair London, 2009

1,633 views

Published on

Showing how you can cross platform deploy (W3C) Widgets, some details and insights.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,633
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
71
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Mobile Apps Cross Platform - Overtheair London, 2009

  1. 1. Mobile Apps Cross Platform Using HTML, CSS, JavaScript Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  2. 2. JavaScript FrontEnd AJAX Usability UserExperience Browser CSS django dojo mobile Web2.0 widgets OpenSource Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  3. 3. Stores 30th July 2009 14 Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  4. 4. Stores 23rd30th July 2009 September 2009 23 Stores 14 Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  5. 5. Wanna write native Apps for each? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  6. 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 Freitag, 25. September 2009
  7. 7. Types of Mobile "Apps" Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  8. 8. Types of Mobile "Apps" • Preinstalled • Native App (from "some" app store) • Websitelimited 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 Freitag, 25. September 2009
  9. 9. Small apps. Very focused. Many platforms. Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  10. 10. Mobile Moment Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  11. 11. 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 Freitag, 25. September 2009
  12. 12. 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 Freitag, 25. September 2009
  13. 13. 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 Freitag, 25. September 2009
  14. 14. 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 Freitag, 25. September 2009
  15. 15. What is a W3C Widget? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  16. 16. What is a W3C Widget? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  17. 17. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  18. 18. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  19. 19. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  20. 20. Any Standards? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  21. 21. W3C Widget Spec • specifies packaging Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  22. 22. We want more! Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  23. 23. Native Access • Camera • Telephony • Geo location • Accelerometer • Compass • Contacts • ... Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  24. 24. 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 Freitag, 25. September 2009
  25. 25. But they are just specs :-( Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  26. 26. 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 Freitag, 25. September 2009
  27. 27. 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 Freitag, 25. September 2009
  28. 28. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  29. 29. Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • that means PhoneGap+SDK foot print = 240 kB Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  30. 30. Distribution? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  31. 31. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  32. 32. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  33. 33. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
  34. 34. thx http://blog.uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009

×