HTML5应用平台概览 - software.intel.com file5 Web排在第三位, ... HTML, JS, CSS PhoneGap...
Transcript of HTML5应用平台概览 - software.intel.com file5 Web排在第三位, ... HTML, JS, CSS PhoneGap...
HTML5应用平台概览
余枝强
开源技术中心软件经理 英特尔亚太研发有限公司
2
免责声明
• 本文件中所包含之信息仅用于本次讲演之目的,并不构成对英特尔产品(及相关服务)性能,质量的全面、准确的表述,担保及保证
• 本文件中所包含信息的著作权归属于英特尔公司。除非得到特别授权,任何人不得随意复制,散发,或未经授权将该文件用于其他商业或非商业目的
• Intel和Intel logo是英特尔在美国和/或其他国家的商标
• 本文件中所涉及的非英特尔商标为其他公司之财产
• Copyright © 2012 Intel Corporation. All rights reserved
3
议程
• Web的演化
• HTML5应用平台及其基本组成
• 典型的应用平台概览
• 总结
4
Web的演化
网页内容浏览, 少量的互动
丰富的 互联网应用
浏览器即平台!!
插件技术,
比如Flash,Java等…
HTML5 + CSS +
Javascript + …
HTML + CSS + Javascript
过去 目前 进展中 …
功能
技术支撑
HTML5, CSS3 , WebGL , Device API, …
5
Web排在第三位, 并且发展迅速 !!
6
主要的Web应用模式
网络 服务器
云服务
渲染引擎
Javascript
引擎
Htm
l/js
云服务
渲染引擎
Javascript
引擎 H
tml/js
云服务
渲染引擎
Javascript
引擎
Htm
l/js
原生代码
网页/网站模式 Web应用程序模式 混合模式
API / 原生系统 能力拓展机制
操作系统 操作系统
API / 原生系统
能力拓展机制
操作系统
7
HTML5应用平台 …
8
工具
Web 框架
运行环境
•设计,开发,测试工具包
•动态效果工具
•应用打包/发布工具
• JavaScript 库
•HTML/CSS 模板库
•HTML5 引擎
•设备访问应用编程接口
•HTML5 应用支持
API / 原生系统
能力拓展机制
Javascript 引擎
渲染引擎
应用生命周期管理
安全机制
操作系统 / 平台整合以及硬件加速
9
典型的HTML5应用平台概览
Mobile
PC
Embedded
Standalone
个人电脑
独立运行
嵌入运行
移动设备
...
10
在 和 中,浏览器≈内置的HTML5应用平台
应用程序
WebView
图形窗口部件
HTML5应用
HTML
JavaScript
CSS
资源
载入及显示
原生系统绑定 (比如 AddJavascriptInterface)
API / 原生系统 能力拓展机制
嵌入运行
独立运行
浏览器
WebView 全屏模式
和 类似 …
11
一个 HTML5应用平台
利用Web技术开发原生应用
提供统一的应用编程接口,以及应用商店访问能力
基于Web标准
丰富的移动平台支持
模块化以及
易于拓展的机制
12
PhoneGap 工作模式
混合应用
HTML, JS, CSS
PhoneGap 外壳
PhoneGap
设备
应用编程接口 原生HTML5运行环境
Web 应用
HTML, JS, CSS
PhoneGap JS APIs
原生HTML5运行环境
PhoneGap 扩展
混合模式 封装模式
PhoneGap JS APIs
13
在ChromeOS中, 浏览器即平台
14
一个为个人电脑桌面设计的HTML5应用平台
内存管理
打包 及发布系统
Pokki JS
应用编程接口 (包括事件)
……
15
HTML5应用平台
主要依赖于浏览器技术
16
RIM Blackberry
主流的浏览器
Gecko Mozilla
WebKit (webkit.org)
Xxx Fish (WebKit)
V8 (Chromium)
Xxx Monkey (Mozilla)
Chromium
Apple Safari
Google Chrome
Mozilla Firefox
Android Browser
Symbian Browser
Trident (Microsoft)
Presto (Opera)
Chakra (Microsoft)
Carakan (Opera)
IE Opera
开源 私有
17
浏览器的优化和增强 是HTML5应用的关键因素之一 请参考之后的讲演获取更多的细节
18
请填写活动反馈表,您将在本次活动报告厅进口处获得一份精美礼品。
非常感谢您的反馈,我们将据此改进未来的技术论坛峰会。
谢谢
19