2012 predictions for mobile web and html5
DESCRIPTION
18th MobileWebAppsCamp에서 발표했던 자료입니다.TRANSCRIPT
![Page 1: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/1.jpg)
2012년도, 낭만 모바일 웹과 HTML5 전망
Jonghong JeonETRI, SRC
Email: [email protected] Blog: http://mobile2.tistory.com
http://twitter.com/hollobit
http://www.etri.re.kr
![Page 2: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/2.jpg)
2
2011년 예상 (2010년 FutureCamp)
1 2 3 4 5 6 7 8 9 10 11 12
iPhone 5출시
iPad 2발표
iPad 2출시
WAC 단말 발표
Galaxy Tab 2출시
Galaxy Tab 2발표
Nexus Two국내출시
iPhone 5발표
Nexus Three발표
Nexus Three국내출시
HTC Win7 시리즈
iOS 5.0iOS 4.3 iOS 5.2
http://en.wikipedia.org/wiki/IOS_version_history
http://en.wikipedia.org/wiki/Android_(operating_system)
Android 3.0(Honeycomb)
Android 3.2
보급형스마트폰활성화
새로운제조사들의출현(소니, 필립스…)
모바일커머스의변화
3G망의부하가중
LTE망과단말등장
![Page 3: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/3.jpg)
3
마구잡이 2011년도 전망
1. 오빠 시리즈의 유행2. 스마트 포르노의 등장3. 멀티 디바이스 협력 증가 : N-Screen, M2M, S2D4. 웹 하드와 클라우드의 결합5. 삼성 갤럭시 TV : 구글TV, 애플TV6. 복합 음성처리 기능 증가 : SMS 보내기, 트위, 편지쓰기7. 어디서든 무엇이든 체크인8. 보급형 스마트폰 확산: 스마트폰과 피처폰 경계가 희미9. 국내 스마트폰 사용자 2000만10. 아이폰5 vs. 갤스2, 아이패드2 vs. 갤탭2, 아이팟 vs. 갤프
![Page 4: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/4.jpg)
4
모바일 HTML5의 가능성
1. 새로운 웹 환경 : 새로운 모바일 웹, 유무선 통합2. Multi-Screen, Multi-Device, Multi-Platform의 해결사3. HTML5 Apps : HTML5 앱의 성장4. 애플/구글 지배로부터의 탈출구5. UI/UX 부분의 보완6. Rich Web : 보다 다양한 기능 제공, 주요 웹서비스 활용7. 광고 : 마이크로사이트, 상호작용형 HTML5 광고 시장8. 위치기반서비스 : 위치 기반 서비스9. 성능 향상 : 빠르고 뛰어난 웹 서비스 제공10.UI 개선 : 보다 편리한 UI 제공11.Hybrid App : 앱과 통합되는 환경12.기타 새로운 기회들
![Page 5: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/5.jpg)
5
N-Screen의 종결자, HTML5과 차세대 웹문제 해결책
다중 플랫폼을 지원하는 응용 개발 Web Application
단말간 데이터 이동 및 심리스 서비스 지원 Cloud & Web Application
다중 단말의 식별과 지원 HTTP UAProf, CSS MQ
다양한 화면 사이즈를 지원하는 응용 개발 SVG, CSS, HTML5
그래픽 처리, 3D 콘텐츠 표현 HTML5 canvas, CSS, WebGL, X3D
Video 및 Audio 콘텐츠 처리 HTML5 video/Audio
Interactive한 처리 JavaScript, CSS, HTML5 webforms
멀티 터치 등의 지원 HTML5 & Web event
오프라인 기능의 지원 HTML5 (localstorage)
디바이스 제어 Device APIs
콘텐츠 표준 호환성 검사 HTML/CSS Validation, mobileOK
비동기적 처리, 쓰레드 관리, 전송 속도 개선 XHR, WebWorker, WebSocket
보다 고속처리 가능하며 판매용 앱이 필요하다면 ? Hybrid Web App
융합 서비스 지원 RESTful Web Services, LOD
![Page 6: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/6.jpg)
6
Hype Cycle for Web and User Interaction Technologies, 2011
![Page 7: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/7.jpg)
너무 많은 기대를 하는 것은 아닌가 ?
![Page 8: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/8.jpg)
떼돈
![Page 9: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/9.jpg)
Source: http://try.powermapper.com/demo/statsversions.aspx
좀 냉정해질 필요가 있다좀 차분해질 필요가 있다
![Page 10: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/10.jpg)
그냥 새로운 마크업 중 하나일 뿐…..
그리고 약간의 기회와 가능성일 뿐 !!
![Page 11: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/11.jpg)
11
HTML5 만이 아닌 전체 Web App 표준에
![Page 12: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/12.jpg)
12
W3C HTML5 Roadmap
![Page 13: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/13.jpg)
13
W3C HTML5 Roadmap
![Page 14: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/14.jpg)
14
HTML5 Roadmap
Progress: Last Call milestone reached 25 May 2011. Published Last Call Working Draft of the HTML5 spec. 03 August 2011. Ended Last Call (LC1) comment round for HTML5 spec.
Five other LCWDs published in May Polyglot Markup: HTML-Compatible XHTML Documents (Eliot Graff) Techniques for providing useful text alternatives (Steven Faulkner) HTML Canvas 2D Context (Ian Hickson) HTML+RDFa (Manu Sporny) HTML Microdata (Ian Hickson)
![Page 15: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/15.jpg)
15
HTML WG Update
Non-LC deliverables published in May The HTML WG also maintains the following three non-normative
documents, and published updates of them in May along with the LCWDs. HTML to Platform Accessibility APIs Implementation Guide(Steven Faulkner) HTML5 differences from HTML4 (Anne van Kesteren, Simon Pieters) HTML Markup Language Reference (Michael[tm] Smith)
“HTML5: Edition for Web Authors” FPWD In August, the HTML WG also published a First Public Working draft of the
document HTML5: Edition for Web Authors. auto-generated subset of the full HTML5 specification not for user-agent implementors (omits UA implementation details) targeted toward Web authors and Web developers
![Page 16: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/16.jpg)
16
HTML WG Update
Last Call numbers: Bugs/Comments 1550+ Last Call comments. For this Last Call round (LC1), the group
received* about 1550 comments on the HTML5 spec (spec “bugs”) More that 80% of comments already resolved. Of those ~1550
HTML5 Last-Call spec bugs, more than 80% (almost 1300) have already received a resolution from the HTML5 spec editor (Ian Hickson).
Less than 20% (about 280) of the Last Call spec bugs/comments for the HTML5 spec are still awaiting resolution by the editor
Post-LC1 numbers: Bugs/Comments So far since the close of the LC1 round, the group has received almost 300
bugs/comments on the HTML5 spec Of those ~300 HTML5 spec bugs, more than 80% (around 250) have
already received a resolution from the HTML5 spec editor (Ian Hickson). Less than 20% (about 50) of the remaining post-LC1 bugs/comments for
the HTML5 spec are still awaiting resolution by the editor.
![Page 17: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/17.jpg)
17
HTML5 Roadmap
13 open issues. WG now has 13 open issues awaiting resolution by chairs.
11 closed issues flagged as “awaiting new information”.(10 against the HTML5 spec, one against the HTML+RDFa spec).
9 open formal objections. (4 for the HTML5 spec, 5 for other specs; relate to text alternatives, RDFa, polyglot spec, ARIA, video poster, more).
![Page 18: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/18.jpg)
18
Deadlines for moving beyond LC1
The chairs announced a timeline for moving beyond LC1. 31 Dec 2011. Editors must have all LC1 bugs resolved. 14 Jan 2012. WG members last chance* to escalate any resolved bugs to
issues. 11 Feb 2012. WG members last chance* submit change proposals for
open issues. 10 Mar 2012. WG members last chance* to submit counter-proposals for
issues. 07 Apr 2012. Chairs must have all issues resolved (must have all
decisions made). 21 Apr 2012. Chairs announce resolution to go to the next step.
The HTML WG is scheduled to publish a Candidate Recommendation of the HTML5 spec in mid- to late-2012.
![Page 19: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/19.jpg)
19
2013년을 대비하라 !!
2010 2011 2012 2013
MobileMobileWeb
GoldenAge
LTE
Smart devices
HTML5Apps
표준화 완료
전국 서비스
다양화
![Page 20: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/20.jpg)
20
2012, 궁금한 것들
Adobe Flash는 ? 한국의 ActiveX는 ? HP의 WebOS의 방향은 ? HTML5 video/audio codec 논쟁이 완료될까 ? HTML5 표준이 마무리될까 ?모바일에서 HTML5 관련 규격 지원은 얼마나 될까 ? Device API는 잘 지원되나 ?WAC과 HTML5 웹 앱의 가능성은 ? 웹으로 만들까 ? 아니면 앱으로 만들까 ? HTML5로 돈 벌 수 있을까 ? 디자이너/개발자/기획자가 살 방법은 ?
![Page 21: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/21.jpg)
21
2012, 낭만 모바일 웹과 HTML5 전망
1. Cloud based Mobile Web2. Mobile Web UI Framework3. Cross Platform & Hybrid Web Application 4. JavaScript Library & Web Application API Standards5. HTML5 Game & Mobile HTML5 Game 6. Web Store & Native Web App 7. HTML5 ebook & HTML5 services 8. Responsive Web & Responsive Ads9. Web Operating System & RESTful WoT(Web of Things)10.Web Signage
![Page 22: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/22.jpg)
22
HTML5.next
http://www.w3.org/wiki/HTML/next 2.1 Ideas List
• 2.1.1 New Semantics• 2.1.2 Forms• 2.1.3 Multimedia• 2.1.4 Authoring• 2.1.5 Components and ECMAScript
2.2 Document Organisation• 2.2.1 Modular Enhancements
HTML11.org
![Page 23: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/23.jpg)
23
Conclusions
HTML5과 차세대 웹 기술은멀티디바이스와 N-screen 지원을 위한 유일한 대안으로유무선 통합의 관점과웹 표준 기반 디바이스 호환성의 중요성을 일깨우고새로운 웹과 앱의 개발 기회,새로운 수익 모델의 가능성,그리고 많은 새로운 웹 경험의 편리함를제공하는 출발점 …
앞으로의 미래는 어떻게 준비하고 시작하느냐에 달려…
![Page 24: 2012 Predictions for Mobile Web and HTML5](https://reader033.vdocuments.net/reader033/viewer/2022060107/554bc21bb4c90530298b51d4/html5/thumbnails/24.jpg)
24
Thank youFor more discussion :
JongHong Jeon ([email protected])+82-42-860-5333
Blog : http://mobile2.tistory.com/mhttp://twitter.com/hollobit
OR