(Microsoft PowerPoint \277\243\305\315\307\301\266\363\300\314\301\356 \260\374\301\241\300\307 HTML5)

Size: px

Start display at page:

Download "(Microsoft PowerPoint \277\243\305\315\307\301\266\363\300\314\301\356 \260\374\301\241\300\307 HTML5)"

태조 국
6 years ago
Views:

1 - W3C 가개발중인차세대 HTML 표준, HTML5 - 엔터프라이즈관점의 HTML5

2 2 HTML5 관련최근주요업계동향은?

3 HTML5 vs (Flash vs Silverlight) 3

4 <Source: > 4 <Source: >

5 5 <Source:

6 6

7 <Source: n_gmail?taxonomyname=app+development&taxonomyid=11 > 7

8 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 9 <Source:

10 < Source: ompatible-microsoft-joining-antiflash-movement/ > 10

11 IE9 : HTML5와 GPU 11 <Source: IE9 : HTML5 와 GPU 발표자료 ( 황리건 ) >

12 MS IE9 Beta 버전출시 : 9/15 HTML5 비디오 / 오디오와 SVG 지원예정 GPU 활용한랜더링기능지원 IE9 공식버전은언제출시??? HTML5 를지원하는모바일브라우저로드맵은??? 12

13 <Source: 5-web-video-usage-doubled-in-5-months/> 13

14 14 <Source: >

15 <Source: d= &mc=m_014_00003> 15

16 16 최근웹플랫폼의진화속도는상당히빠르다?

17 Change of Circumstances: The Web Platform is Accelerating [ Source : Brad Neuberg ] 17

18 Change of Circumstances : And It s Solving Key Developer Challenges [ Source : Brad Neuberg ] 18

19 Change of Circumstances: More Speed [ Source : Brad Neuberg ] 19

20 20 HTML5 표준개요및특징은?

21 What is HTML5? Structure and Semantic APIs 21

22 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: , url, number, range, date, month, week, time, 22 datetime, datetime-local, search, color, etc

23 Web Forms 23

24 (Reference) HTML5 elements 28 New Elements are added & 7 elements are changed 24

25 HTML5 Features Canvas / SVG Local Storage Video / Audio Web Socket Geolocation Web Workers Offline web apps More features Web SQL Database 25

26 26 HTML5 관련주요표준화현황은?

27 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

28 W3C HTML WG Old Milestones ( This schedule was removed ) HTML5 and Web Forms 2.0 specs adopted as basis for review HTML Design Principles First Public Working Draft HTML5 First Public Working Draft HTML5 Last Call Working Draft ? HTML5 Candidate Recommendation ? HTML5 Proposed Recommendation ? HTML5 Recommendation New Milestones (2010/09/07) 2010 년 10 월 1 일 : HTML5 표준초안 Last Call 2011 년 5 월 22 일 : HTML5 표준초안 Last Call 종료 28

29 W3C HTML5 KIG (Korean Interest Group) 29 <Source: tml>

30 W3C HTML5 KIG (Korean Interest Group) 참여방법 30 <Source:

31 31 브라우저별 HTML5 지원현황은?

32 Browser Support 32

33 Browser Support 33 <Source: >

34 Browser Support 34

35 HTML5 의첫번째무대는??? 엔터프라이즈에서도??? 35

36 Gmail for iphone 36

37 37

38 < > 38

39 39

40 < Source: hoo-brings-its-world-class-communicationsexperiences-to-your-android-phone-plus-introduces-t he-all-new-html5-mobile-web-mail/ > 40

41 41

42 42 < Source: ipad-updated-with-html5- optimization/?utm_source=twitterfeed&utm_medium=twi tter >

43 e-book and e-magazine 43

44 44 <Source:

45 Hybrid 애플리케이션? Native + Web Standards E.g. Daum, google, itunes, etc Move to HTML5 Web App 45

46 46 엔터프라이즈관점에서 HTML5 활용은?

47 엔터프라이즈관점에서 HTML5 활용은? 모바일을중심으로적용가능 ( for Mobile Office ) E.g. Facebook, Gmail, Youtube Mobile, HTML5 Yahoo! Mail web app RIA 플랫폼대체영역 ( e.g. Rich UI ) Web Socket 기반으로기존서비스웹으로통합 당분간 Hybrid 애플리케이션활용가능 이슈 개발도구, 표준완료시기, 브라우저상호호환성, 보안 47

Device API WG 에디터 / W3C HTML WG / W3C Web Application

48 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 멤버 wslee@etri.re.kr, wslee@w3.org Phone: ,

49 References [brad Neuberg] Introduction to HTML5, [Mark Pilgrim] Dive into HTML5, [Nabtron] New Elements introduced in HTML5, [W3C HTML WG], [W3C Web Applications WG], 49

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을 동 향 제 23 권 5호 통권 504호 HTML5가 웹 환경에 미치는 영향 이 은 민 * 16) 1. 개 요 구글(Google)은 2010년 5월 구글 I/O 개발자 컨퍼런스에서 HTML5를 통해 플러 그인의 사용이 줄어들고 프로그램 다운로드 및 설치가 필요 없는 브라우저 기반 웹 플랫폼 환경이 점차 구현되고 있다고 강조했다. 그리고 애플(Apple)은 2010년