移动Web应用程序开发探究.docVIP

移动Web应用程序开发探究摘 要: 本文主要介绍了如何快速开发面向多平台的移动Web程序,降低学习成本、研发成本,以及加快开发进度。解决平台之间移植复用问题,解决设计标准和编码规范问题,以及更为敏捷的原型开发问题。 关键词: 移动Web应用程序开发 模型 EMF 1.前言 移动平台的程序开发是近年来的热门,但是由于移动设备种类众多,如何高效、快捷地开发基于移动平台的应用程序就成为了一个问题。我们的主要目标是提高软件生产力,这包括代码的复用、设计的重用,以及针对用户相似需求的基本模型元素的的提取。而面向对象,基于模板,基于模型和基于框架的开发方法为这些问题提供了很好的解决方案。 2.移动Web应用程序开发的基本方法 由于移动设备的种类众多,不同的移动设备支持不同的编程语言。有些支持WAP和WML,有些则支持HTML或者受限制的HTML,还有些同时支持以上两种或者其他不同的语言。为了支持所有类型的移动设备,开发人员不得不为每一种语言创建不同的应用程序。 这就对移动应用程序的开发者提出了较高的要求。像基于模板和框架等开发方法也比较好地解决了一些移动设备的支持问题。但是当开发者具体面对某一类移动设备开发具体移动应用程序时,开发者很难摆脱对具体设备的依赖,也就是说为了开发某一个Web移动应用程序,开发者可能不得不购买相关设备来进行开发研究,这对开发者来说也成为了一种负担。本文所研究的基于模型的移动Web应用程序的开发方法,只需要PC和浏览器即可,非常方便。 3.基于模型的移动Web应用程序的开发 模型是平台无关的需求抽象。和平台相关的代码层面交给框架根据环境配置、用户选项来自动生成,然后针对特定的领域和客户要求,进行再加工和编码优化。这解决了以下3个方面的问题。 3.1解决了平台之间移植复用的问题。首先选取通用的数据和流程模型元素来构架系统,然后调用合适的代码生成器来产生针对特定平台的工程。 3.2解决了设计标准和编码规范的问题。由于代码框架是由生成器产生的,因此使用同样的建模描述方式就可以保持代码风格的一致性和代码规范性。 3.3支持更为敏捷的原型开发,便于客户理解系统。 基于模型的应用程序开发模式已经是业界的一个趋势。 4.开发一个twitter客户端的iphone应用程序实例 本文中使用的基于模型移动Web应用程序开发平台为Tersus Studio windows版本。这是一个基于Eclipse的开源开发平台。 4.1基础设置 选择选择文件→新建→Tersus Project,输入Project name:Twitter,选择Template:iPhone Application,点击完成按钮。在模型编辑器(即中间的主窗口)中,双击放大到/Body。右键点击Body→Add Element:Scroll Pane.名字修改为:Top Trends Screen。这样我们就创建了一个包含一个列表控件的带滚动条的。 保存工程并运行(焦点需要在模型编辑器中)。浏览器将会自动启动。默认情况为打开http://localhost:8080/twitter,我们在后面加上/iphone.html。也就是http://localhost:8080/twitter/iphone.html。这样将会出现如下iPhone空白界面:(图1) 4.2读取Twitter数据 在模型编辑器中,放大到/Body/Top Trends Screen/List。从左边palette窗口的Basic部分拖动一个Action到Top Trends Screen.取名为Init。 建模Top Trends Init动作:放大到Init。从palette窗口的Basic部分拖拉一个Service,取名Get Top Trends,添加一个exit(灰色小箭头)到Get Top Trends。 从Display Actions部分拖拉一个Alert,从Get Top Trends的exit到Alert trigger(绿色小箭头)创建一个flow.Init模型。 建模Get Top Trends服务:从Constants部分拖拉一个Text常量,数值为“http://search.省略/trends.json”。名字改为Trends URL。从Basic部分拖拉一个Action,取名Download URL。给这个action添加一个trigger和一个exit。从Trends URL constant到Download URL的trigger创建一个flow。从Download URL的exit到Get Top Trends的exit创建一