1、 HTML 5 移动互联网 魏永增 （Cator V） Copyright 2011 Cator V. All Rights Reserved 標哥 （网名） catorv Copyright 2011 Cator V. All Rights Reserved 当前关注的领域： 1. 移动互联网应用开发 2. HTML 5 相关技术 3. webOS 应用开发（ Mojo & Enyo） Web开发者 魏永增 Cator V About Me Apple fans HTML 5 & 移动互联网 内容 移动互联网及其现状分析 1 HTML 5 与移动应用开发 2 开发实例演示 3 Q&A 4
2、引言 HTML 5 & 移动互联网 The Web will unify fragmented mobile OS world Web将统一混沌的移动 OS世界 HTML 5 is key to unifying mobile web HTML 5 是统一移动互联网的关键 - Opera 什么是移动互联网 移动互联网是将移动通信和互联网二者结合，用户借助移动终端（手机、平板、 PDA、上网本等），通过网络访问互联网。 移动互联网使用的关键技术 Web 2.0技术（以互联网为平台、利用集体智慧、数据是核心、丰富的用户体验等） 云计算（超大规模、高可扩展性、高可靠性、相对廉价等） HTML 5 &
3、 移动互联网 应用开发者是移动互联网 的 主角 移动互联网应用开发将成为新的掘 金点 HTML 5 & 移动互联网 移动应用开发盈利现状（ 2010年） HTML 5 & 移动互联网 其他 后期的技术支持收入 免费且无广告，没有收入打算 应用内置增值服务的收入分成 广告模式 一次性的软件开发费用 下载付费模式 8.9% 13.1% 18.7% 26.7% 29.4% 29.4% 31.5% 移动应用的主要盈利模式 亏损 34.4% 盈利 25.2% 持平 40.4% 开发者在移动应用领域的盈利状况 0.0%10.0%20.0%30.0%40.0%1万以下 1 5万 5 10万 10 50万 5
4、0 100万 100 500万 500万以上 34.7% 16.3% 14.2% 12.2% 7.7% 8.0% 6.8% 数据来源： DCCI互联网数据中心 HTML 5 & 移动互联网 移动互联网应用开发面临的问题 设备 处理器运算能力较差，内存小。电池续航能力较差。屏幕小且尺寸不统一。键盘输入比较困难 。 开发 多种不同的手机操作系统，各自的用户交互体验差异较大，相应的应用编程环境也各不相同。 网络 移动网络带宽小，流量费用不便宜，网络稳定性较差。 HTML 5 与移动应用开发 让开发变得更轻松 HTML 5 & 移动互联网 HTML 5的特性 HTML 5 & 移动互联网 语义化的标签
5、 元素 （ Semantic Elements） Web Worker 新的表单功能（ Forms） 视频与音频（ Video & Audio） Web Socket 本地存储 （ Local Storage） 绘图 API（ Canvas） 地理位置信 息 （ Geolocation） 离线功 能 （ Offline） HTML 5 & 移动互联网 HTML 5 在移动应用开发方面的优势 1 跨平台 ： 开发成本低于本地应用。不同的操作系统上拥有统一的用户交互体验。 2 基于 Web技术 ：更多开发人员有丰富的 Web开发经验和工具积累，也形成了成熟的开发社区 3 易用部署 ： 统一的部署更新方式。 迭代 更敏捷，实现持续 更新。 Web 应用程序 HTML 5 & 移动互联网 Apple Web Apps （5123） Chrome Web Store （5388） 2011年 3月 使用 HTML 5 开发移动应用的注意事项 不是所有人都拥有智能手机 移动设备的浏览器对 HTML的支持并没有其桌面版本那么全面。 不同浏览器间的兼容性问题 HTML 5 & 移动互联网 开发实例演示 使用 HTML 5 开发一个移动应用 HTML 5 & 移动互联网 使用第三方开发框架 HTML 5 & 移动互联网 iUI zepto.js 提问与回答 （Q&A）
