App vs. Widget, HTML5 Apps - cross platform

  • 12,040 views
Uploaded on

Slides from the Mobile Moday Developer Day Munich about "App vs. Widget - HTML5 Apps". …

Slides from the Mobile Moday Developer Day Munich about "App vs. Widget - HTML5 Apps".
We show how to get to multiple platforms with the standard web technologies HTML, JavaScript and CSS.

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
12,040
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
225
Comments
1
Likes
9

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