html5, the evolution of smart media

56
Seungyun Lee, Ph.D <syl@ etri.re.kr> HTML5 , the Evolution of Smart Media

Upload: seungyun-lee

Post on 08-May-2015

3.190 views

Category:

Technology


6 download

DESCRIPTION

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

TRANSCRIPT

Page 1: HTML5, the Evolution of Smart Media

Seungyun Lee, Ph.D<[email protected]>

HTML5,the Evolution of Smart Media

Page 2: HTML5, the Evolution of Smart Media
Page 3: HTML5, the Evolution of Smart Media

HTML5 is not a just markup!HTML5 is a Platform for Future Apps !Thus, HTML5 itself could be a Smart Media !

Page 5: HTML5, the Evolution of Smart Media
Page 6: HTML5, the Evolution of Smart Media

How do you think about“Web” ?

Page 7: HTML5, the Evolution of Smart Media

웹은 더이상 단순한 도구가 아니다 !

Page 8: HTML5, the Evolution of Smart Media

Web 2.0 still hype?

Page 9: HTML5, the Evolution of Smart Media

The  Web  As  Platform

1.  The  Web  As  Platform2.  Harnessing  Collective  Intelligence3.  Data  is  the  Next  Intel  Inside4.  End  of  the  Software  Release  Cycle5.  Lightweight  Programming  Models6.  Software  Above  the  Level  of  a  Single  Device7.  Rich  User  Experiences

Web2.0 7 Principles

Harnessing  Collective  IntelligenceData  is  the  Next  Intel  InsideEnd  of  the  Software  Release  Cycle  Lightweight  Programming  Models

Software  Above  the  Level  of  a  Single  Device

Rich  User  Experiences

Page 10: HTML5, the Evolution of Smart Media

Web Innovation

Page 11: HTML5, the Evolution of Smart Media

Web technologymakes it possible !

Cross Platform Manageable Easy Deploy Secure Cheap

Page 12: HTML5, the Evolution of Smart Media

Web Standards means,

HTML

CSS

JavaScript

Simple

Easy-to-test

Very well-knownFast-to-develop

Very LightWhat do we need more ?

Current Web is not just Hyper Text, but Dynamic Application

Page 13: HTML5, the Evolution of Smart Media

Problem on before Web

[����������� ������������������  Source����������� ������������������  :����������� ������������������  Brad����������� ������������������  Neuberg����������� ������������������  ]

Page 14: HTML5, the Evolution of Smart Media

비표준 웹 콘텐츠의 난무?

Page 15: HTML5, the Evolution of Smart Media

Fast Web Innovation

Page 16: HTML5, the Evolution of Smart Media

The Web is also getting faster

Page 17: HTML5, the Evolution of Smart Media

Understandingof HTML5

Page 18: HTML5, the Evolution of Smart Media

WHATWGWeb Hypertext Application Technology Working Group

Open Community, 2004

Page 19: HTML5, the Evolution of Smart Media

WHATWG, what they have done?

Web Form 2.0Web Application 1.0

Page 20: HTML5, the Evolution of Smart Media

New Activities on W3C, 2005

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

Web API WG(XMLHttpRequest, DOM3, File Upload, etc.)

Page 21: HTML5, the Evolution of Smart Media

W3C HTML WG created, 2007

New way of working method !(600+ invited experts, open mailing-list)

Page 22: HTML5, the Evolution of Smart Media
Page 23: HTML5, the Evolution of Smart Media

THE TECHNOLOGYImagination, 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.

http://www.w3.org/html/logo/

HTML5 is the cornerstone of the W3C's open web platform !

Page 24: HTML5, the Evolution of Smart Media
Page 25: HTML5, the Evolution of Smart Media
Page 26: HTML5, the Evolution of Smart Media

What is “HTML5” ?

Extension of HTML +Add “Rich Web Application”

Page 27: HTML5, the Evolution of Smart Media

Structure and Semantic APIs

What is “HTML5” ?

Page 30: HTML5, the Evolution of Smart Media

Multimedia Canvas  Demo

http://webdev.stephband.info/jparallax/demos.html

Page 33: HTML5, the Evolution of Smart Media

HTML5Enriching

mobile apps

“HTML5 will make Web more advanced mobile app”

Page 34: HTML5, the Evolution of Smart Media

Source> http://mobilehtml5.org/

Mobile Support on HTML5

Page 35: HTML5, the Evolution of Smart Media

More on HTML5 Info.

See http://www.html5rocks.com/

Page 36: HTML5, the Evolution of Smart Media

HTML5 vs Web APIs

HTML5가 전부가 아니다 !

Page 37: HTML5, the Evolution of Smart Media

Web technologies have become

powerful enough that they are used to

build ”full-featured applications”

Page 38: HTML5, the Evolution of Smart Media

Coverage of Web

Source: http://www.w3.org/2011/02/mobile-web-app-state.html

What can we do by using of Web ?

Page 39: HTML5, the Evolution of Smart Media

Standards for Web Applications

Page 40: HTML5, the Evolution of Smart Media

Promising Technologies

WWW

N-Screen Enabler

Page 41: HTML5, the Evolution of Smart Media

HTML5 + CSS3

N-Screen UI

+ @

Page 42: HTML5, the Evolution of Smart Media

Mobile Web Standards by W3C

Page 43: HTML5, the Evolution of Smart Media

What happen to Korea now?

Korea is developing the mobile web standards, MobileOK !*to be aligned with W3C MobileWeb Standards

Page 44: HTML5, the Evolution of Smart Media

MobileOK *verified sites in KoreaThese are not App

but Web!

verified

Page 45: HTML5, the Evolution of Smart Media

Issues on HTML5

Compatibility

Performance

Security

Development Tools

W3C Milestone

Page 46: HTML5, the Evolution of Smart Media

http://www.w3.org/html/ig/ko/

[Ref.] HTML5 Korean Interest Group (KIG)

Page 47: HTML5, the Evolution of Smart Media

HTML5,Toward the

Smart Media

Page 49: HTML5, the Evolution of Smart Media

E-Book Applications

Page 50: HTML5, the Evolution of Smart Media

Television, new SmartTV ?

Page 51: HTML5, the Evolution of Smart Media

Games on the Web

Page 53: HTML5, the Evolution of Smart Media

Open Web Platform to support Full-potentials

Page 54: HTML5, the Evolution of Smart Media

By 2016, more than 2.1 billion mobile devices will have HTML5 browsers, up from just 109 million in 2010.

Page 55: HTML5, the Evolution of Smart Media

2011W3C HTML5 Day

Conference

http://www.w3c.or.kr/Events/html5/

2011.11.17

Page 56: HTML5, the Evolution of Smart Media

Thank You

Seungyun  Lee  /  Ph.D.Manager  of  W3C  Korea  Office  Convenor  of  ISO/IEC  JTC  1  SC  38    SGCC  |  Study  Group  on  Cloud  ComputingDirector  of  Service  Convergence  Standards  Research  TeamStandards  Research  Center,  ETRIOffice.  +82-­‐42-­‐860-­‐5508,  Mobile.  +82-­‐10-­‐8720-­‐2954Email.  [email protected],    [email protected],    [email protected]  @seungyun    Facebook  @seungyun67