移动开发作品展示北京邮电大学范月林2讲解学习.pptxVIP

移动开发—基于Sencha Touch2北京邮电大学 范月林 21技术架构简介3成果展示内容简介背景.3G时代，手机为王　3G时代的到来，大家期待各种常见的或是重要的信息化系统、互联网应用可以被移植到手机上同步使用，使用户无论在何时何地，都可以连线精彩的网络世界，登录信息系统。为此，如何进行手机开发，如何在手机上催生各种多姿多彩的精彩应用，日渐成为整个ICT产业关注的焦点。难题手机操作系统很多：Android，Mac OS，Symbian S60, UIQ, Windows Mobile, Linux, Brew、 Blackberry……，要想克服不同手机平台的差异，实现应用的统一覆盖异常困难。必须寻找实现“Write once , Run everywhere”的解决方案。21技术架构简介3成果展示内容技术架构——核心技术Sencha Touch2.0.1gplSencha Touch 是全球领先的移动应用程序开发框架，利用HTML5、CSS3 和Javascript 来实现最高级别客户体验。核心技术Sencha Touch2.0.1gplPhoneGap 1.7插件grid , chart PhoneGap 1.7一款开源的手机应用开发平台，提供了丰富API调用本地设备，可以制作出能在多个移动设备上运行的应用。插件grid , chart拓展自Ext.ux.touch.grid.View，作为插件使用。技术架构——核心技术Sencha Touch 是什么Sencha Touch框架是世界上第一个基于HTML 5的Mobile App框架。Sencha Touch可以使Web App看起来像Native App。用户界面组件和丰富的数据管理，全部基于最新的HTML 5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。Sencha是目前为止所发现的最强大的应用于移动平台的框架。随着Sencha的出现，移动平台的Web App用户体验设计会得到提升，同时也会对HTML 5和CSS3在移动平台上的普及推广产生很大的促进作用。可以预见，随着HTML 5愈加强大的功能，未来的移动应用将会逐渐步入Web App时代，Native App会逐渐走向终结。技术架构——核心技术PhoneGap APIEvents通过JavaScript截获本 地事件File通过JavaScript截获 本地文件系统Geolocation使得你的应用程序可以访问地理位置信息Media录制和播放音频文件Notification设备的视觉、声音和触觉提醒Storage截获设备的本地存储选项Accelerometer设备的运动传感器Camera使用设备的摄像头采集照片Capture使用设备的媒体采集应用程序采集媒体文件Compass获取设备指向的方向Connection快速检查WiFi或蜂窝网络的信息Contacts和设备联系人数据库相关操作Device收集设备的具体信息技术架构——开发工具Sencha Architect 可视化的应用构建器(手机、桌面应用)基于Sencha Touch 2与Ext JS 4支持MVC开发工具Sencha Architect Axure RP Pro 6.0 Axure RP Pro 6.0快速原型设计工具，可迅速设计出系统原型界面。可自动生成用于演示的网页文件和规格文件，以提供演示与开发技术架构——打包安装+测试应用Apple Developer账号注册苹果ID并且通过交纳99美元，来获取一个官方授权的证书以便于你发布你的应用程序安装到ios系统打包安装Apple Developer账号PhoneGap Build91手机助手测试应用Tomcat应用服务器Chrome, SafariPhoneGap Build在线构建PhoneGap应用程序的服务，可在云端帮助开发人员对应用进行编译。支持IOS、Android、webOS和BlackBerry等。91手机助手安装应用到相应平台，并支持手机端投影演示。Chrome浏览器调试代码，测试效果，对Sencha Touch，Ext JS完全支持。技术架构——打包安装+测试应用PhoneGap BuildWrite once , Compile in the cloud , Run everywhere.PhoneGap Build是PhoneGap推出的一个云编译工具，只需将自身应用的zip压缩包上传，片刻后即可得到六种手机平台下的安装文件：IOS , Android , Windows phone , BlackBerry , Web OS , Symbian.技术架构——打包安装+测试应用PhoneGap Build不同平台下的应用安装包支持直接下载和二维码