HTML5移动开发

HTML5移动开发（精选十篇）

HTML5移动开发 篇1

1混合移动应用开发优势

第一, 应用程序的移植很方便, 使用Cordova的应用使用平台SDK打包成应用程序, 可以从每种设备的应用程序商店下载安装。第二, 提供了一套统一的Java Script库用来供调用, 它支持i OS、Android、Blackberry、Windows Phone、Palm Web OS、Bada和Symbian。利用Java Script存取这些接口可以调用诸如摄影机、罗盘等硬件系统资源。配合UI框架Angular JS和ionic, 开发者可以快速地开发跨平台App而不需要编写任何的原生代码。第三, 数据双向绑定:可以实现View层与model层数据的同步, 一个数据发生变化的话, 相对应的另一个数据也会产生改变。进而达到代码模块化的目的, 使各个模块之间的配合程度逐渐提高, 而且还能够对驱动的开发进行检测。在这个条件下, 移动应用的开发非常简单, 开发人员的任务量也会缩小, 其中的漏洞和缺陷也能够得到很大的修补, 这样一来, 对于后期的移动应用维护和二次开发都提供了非常简便的条件, 还能够缩小相关企业的投资金额。

2总体设计

2.1平台结构

移动平台的框架包括了移动终端层、移动平台层、后端业务层、一体化平台接入层、安全防护层和网络硬件资源层六个方面。具体介绍如下:移动终端层中包括了移动终端安全管理、终端设备服务、具体业务应用和公共服务等功能。平台层中包括平台管理模块和平台支持模块。平台管理涵盖了移动设备管理、日志管理、监控分析、移动商店和IMS运维监控。平台支持涵盖了数据同步、数据集成、业务适配和中间件容器。后端业务层中所接入的业务系统对应的业务, 为移动端提供业务数据和服务的支撑。安全防护层是为移动应用提供安全性的防护, 包括安全接入平台、统一权限等, 从网络和终端两个方面进行防护。

2.2员工信息统计移动应用

员工信息统计移动应用是基于HTML5的混合移动应用开发。混合的移动应用开发方式有两个难点:首先, 搭建一套基于cordova、ionic和Angular JS的android开发环境, 并进行真机调试;其次, 前端与移动应用平台的后端业务数据库进行数据交换。对上述两个问题我们进行了创新性的解决。

IDE混合开发环境插件开发。搭建一套基于HTML5的开发环境会花费很长时间, 这样会影响整个移动信息技术的开发的效率, 所以进行基于eclipse的二次开发, 把HTML5所需的jar包等全部包含于eclipse中新建HTML5项目。同时, 进行了基于移动应用平台的开发的eclipse集成, 新建的HTML5项目也是基于移动应用平台 (MIP) 的。通过eclipse插件开发HTML5集成, 两个步骤就可以创建基于MIP的HTML5工程, 还提供了空白、选项卡和侧边栏三种可选择的HTML5模板, 减少了搭建开发HTML5环境的时间, 提高了开发效率。创建完HTML5项目, 进行开发, 最后会进入调试阶段。为了提高开发效率, 节省整个公司的资源, 进行了创新, 研究开发了一键真机调试, 单击eclipse工具栏上的快速加载同步调试器即可把开发的工程打包并运行与android手机, 进行真机调试, 提高了HTML5项目的调试效率。

员工信息统计设计。基于移动应用平台的基础上进行员工信息统计的HTML5混合开发 (cordova+ionic+Angular JS) , 员工信息统计移动应用可以上传到移动应用平台客户端的移动商店中, 供公司的人资工作人员进行下载安装使用。设计框架分为客户端、移动应用服务和数据库三个模块:客户端:主要是提供了相关的UI界面接口, 提供给具体的移动应用开发进行调用, 同时包括身份认证和数据同步等管理机制, 对客户端进行管理。基于HTML5开发的员工信息统计app可以上传到移动应用管理平台客户端中的移动商店中。移动应用服务:包括了移动应用平台的服务和具体业务应用的服务, 如员工信息统计服务, 平台服务提供身份认证和业务数据同步等支持服务, 员工信息统计应用则提供新增、修改、删除员工的操作。数据库:采用ormaping的方式, 进行数据的处理, 并把对数据的处理记录于数据库, 采取oracle或mysql数据库。利用HTML5混合开发不但界面流程, 响应速度快, 并且也可以减少开发者对原生界面的开发时间。

3 HTML5对开发人员的影响

首先, 运用HTML5混合移动应用开发技术能够实现开发完成后, 在移动终端的各个操作系统中都能够良好的使用, 开发人员不再需要再次进行处理对移动应用进行平台和操作系统的转移。HTML5混合移动应用开发在维护方面也具有非常大的优点, 开发人员只针对一个版本进行维护即可。另外, 移动终端中的移动应用更新也更为方便。HTML5混合移动应用开发还能够节约人力资源, 提高相关企业的经济性。其次, HTML5混合移动应用开发技术能够与电脑端和移动终端的桌面进行实时连接, 并对其中的各种数据和信息进行共享, 提高使用的便捷性。另外, 其还能够为移动应用的发布和传递提供更加多样的方式。在过去, 移动应用想要进行发布就需要经过应用商店的审核才能够上架, 这个过程中十分漫长, 而且人们也不容易在那么多的移动应用中找到新的应用, 对于目前来说, 移动应用能够通过很多方式进行发布和传递, 比如说利用网络设计平台等等。最后, HTML5混合移动应用开发技术创造了更为新颖的盈利方式。Facebook和新浪微博在未来都会逐渐形成 (转下页) 属于自身公司的移动应用平台, 移动应用的开发人员能够与应用平台进行合作, 尤其是游戏应用的开发人员, 其能够将开发的游戏应用推送到应用平台上, 并采用附加服务的形式进行盈利, 比如说游戏中的道具购买等等。此外, HTML5混合移动应用开发技术还能够将电脑端的广告转移到智能手机终端或者平板电脑上。在当今时代中, 手机支付的方式多种多样, 可以通过一些移动应用进行支付, 还可以利用相关应用进行刷卡消费, 利用手机中的花费也是非常可行的。很多公司在游戏应用都是通过手机花费的扣除进行游戏道具收费的, 这种方式简单而快捷。

4结论

通过上文中的分析和介绍, 我们能够了解到, 随着时代的发展进步, 人们的生活品质也得到了良好的提升, 科学技术水平的发展也非常迅速, 在此基础上, 大量的移动终端被人们所使用, 比如说智能手机、平板电脑等等, 这样一俩, 就需要有大量的移动应用对移动终端的良好使用进行支持, 因此, 就需要相关开发人员对移动应用进行高效的开发。当今社会中的移动终端操作系统非常多, 因此, 想要提高移动应用的开发效率和加强使用性能, 就必须要使用跨平台的开发技术, 使移动应用能够适用于各种各样的移动终端操作系统之中, 并保证移动应用的使用安全性和稳定性。上文中针对HTML5混合移动应用的开发技术进行了分析和讨论, 其能够完美实现跨平台开发, 并提高移动应用的使用性能和稳定性, 进而对开发人员的工作效率和质量都起到了良好的促进作用, 加快移动应用的开发和使用。

参考文献

[1]姜凤燕, 段会川.HTML5新输入类型及其对RIA界面效率支持研究[J].计算机技术与发展, 2012, 22 (5) :137-140.

[2]邢晓鹏.HTML5核心技术的研究与价值分析[J].价值工程, 2011, 30 (22) :157-158.

[3]吴磊, 张福庆.基于HTML canvas的Web GIS客户端技术研究[J].地理信息世界, 2009, 10 (03) :178-182.

[4]刘斌.HTML5---未来网络应用的核心技术研究[J].自动化与仪器仪表, 2010, 10 (4) :130-133.

HTML5移动开发 篇2

2、RUP的业务限制因素分析是指？A A 建立业务限制因素到软件非功能目标的转化。B 建立业务需求到软件质量标准的转化。C 建立业务目标到软件功能目标的转化。D 建立限制因素与功能目标的转化。

3、用例图中，通信关联是指？D A 参与关联 B 使用关联 C 扩展关联

D 以上三种都是

4、RUP初始阶段业务目标建模的任务是？C A 建立业务目标到用户需求的转化模型。B 建立业务需求到用户目标的转化模型。C 建立业务目标到软件功能目标的转化模型。D 建立项目目标到业务目标的转化模型。

5、结构化分析（SA）是软件开发需求阶段所使用的方法，不是SA所使用的工具。C A DFD图B PAD图C 数据结构D 控制结构

6、结构化分析方法（SA）最为常见的图形工具是？C A 程序流程图B 实体联系图C 数据流图D 结构图

7、ER图是表示概念模型的有效工具之一，在ER图中的菱形框表示？A A 联系B 实体C 实体的属性D 联系的属性

8、在ER图中，用长方形和椭圆分别表示？C A 联系、属性B 属性、实体C 实体、属性D 什么也不代表、实体

9、用例图中，通信关联是指？D A 参与关联B 使用关联C 扩展关联D 以上三种都是

10、用例的实现细节不会在中描述。B A 用例说明 B 用例图 C 活动图 D 顺序图

11、以下关于面向对象方法的叙述中，正确的是？C A 问题空间与解决问题的方法空间不一致。B 继承是组装结构的重要特征。C 类是对象的抽象。D 数据和功能相割裂。

12、UML是一种面向对象的统一建模语言，用例可以用来描述。C A 类B 状态C 活动D 协作

13、虽然顺序图和协作图都用来描述对象间的交互关系，但侧重点不一样，协作图着重体现的是？C A 交互的时间顺序。B 交互对象属性。C 交互对象间的静态链接关系。D 消息的同步。

14、状态图中，同步条件用于表示活动之间的同步，下列表述中不正确的是？B A 一般有一个或多个信息流向它引入，表示该同步条件所要遵循的条件。B 有一个或多个信息流从它引出，表示各引出信息流被同时触发的条件。C 表示引入的信息流同时到达，引出的信息流被同时触发。D 步条件一般是针对各引入信息流的，显示在同步条件图元旁边。

15、原型化方法是用户和软件开发人员之间进行的一种交互过程，适用于系统。A A 需求不确定性高的B 需求确定的C 管理信息D 动态改变

16、系统/软件开发的原型化方法是一种有效的开发方法，下述基本环节中是原型形成以后才应实施的内容。D A 识别基本需求。B 开发工作模型。C 修正和改进模型。D 进行细部说明。

17、以下哪一项工作是记载经营需要，将组织的日常运作和项目相联系？C A 制作范围管理计划。B 制作WBS。C 制定项目章程。D 制作项目管理计划。

18、以下哪一项不属于项目章程的内容？D A 主要风险B 总体里程碑C 总体预算D 项目进度计划

19、你正在编制一个项目计划。目前有一个专家对本项目的顺利完成具有非常重要的价值。但是你不知道她什么时候能来支持你的项目。因此，你只能先假设了项目的开始时间。这表明假设一般也会包含一些风险因素，因为它们？D A 是根据过去的经验做出的假设。B 可能没有已有数据或信息的支持。C 包括了一些限制项目管理团队选择空间的因素。D 包括了一些假定为正确，实际或者确定的因素。

20、项目经理正在努力协调所有活动，确定如下信息：活动1可以马上开工，估计活动工期为1周；活动2在活动1完成后开始，估计活动工期为4周；活动3在活动2结束后开始，估计活动工期为5周；活动4在活动1结束后开始，估计活动工期为8周。活动3和活动4必须在项目结束前完成。项目的关键路径是多少？A A 10B 11C 14D 8

21、项目经理确定在编程开始15天后，可以将一个软件提供给质量保证组。这在项目计划上是如何表示的？D A 完成-到-完成-15B 完成-到-开始+15C 完成-到-开始-15D 开始-到-开始+15

22、自由时差和总时差的区别在于什么？B A 自由时差是不影响结束日期的总时差，而总时差是自由时差的累计数。B 自由时差值影响随后立即进行的后续活动的最早开始日期。C 自由时差通常指“闲散时间（slack time）”,而总时差通常指“浮动时间（float time）”。D 一个活动的自由时差等于关键的总时差减去活动的总时差。

23、在进行计划编制时，你坐下来对每项任务所需的时间进行估算，这些时间的总和就是项目估算，这个历时就是你承诺完成项目的时间。以上描述有什么错误？B A 项目团队没有参与估算，而且这种方法耗时太长。B 项目团队没有参与估算，而且没有使用网络图。C 估算时间太久，应该有管理层完成。D 项目估算应该和客户要求的完工日期吻合。

24、你的首席工程师估计，一个工作包的工作量最可能需要的完成时间为50周。如果一切都很顺利的话，也可能在40周内完成；但是如果情况糟糕的话，则需要180周才能完成。使用计划评审技术（PERT）估计一下这个工作包的完成时间是多少？B A 45周B 70周C 90周D 140周25、在项目规划阶段，项目经理邀请一名财务分析师、一名法律顾问、一名采购工程员和一名电子工程师来创建项目需求。会议期间，专家们在便签纸中记录需求并将便签纸黏贴到墙上以便项目经理可以收集和分析需求。项目经理是使用了哪一项技术？B A 访谈B 头脑风暴C 风险分析D 德尔菲技术

26、以下哪一项不属于需求的内容？D A 技术需求和性能需求B 安全需求和商业需求C 项目管理需求和交付需求D 范围需求和控制需求正确答案D

27、你负责管理一个大项目，设计到20个内部主要干系人，他们分别代表7个大公司。这个大项目涉及到8个不同的承包商，他们的工作必须相互协调。你直接管理的项目团队有六个团队领导。每个团队领导各带领一支由15人组成的团队。因此，你认识到必须投入大量的精力进行有效的整体变更控制。这意味着你主要关心？A A 引发变更的影响因素，判断变更发生以及变更发生后对实际变更的管理。B 保持基准线的整体性，整合产品和项目的范围，在各个不同的知识领域之间协调变更。C 整合来自项目的不同职能部门的可交付成果。D 建立一个变更委员会来监视所有的项目变更。

28、一个在他国的大型建筑工程需要当地政府部门协调，以便让大型机械顺利的通过拥挤的街道。为了顺利完成工作，该国的联络人告诉你，你必须向当地警察支付一笔费用，作为其协调交通的补偿。你应该？C A 不要支付，因为这是贿赂。B 取消这项工作。C 支付这笔费用。D 如果不在预算之列，则不支付。

29、以下属于可变成本的是？A A 原材料B 场地租赁C 设备费D 以上都不是正确答案A

30、项目经理进行项目决策时，需要考虑以下各种成本，除了？D A 间接成本B 固定成本C 可变成本D 沉没成本正确答案D

31、一个设备相关的折旧指标是：原值￥50,000，残值￥5,000，使用年限5年，如果采用年数总和折旧法，请问第四年的折旧费用是？B A ￥9，000B ￥6，000C ￥42，000D ￥3，000

32、成本预算与成本绩效基准之间的差额是？A A 管理储备B 应急储备C 应付未来的成本D 应收未收的收入正确答案A

33、项目经理通常有权决定项目预算中的各种类型的开支，除了？D A 直接成本B 固定成本C 应急储备D 管理储备

34、云计算包括以下几个层次的服务？ABC A 基础设施即服务（IaaS）B平台即服务（PaaS）C 软件即服务（SaaS）D 终端即服务（TaaS）

35、常见的云计算IaaS集群物理架构有？ACD A 集中式存储B 封闭式存储C 分布式存储D 混合式存储

36、常见的开源虚拟化技术有？BD A vSphereB KVMC Hyper-VD XEN

37、常见的开源虚拟化管理软件有？BC A VMwareB OpenStackC OpenNebulaD XEN

38、关于软件的概念，说法错误的是？D A 软件是由功能与结构组成的。B 软件是由代码与文档组成的。C 软件是由界面、逻辑与数据组成的。D 软件是由数字和字母组成的。

39、下列说法有误的是？B A 经典的MVC结构，是我们理解体系结构的敲门砖，后来流行的体系结构，都隐藏了MVC架构的影子。B Model是MVC中的一个角色，其响应用户请求并告诉模型如何响应这个请求。C 事件监听器(listeners)就是 Controller。D Model是表现问题状态的Class，它有私有属性，以及相关的set/get方法。

40、下列关于ORM的描述，哪些是错误的？B A ORM的价值在于消除面向对象与SQL脚本语言在表达方式上的鸿沟。B ORM的作用在提高代码运行效率。C ORM可以提高系统的维护能力。D ORM的作用在于提高开发效率。

41、下列关于软件重用的描述有误的是？C A 软件重用，是软件开发方法论中的一个重要分支，对软件架构有重要的影响。B 技术构件重用，将常用的技术构件开发出来，作为软件框架的基本组成部分。C 基础类型的重用，封装一些基础子类，在软件开发时继承使用，可以完善语义定义，也能提高重用性。D 需要提升业务重用能力和多终端接口能力。正确答案C

42、中间件是通用服务，这些服务具有标准的程序接口和协议，针对不同的操作系统和硬件平台，它们可以有符合接口和协议规范的多种实现。以下关于中间件的相关描述有误的是？D A 远程过程调用是一种广泛使用的分布式应用程序处理方法。B 一个RPC应用分为两个部分：server和client。C 消息中间件是利用高效可靠的消息传递机制进行平台无关的数据交流，并基于数据通信来进行分布式系统的集成。D 对象请求代理(ORB)是对象支线，定义异构环境下对象透明地发送请求和接收响应的基本机制，是建立对象之间client/server关系的中间件。

42、下列叙述中有误的是？C A 移动互联网常见的开发语言包含有Objective C和C++。B 移动互联网开发所面临的问题包括兼容和性能。C 移动互联网开发的数据有限但更新快。D 移动互联网开发的成本包括学习成本和设备成本。

43、以下选项不属于结构性标签的是？B A sectionB dialogC fotterD nav

44、HTML5的发布机构是？A A W3CB passneedscalibration 指南针

60、用HTML5进行移动互联网开发的准备工作包括？ABCD A 开发的相关设备B 开发环境C 开发帐号D 开发与管理标准

61、本课程中讲师对HTML5开发提出的工业标准分为四跨、三大、二极、一根筋，以下对这四个标准描述正确的是？ABCD A 四跨即跨浏览器、跨操作系统、跨设备、跨屏幕。B 三大指大场景操作、大服务器与集成应用渠道中心、大负载弹性云计算。C 二极即极低的成本、极高的适配性。D 一根筋是要解决HTML5中的从渠道、前端、后端、服务器扩展、运维、销售、运营一揽子所有的问题。

62、基于浏览器条件下，以下不属于HTML5在移动互联网开发中的优势的是？B A 一次编写四处运行。B 性能最高。C 成本低廉。D 适合精益创业。

63、大多数项目中的问题是？B A 技术问题B 管理性问题C 成本问题D 效率问题

64、项目成功判断维度包括？ABCD A 对客户和团队产生的效力B 项目效率C 商业效益D 准备未来

65、在你的项目管理工作组中你需要同时扮演一个领导者和管理者的角色。你认识到没有管理能力的领导或者没有领导能力的管理都会产生差的结果。下面哪一个主要的责任最好的代表了项目管理能力？

A 决定方向，分配人员，鼓舞和激励他人。B 通过别人完成事情。C 利用个人的人格魅力来激励别人。D 利用各种可用的力量来作为激励工

66、一个项目经理正在管理一个复杂的硬件安装项目。该项目团队由13个人组成，他们都是各自领域的专家。项目经理不想对项目进行面面俱到的管理。分解工作的时候，最佳的分解方式是？

A 分解的越细越好，因为工作很复杂。B 工作分解的不能太细，因为他和专家一起工作。C 工作包分解到1000小时。D 工作包分解到80小时。

67、你为能源部开展的一个项目使用挣值分析作为绩效报告的技术。你的项目已经完成了20%。最近一次的挣值分析结果显示，成本执行指数（CPI）为0.67，进度执行指数（SPI）为0.87。在这种情况下，你应该？

A 实施额外的资源计划编制，增加资源，并且在需要的时候进行超时工作，以完成已预算好的工作量。B 为进度重新设定基准，然后使用蒙特卡罗分析。C 实施风险应对审计以帮助控制风险。D 更新对风险的识别以及定性与定量风险分析。

68、以下哪一项工作是记载经营需要，将组织的日常运作和项目相联系？ A 制作范围管理计划B 制作WBSC 制定项目章程D 制作项目管理计划

69、以下哪一项不属于项目章程的内容？D A 主要风险B 总体里程碑C 总体预算D 项目进度计划

70、项目章程最少应该？A A 描述项目经理和职能经理的职责和权利。B 探讨项目的风险和限制以及针对这些问题的计划。C 指定项目的组织结构。D 说明执行组织的商业目标。

71、您要缩短项目工期两周时间。在关键路径上，有一个要只上半天班的资源完成的任务，要四周时间。您协商让该名成员全职工作两周时间，您正在利用下列哪种技术？B A 快速跟进B 赶工C 资源平衡D 基准

72、以下关于进度压缩的理念分析正确的是？D A 要求人员加班工作。B 降低质量标准。C 告知客户和管理层要求延期。D 根据项目实际情况进行分析，可拒绝强行压缩。

73、题干：以下对赶工步骤分析错误的是？C A 画出网络图。B 找关键路径。C 对“赶工费率”最高的先入手。D 需对汇聚点进行赶工。

74、当需要减少20%关键路径时间时，你可以采取下列的行动，但以下哪一项除外？C A 增加资源。B 加速时间进度。C 消除浮动时间。D 并行安排活动。

75、有效的项目整合通常需要强调？C A 项目团队成员个人能力。B 及时更新项目计划。C 对主要交接点进行有效沟通。D 高层管理控制。

76、某项目经理正在管理一个大型软件集成项目。项目的进度已经确定，而客户现场的管理层反馈说，项目的周期太长了。不断变化的市场迫使项目不得不提前一个月完成。管理层已经和客户评审了项目的所有范围，但是没有任何一个是可以剔除的。他要求项目经理将每个活动的历时减少10％，以达成目标。在这种情况下，项目经理应该？C A 启动变更流程，评估相应风险。B 和团队一起评估如何将所有活动历时减少10％。C 将更多的关键路径上的活动并行。D 与管理层评审最初的项目管理计划，并讨论相应的范围变

77、项目经理完成了项目范围说明书。除了将会影响项目的组织政策以外，项目经理下一步应该做什么？A A 创建工作分解结构。B 定义项目可交付成果。C 制定沟通计划。D 创建项目章程。

78、以下哪一项错误描述WBS的原则？D A 可交付成果为导向。B 独一无二的账户编码。C 要素之间相互独立。D 子要素大于母要素。

79、截至上月底，按计划应支出1500万元，但实际只支出了1400万元。所以，截至上月底？D A 成本节约了100万元。B 成本超支了100万元。C 如果项目照这种情况继续，那么项目完工时，项目成本将有所节约。D 信息不足，无法判断。

80、项目绩效报告中包括如下数字：PV=110，EV=100，AC=120，总预算为150。成本偏差是多少？A A-20B-10C 10D 20

81、以下哪个代表着项目已经完工？C A EV=PVB EV=ACC EV=BACD PV=BAC

82、会议不仅是现代公司决策过程中不可少的重要环节，而且还是公司内进行信息交流的重要场所，会议可以发挥很多作用，以下属于其作用的选项是？ABCD A 信息交流。B 整合思想。C 提升士气。D 建立企业文化。

83、以下属于高效的会议组织方法的是？ABC A 清楚的说出为什么开这个会议。B 准时开会。C 制定一份周到的会议日程表。D 选择一个正式严谨的开会场所。

84、欲要正其行，必先正其心，作为一名谈判者，首先要梳理正确的谈判观念。以下选项对于谈判观念描述有误的是？A A 谈判是辩论。B 谈判是交易过程的一个环节。C 谈判目的是达成预定的目标。D 谈判结果力求维持双方关系。

85、以下对于正确谈判心态的描述不正确的是？B A 没有充分的准备不上谈判桌。B 谈判者代表个人。C 善用事件营销发挥加乘效果。D 感谢每一位谈判机会与谈判对象。

86、以下关于群体和团体的说法有误的是？A A 群体的集体目标更为重要。B 团队的目标是一致的。C 群体独立担当的多。D 团队中的成员取长补短。

HTML5会终结移动应用程序吗? 篇3

这几年来，我们一直在谈论开发面向众多设备的应用程序。移动应用程序仍然是将新服务或新内容提供给移动设备的首选方式。

但是“应用程序”这整个概念可能会迎来重大变化。这一天可能很快就会到来：你只要点击主屏幕上的某个链接，就可以在浏览器中启动运行应用程序，用不着访问应用程序商店(App Store)或Android Market。

原生应用程序占上风

开发人员为移动设备开发应用程序时，通常开发“原生应用程序”——这是你在应用程序商店购买后安装到手机内存中的那种应用程序。原生应用程序一向是为手机添加功能的事实上的标准。

大多数开发人员会赞同这个观点：与基于浏览器的应用程序相比，无论外观还是性能，原生应用程序都要胜出一筹。大多数用户对于移动浏览器的态度是唯恐避之不及，因为用起来实在麻烦，当你需要输入数据时更是如此。

原生应用程序也一向比基于浏览器的应用程序更易预测。因为原生应用程序在手机的内存中运行，所以不存在这个问题：各种移动浏览器呈现原生应用程序的方式无法预测、缺乏一致性。

此外，原生应用程序对网络的依赖比较小：由于原生应用程序把大部分内容存储在手机上，不像浏览器应用程序那样非常依赖网络。浏览器应用程序通常驻留在云端的服务器上，必须通过Wi-Fi或3G连接不断接人到云，才能访问内容。要是该网络连接很差或无法使用，浏览器应用程序的性能可能会大打折扣。

原生应用程序很麻烦

长期以来，时间和资金有限的开发人员之所以为苹果iOS设备和Android设备开发应用程序，是因为只有这么做，才可以让自己开发的应用程序进入到数量最多的手机上。

但这个理由开始失去了说服力，一方面是由于在应用程序商店中推销原生应用程序对开发人员来说难度很大。拿iOS应用程序来说吧，就连让应用程序通过应用程序商店的审批也难度不小。虽然苹果对提交审批的每个应用程序实施了同一套标准，但开发人员们表示，要是苹果不喜欢某个应用程序——不管是什么理由，就可以一口回绝。

虽然开发人员让应用程序通过Android Market的审批相对要容易些，但应用程序很快会消失在这个应用程序商店成千上万的其他应用程序中，其中许多是质量低劣的程序。

应用程序开发人员面临的另一个问题是，他们必须针对不同的移动操作系统(iOS、Android及其他)，有些情况下必须针对那些操作系统系列的不同版本，开发多个不同版本的原生应用程序。于是，开发人员不得不花大量的时间和资金，为应用程序“搞好版本”，而不是不断改进或开发新的应用程序。

迷失于超级市场

如前所述，好不容易进入到应用程序商店的原生应用程序可能很少有人注意。随着应用程序商店日益庞大，同时充斥着低劣或无用的应用程序，访问应用程序变得更麻烦了。游戏网站WildTangent的副总裁Matt Shea表示，由于各大应用程序商店是囊括各类应用程序的一站式商店，对应用程序进行合理的分类和组织很麻烦，而且常常行不通。因而，应用程序买家找不到处理预期任务的理想应用程序，尽管这个应用程序明明就在商店里面——这对应用程序的开发人员来说是个大问题。

Shea表示，各大应用程序商店对应用程序进行的分类很糟糕，这有助于解释像WildTangent这样专门的应用程序商店能够大行其道；该网站只提供游戏，并作了精心的分类，那样访客更容易找到自己所需的应用程序了。

HTML5是解决之道吗?

移动领域的许多人认为，如果开发人员使用HTML5来开发基于浏览器的应用程序，就能避免这些棘手问题。HTML5是超文本标记语言(HTML)自1999年以来的第一次升级。虽然官方HTML5标准到2014年才由万维网联盟(W3C)正式制定完成，但大多数现代化的移动浏览器已经支持这种语言，许多Web开发人员已经在设计HTML5网站。

简而言之，HTML5将让浏览器(桌面浏览器和移动浏览器)可以实现许多很酷的新颖功能，比如位置检测和不需要插件就能播放音频和视频。同步功能也将得到改进，那样你在工作单位观看了电影的一部分后，坐车回家途中可以接着看电影。

HTML5最大的潜在好处也许在于，它让应用程序开发人员能够专心开发每个应用程序的一个版本即可，然后它们就可以在多种浏览器上顺畅运行，这样他们就能把精力集中在向市场推出更多、更好的应用程序上。它还会鼓励他们增加营销宣传方面的投入，减少搞好版本这项枯燥乏味的任务方面的投入。

网络也是个因素。内容传送速度比3G网络快十倍的4G网络问世后，用户们能够以比过去快得多的速度从网络获取内容，可靠性也要高得多——基于浏览器的应用程序其性能与原生应用程序匹敌的可能性也会大得多。

至于推销宣传方面的考虑，基于浏览器的移动应用程序减小了开发人员对应用程序商店的依赖。为了让原生应用程序有机会取得成功，开发人员只好通过应用程序商店来进行推销；HTML5的支持者则表示，而基于浏览器的应用程序本身更有助于通过Twitter和Google+等社交媒体，在网上进行推销。

该墨守成规还是大胆尝试?

虽然大多数开发人员认为HTML5在不断改进，但他们表示，在实际的使用场合下，原生应用程序运行起来还是比浏览器应用程序要好、要快。

导致这种事态的一个原因牵涉到应用程序对手机功能的访问。许多开发人员表示，HTML5应用程序还无法像原生应用程序那样很好地控制和利用智能手机的各种硬件功能，比如处理器和方向感应器。

不过，HTML5原生应用程序在控制智能手机的硬件资产方面赶上原生应用程序的速度有多快，这个问题引发了激烈的争议。

高通CDMA部门的产品经理SyChoudhury说：“当然，让人们可以使用位置检测等功能的JavaScript绑定机制已出现在了大多数移动浏览器上。在今后半年内，我们会看到这方面不断完善，包含更丰富的位置检测功能，以及众多新功能，比如访问图形处理器(GPU)的WebGL、访问摄像头／摄像机的功能，以及比现在更丰富的音频控制功能，等等。”

Choudhury及其团队负责在高通的Snapdragon处理器上为移动设备优化Web浏览器和操作系统的性能。

Mozilla的移动浏览器产品经理Thomas Arend补充说：“几个月前，各大浏览器厂商开始纷纷演示，重点介

绍HTML5应用程序能够充分利用的功能，比如方向感应器、设备方向、地理定位和摄像头集成。”Arend着重提到了Mozilla开发者网站重点介绍的仪表板(Dashboard，https：／／developer.mozilla.org／an-US／demos／detail／html5-dashboard)这个例子。

提供一致的用户体验也是个问题。一些开发人员表示，面对不同的浏览器和不同的设备，HTML5浏览器应用程序的运行方式也不同，因而开发人员很难确保所有移动消费者会喜欢应用程序在各自环境中运行的方式。

Arend表示，但采用基于浏览器的方法未必是个不利因素。Arend说：“使用Web作为采用HTML5和CSS3的平台最有希望让用户在不同的设备和平台上获得一致、个性化的体验，而不是使用不同设备会获得不同的体验。设计良好的Web应用程序与原生应用程序在用户看来没什么区别。”

与任何新技术一样，HTML5的采用也会呈现钟形曲线的模式。而早期采用者已经开始采取行动。比如说，网络音乐服务商Pandora已宣布改用HTML5来开发应用程序；而云存储公司Box.net表示，它也会走HTML5这条路线。另外让人感兴趣的是，一则吊人胃口的传闻坚称，亚马逊很快会发布一款用HTML5开发的基于浏览器的Kindle应用程序。

不是“非此即彼”的问题

尽管原生应用程序与浏览器应用程序争得不可开交，但许多开发人员并没有面临非此即彼的决定。实际上，这两种应用程序可能都有一席之地。

比如说，游戏开发人员可能会开发基于浏览器的“简化”版本，那样潜在买家没必要访问应用程序商店，就可以试玩一下，就像Mozilla的Arend指出的那样；如果他们喜欢这款游戏，可能会决定购买标准版的原生应用程序。

此外，开发人员可以基本上像开发浏览器应用程序那样开发许多原生应用程序，使用同样的工具，但随后可以给它们配备原生应用程序“包装器”(wrapper)。由于这个原因，原生应用程序和浏览器应用程序有时不像人们想象的那样大不一样。

最终，开发人员可能会根据销售要素来决定是开发原生应用程序还是开发基于浏览器的应用程序。开发人员必须问清楚：让应用程序吸引用户的最佳方法到底是通过应用程序商店来销售，还是通过社交媒体在开放的互联网上来销售。

对于许多人来说，吸引他们注意的是这个想法：智能手机与可下载的应用程序这个概念捆绑起来。智能手机最初进入市场时，原生应用程序显然提供了在这种设备上完成任务的最佳方式。但是后来情况发生了变化：鉴于移动浏览器不断改进、宽带速度提高以及HTML5即将出台，现在无线领域的许多人对原生应用程序是为移动用户提供内容和服务的最佳方式这个观点提出了质疑。

基于HTML5的移动应用开发研究 篇4

目前, 移动互联网在人们生活中的作用越来越凸显, 其终端的操作系统呈现出Android、iO S、Symbian、Windows Phone等多个系统共存的局面, 应用HTML5技术开发移动应用, 可以完全适应这种多样性, 促进移动互联网的创新与发展。将这种技术应用到中小学教育和移动学习资源的建设中, 将对中小学教育带来的巨大影响。

1 HTML5 技术的特征与移动开发的现状

HTML是用于描述网页文档的一种标记语言, 是构建和呈现互联网内容的一种方式。2014年10月28日, 随着HTML5的正式推荐标准的发布, 作为下一代互联网标准的HMTL5进一步确立了它的主导地位。广义上讲, HTML5与互联网的最新技术相结合提供了更多的增强互联网应用的集合。HTML5开发与移动设备的关系主要表现为以下几点, 一是它为移动制定单元素表。现今流行的移动设备大部分是拥有触屏功能, 可以应用虚拟的触屏工具进行数据的输入, HTML5的虚拟输入满足了表单元素的输入要求, 提高了输入的效率, 节省了键盘的显示面积;二是Canvas的绘图功能, 它为开发者提供了有关动态产出与图画图像等大量的API, 摆脱了原有Flash在插件上的不稳定性与低效性;三是HTML5成功摆脱了原有软件的弊端, 使音频、视频等可以自由的嵌入, 使地理位置定位更加的准确灵活, 使本地存储可以离线进行[1];四是HTML5中的Java Script为复杂的教学提供多线编程, 从而使教学变得更为便捷。把HTML5应用到中小学教育中不仅是一个机遇也是一个挑战[2]。

根据2014年7月21日中国互联网络信息中心 (CNNIC) 发布的第34次《中国互联网络发展状况统计报告》显示:截至2014年6月, 中国网民规模达6.32亿, 其中手机网民规模5.27亿, 手机已经成为互联网中心及个人信息中心的第一终端。因此, 软件开发的最重要的领域将是移动软件的开发, 其中基于HTML5的应用, 以其跨平台、多样性、个性化的特征适应了移动互联网的主旋律。开发者利用该项技术实现一次开发, 多平台应用。这种技术应用到中小学教育软件的开发中, 将是教育事业的一个重大革新[3]。

2 HTML5 技术在移动开发中的应用

目前移动产品的实现方式主要有三种即Hybrid App、WebApp与Native App。其中, 调用系统自带的API开发的NativeApp可以发挥设备的最大性能, 带来华丽的用户界面和最佳的用户体验。Web App无需安装, 用户可以在浏览器上直接输入信息, 然后进行离线下载, 给用户带来了全新的体验。HybridApp兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。目前, 基于信息流方式及类似方式的应用最适合使用HTML5进行开发。

基于最新HTML5技术开发的各种移动应用, 在绘制图表与下载信息时给师生带来了方便, 在各中小学的教学与应用上被广泛需求。这种技术在各中小学中广泛使用, 必将改变现有的教学模式和学习习惯, 所以应针对这种技术可能出现的问题进行分析与研究, 进而找出相应的方法加以解决, 应用这种技术为教育事业的发展贡献力量[4]。

3 基于 HTML5 的移动学习资源平台

基于HTML5的移动学习资源平台在设计上, 主要的构架包括流媒体服务器、Web浏览器以及数据服务器等。基于HTML5的服务器为移动学习提供了学习资源载体, 方便学习者使用这种设备进行更有效的学习, 学生只需要使用智能设备, 并接入移动网络, 就可以完成学习活动, 这个过程中并不需要借助任何插件进行辅助。与传统的学习资源相比, 这种基于HTML5的移动设备在设计上更加的灵活与便捷。这种移动学习资源的总体构架如图1所示:

目前, 基于HTML5移动应用的设计和开发主要是基于PhoneG ap、Titanium和App Can等第三方跨平台移动应用引擎框架进行, 通过Phone Gap/Cordova方式得到丰富的API支持, 结合HTML5、CSS、JQUERY框架完成系统构建任务。通过专门开发的Web引擎去提升HTML5的能力, 为用户提供丰富、及时、准确的服务。基于HTML5移动设备的实现主要体现在视频与音频交互模块、登录注册和资源搜索模块等。为了提高视频、音频与登录注册模块的质量, 主要解决方法就是采用HTML5与CSS、JavaS cript等移动Web技术来实现, 这样做既可以便于学习者学习, 也可以发挥其主要的功能, 从而使学习者在学习过程中减少不必要的操作与麻烦。

4 结束语

综上所述, 伴随着HTML5推荐标准的正式发布, 它的未来发展前景将更加广阔。基于HTML5技术开发的移动应用和移动学习资源对中小学教育来说有其重要的作用, 也正在为各中小学的教育事业作出着突出贡献。相信在不远的将来, 这种技术将会被更加广泛的应用于学校和社会生活之中。

参考文献

[1]吴磊, 张福庆.基于HTML canvas的Web GIS客户端技术研究[J].地理信息世界, 2009 (3) :78-82.

[2]姜凤燕, 段会川.HTML5新输入类型及其对RIA界面效率支持研究[J].计算机技术与发展, 2012, 22 (5) :137-140.

[3]邢晓鹏.HTML5核心技术的研究与价值分析[J].价值工程, 2011, 30 (22) :157-158.

HTML5开发工程师的具体职责 篇5

1、按照项目管理流程，进行项目相关功能模块任务的开发、分析及游戏适配等工作;

2、前端框架的设计开发和核心功能的实现，独立设计开发相应的游戏模块;

3、实现游戏逻辑、数据交互，优化内存与性能。

任职要求：

1、本科及以上学历，计算机相关专业，1年以上游戏开发经验;

2、熟悉 JavaScript/TypeScript/ActionScript语言，良好的OOP编程思想;

3、熟悉 layabox 、Cocos2d-html5、Cocos2d-js、QuarkJS、createJS等HTML5框架优先;

4、熟悉socket,http通信协议，熟悉一般常用的2D、3D图形算法;

5、有上架HTML5产品、flash游戏开发经验者优先;

HTML5移动开发 篇6

随着现代智能手机的快速发展, 移动Web前端开发技术也呈多样化, 移动Web前端开发技术也快速发展, 开发者如果要迅速地开发某种应用, 就需要一种高效且通用的开发技术。HTML5技术的多种新特性和跨平台特点正迎合了移动平台多样性的需要。

2 HTML5和移动Web应用

2.1 移动Web应用的发展

现在, 移动智能设备, 之所以能够风靡全球, 除了因其具有强大的硬件特征外, 更重要的是它们拥有庞大的软件应用质量, 特别在APP Store和Android market上的应用都是基于两个公司 (APPLE和Google) 提供SDK给第三方开发者进行开发的。基于原生SDK在开发具有更好的用户体验和交互操作并且不受网络限制, 节省带宽成本, 充分发挥设备硬件和操作系统的特性等优势, 但仍存在平台间移植困难, 开发周期长, 维护成本高等不足之处。除了基于SDK开发方式外, 移动智能设备还支持web开发方式, 尤其HTML5的不断发展, 让移动Web应用变得更加强大。与原生SDK开发相比, 基于Web的应用开发存在以下几点优势:开发效率高, 成本地;跨平台应用, 界面风格统一;调试和发布方便, 一次编写, 云端升级;无需安装或更新。将原生SDK应用和基于Web应用进行比较来发, 两种开发模式各有优点。目前原生SDK应用能发挥出智能手机特性的最大效果, 而基于web应用则更时候一些传统的Web站点建议移动Web版本, html5的推进, 对于移动Web的发展有着重要的影响。

2.2 基于HTML5的移动Web应用

基于Webkit内核的浏览器的一个最大特点就是支持HTML5和CSS3标准, 基于HTML5、CSS3和Javascript的移动应用程序将会是未来的趋势。HTML5标准最大的变化是支持web绘图功能, 如图形绘制、路径绘制、变形、绘画等。HTML5标准中的多媒体, VIDEO视频和AUDIO音频正好弥补了多年来需要插件才能播放FLASHE模式的缺陷。为了满足本地存储数据的需求, HTML5标准中新增了两种存储机制web storage和web SQL Database, 解决了移动信号不好时可以进行离线应用的问题。使用地理定位能够实时获取你当前在地图上所在的位置, 这将充分发挥移动设备的特点。

因为有了HTML5的支持, 越来越多的开发者开始研究基于移动平台的Web应用框架, 例如j Query Mobile、sencha touch、phonegap框架。基于HTML5移动框架存在两种不同的开发模式:基于传统Web的开发模式和基于组件式的Web开发。基于传统Web的开发模式, 就是在传统Web网站上, 根据移动设备平台的特点展示其移动版的Web站点, 目前最能体现该开发模式优势的Web框架是j Query Mobile。

3 j Query Mobile简介

由于有了HTML5的支持, 越来越多的Web开发者开始研究基于移动平台的Web应用框架, 其中基于HTML5的移动开发平台j Query Mobile是一款开源的Java Script类库框架, 是j Query在手机上和平板设备上的版本, 它提供了一个移动设备平台的统一接口工具。j Query Mobile是基于j Query、HTML5和CSS3构建的, 其目的是提供一个丰富的、交互性强的接口来兼容不同的移动平台。

j Query Mobile以“write less, do more”为目标, 为所有的主流移动操作系统平台提供高度统一的移动界面框架, 开发者不需要再为每种移动平台编写单独的应用程序, 它用于帮助开发者开发基于移动设备的Web应用程序, 其特征包括:

(1) 基于j Query核心语法, 易于学习。

(2) 支持所有主流移动平台。

(3) 采用基于HTML5标记元素驱动配置j Query Mobile各种组件, 不需要Java Script配置, 减少了Java Script脚本数量。

(4) 自动初始化。j Query Mobile通过使用HTML5标准的data-role属性来对相应的插件或组件初始化。

(5) 简单的API。基于触摸屏设备优化, 并且提供一个适应不同的移动设备的动态触摸用户界面。

(6) 可配置的主题风格。框架提供了6中不同颜色的主题风格, 配置简单, 并且还支持如text-shadow、box-shadow、gradients等CSS3特征。

在进入j Query Mobile项目开发前, 需要先准备好以下几个类库包。j Query.js基础包、j Query Mobile.js移动扩展包、j Query Mobile.css;这两个javascript类库文件和CSS文件都可以在j Query和只j Query Mobile官方网站下载得到。新建一个标准的HTML5网页, 将前面提到的类库包文件导入到网页中。接着在页面中加入的导航列表、按钮、滑动条等内容, 将以统一的风格显示, 并且可以使用data-theme属性选择显示风格。

4 j Query Mobile和HTML5的优缺点

对于初学者来说, 利用j Query Mobile开发网站或应用程序的开发, 上手迅速并支持快速迭代。与Android和i OS相比, 使用j Query Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多。而且开发出来的网站可以通过浏览器访问, 避免麻烦的应用商店审批过程以及调试、构建、升级带来的痛苦。支持跨平台和跨设备开发, 开发出来的应用程序马上可以在Android和IOS上工作, 同样也可以在其他平台上工作。作为一个独立开发者, 不需要为各平台的应用程序进行单独维护的工作。

但是j Query Mobile毕竟还是一个发展中的框架, 它的应用程序有不少缺点。比如运行速度比原生应用程序慢, 在不同平台上的表现不同, 有不少漏洞, 运行在浏览器上的Java Script不能完全地访问设备的很多特性。可以将应用程序通过类似Phone Gap这样的工具将几个版本部署到不同的操作系统上, 帮助解决这些问题。

5 结束语

j Query Mobile以及HTML5都还在发展中, 发展前景大家拭目以待。使用j Query Mobile和HTML5作为移动应用程序的开发平台具有开发简单, 发布周期短、跨平台跨设备的优点。虽然HTML5不适用于所有类型的应用程序, 而对于简单的内容显示和数据输入类型的应用程序, 它能作为原生程序的有效补充。

摘要：随着iphone、Android等智能设备的迅速普及, 移动Web技术逐渐成为关注的新热点, 传统信息类和电子商务网站因市场需求向移动终端转移。使用jQuery Mobile和HTML5做移动Web应用开发, 具有开发简单, 发布周期短、跨平台跨设备的优点。文章对jQuery Mobile和HTML5的移动Web应用开发做了介绍和分析。

关键词：HTML5,移动Web应用,jQuery Mobile

参考文献

[1]唐俊开.HTML5移动Web开发指南[M].北京:电子工业出版社, 2012.

[2]陶国荣.JQuery Mobile权威指南[M].北京:机械工业出版社, 2012.

[3]Alexander Schmitz.j Query Mobile 1.4.5 Released[M/OL].http://jquerymobile.com/, 2014-10-31.

[4]潘晓梦, 邓建华, 苏厚勤.一种跨平台移动应用方案的研究与实践[J].计算机应用与软件, 2013, 30 (1) :180-182.

HTML5移动开发 篇7

1 HTML5技术的新特性分析

从广义的角度来讲, HTML5 是指一系列用于开发网络应用的最新技术的结合, 其中包括HTML、CSS3 以及一系列全新的API。基于此点, 可以将HTML5 看作为移动设备的开发工具, 应用在移动设备开发过程中, 体现以下特点:

1.1 为移动平台制定表单元素

目前流行的、应用流畅的移动设备都具备触摸屏幕、虚拟键盘。如若不能合理设计触摸屏幕、虚拟键盘, 将会影响用户体验效果。而HTML5 技术的应用, 利用为移动平台制定的表单元素, 设定标准的触摸屏幕、虚拟键盘, 可以提高移动设备的应用效果。

1.2 Canvas绘图

利用Canvas绘图来代替Flash插件, 可以摆脱Flash插件在移动设备上表现的不稳定性, 同时提高绘图效果, 使用户体验多功能绘图。

1.3 音频、视频

HTML5 技术新增了视频、音频元素, 并且配备了一套通用的、集成的、脚本式的处理音频与视频的API, 将其设置在移动设备中, 可以提高音频、视频处理、应用, 使用户更加灵活的、方便的运用移动设备的视频功能、音频功能。

1.4 本地存储

HTML5 Web storage API可以提供容量没有限制且应用灵活的本地存储, 将其应用到移动设备中可以弥补Cookies的缺陷, 使用户在应用移动设备中, 只需要将离线数据下载到缓存中, 就可以实现离线使用移动设备进行数据查看。

2 HTML5在移动互联网开发中的应用

基于以上对HTML5 技术的新特性的了解, 确定HTML5 技术的应用可以弥补移动设备的诸多不足, 提高移动设备的应用性。所以, 移动互联网开发中科学、合理运用HTML5 很有必要。

2.1 离线缓存和地理定位技术的应用

在移动互联网开发中利用HTML5 来实现离线缓存、地理定位, 需要注意以下两方面的设置。

(1) HTML5 中Web storage API技术优于Cookie, 不会受到数据大小的限制、具有良好的弹性和架构。将Web storage API运用到移动互联网中, 可以使用户在页面浏览过后快速关闭页面, 不占有后台资源;可以使用户进行离线缓存, 将数据缓存, 以便离线浏览信息或数据。当然, 要想将此项技术应用到移动互联网开发中, 需要进行以下代码设置:

(2) HTML5 中Geolocation API技术应用到移动互联网开发中, 能够将定位和导航功能嵌入到移动终端设备中, 使用户可以在移动设备上进行地图导航、位置定位。当然, Geolocation API技术作用的发挥, 需要在开发移动互联网中, 设置同样需要代码。

2.2 自由嵌入音视频技术应用

在移动互联网开发中利用HTML5 所具有的自由嵌入音视频技术, 可以将音频、视频的网页元素混合排列, 自由的嵌入在移动设备中, 使移动设备的音频、视频功能灵活应用。具体应用自由嵌入音视频技术时, 设置以下代码:

2.3 Canvas绘图技术的应用

HTML5 中Canvas绘图技术应用在移动互联网开发中, 弥补以往绘图功能的缺陷, 使用户绘图过程中可以插入文字、图形、动画等, 并对图片进行各种编辑, 如3D绘图、移动图片、旋转图片、缩放图片等。但需要注意的是, Canvas绘图是在Java Script内部完成的。所以, 在编制代码时编程Java Script的代码。

2.4 CSS3视觉设计的应用

HTML5 应用在移动互联网开发中, 在融入CSS3 功能, 可以提升浏览页面的视觉效果。因为CSS3 具文字处理、边框处理、版面排版等功能, 将其设置在移动互联网中, 用户可以利用CSS3 功能对页面文字、页面排版等方面进行处理, 使页面按照用户喜爱的方式呈现, 如此可以提高用户的体验效果。

3 结束语

在科学技术蓬勃发展的今天, 4G技术的推出及应用, 使人们体验通信快速传递的快感。但传统互联网的使用却无法满足人们的需求, 利用A技术进行移动互联网开发, 使移动互联网具有CSS3 功能、Canvas绘图功能、自由嵌入音视频功能、离线缓存和地理定位功能等, 大大提高了移动互联网的体验效果, 可以满足人们网络需求。

参考文献

[1]刘国红.HTML5在移动互联网开发中的应用[J].科技广场, 2014 (4) :59-62

[2]黄永慧, 陈程凯.HTML5在移动应用开发上的应用前景[J].计算机技术与发展, 2013, 23 (7) :207-210.

[3]张成岩, 吴静, 仇剑书等.基于HTML5的移动Web应用浅析[J].信息通信技术, 2013 (4) :57-60, 80.

HTML5移动开发 篇8

1 APP与Web app的发展

App也就是应用软件的意思,英文简称Application,如今的APP多指智能手机的第三方应用程序。

据APP行业管理中心的数据显示,高达79%的用户每天早上已起来就开始了手机应用。手机的应用几乎成为了人们生活中的一大日常必需品。人们在手机的APP中获取资讯、进行娱乐和网上购物。随着移动设备的快速崛起,APP也正在爆发式增长。移动客户端中蕴藏着巨大的商机已毋庸置疑。

在App大力发展的今天,人们已不再质疑App可以带来的收益,互联网+时代的到来,App让每个人的生活更轻松、更便捷了,APP开发也随之让每个企业都开启了移动信息化的进程。

Web app实际上就是Web Application,指利用Web技术,配合Web浏览器,跨越网络实现一个或多个任务的Web应用程序。通过Web浏览器,由Web技术实现出来的Web App有别于传统的网站,它具有更丰富的交互体验,使得Web App看上去更像是Native App,而且web app的开发难度较之native app大幅降低,易用性更高。

2012 年我们看到了WEB APP的雏形,2013 到2014 年WEB APP进入井喷期。原因在于首先HTML5技术本身已经比较成熟。其次整个产业链对HTML5的接受程度已经得到了推广和普及,标准已经形成。各种各样的浏览器都是争先恐后的来支持HTML5。从另外一个角度随着带宽的不断上升,资费的不断下降,人们对WEB APP接受程度也会越来越高。最重要的是云计算的推出,云计算根本上改变了WEB APP的接受程度。

2 基于HTML5web技术APP快速开发现状

相对于Native App,Web App开发有哪些优势呢?首先,app开发成本较低。只要使用web开发技术就可以轻松地完成web app开发;其次,app升级较简单。升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉;另外,和一般的web一样,维护比较简单,它其实就是一个站点。

很多app开发公司看中web的未来发展是基于它的灵活性——既拥有在web上完成任务的一切优点,又能在离线的时候完成这些任务。支持离线应用现在已经是可以实现的了——HTML5 提供了例如应用缓存和客户端存储(比如,本地存储,索引数据库)等性能,这样你的应用就能在没有网络联接的时候也可以工作了随着科技的发展,移动终端已进入人们的生活,而传统的网页开发技术很难适应这种小屏幕界面,HTML5的问世在很大程度上解决了这一难题。结合HTML5的特性并提出了简单明了、可订制性、以用户为中心的移动Web设计原则。HTML5 新增的视频、音频、画布、离线应用等功能为网页开发带来了新的希望和曙光。新技术不仅能很好地适应移动终端界面,而且很大程度上减少了代码冗余,提高了设备运行效率。

用Html5+css3 开发webapp的优势在于:1)跨平台语义化更好、性能更优Android/i OS/windowsphone都对html5 和css3 提供了良好的支持;2)引入渐变、圆角、阴影、半透明等新特性,为用户创建更轻量的页面和更丰富的体验。带来更好的网页的连通性、可搜索性、可操作性等Webview所用到的部分css3 属性介绍box-flex、rgba、border-radius、border-image、ox-shadow、text-shadow、multiplebackgrounds、background-size、gradient样式呈现使用css3属性可以生成内外阴影,透明度,渐变色,圆角等效果,而以往这些只能用图片来实现的。选择器css3增加了更多的CSS选择器,让选择元素变得越来越简,实现更简单但是更强大的功能。3)学会利用html5的某些元素实现跨平台的效果。如HTML5 Canvas实现Loading加载动画。

3 以移动办公APP软件开发为蓝本的HTML5web技术应用:“云端”APP办公软件开发

“云端”应用软件是由深圳技师学院学生自主开发的手机应用软件,主要应用于用户云端文件保存与分享。“云端”应用软件的目标是“高质量的文件社交体验”,根据这一目标和应用软件的使用范围,让中国所有的高校学生和企事业单位都使用的“云端”的目标也就不难实现。“云端”各功能通过ajax使前后台数据交互。前端使用H5+CSS3+JS编写,本地端使用java编写,服务端使用ajax+PHP+.Net+Node JS编写。各端间相互联通。具体逻辑判断如图所示。

作品功能与原型设计:

1)用户云端保存文件:“云端”应用软件主要应用于学生、商务人群于云端保存文件,其工作原理为:用户通过网络下载软件并于手机安装“云端”,然后在“云端”中注册帐号,在云盘中点击上传文件即可。 2)用户随意分享文件:“云端”应用软件在用户上传文件后,文件的状态是自动公开分享。即用户需要在上传文件是考虑文件内是否涉及个人隐私与包含违法反动文件。一旦用户分享以上所述文件,上传者将被追究法律责任。3)用户间在线交流:“云端”应用软件用户间可相互添加好友创建群聊天实现即使在线交流。4)云端基础功能:用户可在应用软件上查看网盘文件、编辑云文档、浏览云相册、欣赏云音乐、并且实现软件的基础设置。

作品实现、难点及特色分析:

软件实现:软件使用html5+css3+Java Script+java+ajax+PHP+.Net+Node JS等语言实现。

软件难点:web与本机关联相互调用;云端文件数据库取数;文件目录结构分析;用户信息保存与设置;用户即使在线交流;各类文件查看

软件特色:用户可随时分享文件、对文件评论、获取优质文件;本软件使用的是混合应用技术,即使用web+java+ajax完成。混合型app可以完美的解决各平台中的兼容性;开发成本低,混合型应用可同步各操作平台的用户交互,不需在各平台开发不同的用户使用界面;维护更新简单,混合型应用可让开发者及时的修改bug更新软件并发布。.

软件访问地址:http:www.1473.cn

4 HTML5发展趋势

HTML 5 从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。

摘要：随着互联网+时代的到来,智能手机、PDA等移动设备的广泛运用,作为企业与个人便捷移动工作与生活的桥梁之一,APP的运用与开发已被提上开发人员的记事日程。该文以移动办公APP”云端”软件开发为蓝本,阐述了基于HTML5web技术快速开发APP的优势及HTML5web技术的发展前景,为基于HTML5web技术APP快速开发研究做一些实践经验积累与案例提供。

关键词：HTML5 web技术,APP开发,HTML5发展

参考文献

[1]物联中国网[EB/OL].www.50cnnet.com.

[2]王庆.基于HTML5的移动Web技术[J].软件导刊,2013(12).

HTML5技术构建移动应用的思考 篇9

移动应用主要有两种模式:原生应用和移动Web应用。

原生应用, 简单来说就是通过使用手机操作系统支持的程序语言 (例如:iphone的i OS系统使用Objective-C语言, google的android系统则使用Java语言) 编写软件, 然后安装在手机上的应用软件。

移动Web应用, 简单来理解就是针对移动终端优化过的Web站点, 终端用户通过支持Html5、Css3、Javascript标准的内核浏览器访问部署在服务器上的Web应用。

2. 原生应用的优势

2.1 原生应用开发可以直接调用手机操作系统的API (包括UI界面接口、摄像头接口、加速度传感器接口、读写内存地址等等) 。

2.2 原生应用比移动Web应用更容易预见。因为原生应用是在手机内存中运行的, 它们不会遭遇不可预知和易见在移动Web应用常发生的问题。

2.3 原生应用比移动Web应用更容易预见。因为原生应用是在手机内存中运行的, 它们不会遭遇不可预知和易见在移动Web应用常发生的问题。

2.4 原生应用对网络的依赖性更少。原生应用大部分的数据都是存储在手机内, 它们不需要连接网络才能获取数据。但移动Web应用则是典型的依赖云端服务器的应用程序, 它们必须得连接网络才能获得内容。如果网络连接不稳定或很弱, 移动Web应用的表现性能将会遭受非常大的打击。

3. 原生应用的困境

3.1 目前手机操作系统众多:苹果的iOS、谷歌的Android、微软的Window Phone 7、诺基亚的Symbian、其他厂商的WebOS、黑莓等, 若一款应用软件想在不同的操作系统上运行, 则需要针对不同的平台重新开发 (有可能还需要根据手机屏幕的大小进行特定设置) 。

3.2 程序员要在手机应用商店销售“原生应用”并不容易。以i OS应用为例, 就连通过官方的审核也不容易。不过, Apple公司要求每一个提交申请审核的手机应用都必须遵从它的标准, 程序员说如果Apple不喜欢那个手机应用, 无论是什么理由, 它都会拒绝审核。尽管要在Android市场通过应用审核并不难, 但却通过审核后却很容易被埋没在茫茫的Andorid应用海洋里, 并且大部分Android应用都是低质量的。

3.3 手机程序员面对的另一个问题是他们还必须针对不同的手机操作系统 (iOS、Android或者其他) 开发不同版本的手机应用, 并且同一个操作系统还会有几个版本的应用。因此, 手机程序员需要投入大量的时间和金钱给他们的应用程序“定版本号”, 而提高产品质量和开发新产品的时间却所剩无几。

4. 针对原生应用开发的麻烦提出的解决思路

4.1 HTML5的主要优势在于它适合众多平台, 从PC浏览器到手机、平板电脑, 甚至是智能电视。

4.2 基于浏览器的手机应用将大大减少程序员或开发商对手机应用商店的依赖。为了让原生应用成功, 程序员需要更多的推广投入, 而基于浏览器的应用 (只需一个链接地址) 会让程序员更容易通过社交媒体 (如Twitter、Google+) 等进行推广。

4.3 你无需进行安装——这是一大优点。再来就是内容更新和跨平台开发。若你创建的是原生应用, 多数情况下你需要分别在Android和i OS平台创建内容, 也许还有桌面平台。基于HTML5技术, 你只需要制作一次, 就可以将其推广至各平台。

5. HTML5在移动应用开发中的技术可行性

5.1 语义特性

(Class:Semantic) HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的, 微数据与微格式等方面的支持, 构建对程序、对用户都更有价值的数据驱动的Web。

5.2 本地存储特性

(Class:OFFLINE&STOR-AGE) 基于HTML5开发的网页APP拥有更短的启动时间, 更快的联网速度, 这些全得益于HTML5 APP Cache, 以及本地存储功能。Indexed DB (html5本地存储最重要的技术之一) 和API说明文档。

5.3 设备兼容特性

(Class:DEVICE ACCESS) 从Geolocation功能的API文档公开以来, HTML5为网页应用开发者们提供了更多功能上的优化选择, 带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连, 例如视频影音可直接与microphones及摄像头相联。

5.4 连接特性

(Class:CONNECTIVITY) 更有效的连接工作效率, 使得基于页面的实时聊天, 更快速的网页游戏体验, 更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术, Server-Sent Event和Web Sockets就是其中的两个特性, 这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

5.5 网页多媒体特性

(Class:MULTIMEDIA) 支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS, 摄像头, 影音功能相得益彰。三维、图形及特效特性 (Class:3D, Graphics&Effects) 基于SVG、Canvas、Web GL及CSS3的3D功能, 用户会惊叹于在浏览器中, 所呈现的惊人视觉效果。

另外, Java Script的连接辅助让类似移动定位这样的功能也已经可以在大多数的手机浏览器中调用, Qualcomm CDMA公司的产品经理Sy Choudhury说, “未来半年, 我们将会看到更丰富的定位功能, 同时浏览器还会有WebGL这样的访问GPU的功能, 更轻松地访问照相机和摄像机, 浏览器对声音控制也会比现在更为出色。”几个月以前, 浏览器厂商开始放出越来越多的例子高调展示移动Web应用可以达到的水平, 包括重力加速器、方向仪、GPS定位和集成照相等功能, Mozilla手机浏览器产品经理Thomas Arend指出, Mozilla开发者网站的Dashboard就是一个非常好的HTML5技术例子。

摘要：移动应用主要有两种模式:原生应用和移动Web应用, 本文比较这两种开发模式的优缺点, 论述了基于浏览器的手机应用能够解决原生应用开发的不能跨平台等问题, 简述了HMTL5的新特性及其在移动应用开发中的技术可行性。

关键词：HTML5,移动应用,原生应用,移动Web应用

参考文献

[1][美]Brad Broulik.jQuery Mobile快速入门[M].北京:人民邮电出版社, 2012.

[2][美]Alex MacCaw.基于MVC的JavaScript Web富应用开发[M].北京:电子工业出版社, 2012.

[3]陆凌平HTML5与CSS3权威指南[M].机械工业出版社, 2011.

[4]何琳.家校合作开辟班级文化建设新天地[J].时代教育, 2007.12:51-1677/G4.

[5]W3C.DOM[EB/OL].2010-07-15 (2010-11-02) .http://www.w3.org/DOM/.

HTML5移动开发 篇10

关键词：Html5,Moodle,移动教学平台

1 移动互联的现状

伴随Android以及i OS移动操作系统的真正流行, 智能手机正在全球范围内掀起一股狂热风潮。同时, 依托于智能设备而生的一系列新兴行业也在蓬勃发展, 移动广告、手机ROM、应用商店等等, 这些新兴事物同智能手机一样, 意味着移动互联网已经彻底爆发, 全民移动互联时代的已到来。根据CNNIC的调查显示, 截至2014年12月, 我国网民规模达6.49亿, 手机网民规模达5.57亿, 其中以学生群体占比最大, 为24.9%。越来越多的用户开始使用移动互联网, 挤占PC上网时间, 从PC端向手机端迁移, 对传统PC产生较大冲击。55%的手机网民因为使用手机减少了对电脑的使用。

移动互联网的到来更是逼迫传统行业走上转型道路。移动互联网的兴起, 使移动学习迅速的进入人们的视野。从用户的需求和其利用移动终端上网的行为习惯来看, 人们的碎片化时间成为关注焦点, 越来越多的人们通过移动终端获取信息、学习知识、提升技能。另一方面, 智能手机的普及, 让移动教育应用有了大展拳脚的机会。如何利用碎片化的短时间来学习成体系、成系统的知识章节, 为人们提供学习的“掌中宝”, 这都是对未来移动教育的挑战。

2 HTML5在移动互联网中的应用

HTML5是HTML语言的更新版, 新增特性使HTML5有了富媒体技术的浏览平台之称。这些特性极适合移动终端的用户体验, 带给了移动终端用户前所未有的用户体验, 让移动互联网成为名副其实的移动互联网。移动互联网一直是个热门话题, 作为这个网络的主要入口, APP也异常火热。App很重, Web很轻, 有了HTML5技术支持的Web更轻, 当App开发者为了解决安卓、IOS平台的适配问题, 买下无数手机进行逐一测试之时, 它却如一朵云, 轻松穿梭在安卓、IOS、WMP高耸的平台壁垒间, 开启了移动互联网“无界之争”的新时代。

3 构建Moodle移动教学平台

Moodle作为一个主流的开源网络课程管理系统, 以其简单而清晰的使用方式和灵活的扩展空间赢得了多数人的青睐。它解决了大部分信息化学习和课程管理的共同问题 (课程设计、发布、组织、作业、测试、统计、评价等) , 能够不加任何修改就能够进行实际应用。Moodle引入中国以来, 受到了各种人群的青睐, 但随着移动学习时代的到来用户群有所下降, 用户急需使用移动设备来访问Moodle站点, 但早期Moodle不具备支持移动应用的功能, 不能自动识别Pc、手机、平板电脑等不同设备访问。将Moodle的理念通过Html5的技术与移动技术的结合是可以探索的方向, 也就是把交互构建和适合手机感受的内容相结合。

moodle.org官方网站可下载到Moodle的最新版本Moodle2.8.5, 目前有132个语言包可用。从Moodle2.2版本开始, Moodle具有很大的灵活性, 能较好适应PC及移动设备的访问, 根据访问终端的不同呈现出不同的主题。

Moodle平台硬件运行环境要求服务器磁盘空间大于160MB, 内存大于256MB。运行软件环境为PHP+MYSQL的环境, 其中PHP的版本为5.4.4以上, My SQL数据库版本为5.5.31以上。

Moodle安装完成后, Moodle自带默认的5个主题, 其中bootstrapbase、clean的Theme (主题) 使用移动终端设备访问时界面显示效果较好。如果提供的默认主题无法满足需要, 可从Moodle.org下载Html5技术开发的主题进行扩展, 例如:Essential、Simple等Theme (主题) 。将下载的Theme (主题) 内容解压后上传至Moodle平台的Theme文件夹下, 使用管理员账号登录, 进入网站后台管理界面, Moodle系统会自动检测到有新的主题未安装, 可根据提示完成主题安装, 也可在左侧“通告”中完成主题的安装。主题安装完成后点击左侧“网站管理”-“外观”-“主题风格”-“主题选择器”中进行主题设置。主题完成设置后, Moodle平台针对不同的访问终端进行相应内容的呈现。采用PHP+My Sql程序开发的Moodle平台, 目前在IOS、Android、Window Phone、Symbian、Black Berry OS等操作系统的智能终端和PC上已实现一次开发, 多平台应用。

Moodle平台在发展中, 出现了基于i OS的Moodle Moodle Mobile By Moodle Pty Ltd 1.1.3版本移动客户端和Android下的Moodle Mobile 1.12及Windows Phone下的Moodle Mobile 1.13.0.0等, 目前功能相对简单, 在今后推出的版本中功能上将会逐渐完善。 (见图1, 图2)

Moodle是一个开源的教学平台, 在教学平台运营过程中, 对PHP程序有一定开发能力的开发者可自行开发Moodle的模块对Moodle进行扩展, 使其功能更符合我们的需要。开发者也可根据需要对Moodle的Theme (主题) 进行二次开发, 重新设计LOGO、界面风格、布局、字体大小等内容, 使Moodle平台风格更个性化。开发者自行开发的Moodle模块、Theme在测试后可发布到moodle.org进行共享, 开发者对Moodle功能的逐步完善, 必将使Moodle得到更广泛的应用。

参考文献

[1]韩立龙移动网络学习[M].合肥:中国科学技术大学出版社.

[2]唐俊开移动开发指南[M].北京:电子工业出版社.

[3]全立新.基于MOODLE的高职教育研究性学习模式构建[J].职业教育研究, 2008, 6.