Your SlideShare is downloading. ×
0
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
HTML5 Apps Cross Platform - SWDC 2010, Stockholm
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

HTML5 Apps Cross Platform - SWDC 2010, Stockholm

4,378

Published on

The latest version of the HTML5 Apps slides :) …

The latest version of the HTML5 Apps slides :)
As shown at SWDC2010 in Stockholm.
Added dojo mobile and tools section.

Published in: Technology, Design
1 Comment
13 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,378
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
173
Comments
1
Likes
13
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 Donnerstag, 3. Juni 2010
  • 2. We open the mobile web. Donnerstag, 3. Juni 2010
  • 3. JavaScript AJAX FrontEnd Usability UserExperience CSS mobile Browser Web2.0 dojo TouchScroll OpenSource Donnerstag, 3. Juni 2010
  • 4. Donnerstag, 3. Juni 2010
  • 5. Donnerstag, 3. Juni 2010
  • 6. Landscape http://www.flickr.com/photos/tillwe/146242691/ Donnerstag, 3. Juni 2010
  • 7. Landscape http://www.flickr.com/photos/tillwe/146242691/ Donnerstag, 3. Juni 2010
  • 8. 30th July 2009 14 Stores 23rd September 2009 23 Stores 2nd December 2009 26 Stores http://bit.ly/distimo-appstores Donnerstag, 3. Juni 2010
  • 9. Donnerstag, 3. Juni 2010
  • 10. Objective-C Symbian C Java Java .NET ... Donnerstag, 3. Juni 2010
  • 11. Cross Platform Donnerstag, 3. Juni 2010
  • 12. HTML Donnerstag, 3. Juni 2010
  • 13. Engine of the web http://www.flickr.com/photos/robadob/88901885/ Donnerstag, 3. Juni 2010
  • 14. Photos Videos Docs Apps Donnerstag, 3. Juni 2010
  • 15. Why Widgets? Donnerstag, 3. Juni 2010
  • 16. Donnerstag, 3. Juni 2010
  • 17. Donnerstag, 3. Juni 2010
  • 18. Donnerstag, 3. Juni 2010
  • 19. Donnerstag, 3. Juni 2010
  • 20. Donnerstag, 3. Juni 2010
  • 21. http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/ Donnerstag, 3. Juni 2010
  • 22. App Store without Apple! Donnerstag, 3. Juni 2010
  • 23. What is a Widget? Donnerstag, 3. Juni 2010
  • 24. Donnerstag, 3. Juni 2010
  • 25. Donnerstag, 3. Juni 2010
  • 26. }? Donnerstag, 3. Juni 2010
  • 27. Layout index.html Design style.css AJAX Library Database Donnerstag, 3. Juni 2010
  • 28. Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Donnerstag, 3. Juni 2010
  • 29. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Donnerstag, 3. Juni 2010
  • 30. DONE! http://www.flickr.com/photos/sundazed/2704578067/ Donnerstag, 3. Juni 2010
  • 31. Tools? Donnerstag, 3. Juni 2010
  • 32. Donnerstag, 3. Juni 2010
  • 33. On any phone? Donnerstag, 3. Juni 2010
  • 34. HTML tive na Donnerstag, 3. Juni 2010
  • 35. HTML tive na Donnerstag, 3. Juni 2010
  • 36. W3C Widgets ti ve na HTML tive na Donnerstag, 3. Juni 2010
  • 37. W3C Widgets ...yes not purely but great HTML support Donnerstag, 3. Juni 2010
  • 38. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Donnerstag, 3. Juni 2010
  • 39. A Phone is ... Donnerstag, 3. Juni 2010
  • 40. http://www.flickr.com/photos/kratz/1984004945/ Donnerstag, 3. Juni 2010
  • 41. http://www.flickr.com/photos/mbiddulph/3087388964/ Donnerstag, 3. Juni 2010
  • 42. http://www.flickr.com/photos/redstamp/4222841946/ Donnerstag, 3. Juni 2010
  • 43. • Camera • Compass • GPS • Accelerometer • Calendar • Email • Address book • Watch • Alarm clock • ... Donnerstag, 3. Juni 2010
  • 44. Multiple Ways • W3C Spec http://w3.org/2009/dap/ • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Donnerstag, 3. Juni 2010
  • 45. System Info Contacts Network Info Phone Info Camera File Audio GPS SMS, MMS, ... http://bit.ly/vf-jil-docs Donnerstag, 3. Juni 2010
  • 46. if (Widget.Device.PowerInfo.isCharging){ alert("Battery is charging"); } var player = Widget.Multimedia.AudioPlayer; player.open("myAudioFile.mp3"); player.play(1); if (Widget.Device.RadioInfo.isRoaming){ alert("Money Money Money"); } Donnerstag, 3. Juni 2010
  • 47. kinda W3C Widgets iP**** l m pure W3C nfi co g.x Platform adaptations Widgets PhoneGap Business and Application logic in fo .p lis t Nokia WRT Android Donnerstag, 3. Juni 2010
  • 48. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Donnerstag, 3. Juni 2010
  • 49. http://phonegap.pbworks.com/Roadmap Donnerstag, 3. Juni 2010
  • 50. Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • PhoneGap+SDK = 240 kB Donnerstag, 3. Juni 2010
  • 51. Dojo mobile Donnerstag, 3. Juni 2010
  • 52. Two approaches custom, simplest build script http://github.com/wolframkriesing/dojo-mobile using require.js http://github.com/klipstein/dojo-mobile Donnerstag, 3. Juni 2010
  • 53. http://www.flickr.com/photos/tacoekkel/25538919/ Donnerstag, 3. Juni 2010
  • 54. http://www.flickr.com/photos/hugo90/3916794427/ Donnerstag, 3. Juni 2010
  • 55. Donnerstag, 3. Juni 2010
  • 56. Donnerstag, 3. Juni 2010
  • 57. build.sh Donnerstag, 3. Juni 2010
  • 58. dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js dojo-webkit-mobile.js dojo-windows-mobile.js Donnerstag, 3. Juni 2010
  • 59. EventNinja Donnerstag, 3. Juni 2010
  • 60. Events, Layout index.html a Calendar Design Icon style.css Database Configuration AJAX Library config.xml Donnerstag, 3. Juni 2010
  • 61. http://bit.ly/webdev-events Donnerstag, 3. Juni 2010
  • 62. Donnerstag, 3. Juni 2010
  • 63. Donnerstag, 3. Juni 2010
  • 64. Donnerstag, 3. Juni 2010
  • 65. http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/ Donnerstag, 3. Juni 2010
  • 66. Want to see it in action? Download it from your store. Contact us. Donnerstag, 3. Juni 2010
  • 67. thx http://uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Donnerstag, 3. Juni 2010

×