Your SlideShare is downloading. ×
0
Saurav Srivastava<br />about.me/gxsaurav<br />Blurring the difference of web & native apps with HTML5 and IE 9<br />
Traditional app development<br />
Cross platform development<br />
Cross platform development<br />
New cross platform development<br />= $$$<br />
HTML5 based cloud connected app to rescue<br />
Cloud app development<br />
+<br />
Why HTML5?<br />?<br />
Why HTML5?<br /><ul><li>Easier to make web apps
Work like native apps.
Drag & drop
Video and Audio
Form control
Local Storge
Offline database storage
Drawing on Canvas
Geolocation
Offline app cache
WebSockets</li></ul>=<br />=<br />and more…<br />http://html5demos.com/<br />
They are already available<br />
They look and work just like native apps<br />HTML5 website<br />Native Android app<br />
Support for HTML5 Audio as well as Flash<br />
Automatic scaling for devices<br />
Native drag and drop of files<br />http://net.tutsplus.com/tutorials/html-css-techniques/implementing-html5-drag-and-drop-...
Upcoming SlideShare
Loading in...5
×

Blurring the difference between native and web apps with HTML5 & IE9

2,126

Published on

My presentation at Microsoft TechEd On the road, New Delhi on June 4 2011.

Demo slides are not yet uploaded. I will be updating them soon.

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

  • Be the first to like this

No Downloads
Views
Total Views
2,126
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Blurring the difference between native and web apps with HTML5 & IE9"

  1. 1. Saurav Srivastava<br />about.me/gxsaurav<br />Blurring the difference of web & native apps with HTML5 and IE 9<br />
  2. 2. Traditional app development<br />
  3. 3. Cross platform development<br />
  4. 4. Cross platform development<br />
  5. 5. New cross platform development<br />= $$$<br />
  6. 6. HTML5 based cloud connected app to rescue<br />
  7. 7. Cloud app development<br />
  8. 8. +<br />
  9. 9. Why HTML5?<br />?<br />
  10. 10. Why HTML5?<br /><ul><li>Easier to make web apps
  11. 11. Work like native apps.
  12. 12. Drag & drop
  13. 13. Video and Audio
  14. 14. Form control
  15. 15. Local Storge
  16. 16. Offline database storage
  17. 17. Drawing on Canvas
  18. 18. Geolocation
  19. 19. Offline app cache
  20. 20. WebSockets</li></ul>=<br />=<br />and more…<br />http://html5demos.com/<br />
  21. 21. They are already available<br />
  22. 22. They look and work just like native apps<br />HTML5 website<br />Native Android app<br />
  23. 23. Support for HTML5 Audio as well as Flash<br />
  24. 24. Automatic scaling for devices<br />
  25. 25. Native drag and drop of files<br />http://net.tutsplus.com/tutorials/html-css-techniques/implementing-html5-drag-and-drop-new-premium-tutorial/<br />
  26. 26. Native audio and video<br />Playback controls available by default in IE 9<br />
  27. 27. Flash to HTML5<br />
  28. 28. Resolution & DPI independent images using Canvas, even games<br />
  29. 29. WebSockets - Two way communication over TCP<br />http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/<br />
  30. 30. IE 9 makes web apps work like native app<br />
  31. 31. IE 9 makes web apps work like native app<br />Office Web apps: Lightweight version of Microsoft Office<br />
  32. 32. IE 9 gives Offline access to apps using AppCache & LocalStorage<br />+<br />No reloading<br />Faster response<br />Offline<br />=<br />http://www.html5rocks.com/tutorials/appcache/beginner/<br />
  33. 33. IE 9 hardware accelerates HTML5<br />
  34. 34. IE 9 hardware accelerates HTML5<br />+<br />=<br />
  35. 35. Where to begin<br />http://blogs.msdn.com/b/ie/<br />http://msdn.microsoft.com/en-us/ie/aa740469<br />http://technet.microsoft.com/en-us/ie/gg252704<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×