系统演示及相关技术简介

北风网移动OA的开发培训使用HTML5技术进行移动OA的开发讲师：佛山道士（北风网)HTML5简介HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML标准版本。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-basedrichinternetapplication，RIA)，如AdobeFlash、MicrosoftSilverlight，与OracleJavaFX的需求，并且提供更多能有效增强网络应用的标准集。

HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到AppStore或GooglePlay上，所以它的跨平台非常强大，也是大多数人对HTML5有兴趣的主要原因。

SenchaTouch

WhatisSenchaTouch?SenchaTouchenablesyoutoquicklyandeasilycreateHTML5basedmobileappsthatworkonAndroid,iOSandBlackberrydevicesandproduceanative-app-likeexperienceinsideabrowser.Sencha的前身是ExtJS,2010年ExtJS改名为Sencha。ExtJS是一个基于JavaScript编写的Ajax框架。它功能强大，界面美观，是基于Ajax、DHTML、DOM等技术开发web应用的一个非常成熟的框架。SenchaTouch框架是世界上第一个基于HTML5的MobileApp框架。它基于HTML5和CSS3的web标准，全面兼容Android和AppleiOS，通过SenchaTouch框架用户可以创建非常像移动设备native应用的web应用。它提供了丰富的华丽的控件和强大的功能，包括对触控事件的增强，数据整合。

SenchaTouch

SenchaTouch可以让你的WebApp看起来像NativeApp。

SenchaTouch

开发调试：Safari

+Chrome在设备上调试特点：UIwidget支持MVCSass主题样式

SenchaTouch

SenchaTouch

结构index入口离线文档示例demoJsBuilder：一个基于命令行的工具。可以让你自定义SenchaTouch的发布，可以减轻一些你的代码所占空间。所有用来样式化SenchaTouch框架的CSS及图片资源。浏览器开发调试设备上调试产品发布这个目录包含所有测试数据以及一个叫做jasmine的用户。

SenchaTouch

MVCExt.regApplication({ name:'Gemstone', launch:function(){ newGemstone.Viewport({ fullscreen:true }); },});Controllers：组件生成销毁界面切换控制，事件处理Ext.regController(‘RedController’,{…})Models：

Ext.regModel(‘CategoryListModel’,{…}) 数据结构Ext.regStore({….}) 数据存储Views：Gemstone.GemFavDetail=Ext.extend(Ext.Panel,{…})

SenchaTouch

移动项目设计必须记住他们开发的应用是在浏览器中运行的，因此这个应用肯定还是没有和原生应用一样强大的功能。鉴于移动设备相对少的资源，我们更加需要让我们的程序越简洁越好，减少对DOM的访问。尽量少向浏览器传输数据。记住这些移动设备拥有相对少的计算能力，任何时候处理复杂的数据可能会让用户无法与应用互动。让你的应用处理深度嵌套的复杂数据结构是极不提倡的。SenchaArchitect2SenchaArchitect2是个可视化的应用构建器，它使用SenchaTouch2来构建移动应用，使用ExtJS4来构建桌面应用。

SenchaArchitect2构建在该公司的HTML5布局工具ExtDesigner之上，并扩展了其功能以为桌面与移动Web应用的构建提供更为广泛的应用设计环境。通过联合使用SenchaTouch2与ExtJS4，SenchaArchitect2旨在提升开发者的生产率并驱动应用设计模式上的最佳实践。

SenchcaArchitect2提供了一个可视化的画布与代码编辑平台，并且使用了拖放的方式，旨在快速实现移动与桌面应用的装配。开发好应用后，开发者就可以通过SenchaArchitect2打包应用以部署到Web上或是发布到原生的应用商店中。Buildmobileanddesktopappsfasterthanever.SenchaArchitect2特性1、通过拖拽组件来创建富用户界面并连接到后端的数据源。2、支持通过SenchaTouch2来构建移动Web应用以及通过ExtJS4来构建桌面Web应用。其提供的代码编辑功能可以在SenchaArchitect中创建整个应用。3、支持模型——视图——控制器模式。内置的针对iOS与Android的一键式原生打包功能。

SenchaTouch

API文档

推荐用书：《SenchaTouch权威指南》《SenchaMVCArchitecture》移动ＯＡ工作流引擎采用有限状态机的数学模型来实现的。有限状态机（FSM）又称为有限状态自动机或简称状态机，是表示有限个状态以及这些状态之间的转移和动作等行为的数学模型。如下图所示：上图左数第一个图：为初始