因HTML5而变的WEP app及移动浏览器--刘铁峰
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
因HTML 5而变的Web App及移动浏览器
@百纳刘铁锋 2012.08.18
Smart Phone. Copyright © 2012 MoboTap Inc. All rights reserved.
Clever Browsing.
HTML 5改变了什么？
Before HTML 5 HTML 5 Interaction
( Drag&Drop/Device API)
Ecosystem Development Platform
????
Data Logic
( Web Storage/Database)
Graphics & 3D
(Canvas/WebGL)
Multimedia
(Video/Audio)
Network
(Web worker, Web Socket)
UI
Baidu Nhomakorabea(CSS)
UI
(CSS)
WHSIWHG Tools
(Dreamweaver, Visual Studio)
UI
(Layout)
UI
(Layout)
UI
(Form)
UI
(Form) Copyright © 2012 MoboTap Inc. All rights reserved.
Web App需要什么？
Smart phone. Clever browsing
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么？
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么？
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么
Copyright © 2012 MoboTap Inc. All rights reserved.
Web Storage Enhance Browser Device API
Copyright © 2012 MoboTap Inc. All rights reserved.
Web App对浏览器的要求？
Native App IDE Development Framework Fundamental Library Web App ??? ??? ??? Browser ??? ??? ???
Interaction Innovation
Passive
- 没有交互创新 - 对HTML 5实现支 持不完善 - 对HTML 5功能性 能较差
- 创新不足 - 对HTML 5实现支 持完善 - 对HTML 5实现性 能强劲
Weak
Browser Core Performance
Strong
Copyright © 2012 MoboTap Inc. All rights reserved.
Runtime
Smooth Animation High Performance Graphics Rendering Offline Access Full Device Accessibility
JavaScript Engine
CSS Canvas
Improve
Improve Improve Canvas & Web GPL From GPU Improve API HTML 5 Support & Device Access
Coremob W3C Community Group Meeting
海豚做了什么
1190
1680
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么
Copyright © 2012 MoboTap Inc. All rights reserved.
Web Storage Enhance Browser Device API
Copyright © 2012 MoboTap Inc. All rights reserved.
移动浏览器将如何改进
Active
- 革命性创新 - 对HTML 5实现支 持不完善 - 对HTML 5实现性 能较差
- 革命性创新 - 对HTML 5实现支 持完善 - 对HTML 5实现性 能强劲
Native App IDE Web App ??? ??? ??? CSS Canvas
Development Framework
Fundamental Library Smooth Animation High Performance Graphics Rendering Offline Access Full Device Accessibility
@百纳刘铁锋 2012.08.18
Smart Phone. Copyright © 2012 MoboTap Inc. All rights reserved.
Clever Browsing.
HTML 5改变了什么？
Before HTML 5 HTML 5 Interaction
( Drag&Drop/Device API)
Ecosystem Development Platform
????
Data Logic
( Web Storage/Database)
Graphics & 3D
(Canvas/WebGL)
Multimedia
(Video/Audio)
Network
(Web worker, Web Socket)
UI
Baidu Nhomakorabea(CSS)
UI
(CSS)
WHSIWHG Tools
(Dreamweaver, Visual Studio)
UI
(Layout)
UI
(Layout)
UI
(Form)
UI
(Form) Copyright © 2012 MoboTap Inc. All rights reserved.
Web App需要什么？
Smart phone. Clever browsing
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么？
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么？
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么
Copyright © 2012 MoboTap Inc. All rights reserved.
Web Storage Enhance Browser Device API
Copyright © 2012 MoboTap Inc. All rights reserved.
Web App对浏览器的要求？
Native App IDE Development Framework Fundamental Library Web App ??? ??? ??? Browser ??? ??? ???
Interaction Innovation
Passive
- 没有交互创新 - 对HTML 5实现支 持不完善 - 对HTML 5功能性 能较差
- 创新不足 - 对HTML 5实现支 持完善 - 对HTML 5实现性 能强劲
Weak
Browser Core Performance
Strong
Copyright © 2012 MoboTap Inc. All rights reserved.
Runtime
Smooth Animation High Performance Graphics Rendering Offline Access Full Device Accessibility
JavaScript Engine
CSS Canvas
Improve
Improve Improve Canvas & Web GPL From GPU Improve API HTML 5 Support & Device Access
Coremob W3C Community Group Meeting
海豚做了什么
1190
1680
Copyright © 2012 MoboTap Inc. All rights reserved.
海豚做了什么
Copyright © 2012 MoboTap Inc. All rights reserved.
Web Storage Enhance Browser Device API
Copyright © 2012 MoboTap Inc. All rights reserved.
移动浏览器将如何改进
Active
- 革命性创新 - 对HTML 5实现支 持不完善 - 对HTML 5实现性 能较差
- 革命性创新 - 对HTML 5实现支 持完善 - 对HTML 5实现性 能强劲
Native App IDE Web App ??? ??? ??? CSS Canvas
Development Framework
Fundamental Library Smooth Animation High Performance Graphics Rendering Offline Access Full Device Accessibility