HTML、jQueryMobile与PhoneGap高校移动应用开发模式.docxVIP

基于jQuery Mobile与PhoneGap的高校移动应用设计与开发刘欢，卢蓓蓉，马晨辉（华东师范大学信息化办公室，上海 200062）摘要：将原生开发和web开发相结合的混合开发模式具有开发门槛低、跨平台开发的优势，对于构建高校移动应用有重要价值。本文介绍了jQuery Mobile与PhoneGap相结合的混合开发模式，阐述了将其应用于高校移动应用开发的技术路线，分析了开发中存在的各种技术问题，提出了相应解决方案。关键词：高校移动应用；jQuery Mobile；PhoneGapDesign and Realization ofCollegeMobileApplication Based on jQuery Mobile and PhoneGapLiu Huan, Lu Beirong, Ma Chenhui(Network InformationCenter, EastChinaNormalUniversity, Shanghai 200062)【Abstract】Hybrid development model which mixed up native development and web development reflects advantages such as easy development and cross-platform, which has great value in building college mobile application. This article introduces the combination of jQuery Mobile and PhoneGap in hybrid development model, elaborates technical route, analyzes the developmentproblems, and proposes corresponding solutions.【Key words】college mobile applications; jQuery Mobile; PhoneGap一、概述在移动化趋势下，越来越多的国内高校已推出了自己的官方移动应用[1]。其开发模式主要有两种，分别为原生开发（Native application development）与混合开发（Hybrid application development）。其中，原生开发是高校移动应用的主流开发模式，其特点是技术成熟、用户体验好、运行效率高，同时开发门槛较高、需根据不同平台分别开发。相比之下，将原生开发和web开发相结合的混合开发模式具有开发门槛低、跨平台开发的优势，但在用户体验、运行效率等方面存在一定劣势[2]。目前采用混合开发模式的高校官方移动应用较少，大部分应用仍处于摸索阶段，并没有形成成熟的技术体系。对于高校移动应用而言，混合开发模式利大于弊。首先，较低的开发门槛意味着有兴趣的师生也可以参与到应用的开发行列，通过众多应用开发者的共同参与，能够大大拓宽高校移动应用的丰富程度[3]；其次，在移动化浪潮下，新型移动设备层出不穷，如果使用原生开发的方式很难满足应用在所有设备上的普及，而混合开发则具有跨平台优势，能使师生在不同移动设备上都能够使用高校移动应用；再次，和商业应用所不同，高校移动应用在用户体验和运行效率方面没有严苛的要求，而更注重于实用性，这一定程度淡化了混合开发模式的负面效应；最后，HTML5正在不断发展中，随着时间的推移，混合开发所依赖的各种技术有希望得到改进，高校移动应用现存的各种问题也有希望得到解决，并籍此创造更加优秀的应用。基于以上原因，华东师范大学官方移动应用开发采用了混合模式。本文将对该应用的开发过程进行介绍，并分析应用开发中遇到的各种问题，提出解决方案。二、技术介绍“混合开发”顾名思义，是混合了多种技术的一种开发模式，而非单一的技术手段。混合开发的技术组合多种多样，在华东师范大学官方移动应用中，主要使用了HTML5、jQuery Mobile和PhoneGap的技术组合。1. HTML5使用混合模式开发的移动应用，其实质为移动web页面在移动设备上的呈现，而移动web页面的开发需要使用HTML5。广义的HTML5是HTML、CSS与JavaScript的组合，能够赋予网页更好的语义结构，并为网页提供了一系列新的功能。除IE6、7、8等老版本浏览器外，现今的主流浏览器基本都支持HTML5。特别是在移动设备上，HTML5具有较高的支持度。HTML5对于移动web页面的良好支持体现在很多方面。例如，HTML5的各种标签支持自定义属性，能够在属性中设置标签对应的标识、功能、图标、运动方式等，便于对页面元素进行深入控制，并使代码