html5 and mobile web (2009)

17

Upload: channy-yun

Post on 12-Aug-2015

87.720 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: HTML5 and Mobile Web (2009)
Page 2: HTML5 and Mobile Web (2009)

Why HTML5?

• XHTML의 실패• 하위 호환성• 브라우저 간 호환성• 개발자 생산성• 리치 웹 기능• Fixed Bugs

Page 3: HTML5 and Mobile Web (2009)

Status of HTML5

•W3C HTML W/G• Microsoft, Apple, Mozilla and Opera

• Google•Working Draft• + Guides

•2012

Page 4: HTML5 and Mobile Web (2009)

Spec of HTML5

• Semantic Markup•Web Form• Multimedia• Rich UX• Offline Application• + Bug Fixes

Page 5: HTML5 and Mobile Web (2009)

√√ √√ √√ √√

√√ √√ √√ √√

√√ √√ √√ √√

√√ √√ √√ √√

√√ √√ √√ √√

Canvas

Video

(Geolocation)

App Cache

Database

Workers √√ √√ √√ √√

iPhone

mobile

mobile

mobile

Page 6: HTML5 and Mobile Web (2009)
Page 7: HTML5 and Mobile Web (2009)

WebKit Kills Everything!

Forget !

Page 8: HTML5 and Mobile Web (2009)
Page 9: HTML5 and Mobile Web (2009)
Page 10: HTML5 and Mobile Web (2009)

How many SDKs?

• 애플 아이폰• MS의 윈도 모바일• 구글 안드로이드• 심비안• Palm Mojo

Page 11: HTML5 and Mobile Web (2009)

Integration?• Joint Innovation Lab • = 차이나모바일, 소프트뱅크, 보다폰

• Eclipse pulsar IDE• = Motorola Java ME SDK, Nokia S60 SDK

• Hybrid application framework• = Titanium Mobile, RhoMobile, Phone Gap

Page 12: HTML5 and Mobile Web (2009)

Speaking from personal experience, I've had a lot more fun writing an HTML5 application based on CSS3, the database API, and jQuery that runs out of the box on all of the hot mobile platforms than I ever would have had writing some silly Objective C app for a locked down App Store (or Java for an open one).

Page 13: HTML5 and Mobile Web (2009)
Page 14: HTML5 and Mobile Web (2009)

HTML 5 + CSS 3 + HTML 5 + CSS 3 + Apps Cache + Database APIApps Cache + Database API

Page 15: HTML5 and Mobile Web (2009)
Page 16: HTML5 and Mobile Web (2009)
Page 17: HTML5 and Mobile Web (2009)