SlideShare a Scribd company logo
HTML5,
the Evolution of Smart Media

         Seungyun Lee, Ph.D
            <syl@etri.re.kr>
HTML5, the Evolution of Smart Media
HTML5 itself could for a Smart Media !
Thus, HTML5 is a Platform just Future Apps !
         HTML5 is not a be markup!
Adobe to STOP work on Mobile Flash,
       Concentrate on HTML5
HTML5, the Evolution of Smart Media
How do you
think about
 “Web” ?
HTML5, the Evolution of Smart Media
Web 2.0 still hype?
1.	
  The	
  Web	
  As	
  Platform
Web2.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
Web Innovation
Web technology
          makes it possible !


Cross Platform Manageable Easy Deploy   Secure   Cheap
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
            HTML
Fast-t                                               wn
       o   -deve                                 k no
                   lop
                                        we ll-
                                Ve ry
Problem on before Web




                  [Source:BradNeuberg]
HTML5, the Evolution of Smart Media
Fast Web Innovation
The Web is also getting faster
Understanding
 of HTML5
Open Community, 2004


           WHATWG
Web Hypertext Application Technology Working Group
WHATWG, what they have done?




     Web Form 2.0
    Web Application 1.0
New Activities on W3C, 2005


Web Application Format WG
          (Web Form 2.0, Widget, etc.)

          Web API WG
   (XMLHttpRequest, DOM3, File Upload, etc.)
W3C HTML WG created, 2007

 New way of working method !
     (600+ invited experts, open mailing-list)
HTML5, the Evolution of Smart Media
THE TECHNOLOGY
                      Imagination, meet implementation. HTML5 is the
                      cornerstone of the W3C's 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 W3C's open web platform !




                   http://www.w3.org/html/logo/
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart Media
What is “HTML5” ?



  Extension of HTML +
Add “Rich Web Application”
What is “HTML5” ?

Structure and Semantic   APIs
Multimedia                              Video	
  Demo




         http://sublimevideo.net/demo
Multimedia                                        Video	
  +	
  Canvas	
  Demo




    http://people.mozilla.com/~prouget/demos/DynamicContentInjection/play.xhtml
Multimedia                                                 Canvas	
  Demo




       http://webdev.stephband.info/jparallax/demos.html
Multimedia                                             Video	
  +	
  Canvas	
  Demo




  http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/
HTML5 Browser Support




                 Source http://html5readiness.com/
HTML5
                            Enriching
                               mobile apps




“HTML5 will make Web more advanced mobile app”
Mobile Support on HTML5




                    Source http://mobilehtml5.org/
More on HTML5 Info.




See http://www.html5rocks.com/
HTML5 vs Web APIs
Web technologies have become
powerful enough that they are used to
build ”full-featured applications”
Coverage of Web
What can we do by using of Web ?




 Source: http://www.w3.org/2011/02/mobile-web-app-state.html
Standards for Web Applications
WWW




        N-Screen Enabler
Promising Technologies
N-Screen UI
HTML5 + CSS3
      +@
Mobile Web Standards by W3C
What happen to Korea now?




Korea is developing the mobile web standards, MobileOK !
            *to be aligned with W3C MobileWeb Standards
MobileOK *verified sites in Korea
                             Th
                               ese
                               but are n
                                   W ot A
                                     eb pp
                                         !




verified
Issues on HTML5

      Compatibility
      Performance
      Security
      Development Tools
      W3C Milestone
[Ref.] HTML5 Korean Interest Group (KIG)




          http://www.w3.org/html/ig/ko/
HTML5,
 Toward the
Smart Media
Cloud Desktop (OS)
E-Book Applications
Television, new SmartTV ?
Games on the Web
Movie, Film
Open Web Platform
to support Full-potentials
By 2016, more than 2.1 billion mobile devices will have HTML5 browsers,
                     up from just 109 million in 2010.
2011
W3C HTML5 Day
  Conference
         2011.11.17
http://www.w3c.or.kr/Events/html5/
Thank You
Seungyun	
  Lee	
  /	
  Ph.D.
Manager	
  of	
  W3C	
  Korea	
  Office	
  
Convenor	
  of	
  ISO/IEC	
  JTC	
  1	
  SC	
  38	
  	
  SGCC	
  |	
  Study	
  Group	
  on	
  Cloud	
  Computing
Director	
  of	
  Service	
  Convergence	
  Standards	
  Research	
  Team
Standards	
  Research	
  Center,	
  ETRI
Office.	
  +82-­‐42-­‐860-­‐5508,	
  Mobile.	
  +82-­‐10-­‐8720-­‐2954
Email.	
  syl@etri.re.kr,	
  	
  syl@w3.org,	
  	
  bluse2@gmail.com
Twitter	
  @seungyun	
  	
  Facebook	
  @seungyun67

More Related Content

PDF
Tech Stack - Angular
PDF
Imperial Hack Evening
PDF
HTML5 vidéo : Facts and fiction
PPT
Transform your Intranet with Drupal and Alfresco - by Optaros
PPTX
Laurent hasson blackberry
PPTX
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
PPTX
Intro to Front-End Web Devlopment
PDF
What Web Framework To Use?
Tech Stack - Angular
Imperial Hack Evening
HTML5 vidéo : Facts and fiction
Transform your Intranet with Drupal and Alfresco - by Optaros
Laurent hasson blackberry
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
Intro to Front-End Web Devlopment
What Web Framework To Use?

What's hot (20)

PDF
IRJET- Creating Website as a Service using Web Components
PDF
Using alfresco share as a corporate intranet
PDF
Why not Web 2.0 in Korea?
PPTX
Jd greece-2012-joomla-community-abc
PDF
Html5 is ready now ready
PDF
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
PDF
Make your TechComm online/offline available
PPT
HTML5 in Korea (2010)
PPTX
Rich Internet Applications (RIA)
PDF
2011 Mobile & Web technologies
PPTX
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
PDF
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
PDF
HTML5, How to rethink your web strategy
PPTX
HTML5: The next disruptive technology
PDF
KidoZen紹介資料
PDF
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
PPT
MediaMosa + blackboard + android
PDF
Frontend Monoliths: Run if you can!
PDF
Summer training in web designing
IRJET- Creating Website as a Service using Web Components
Using alfresco share as a corporate intranet
Why not Web 2.0 in Korea?
Jd greece-2012-joomla-community-abc
Html5 is ready now ready
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
Make your TechComm online/offline available
HTML5 in Korea (2010)
Rich Internet Applications (RIA)
2011 Mobile & Web technologies
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
HTML5, How to rethink your web strategy
HTML5: The next disruptive technology
KidoZen紹介資料
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
MediaMosa + blackboard + android
Frontend Monoliths: Run if you can!
Summer training in web designing
Ad

Viewers also liked (6)

PPTX
Future-friendly web или почему сегодня круче быть в завтра
PDF
The importance of Linked Media to the Future Web
PPTX
Anno4j - Idiomatic Persistence and Querying for the W3C Annotation Data Model
PDF
차세대 모바일 웹 UI/UX 기술 및 표준화 동향 (기조발표)
PDF
LinkedTV Deliverable 4.7 - Contextualisation and personalisation evaluation a...
PDF
LinkedTV Deliverable 6.5 - Final evaluation of the LinkedTV Scenarios
Future-friendly web или почему сегодня круче быть в завтра
The importance of Linked Media to the Future Web
Anno4j - Idiomatic Persistence and Querying for the W3C Annotation Data Model
차세대 모바일 웹 UI/UX 기술 및 표준화 동향 (기조발표)
LinkedTV Deliverable 4.7 - Contextualisation and personalisation evaluation a...
LinkedTV Deliverable 6.5 - Final evaluation of the LinkedTV Scenarios
Ad

Similar to HTML5, the Evolution of Smart Media (20)

PDF
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
PDF
HTML5 Technical Executive Summary
KEY
Introduction to HTML5/CSS3 In Drupal 7
PDF
Html5 workshop part 1
PDF
East of Toronto .NET Usergroup - Put the 5 in HTML
PPTX
Transforming the web into a real application platform
PDF
PDF
HTML5のご紹介
PPT
HTML5 Webinar - Mind Storm Software
KEY
Intro
PPTX
infoShare 2013: Alan Bird - The Web is Changing the World. Are you READY?
KEY
WHAT IS HTML5? (at CSS Nite Osaka)
PDF
Top 10 Web and HTML5 Predictions for 2013
PDF
#1 - HTML5 Overview
PPTX
The Open Web Platform and You! [Executive version]
PPTX
PPT
IWMW 1997: Next Year's Web
PDF
전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
PDF
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
PDF
HTML5 - Moving from hacks to solutions
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
HTML5 Technical Executive Summary
Introduction to HTML5/CSS3 In Drupal 7
Html5 workshop part 1
East of Toronto .NET Usergroup - Put the 5 in HTML
Transforming the web into a real application platform
HTML5のご紹介
HTML5 Webinar - Mind Storm Software
Intro
infoShare 2013: Alan Bird - The Web is Changing the World. Are you READY?
WHAT IS HTML5? (at CSS Nite Osaka)
Top 10 Web and HTML5 Predictions for 2013
#1 - HTML5 Overview
The Open Web Platform and You! [Executive version]
IWMW 1997: Next Year's Web
전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
HTML5 - Moving from hacks to solutions

More from Seungyun Lee (20)

PDF
Issues on Artificial Intelligence and Future (Standards Perspective)
PDF
Issues on Big Data & Cloud Computing
PDF
MWC 2014 at a glance (with CES2014)
PDF
Web Technology as a Future Media & Platform
PDF
W3C HTML5 Day Conference
PDF
Review of MWC 2013
PDF
Review of Mobile World Congress 2012
PDF
Review of Mobile World Congress 2011
PDF
Cloud computing standards
PDF
Standardization Activities on Cloud Computing
KEY
Mobile web issue_r2
PDF
MobileOK & Future of Mobile Internet
PDF
Mobile Web Standards and its Future
PDF
Mobile Web Standards and Future
PDF
Smartphone Platform Trend
PDF
Green Cloud Computing
PDF
Mobile Web Standards in Korea
PDF
Cloud Computing on ISO/IEC JTC 1
PDF
Mobile Web 2.0 & MobileOK
PDF
Web-based IPTV Service (Beyond IPTV)
Issues on Artificial Intelligence and Future (Standards Perspective)
Issues on Big Data & Cloud Computing
MWC 2014 at a glance (with CES2014)
Web Technology as a Future Media & Platform
W3C HTML5 Day Conference
Review of MWC 2013
Review of Mobile World Congress 2012
Review of Mobile World Congress 2011
Cloud computing standards
Standardization Activities on Cloud Computing
Mobile web issue_r2
MobileOK & Future of Mobile Internet
Mobile Web Standards and its Future
Mobile Web Standards and Future
Smartphone Platform Trend
Green Cloud Computing
Mobile Web Standards in Korea
Cloud Computing on ISO/IEC JTC 1
Mobile Web 2.0 & MobileOK
Web-based IPTV Service (Beyond IPTV)

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PDF
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
cuic standard and advanced reporting.pdf
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
MYSQL Presentation for SQL database connectivity
Big Data Technologies - Introduction.pptx
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
Machine learning based COVID-19 study performance prediction
CIFDAQ's Market Insight: SEC Turns Pro Crypto
The AUB Centre for AI in Media Proposal.docx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Reach Out and Touch Someone: Haptics and Empathic Computing
Chapter 3 Spatial Domain Image Processing.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Spectral efficient network and resource selection model in 5G networks
cuic standard and advanced reporting.pdf
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Understanding_Digital_Forensics_Presentation.pptx
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
GamePlan Trading System Review: Professional Trader's Honest Take
The Rise and Fall of 3GPP – Time for a Sabbatical?
MYSQL Presentation for SQL database connectivity

HTML5, the Evolution of Smart Media

  • 1. HTML5, the Evolution of Smart Media Seungyun Lee, Ph.D <syl@etri.re.kr>
  • 3. HTML5 itself could for a Smart Media ! Thus, HTML5 is a Platform just Future Apps ! HTML5 is not a be markup!
  • 4. Adobe to STOP work on Mobile Flash, Concentrate on HTML5
  • 6. How do you think about “Web” ?
  • 9. 1.  The  Web  As  Platform Web2.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
  • 11. Web technology makes it possible ! Cross Platform Manageable Easy Deploy Secure Cheap
  • 12. 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 HTML Fast-t wn o -deve k no lop we ll- Ve ry
  • 13. Problem on before Web [Source:BradNeuberg]
  • 16. The Web is also getting faster
  • 18. Open Community, 2004 WHATWG Web Hypertext Application Technology Working Group
  • 19. WHATWG, what they have done? Web Form 2.0 Web Application 1.0
  • 20. New Activities on W3C, 2005 Web Application Format WG (Web Form 2.0, Widget, etc.) Web API WG (XMLHttpRequest, DOM3, File Upload, etc.)
  • 21. W3C HTML WG created, 2007 New way of working method ! (600+ invited experts, open mailing-list)
  • 23. THE TECHNOLOGY Imagination, meet implementation. HTML5 is the cornerstone of the W3C's 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 W3C's open web platform ! http://www.w3.org/html/logo/
  • 26. What is “HTML5” ? Extension of HTML + Add “Rich Web Application”
  • 27. What is “HTML5” ? Structure and Semantic APIs
  • 28. Multimedia Video  Demo http://sublimevideo.net/demo
  • 29. Multimedia Video  +  Canvas  Demo http://people.mozilla.com/~prouget/demos/DynamicContentInjection/play.xhtml
  • 30. Multimedia Canvas  Demo http://webdev.stephband.info/jparallax/demos.html
  • 31. Multimedia Video  +  Canvas  Demo http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/
  • 32. HTML5 Browser Support Source http://html5readiness.com/
  • 33. HTML5 Enriching mobile apps “HTML5 will make Web more advanced mobile app”
  • 34. Mobile Support on HTML5 Source http://mobilehtml5.org/
  • 35. More on HTML5 Info. See http://www.html5rocks.com/
  • 36. HTML5 vs Web APIs
  • 37. Web technologies have become powerful enough that they are used to build ”full-featured applications”
  • 38. Coverage of Web What can we do by using of Web ? Source: http://www.w3.org/2011/02/mobile-web-app-state.html
  • 39. Standards for Web Applications
  • 40. WWW N-Screen Enabler Promising Technologies
  • 43. What happen to Korea now? Korea is developing the mobile web standards, MobileOK ! *to be aligned with W3C MobileWeb Standards
  • 44. MobileOK *verified sites in Korea Th ese but are n W ot A eb pp ! verified
  • 45. Issues on HTML5 Compatibility Performance Security Development Tools W3C Milestone
  • 46. [Ref.] HTML5 Korean Interest Group (KIG) http://www.w3.org/html/ig/ko/
  • 53. Open Web Platform to support Full-potentials
  • 54. By 2016, more than 2.1 billion mobile devices will have HTML5 browsers, up from just 109 million in 2010.
  • 55. 2011 W3C HTML5 Day Conference 2011.11.17 http://www.w3c.or.kr/Events/html5/
  • 56. Thank You Seungyun  Lee  /  Ph.D. Manager  of  W3C  Korea  Office   Convenor  of  ISO/IEC  JTC  1  SC  38    SGCC  |  Study  Group  on  Cloud  Computing Director  of  Service  Convergence  Standards  Research  Team Standards  Research  Center,  ETRI Office.  +82-­‐42-­‐860-­‐5508,  Mobile.  +82-­‐10-­‐8720-­‐2954 Email.  syl@etri.re.kr,    syl@w3.org,    bluse2@gmail.com Twitter  @seungyun    Facebook  @seungyun67