Your SlideShare is downloading. ×
0
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Webmontag München Cross Platform
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Webmontag München Cross Platform

775

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
775
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×