HTML 5 The Web Gets Richer

uglyveinInternet και Εφαρμογές Web

24 Ιουν 2012 (πριν από 5 χρόνια και 1 μήνα)

317 εμφανίσεις

HTML 5


The Web Gets Richer

Andrew J. Brust

Chief, New Technology



andrew.brust@bluebadgeinsights.com

@
andrewbrust

Who Am I?


“Redmond Review” columnist, “Redmond Diary”
blogger for
Visual Studio Magazine

and
Redmond
Developer News


Microsoft Regional Director, MVP


Member, Microsoft BI Partner Advisory Council


Co
-
moderator, NYC .NET Developers Group


Chief, New Technology, twentysix New York


Microsoft Gold Certified Partner


BI, Integration, Portals, Custom .NET development

Orthogonal, But a Plug is a Plug

History Lesson


Mainframes and minis, hosts and terminals


The PC revolution


The Web


Original intent


Adding forms capabilities + script


AJAX


“Stack of hacks?”


jQuery



HTML 5 changes this

HTML 5: The Big Stuff


Media and Presentation Enhancements:


Embedded audio and video


Drawing and 3D transforms


Better fonts/typography


Application Development Enhancements:


Enhancements to form and input tags


Caching, SQL Storage

HTML 5: Other Stuff


Geolocation


Web workers (multi
-
threading)


Web sockets


Enhanced scripting, eventing model

Embedded Audio and Video


No Flash, Silverlight or other plug
-
in needed


Very important for iOS/iPad


Embeds the media and player with controls


Codecs


H.264, championed by Microsoft and Apple


Ogg Vorbis, previously championed by everyone
else


VP8/WebM, championed by Google, and growing

Media Potential

2D Drawing


<canvas> tag allows graphics to be rendered
via markup


Add script and you have animation


Scalable Vector Graphics (SVG) similar but
separate spec


Some browser
-
specific enhancements exist


Allows for games without plug
-
ins

Drawing and Animation

Application
-
Oriented Features


Extensions to type= attribute on <input> tag


Addition of <datalist> tag and list attribute


autocomplete, autofocus, required attributes


Only Opera fully implements (crudely)



Not innovative, but powerful when built
-
in


Greatly reduces script


Makes HTML much more LOB
-
friendly


Input and Form Enhancements

Client
-
Side Features


Drag & drop


Local storage, session storage


SQL storage!


Cache manifest



Gives Web apps:


Offline capability


Local database functionality


Richness that encroaches on Windows, Mac OS,
Flash/Flex/AIR, Silverlight

Client
-
Side Features

HTML 5 and Today’s Browsers


Internet Explorer has very little


FireFox has some (no SQL storage though)


WebKit (i.e. Safari and Chrome) have a lot


Mobile WebKit has some


<input> enhancements serve as specialized keyboard hints


Opera has perhaps the most

HTML 5 and IE9


Has <audio>, <video>, <canvas>, SVG, Font,
JavaScript enhancements


Will it have <form> and <input>
enhancements?


Will it have offline?


Likely will not have SQL storage

Politics of HTML 5


The W3C


The WHATWG


Founders include employees of Apple, Mozilla and
Opera


The role of Ian Hickson


The WHATWG
-
WebKit nightly build feedback
loop


Fait accompli
?



Impact


On Adobe


On Apple


On Microsoft


On Google



On the desktop

Next Steps


Ratification (whole process could be
12 years
)


Implementation by all browsers, including IE


Media industry (including Adult media) must
place their bets


Enterprise development market must decide
on adoption

Resources


http://html5demos.com


http://www.w3schools.com/html5


http://www.kesiev.com/akihabara/


http://www.youtube.com/html5


http://webkit.org/blog/386/3d
-
transforms/