SlideShare a Scribd company logo
1 of 56
Download to read offline
HTML5,
the Evolution of Smart Media

         Seungyun Lee, Ph.D
            <syl@etri.re.kr>
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
How do you
think about
 “Web” ?
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]
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)
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/
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

What's hot

IRJET- Creating Website as a Service using Web Components
IRJET-  	  Creating Website as a Service using Web ComponentsIRJET-  	  Creating Website as a Service using Web Components
IRJET- Creating Website as a Service using Web ComponentsIRJET Journal
 
Using alfresco share as a corporate intranet
Using alfresco share as a corporate intranetUsing alfresco share as a corporate intranet
Using alfresco share as a corporate intranetAlfresco Software
 
Why not Web 2.0 in Korea?
Why not Web 2.0 in Korea?Why not Web 2.0 in Korea?
Why not Web 2.0 in Korea?Channy Yun
 
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)gjuljo
 
Make your TechComm online/offline available
Make your TechComm online/offline availableMake your TechComm online/offline available
Make your TechComm online/offline availableGeorg Eck
 
HTML5 in Korea (2010)
HTML5 in Korea (2010)HTML5 in Korea (2010)
HTML5 in Korea (2010)Channy Yun
 
Rich Internet Applications (RIA)
Rich Internet Applications (RIA)Rich Internet Applications (RIA)
Rich Internet Applications (RIA)guest3214e8
 
2011 Mobile & Web technologies
2011 Mobile & Web technologies 2011 Mobile & Web technologies
2011 Mobile & Web technologies JungHyuk Kwon
 
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez
 
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
(2015년 상반기) HTML5 및 Hybrid app 최신 동향(2015년 상반기) HTML5 및 Hybrid app 최신 동향
(2015년 상반기) HTML5 및 Hybrid app 최신 동향Wonsuk Lee
 
HTML5, How to rethink your web strategy
HTML5, How to rethink your web strategyHTML5, How to rethink your web strategy
HTML5, How to rethink your web strategyFabernovel
 
HTML5: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technologyLinda Jacobson
 
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMIBACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMIbacmove
 
MediaMosa + blackboard + android
MediaMosa  + blackboard + androidMediaMosa  + blackboard + android
MediaMosa + blackboard + androidMediaMosa
 
Frontend Monoliths: Run if you can!
Frontend Monoliths: Run if you can!Frontend Monoliths: Run if you can!
Frontend Monoliths: Run if you can!Jonas Bandi
 
Summer training in web designing
Summer training in web designingSummer training in web designing
Summer training in web designingDUCC Systems
 

What's hot (20)

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

Viewers also liked

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

Viewers also liked (6)

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

Similar to HTML5, the Evolution of Smart Media

Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1NAILBITER
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Jonathan Jeon
 
Introduction to HTML5/CSS3 In Drupal 7
Introduction to HTML5/CSS3 In Drupal 7Introduction to HTML5/CSS3 In Drupal 7
Introduction to HTML5/CSS3 In Drupal 7Mediacurrent
 
Advanced Web Technology Microsoft Silverlight
Advanced Web Technology   Microsoft SilverlightAdvanced Web Technology   Microsoft Silverlight
Advanced Web Technology Microsoft Silverlightanandk10
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive SummaryGilad Khen
 
MyMobileWeb Certification Part I
MyMobileWeb Certification Part IMyMobileWeb Certification Part I
MyMobileWeb Certification Part Icrdlc
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7Hisham Mat Hussin
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)AI4BD GmbH
 
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 TechnologiesAnvith K.S.
 
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 TechnologiesAnvith K.S.
 
Developing with HTML5
Developing with HTML5Developing with HTML5
Developing with HTML5Ray Wong
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEdgar Parada
 
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy Apigee | Google Cloud
 
Native is easy. Web is essential.
Native is easy. Web is essential.Native is easy. Web is essential.
Native is easy. Web is essential.Jason Grigsby
 

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

Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial
 
Qnx html5 hmi
Qnx html5 hmiQnx html5 hmi
Qnx html5 hmi
 
Introduction to HTML5/CSS3 In Drupal 7
Introduction to HTML5/CSS3 In Drupal 7Introduction to HTML5/CSS3 In Drupal 7
Introduction to HTML5/CSS3 In Drupal 7
 
Html5 overview
Html5 overviewHtml5 overview
Html5 overview
 
Advanced Web Technology Microsoft Silverlight
Advanced Web Technology   Microsoft SilverlightAdvanced Web Technology   Microsoft Silverlight
Advanced Web Technology Microsoft Silverlight
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive Summary
 
MyMobileWeb Certification Part I
MyMobileWeb Certification Part IMyMobileWeb Certification Part I
MyMobileWeb Certification Part I
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
 
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
 
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
 
Developing with HTML5
Developing with HTML5Developing with HTML5
Developing with HTML5
 
Modern Web Applications
Modern Web ApplicationsModern Web Applications
Modern Web Applications
 
HTML 5 - A developers perspective
HTML 5 - A developers perspectiveHTML 5 - A developers perspective
HTML 5 - A developers perspective
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 min
 
Intel AppUp Day Bologna
Intel AppUp Day BolognaIntel AppUp Day Bologna
Intel AppUp Day Bologna
 
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy
 
Native is easy. Web is essential.
Native is easy. Web is essential.Native is easy. Web is essential.
Native is easy. Web is essential.
 

More from Seungyun Lee

Issues on Artificial Intelligence and Future (Standards Perspective)
Issues on Artificial Intelligence  and Future (Standards Perspective)Issues on Artificial Intelligence  and Future (Standards Perspective)
Issues on Artificial Intelligence and Future (Standards Perspective)Seungyun Lee
 
Issues on Big Data & Cloud Computing
Issues on Big Data & Cloud Computing Issues on Big Data & Cloud Computing
Issues on Big Data & Cloud Computing Seungyun Lee
 
MWC 2014 at a glance (with CES2014)
MWC 2014 at a glance (with CES2014)MWC 2014 at a glance (with CES2014)
MWC 2014 at a glance (with CES2014)Seungyun Lee
 
Web Technology as a Future Media & Platform
Web Technology as a Future Media & PlatformWeb Technology as a Future Media & Platform
Web Technology as a Future Media & PlatformSeungyun Lee
 
W3C HTML5 Day Conference
W3C HTML5 Day ConferenceW3C HTML5 Day Conference
W3C HTML5 Day ConferenceSeungyun Lee
 
Review of MWC 2013
Review of MWC 2013Review of MWC 2013
Review of MWC 2013Seungyun Lee
 
Review of Mobile World Congress 2012
Review of Mobile World Congress 2012Review of Mobile World Congress 2012
Review of Mobile World Congress 2012Seungyun Lee
 
Review of Mobile World Congress 2011
Review of Mobile World Congress 2011Review of Mobile World Congress 2011
Review of Mobile World Congress 2011Seungyun Lee
 
Cloud computing standards
Cloud computing standardsCloud computing standards
Cloud computing standardsSeungyun Lee
 
Standardization Activities on Cloud Computing
Standardization Activities on Cloud ComputingStandardization Activities on Cloud Computing
Standardization Activities on Cloud ComputingSeungyun Lee
 
Mobile web issue_r2
Mobile web issue_r2Mobile web issue_r2
Mobile web issue_r2Seungyun Lee
 
MobileOK & Future of Mobile Internet
MobileOK & Future of Mobile InternetMobileOK & Future of Mobile Internet
MobileOK & Future of Mobile InternetSeungyun Lee
 
Mobile Web Standards and its Future
Mobile Web  Standards and its FutureMobile Web  Standards and its Future
Mobile Web Standards and its FutureSeungyun Lee
 
Mobile Web Standards and Future
Mobile Web  Standards and FutureMobile Web  Standards and Future
Mobile Web Standards and FutureSeungyun Lee
 
Smartphone Platform Trend
Smartphone Platform TrendSmartphone Platform Trend
Smartphone Platform TrendSeungyun Lee
 
Green Cloud Computing
Green Cloud ComputingGreen Cloud Computing
Green Cloud ComputingSeungyun Lee
 
Mobile Web Standards in Korea
Mobile Web Standards in KoreaMobile Web Standards in Korea
Mobile Web Standards in KoreaSeungyun Lee
 
Cloud Computing on ISO/IEC JTC 1
Cloud Computing on ISO/IEC JTC 1Cloud Computing on ISO/IEC JTC 1
Cloud Computing on ISO/IEC JTC 1Seungyun Lee
 
Mobile Web 2.0 & MobileOK
Mobile Web 2.0 & MobileOKMobile Web 2.0 & MobileOK
Mobile Web 2.0 & MobileOKSeungyun Lee
 
Web-based IPTV Service (Beyond IPTV)
Web-based IPTV Service (Beyond IPTV)Web-based IPTV Service (Beyond IPTV)
Web-based IPTV Service (Beyond IPTV)Seungyun Lee
 

More from Seungyun Lee (20)

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

Recently uploaded

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 

Recently uploaded (20)

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 

HTML5, the Evolution of Smart Media

  • 1. HTML5, the Evolution of Smart Media Seungyun Lee, Ph.D <syl@etri.re.kr>
  • 2.
  • 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
  • 5.
  • 6. How do you think about “Web” ?
  • 7.
  • 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]
  • 14.
  • 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)
  • 22.
  • 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/
  • 24.
  • 25.
  • 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