HTML5 로 본 모바일 웹의 미래

서진호 차장 (Jinho.Seo@microsoft.com, @synabreu)Mobile/Embedded Developer EvangelistMicrosoft Koreahttp://blogs.msdn.com/jinhoseo

M/S

61.58%

24.23%

5.61%

4.45%

2.35%

What is the most usable Web Browser?

Opera Safari ChromeFireFox Internet Exploerer

Top Browser Share Trend

NETMARKETSHARE, 2010/FEB

Internet Explorer 8

Firefox 3

Safari

Chrome

Opera

81%

27%

21%

7%

1%

69%

30%

24%

16%

5%

What is the most safe Web Browser?

Feb'09 July'09

Browser Block Rate:Socially Engineered Malware

Really?

Smart Filter

Future Web Camp’09

• 모바일 풀 브라우징 시대 오나 ? 토론회서 제기 , ” 차세대 웹 HTML5, 액티브 X 대체 가능성” <디지털 타임스, 2009년 9월 7일>

• HTML5 등장…모바일 웹의 미래는 ? <디지털 데일리, 2009년 9월 7일>

Native vs. Plug-in

Native vs. Plug-In장점 단점

HTML • 문서 가독만 편리 • 브라우저 앱스 표현 부족

Plug-In • Flash 는 개발하는데 쉽고 편리함 . 국내는 Rich Web 선호 .

• 버전이 업그레이드 되면서 무거움

ActiveX • ActiveX 는 브라우저 확장용 으로 전세계 범용적으로 사용 .

* 초창기 Sandbox 밑의 시스템 접근이 가능하여 바이러스 스캐닝 및 공인 인증서 활용 , 그러나 열린 포트는 공격하기 좋은 대상물

Mobile Web

• 이를 보강하기 위해 W3C 에서 Device API 제안

( 아직 표준으로 채택되지 않음 )

스마트폰이나 넷북과 같은 장치 센서 등을 조작할 수 있는 Native API 호출 불가

History of HTML

1995 1997 1999 2009

HTML 2.0

HTML 3.2

HTML 4.01

HTML 5W3C

Working Draft

• 웹사이트 주소 : http://whatwg.org

• 2004 년 4 월 W3C 웹 애플리케이션 CDF 워크삽

http://www.w3.org/2004/04/webapps-cdf-ws/

• 2004 년 6 월 WHAT WG 결성

(Web Hypertext Application Technology Working Group)

• Web Application 1.0 (Working)

• HTML 에 시맨틱과 구조적 마크업 확장• xForm (WebForm 2.0) 의 메뉴 , 컨트롤 , 툴바 정의• WebSocket 및 Offline Browsing 및 브라우저 환경 개선

• W3C Rich Web Clients 구성

• 2005 년 10 월 결성 – AJAX 및 Widget, Dynamic UI

WHATWG

• Canvas

• Local Storage

• Web Workers

• AppCache

HTML5

• Video

• Datagrid

• GeoLocation

• Device

http://www.whatwg.org/specs/web-apps/current-work/

HTML5 SemanticsHEADER

FOOTER

NAV

S ASIDEARTICLE

SECTION

• 인기 있는 Plug-In 기술들을 Native Web 상에서 모두 구현

• 아직은 Draft 단계로 추후 변경이 많고 확정 되는데 시간이 오래 걸림

• HTML5 가 웹 브라우저 표준에 준수하더라도 국내외 웹 사이트들이 이를 모두 지원해야 함

• W3C Device Description API 가 추천 단계이지만 아직 모바일 웹 브라우저에서 이를 지원하는 브라우저는 없음

HTML5 현황

MIX’10

Windows Phone “7”

MIX’10

Questions?