现场演示开发过程：基于微博(新媒体)

——微博客户端的开发案例使用HTML5开发跨平台应用杜亚波/邱智钢杜亚波掌中宽途开发总监=+我们都是HTML5Fans@邱智钢软通动力前端开发主管面对无数的应用，我们要做什么？•多平台微博客户端•具有丰富的用户体验•支持移动设备•用户体验一致（跨平台无差异）需求传统移动互联网跨平台应用开发模式面对众多选择，我们该怎么取舍？•多平台微博客户端•具有丰富的用户体验•支持移动设备•用户体验一致（跨平台无差异）需求•入门门槛低•开发快速•成本低（一个团队）技术框架HTML5技术跨平台移动应用开发开放式的统一标准完美的硬件能力调用开发入门门槛低，开发者众多应用程序商店优秀的跨平台能力技术选型让我们开工吧！但是，怎么做？•多平台微博客户端•具有丰富的用户体验•支持移动设备•用户体验一致（跨平台无差异）需求•入门门槛低•开发快速•成本低（一个团队）技术框架•HTML5的特性•HTML5解决了什么问题代码开发同时我们利用PhoneGap移动开发框架，将我们的HTML5版本的微博应用快速移植到了iOS,Android等平台，为用户提供对应的nativeapp的安装模式。HTML5版新浪微博应用，整体参考新浪官方ipad版本应用，真正实现了一次开发，处处运行的梦想。跨各类主流桌面浏览器，并为智能终端（iOS,android)进行了适配，为用户提供了一致的跨平台应用体验。Web开发“三剑客”HTML5“本地”应用HTML5文档语义化Offline+WebStorageCSS3特效的使用适配移动终端推荐使用来使得整个文档的结构更加合理化/HTML5文档语义化Cache.manifestOffline+WebStroageWebStorage•localStorage•sessionStorage离线应用•applicationCache渐变(gradient)图层阴影(box-shadow)圆角(border-radius)CSS3特效@mediascreenEmailURLNumbers适配移动终端onorientationchange适配移动终端键盘类型适配•Email•url•Numbers横竖屏适配•onorientationchange•@mediascreen•多平台微博客户端•具有丰富的用户体验•支持移动设备•用户体验一致（跨平台无差异）需求•入门门槛低•开发快速•成本低（一个团队）技术框架•HTML5的特性•HTML5解决了什么问题代码开发•易部署•易维护发布部署应用演示Web版本演示iOS/Android浏览器版本演示iOS/Android本地应用演示谢谢Thankyou联系我们：@gmail.comweibo：@邱智钢