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

Blurring the difference of web & native apps with

HTML5 and IE 9

Saurav Srivastavaabout.me/gxsaurav

Traditional app development

Cross platform development

Cross platform development

New cross platform development

= $$$

HTML5 based cloud connected app to rescue

Cloud app development

+

Why HTML5?

?

Why HTML5?

• 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

=

and more…

http://html5demos.com/

=

They are already available

They look and work just like native apps

HTML5 websiteNative Android app

Support for HTML5 Audio as well as Flash

Automatic scaling for devices

Native drag and drop of files

http://net.tutsplus.com/tutorials/html-css-techniques/implementing-html5-drag-and-drop-new-premium-tutorial/

Native audio and video

Playback controls available by default in IE 9

Flash to HTML5

Resolution & DPI independent images using Canvas, even games

WebSockets - Two way communication over TCP

http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/

IE 9 makes web apps work like native app

IE 9 makes web apps work like native app

Office Web apps: Lightweight version of Microsoft Office

IE 9 gives Offline access to apps using AppCache & LocalStorage

http://www.html5rocks.com/tutorials/appcache/beginner/

+No reloadingFaster responseOffline

=

IE 9 hardware accelerates HTML5

IE 9 hardware accelerates HTML5

+ =

Where to begin

http://msdn.microsoft.com/en-us/ie/aa740469

http://blogs.msdn.com/b/ie/

http://technet.microsoft.com/en-us/ie/gg252704