Download - HTML5 and Mobile Web (2009)
![Page 1: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/1.jpg)
![Page 2: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/2.jpg)
Why HTML5?
• XHTML의 실패• 하위 호환성• 브라우저 간 호환성• 개발자 생산성• 리치 웹 기능• Fixed Bugs
![Page 3: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/3.jpg)
Status of HTML5
•W3C HTML W/G• Microsoft, Apple, Mozilla and Opera
• Google•Working Draft• + Guides
•2012
![Page 4: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/4.jpg)
Spec of HTML5
• Semantic Markup•Web Form• Multimedia• Rich UX• Offline Application• + Bug Fixes
![Page 5: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/5.jpg)
√√ √√ √√ √√
√√ √√ √√ √√
√√ √√ √√ √√
√√ √√ √√ √√
√√ √√ √√ √√
Canvas
Video
(Geolocation)
App Cache
Database
Workers √√ √√ √√ √√
iPhone
mobile
mobile
mobile
![Page 6: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/6.jpg)
![Page 7: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/7.jpg)
WebKit Kills Everything!
Forget !
![Page 8: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/8.jpg)
![Page 9: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/9.jpg)
![Page 10: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/10.jpg)
How many SDKs?
• 애플 아이폰• MS의 윈도 모바일• 구글 안드로이드• 심비안• Palm Mojo
![Page 11: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/11.jpg)
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)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/12.jpg)
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)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/13.jpg)
![Page 14: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/14.jpg)
HTML 5 + CSS 3 + HTML 5 + CSS 3 + Apps Cache + Database APIApps Cache + Database API
![Page 15: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/15.jpg)
![Page 16: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/16.jpg)
![Page 17: HTML5 and Mobile Web (2009)](https://reader030.vdocuments.net/reader030/viewer/2022032506/55ca2c19bb61ebae098b46bc/html5/thumbnails/17.jpg)