blurring the difference of web & native apps with html 5 & ie 9

24
Blurring the difference of web & native apps with HTML5 and IE 9 Saurav Srivastava about.me/ gxsaurav

Upload: rishu-mehra

Post on 13-May-2015

1.015 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Blurring the difference of web & native apps with

HTML5 and IE 9

Saurav Srivastavaabout.me/gxsaurav

Page 2: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Traditional app development

Page 3: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Cross platform development

Page 4: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

New cross platform development

= $$$

Page 5: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

HTML5 based cloud connected app to rescue

Page 6: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Cloud app development

Page 7: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

+

Page 8: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Why HTML5?

?• Easier to make web apps

• Work like native apps.

• Drag & drop

• Video and Audio

• Form control

• Local Storage

• Offline database storage

• Drawing on Canvas

• Geolocation

• Offline app cache

• WebSockets

=

and more…

http://html5demos.com/

=

Page 9: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

They are already available

Page 10: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

They look and work just like native apps

HTML5 websiteNative Android app

Page 11: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Support for HTML5 Audio as well as Flash

Page 12: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Support for HTML5 Audio as well as Flash

Page 13: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Automatic scaling for devices

Page 14: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Native drag and drop of files

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

Page 15: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Native audio and video

Playback controls available by default in IE 9

Page 16: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Flash to HTML5

Page 17: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

Resolution & DPI independent images using Canvas, even games

Page 18: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

WebSockets - Two way communication over TCP

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

Page 19: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

IE 9 makes web apps work like native app

Page 20: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

IE 9 makes web apps work like native app

Office Web apps: Lightweight version of Microsoft Office

Page 21: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

IE 9 gives Offline access to apps using AppCache & LocalStorage

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

+No reloadingFaster responseOffline

=

Page 22: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

IE 9 hardware accelerates HTML5

Page 23: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

IE 9 hardware accelerates HTML5

+ =

Page 24: Blurring the difference of Web & Native Apps with HTML 5  & IE 9

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