- W3C 가개발중인차세대 HTML 표준, HTML5 - 엔터프라이즈관점의 HTML5
2 HTML5 관련최근주요업계동향은?
HTML5 vs (Flash vs Silverlight) 3
<Source: http://www.apple.com/ipad/ready-for-ipad/ > 4 <Source: http://www.apple.com/html5/ >
5 <Source: http://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5>
6
<Source: http://www.computerworld.com/s/article/print/9178558/google_to_use_html5_i n_gmail?taxonomyname=app+development&taxonomyid=11 > 7
Google to use HTML5 in Gmail Speed is a feature Goal is to get Gmail to load in under a second Offline support HTML5's database standards New features downloadurl: a new data transfer protocol HTML6??? Code size 443,000 lines of JavaScript 978,000 lines with comments 8
9 <Source: http://www.html5rocks.com/>
< Source: http://thenextweb.com/apps/2010/03/04/internet-explorer-9-html5-c ompatible-microsoft-joining-antiflash-movement/ > 10
IE9 : HTML5와 GPU 11 <Source: IE9 : HTML5 와 GPU 발표자료 ( 황리건 ) >
MS IE9 Beta 버전출시 : 9/15 HTML5 비디오 / 오디오와 SVG 지원예정 GPU 활용한랜더링기능지원 IE9 공식버전은언제출시??? HTML5 를지원하는모바일브라우저로드맵은??? 12
<Source: http://www.tuaw.com/2010/10/27/report-html 5-web-video-usage-doubled-in-5-months/> 13
14 <Source: http://www.ddaily.co.kr/news/news_view.php?uid=70603 >
<Source: http://www.etnews.co.kr/news/detail.html?i d=201011240161&mc=m_014_00003> 15
16 최근웹플랫폼의진화속도는상당히빠르다?
Change of Circumstances: The Web Platform is Accelerating [ Source : Brad Neuberg ] 17
Change of Circumstances : And It s Solving Key Developer Challenges [ Source : Brad Neuberg ] 18
Change of Circumstances: More Speed [ Source : Brad Neuberg ] 19
20 HTML5 표준개요및특징은?
What is HTML5? Structure and Semantic APIs 21
New Elements in HTML5 New Markup Elements for better structure <article>, <aside>, <command>, <details>, <summary>, <figure>, <figcaption>, <footer>, <header>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>, <rp>, <section>, <time> New Media Elements for media content <audio>, <video>, <source>, <embed> The Canvas Element for drawing <canvas> New Form Elements and Input type attribute values <datalist>, <keygen>, <output> New input type attribute values: email, url, number, range, date, month, week, time, 22 datetime, datetime-local, search, color, etc
Web Forms 23
(Reference) HTML5 elements 28 New Elements are added & 7 elements are changed 24
HTML5 Features Canvas / SVG Local Storage Video / Audio Web Socket Geolocation Web Workers Offline web apps More features Web SQL Database 25
26 HTML5 관련주요표준화현황은?
HTML5 표준화 W3C WGs related with HTML5 27 HTML WG HTML5, HTML+RDFa, HTML Microdata, HTML Canvas 2D Context, HTML: The Markup Language, HTML5 diffs from HTML4, etc Web Applications WG Web Storage, Indexed Database API, File API, Server-Sent Event, Web Sockets API, Web Workers, Programmable HTTP Caching and Serving, Web SQL Database, etc Device APIs and Policy WG Calendar, Contact, Media Capture, Messaging, System Information, File Writer, Gallery, Powerbox, Application Launcher, etc Geolocation WG Geolocation API, DeviceOrientation Event, Acceleration New WGs Web Notification WG, Web Event WG, Web Performance WG
W3C HTML WG Old Milestones ( This schedule was removed ) 2007-05 HTML5 and Web Forms 2.0 specs adopted as basis for review 2007-11 HTML Design Principles First Public Working Draft 2008-02 HTML5 First Public Working Draft 2010-01 HTML5 Last Call Working Draft 2010-12? HTML5 Candidate Recommendation 2012-01? HTML5 Proposed Recommendation 2012-03? HTML5 Recommendation New Milestones (2010/09/07) 2010 년 10 월 1 일 : HTML5 표준초안 Last Call 2011 년 5 월 22 일 : HTML5 표준초안 Last Call 종료 28
W3C HTML5 KIG (Korean Interest Group) 29 <Source: http://www.w3.org/html/ig/ko/overview.ko.h tml>
W3C HTML5 KIG (Korean Interest Group) 참여방법 30 <Source: http://www.w3c.or.kr/html5/w3c-korean-ig-intro.html>
31 브라우저별 HTML5 지원현황은?
Browser Support 32
Browser Support 33 <Source: http://fmbip.com/litmus >
Browser Support 34
HTML5 의첫번째무대는??? 엔터프라이즈에서도??? 35
Gmail for iphone 36
37
< http://techcrunch.com/2010/07/07/youtube-iphone-mobile-html5/ > 38
39
< Source: http://ymobileblog.com/blog/2010/06/30/ya hoo-brings-its-world-class-communicationsexperiences-to-your-android-phone-plus-introduces-t he-all-new-html5-mobile-web-mail/ > 40
41
42 < Source: http://solsie.com/2010/08/yahoo-mail-for- ipad-updated-with-html5- optimization/?utm_source=twitterfeed&utm_medium=twi tter >
e-book and e-magazine 43
44 <Source: http://t.melon.com/pda/tsvc/>
Hybrid 애플리케이션? Native + Web Standards E.g. Daum, google, itunes, etc Move to HTML5 Web App 45
46 엔터프라이즈관점에서 HTML5 활용은?
엔터프라이즈관점에서 HTML5 활용은? 모바일을중심으로적용가능 ( for Mobile Office ) E.g. Facebook, Gmail, Youtube Mobile, HTML5 Yahoo! Mail web app RIA 플랫폼대체영역 ( e.g. Rich UI ) Web Socket 기반으로기존서비스웹으로통합 당분간 Hybrid 애플리케이션활용가능 이슈 개발도구, 표준완료시기, 브라우저상호호환성, 보안 47
48 이원석 (Wonsuk Lee)/ 선임연구원 /Ph.D. ETRI 표준연구센터서비스융합표준연구팀 W3C HTML5 Korean Interest Group 의장 W3C 대한민국사무국코디네이터 / 모바일웹 2.0 포럼 HTML5 AG 의장 W3C Media Annotation WG 에디터 / W3C Device API WG 에디터 / W3C HTML WG / W3C Web Application WG/ W3C Geolocation WG 멤버 Email: wslee@etri.re.kr, wslee@w3.org Phone: 042-860-4893, 010-5800-3997
References [brad Neuberg] Introduction to HTML5, http://codinginparadise.org/presentations/intro_html5.pdf [Mark Pilgrim] Dive into HTML5, http://diveintohtml5.org/ [Nabtron] New Elements introduced in HTML5, http://nabtron.com/new-elements-in-html5/1910/ [W3C HTML WG], http://www.w3.org/html/wg/ [W3C Web Applications WG], http://www.w3.org/2008/webapps/ 49