正益无线HTML5在移动开发领域实践.pptVIP

我该如何把你包装出去 安装包的生成 高效的自动生成服务 可发布的应用打包系统 能上线吗？ 已验证的App Store和Google Market 总结 HTML5可更多的认为是HTML5+CSS3+JS的组合，不能缺少任一个部分。HTML5已经可以作为一个完善的应用开发语言，完成本地应用的开发。基于浏览器引擎的环境，可更方便的与互联网对接，完成互联网移动化。同时定义到细节的CSS，给应用一个美丽的外衣，绚丽的界面不再是本地应用的专利。天生的跨平台能力，将是解决移动应用开发门槛的利斧。 HTML5不可能帮我们做到全部事情，但他已经帮我们做到了我们最需要做到的事情。我们还能苛求什么呢？ AppCan – 国内最优秀的跨平台移动开发工具 全面支持HTML5+CSS3 提供多种应用模版让你几分钟完成一个完整应用的开发 所有都是免费的 即将发布，敬请关注！ HTML5在移动开发领域的实践 为什么是你？HTML5 智能移动终端本地应用开发 Android 平台 JAVA+Android SDK iOS平台 Object C+iOS SDK Symbian平台 C++ and S60 SDK 降低开发成本的尝试 类似的方案 XML +LUA + CSS方案 XML+JS+CSS方案 HTML+JS+CSS方案 … 方案的总结 以标记语言处理布局框架 以脚本语言处理逻辑 以样式表格处理展示 方案的对比 方案 广泛性 UI表现性 逻辑处理能力 中间件大小 XML/LUA/CSS 私有协议 弱 标准协议 小 XML+JS+CSS 私有协议 弱 标准协议 小 HTML+JS+CSS 标准协议 HTML5+CSS3表现力强悍 标准协议 小 客户的要求 UI至上 展示效果 交互效果 HTML5的优势 HTML是骨 CSS是皮 JS是肌肉 HTML5 强悍坚固的骨架 CSS3 精致到每个毛孔的皮肤 JavaScript 久经考验的肌肉 浏览器引擎 Webkit的天下 可以不断升级的引擎 感谢Chrome，给与我即时的调试环境 S60怎么办 目标是什么？减低开发成本 不能为了跨平台而跨平台 S60 木桶的短板 为了保证系统的能力 高端 Android iOS 低端 S60 WindowsMobile(!*_*) 我该如何爱你？HTML5 构建应用的n条路 jQuery Mobile Sencha Touch … 是我可以走的路吗？ jQueryMobile 、Sencha Touch 都是帅哥 他们都是肌肉男 庞大的身躯 迟缓的加载(移动终端) 用来开发类本地化的商业应用，我只接受他们的皮囊 我需要什么 我需要一个优雅的框架 类本地应用的展示效果 不低于本地应用的加载速度 易于维护的界面管理 我能把一切都托付给你吗? 80% 你可以用我来完成你80%的开发工作 19% 你需要为我扩充附加能力才能完成 1% 留给需要的同志 80%之骨架 Windows + Pages模式 80%之绚丽的均码外衣 一 均码 Media Query em 控件 Button 容器 列表 … 80%之绚丽的均码外衣 二 Input:checked 广泛用于UI的变换 “-webkit-animation-name”+ “-webkit-keyframes” 不使用JS的动画实现。(如果你希望动画结束后还要主动干点别的，这个就完成不了了) 80%之绚丽的均码外衣 三 强悍的IDE开发环境 基于Chrome的调试环境 丰富的UI控件Wizard向导 可跟踪的真机调试支持 80%之纤细的肌肉 弥补浏览器引擎的差异问题 (可以用JS解决的) 处理控件的简单内部逻辑 Page间的动画 简单的MVC 80%之MVC 数据到UI的转化－我不要全功能的库，那是生命中不可承受之重。我提倡半自动。 80%之MVC —一切都是数组 不管普通对象还是数组对象都可以看作数组。UI是Model+数据。是元素的替换 数据 模板 80%之MVC—第一和倒数第一 ${first:} 我支持对象和字符串常量 ${last:} 我也是 那缺失的19% 浏览器差异化问题 浏览器支持度问题 扩展用户体验问题 扩展UI支持 还有1% 99%都已经帮你做了，剩下1%还不自己做