狠狠撸

贬罢惭尝5生态系统和应用
架构模型
范圣刚，princetoad@gmail.com, www.tfan.org

议题
? 基于奥别产服务的惭辞产颈濒别 Apps
? 贬测产谤颈诲应?用开发模式
? 本地开发和云开发
? HTML5应?用的测试和调试
? 分发和部署：本地商店和Open Market
? HTML5的?生态系统

? In 2013,tablets will be sold globally.(Strategy
media
1 Billion HTML5 capable phones and

Analytics)

? By 2015, half of all mobileas HTML5 mobile
world will be developed
application in the

Web apps(Gartner)

HTML5 生态系统和应用架构模型

Apple

“The world is moving to HTML5”
- Steve Jobs, Apple

Google

“The Web has not seen this level of
transformation, this level of acceleration, in the
past ten years... we’re betting big on HTML5”
- Vic Gundotra, VP of Engineering, Google

Microsoft

“In a nutshell, we love HTML5, we love it so
much we want it to actually work.”
- Dean Hachamovitch, General Manager for
Internet Explorer, Microsoft

基于奥别产服务的惭辞产颈濒别
Apps

Apps类型
单机版 vs ??网络版

基于Web Service的应?用
? Flickr
? Twitter
? Facebook
? Foursquare
? LinkedIn
? Path

贬测产谤颈诲应?用开发模式

操作系统的碎?片化
? 迁移到另外?一个新的平台需要?大量的?人?力物
?力

? 花费?大量的时间在技术实现上， ?而没有Focus
在产物和?用户上?面

? 平台众多，造成管理，运营及培训?用户的成
本剧增

狈补迟颈惫别开发的?一般?工作流
程
1.为每?一个平台设置不同的开发环境
2.熟悉每个对应的操作系统，学习曲线?一般会很?长
3.不同的移动平台需要不同的编程语?言(C++,
Objective-C, Java, C#...)

4.要熟悉每个平台?支持的特性

表：开发要求
移动系统开发系统软件/IDE 编程语?言

iOS Mac Xcode Objective-C

Windows/Mac/
Android Eclipse/Java/ADT Java
Linux

BlackBerry Windows Eclipse/JDE, Java Java

Windows/Mac/
Symbian Carbide.c++ C++
Linux
Windows/Mac/ Eclipse/WebOS HTML/JavaScript/
WebOS
Linux Plugin C++
Windows Phone Visual Studio C#, .NET,
Windows
7 2010 Silverlight或WPF

使?用笔丑辞苍别骋补辫进?行贬测产谤颈诲开发

浏览器组件作为通?用平
台

? Web的发展历史和HTML5平台
? 浏览器标准的统?一趋势（HTML5/CSS3)
? 主要移动平台同样基于Webkit的浏览器（iOS
Safari，Android Chrome）

移动浏览器
移动操作系浏览器内核
统
Android Webkit
iOS Webkit
BlackBerry Webkit
6.0 +
Windows IE
Phone 7
WebOS Webkit
Nokia Webkit
Bada Webkit

Webviews
? 所有的这些移动系统都?支持
在应?用中嵌?入浏览器

? 实时内容更新的需求，简化
应?用的审批部署流程

? PhoneGap使?用本机浏览器：

? iOS - UIWebView

? Android -
android.webkit.WebView

API原理和本地插件

? 所有这些平台都?支持在webview中导出本地模块到JavaScript，也
就是说都允许JS调?用本地的Java/C++/Objective C代码，反之亦
然。

? 使?用本地代码封装设备能?力；导出供JS调?用的接?口；通过JSON调
?用和?页?面交互数据

? 使?用JavaScript-to-native机制编写?自?己的PhoneGap本地插件

笔丑辞苍别骋补辫应?用的打包和
分发
? iOS - IPA?文件

? Android - APK?文件

? Windows Phone - XAP?文件

? 本地编译和PhoneGap Build

? 可以通过标准应?用商店分发：
App Store, Google Play,
MarketPlace...

笔丑辞苍别骋补辫的（?一般）应
?用架构
? PhoneGap应?用作为跟?用户交互的客
户端

? 和Web服务器或者应?用服务器等后
台系统通信以交互数据

? 客户端服务器之间可以使?用标准的
HTTP接?口，或者RESTful接?口，
JSON服务或者SOAP协议

? 客户端架构?一般使?用单?一?页?面应?用
模型，应?用逻辑都在?一个HTML?页
?面中。通过更新HTML DOM结构显
?示数据。

小结
? 基于Web的HTML5，还需要?几年的沉淀和发展，
才能逐步取代移动应?用

? HTML5让在线的软件和内容具有了更强的互动性
（?比如在线??广告）

? HTML5对未来商业化内容如何发布将会产?生?非常
明显的影响

? 使浏览器市场重新回到了?一个?高度竞争的时代，
使Web更加开放

参考

? http://
html5labs.interoperabilitybridges.com/

? http://www.apple.com/html5/
? http://www.html5rocks.com/en/
? https://developer.mozilla.org/en-US/docs/
HTML/HTML5

狠狠撸

HTML5 生态系统和应用架构模型

More Related Content

HTML5 生态系统和应用架构模型