SlideShare ist ein Scribd-Unternehmen logo
1 von 56
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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
 

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Ähnlich wie 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.
 

Mehr von 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
 

Mehr von 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)
 

Kürzlich hochgeladen

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 

Kürzlich hochgeladen (20)

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 

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