HTML5在LBS社区中的应用
章鑫杰
上海网客信息有限公司
提纲
HTML5和LBS社区的契合点
HTML5浏览器的现状
HTML5 Web App和Native App之争
HTML5 Web App开发架构
HTML5 Native App开发架构
更多跨平台Native App开发架构
LBS社区的参考技术选择
总结
HTML5和LBS社区的契合点
GeoLocation
提供实时地理位置信息
CSS3
让Mobile RIA成为可能
Web Socket
实时互动、即时通讯、PUSH
Offline
Local Storage
Web Worker
HTML5浏览器的现状
OS 版本 得分（总分160）
iPhone OS , , 37,45,45
iPhone OS ,, 110,113,115
iPhone OS 134
Android 39
Android , 118
HP WebOS 107
Firefox Mobile 101
RIM Tablet OS 估计>100
Windows Phone 7 ？
HTML5 Web App和Native App之争
Web App
优点
开发成本低，周期短
零部署，方便更新和升级
缺点
性能、用户体验受制于浏览器的实现
难以应用手机的高级功能，如照相、重力感应等
Native App
优点
能最大化挖掘性能潜力
能够运用手机的所有开放特性
能够不断改善用户体验
缺点
平台差异大，开发难度大，成本高、周期长
让用户安装客户端是个不低的门槛
HTML5 Web App开发架构
Sencha Touch
功能丰富，用户体验良好
架构过于臃肿，自成一体，学习成本高
JQTouch
超轻量级的架构，容易扩展
功能比较单薄
jQuery Mobile
iWebKit
iUI
HTML5 Native App开发架构
PhoneGap
HTML+JavaScript封装
支持GeoLocation，Camera
Appcelerator Titanium
采用JavaScript，丰富的UI库
支持GeoLocation，Camera
Corona
采用Lua，UI很弱，适合开发游戏
支持GeoLocation
更多跨平台Native App开发架构
MoSync
支持iPhone, Android, Symbian, Windows Mobile, J2ME
C++
支持GeoLocation, CellID, Camera
AirPlay SDK
支持iPhone, Android, WebOS, Bada, Maemo, Symbian, Windows Mobile, BREW
C++
支持GeoLocation
LBS社区的参考技术选择
服务器端：Spring MVC + Hibernate + ElasticSearch
浏览器端：Wap + HTML5 Web App (JQTouch)，用WURFL做手机类型判定
客户端：Titanium, MoSync
总结
HTML5从长远看，是必然的发展趋势
HTML5在现阶段远未成熟，标准还在制定，大佬们还在打口水战
HTML5实现复杂，目前只有WebKit能够很好的支持，几乎没有竞争，长远来说是不利的
多站在用户的角度去选择技术
希望HTML5发展的越来越好！
