HTML5, the Evolution of Smart Media

3,951 views

Published on

Recent advances in Web technologies across the IT environment, gets a big paradigm shift, and Web 2.0 has started changing with the advent of the Web service beyond just information technology as a platform of expression has led to the evolution. In particular, the HTML5 known as the next generation of mark-up languages, led to revolutionary changes of the environment and the new media era is expected to be the future core platform. This lecture will introduce the implications of Web technologies, history of HTML5 and its main features and the role of HTM5 as Smart Media.

Published in: Technology

HTML5, the Evolution of Smart Media

  1. 1. HTML5,the Evolution of Smart Media Seungyun Lee, Ph.D <syl@etri.re.kr>
  2. 2. HTML5 itself could for a Smart Media !Thus, HTML5 is a Platform just Future Apps ! HTML5 is not a be markup!
  3. 3. Adobe to STOP work on Mobile Flash, Concentrate on HTML5
  4. 4. How do youthink about “Web” ?
  5. 5. Web 2.0 still hype?
  6. 6. 1.  The  Web  As  PlatformWeb2.0 7 Principles 2.  Harnessing  Collective  Intelligence 3.  Data  is  the  Next  Intel  Inside 4.  End  of  the  Software  Release  Cycle 5.  Lightweight  Programming  Models 6.  Software  Above  the  Level  of  a  Single  Device 7.  Rich  User  Experiences  End  of  the  the  NAs  PIlatform Cycle Harnessing  Ceb   ext   ntel  Inside Lightweight  Programming  Models Data  is  W ollective  elease   The   Software  R Intelligence Software  Above  the  Level  of  a  Single  Device Rich  User  Experiences
  7. 7. Web Innovation
  8. 8. Web technology makes it possible !Cross Platform Manageable Easy Deploy Secure Cheap
  9. 9. Web Standards means,Current Web is not just Hyper Text, but Dynamic Application Eas le y-to p -tes im CSS t S What do we need more ? h t JavaScript Lig y Ver HTMLFast-t wn o -deve k no lop we ll- Ve ry
  10. 10. Problem on before Web [Source:BradNeuberg]
  11. 11. Fast Web Innovation
  12. 12. The Web is also getting faster
  13. 13. Understanding of HTML5
  14. 14. Open Community, 2004 WHATWGWeb Hypertext Application Technology Working Group
  15. 15. WHATWG, what they have done? Web Form 2.0 Web Application 1.0
  16. 16. New Activities on W3C, 2005Web Application Format WG (Web Form 2.0, Widget, etc.) Web API WG (XMLHttpRequest, DOM3, File Upload, etc.)
  17. 17. W3C HTML WG created, 2007 New way of working method ! (600+ invited experts, open mailing-list)
  18. 18. THE TECHNOLOGY Imagination, meet implementation. HTML5 is the cornerstone of the W3Cs open web platform; a framework designed to support innovation and foster the full potential the web has to offer. Heralding this revolutionary collection of tools and standards, the HTML5 identity system provides the visual vocabulary to clearly classify and communicate our collective efforts.HTML5 is the cornerstone of the W3Cs open web platform ! http://www.w3.org/html/logo/
  19. 19. What is “HTML5” ? Extension of HTML +Add “Rich Web Application”
  20. 20. What is “HTML5” ?Structure and Semantic APIs
  21. 21. Multimedia Video  Demo http://sublimevideo.net/demo
  22. 22. Multimedia Video  +  Canvas  Demo http://people.mozilla.com/~prouget/demos/DynamicContentInjection/play.xhtml
  23. 23. Multimedia Canvas  Demo http://webdev.stephband.info/jparallax/demos.html
  24. 24. Multimedia Video  +  Canvas  Demo http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/
  25. 25. HTML5 Browser Support Source http://html5readiness.com/
  26. 26. HTML5 Enriching mobile apps“HTML5 will make Web more advanced mobile app”
  27. 27. Mobile Support on HTML5 Source http://mobilehtml5.org/
  28. 28. More on HTML5 Info.See http://www.html5rocks.com/
  29. 29. HTML5 vs Web APIs
  30. 30. Web technologies have becomepowerful enough that they are used tobuild ”full-featured applications”
  31. 31. Coverage of WebWhat can we do by using of Web ? Source: http://www.w3.org/2011/02/mobile-web-app-state.html
  32. 32. Standards for Web Applications
  33. 33. WWW N-Screen EnablerPromising Technologies
  34. 34. N-Screen UIHTML5 + CSS3 +@
  35. 35. Mobile Web Standards by W3C
  36. 36. What happen to Korea now?Korea is developing the mobile web standards, MobileOK ! *to be aligned with W3C MobileWeb Standards
  37. 37. MobileOK *verified sites in Korea Th ese but are n W ot A eb pp !verified
  38. 38. Issues on HTML5 Compatibility Performance Security Development Tools W3C Milestone
  39. 39. [Ref.] HTML5 Korean Interest Group (KIG) http://www.w3.org/html/ig/ko/
  40. 40. HTML5, Toward theSmart Media
  41. 41. Cloud Desktop (OS)
  42. 42. E-Book Applications
  43. 43. Television, new SmartTV ?
  44. 44. Games on the Web
  45. 45. Movie, Film
  46. 46. Open Web Platformto support Full-potentials
  47. 47. By 2016, more than 2.1 billion mobile devices will have HTML5 browsers, up from just 109 million in 2010.
  48. 48. 2011W3C HTML5 Day Conference 2011.11.17http://www.w3c.or.kr/Events/html5/
  49. 49. Thank YouSeungyun  Lee  /  Ph.D.Manager  of  W3C  Korea  Office  Convenor  of  ISO/IEC  JTC  1  SC  38    SGCC  |  Study  Group  on  Cloud  ComputingDirector  of  Service  Convergence  Standards  Research  TeamStandards  Research  Center,  ETRIOffice.  +82-­‐42-­‐860-­‐5508,  Mobile.  +82-­‐10-­‐8720-­‐2954Email.  syl@etri.re.kr,    syl@w3.org,    bluse2@gmail.comTwitter  @seungyun    Facebook  @seungyun67

×