基于CORDOVA的跨平台闽西生猪疫病APP的研究与实现

唐彬文，戴爱玲，陈亚洲，李晓华，杨小燕，郭士正

（1.集美大学 诚毅学院，福建 厦门 361021；2.福建省生猪疫病防控工程技术研究中心，福建 龙岩 364000）

基于CORDOVA的跨平台闽西生猪疫病APP的研究与实现

唐彬文1，戴爱玲2，陈亚洲1，李晓华2，杨小燕2，郭士正1

（1.集美大学 诚毅学院，福建 厦门 361021；2.福建省生猪疫病防控工程技术研究中心，福建 龙岩 364000）

摘要：随着移动互联网的发展和智能手机的普及，基于B/S结构的信息系统已经不能满足用户的需要。分析了用户需求的基础上，研究和实现基于CORDOVA的跨平台闽西生猪疫病APP。APP不仅调用原系统的报表查询、病例查询和检测报表查询等功能模块，而且增加了预约采血、新消息、讨论区、新药新技术和防疫与保健等新功能。希望以此提高养殖户使用系统的粘性和丰富研究中心实验室的信息化管理方法。

关键字：CORDOVA；生猪疫病；HTML5；APP；闽西

福建省区域科技重大项目的子课题闽西生猪流行病学信息系统的构建和实施已经有3 a了。三年来，系统的使用提高了生猪疫病防控工程技术研究中心的管理效率，方便了养殖专业户的信息查询。但是随着智能手机的发展，移动端的使用日益成为人们生活和工作中不可或缺的信息获取和传递渠道。单独的PC端平台已经不能满足用户的需要，因此本项目萌发出构建实现基于CORDOVA的跨平台闽西生猪疫病APP，以增加用户对原有系统的信息获取、传递、加工和存储的方式。以此完善省科技平台建设内容。

1　可行性分析

1.1管理可行性

防控中心分别在2010年研发并使用闽西生猪疫病流行病学信息系统，在2012年构建并实施了生科院条码系统。现已有992个用户。其中血清的检验数量维持在每年1.8万条左右。无论从用户或者管理员的使用频率都维持在稳定的水平。此外，据eMarketer预测，国内智能手机的普及已近40%，一线城市甚至达到了55%。因此，移动应用的使用具有了广泛的用户基础。

1.2技术可行性

防控中心原先的系统都是基于B/S结构开发，将系统从PC端转移到移动端，面对的两大问题是各种智能手机系统的兼容性和手机屏幕大小、分辨率各异的适配性。而CORDOVA是近年来使用比较多的跨平台框架结构，开发者能在CORDOVA框架下，短期内开发出兼容Android,IOS，Windows Phone和B1ackberry等主流智能手机操作系统的APP。可谓一举多得。采用htm15+css3+javascript作为移动前端的开发又能够很好地适配不同屏幕大小的手机。因此，从技术上开发APP接入原先的B/S结构的闽西生猪疫病流行病学信息系统是成熟的。选用CORDOVA框架是从网站应用向移动端应用转变的较好技术解决方案。

1.3经济可行性

由于不同平台的异质性，开发适配各个平台的APP非常昂贵。[1]而使用跨平台的CORDOVA框架建立的APP具有很强兼容性。其主要投入包括开发账号费用(IOS)、框架搭建、设计模式、界面设计和应用程序设计等费用。系统总体建设费用是可控的。

2　系统设计

2.1功能结构设计

经过前期的调研，按照原先系统的用户类型和用户需求，汇集了以下主要的功能。

表1　闽西生猪疫病APP的功能结构

2.2CORDOVA框架使用

Phonegap被Apache组织收购后更名为APACHE CORDOVA。CORDOVA是一种移动开发框架，相当于桥接本地移动端API和互联网应用的中间件。CORDOVA针对不同智能系统的webkit的扩张和封装，通过webview调用JS进行终端服务器和各个不同本地客户端SDK API的通讯。CORDOVA拥有丰富的插件库，其采用面向对象方式，解决了程序员适配不同手机API的问题。CORDOVA插件对本地API的调用，如短信、GPS、电话和摄像头等本地硬件，使得APP能够接近，甚至达到原生应用的水准。使用CORDOVA云打包的APP能够兼容当下包括IOS，Android、Windows Phone、B1ackberry和Symbian等所有的智能手机系统。不仅解决了各个智能系统之间信息孤岛的窘境，而且节省了软件重复开发的成本。因此本项目APP的开发结合了本地移动技术和Web调用Web-View API技术的思路[2]，采用CORDOVA框架构建智能手机APP。其结构如下所示：

图1基于CORDOVA框架的APP结构图

2.3数据库设计

本项目数据库设计沿用原先信息系统的数据库类型，采用了access数据库。在原先关系二维表的基础上，重新构建了适用于APP的几张二维表。包括appointment（预约）、BBS（讨论区）、BBScontent（讨论区评论）、product（新药新技术）、Hea1thcare（防疫与保健）和message(新消息)等6张二维表。以下是关于主要的二维表数据结构的描述。

表2　Appointment（预约）

表2用于存放用户预约采血的信息，包括用户的地址、联系电话、预约份数、时间、审核情况和处理状态等信息。

表3　BBS（讨论区）

表3用于存放讨论区用户发布的内容和图片地址。图片采取相对地址的存放方式。在图片上传过程中采用插件压缩图片，并在服务器建立单独的文件夹存放上传的图片。

表4　Message(新消息)

消息的结构包含了发送者、接收者和内容等信息。采用了点对点和点对群的消息传送模式。点对群的模式中，Receiver自动设定为a11。

此外由于product（新药新技术）和Hea1thcare（防疫与保健）的数据结构和BBS（讨论区）类似，就不再阐述。

3　系统实现

3.1设计目标

3.1.1实用性

Hybrid模式和本地HTML5 Web应用程序的结合不仅具有更好的移植性，而且具有更好地利用本地移动设备的能力[3]。CORDOVA开发框架从技术讲是一种优秀的Hybrid模式，它和HTML5都具有跨平台性，它们的结合使得程序的开发事半功倍。本项目APP程序设计采用触屏响应式符合移动端的使用风格。UI采用扁平风格图标和文字图标两种相结合的方式,消除了Hybrid APP先天流畅性不足的缺点。HTML5+CSS3+javascript的前端设计，能够很好地兼容不同分辨率和大小手机屏幕。后台的asp动态页面开发也能很好地兼容原先B/S结构系统。满足对先前报表、病例记录和检测报告等信息的动态调用。

3.1.2扩展性

APP的开发过程，前端和后台的设计是分离的。前端静态页面（HTML5）的开发和布局的扩展较为容易。前端功能的增减只是页面标签和布局的调整而已。后台采用动态的页面处理技术(asp)，一方面程序的升级过程，几乎省略了客户端的调试，升级起来较为容易；另一方面后台功能的增减，只需在前台的标签中加入或删除相应的iframe框架或者href超级链接。

3.1.3稳定性

数据库面对高数量和高频率的访问时，能否及时的响应是评价APP稳定性的重要衡量标准。本项目的APP是属于行业性较高的APP，不同于即时聊天工具、视频软件和办公软件等常用的APP。其数据的并发量是有限的。在B/S系统设计的初期，报表的计算量最大，曾一度出现系统掉线，但是经过算法的改进，已经能够满足单个客户端高频率地访问数据库的要求。在PC端数据库也经历了压力测试。转换到移动端平台后，只要能保证一定的网速，在3G/4G或WiFi环境下，系统报表的移动端调用是流畅的。

3.1.4安全性

数据库安全是系统安全的最大保障，也是APP端安全的最后防线。系统的安全性设计首先对用户的个人信息进行md5加密；其次严格区分不同用户的访问权限；最后严格设定了各个录入界面的数据格式，从根本上消除了sq1注入威胁。此外HTML5技术拥有一批解决安全问题的新特性，进一步保障了系统的安全性[4]。

3.2技术实现

3.2.1环境搭建

CORDOVA环境的搭建需要首先完成Java SDK、Android SDK、ANT打包工具和Node.js的安装。其中由于CORDOVA云打包的特性，node.js在大陆地区不能安装最新的0.12版本，目前只能安装0.10.36版本。安装完以上的基础软件包，就可以开始安装CORDOVA。下面以widows7为例，描述CORDOVA的安装过程。

(1)“node.js command prompt”命令进入dos界面。(2)输入“npm config set registry https://registry.npm. taobao.org”命令，使用淘宝代理，进行镜像的安装。

(3)安装CORDOVA：npm insta11-g CORDOVA。

(4)删除文件“～/.npmrc”中“registry=?https://registry.npm.taobao.org”内容，即删除淘宝代理，才能正常使用CORDOVA5.1版本。

(5)创建一个 “MyAPP”工程：CORDOVA createmyAPP com.yourname.myapp MyAPP

(6)添加安卓平台：CORDOVA p1atform add android。

(7)打包APK:CORDOVA bui1d android。

3.2.2界面设计和功能实现

通过修改工程文件“MyAPP”中的WWW文件，即可完成对APP前台客户端的设计和开发。前端开发主要是对WWW文件中的index.htm1的修改，采用HTML5+CSS3+javascript三者结合的技术方案。HTML5和CSS3主要布局移动端界面，javascript调用本地的API。后端的开发沿用原先系统的动态代码ASP。前后端混合编程，即满足移动端界面设计的需要，又能够兼容原先的信息系统。APP的主要功能实现依次为。

APP的登录界面采用传统的密码验证的方式。在登录中设定了三种权限的用户验证。

图3APP home界面

APP home界面采用扁平化的图标和文字图标相结合的方式。保障了软件的直观性和流畅度。Home界面涵盖了软件所有的功能模块的快捷菜单。

图4预约采血功能

预约采血模块显示了预约的受理状态和审核情况。满足移动用户对预约情况的查询和跟踪。

图5报表查询

报表查询调用了原先闽西生猪疫病流行病学信息系统的报表查询模块，并转化为适合移动端浏览的信息内容。其内容包括：猪瘟、蓝耳、伪狂犬、衣原体和弓形体等疫病信息的报表查询。

图6讨论区

讨论区的开放，为研究人员、专家学者和养殖户建立了沟通的桥梁，同时也丰富了APP信息传递的实质内容。讨论区、新药新技术、防疫与保健三种内容的结合，将为养殖用户创造更多的有价值有营养的信息，以此增加APP使用的粘性。

图7 病例记录管理界面

病例记录管理界面也是对原先系统的功能模块调用，其移动端界面的实现增加了研究人员信息录入的端口，实现了移动化的信息存储和更新。

4　结束语

信息技术高速发展的今天，信息获取渠道的多样化，不仅有利于系统使用粘性的增加，也有利于工作效率的提高。本项目开发构建的APP能够满足养殖用户的移动端信息获取需要，提高研究中心工作人员的工作效率。基于CORDOVA的跨平台闽西生猪疫病APP的实现不仅是对原先PC端信息系统的补充，更是顺应了当下移动互联网发展的需要。项目采用的技术标准：CORDOVA框架、HTML5、CSS3、javascrip和asp的Hybrid模式，具有跨平台性、扩展性、稳定性和安全性等优势。为研究中心信息系统从PC端向移动端的漂移奠定了坚实的技术基础。

参考文献：

[1]Henning,Herbert,Tim A.Majchrzak.Extending a mode1-driven cross-p1atform deve1opment approach for business apps[J].Science of Computer Programming,2015,97(1):31-36.

[2]Timothy,Reina,Josef.Review of mu1ti-p1atform mobi1e app1ication deve1opment using webview:1earning management system on mobi1e p1atform[J].Procedia Computer Science, 2015（59）:291-297.

[3]Davy,Yo1ande,Wouter.The future of mobi1e e-hea1th app1ication deve1opment:exp1oring HTML5 for context-aware diabetes monitoring[J].Procedia Computer Science,2013,21: 351-359.

[4]Steve.Divide and conquer:the threats posed by hybrid APP and HTML 5[J].Network Security,2010(3):4-6.

（责任编辑：夏婷婷）

中图分类号：S828.4

文献标识码：A

文章编号：1674-2109(2015)12-0060-05

收稿日期：2015-11-17

基金项目：福建省省科技平台建设项目（2014N2011）；龙岩市科技项目（2013LY07）。

作者简介：唐彬文（1982-），男，汉族，讲师，主要从事管理信息系统、电子商务、数量经济分析方法研究。

Research on Cross-platfrom APP for Minxi's Pig Disease Base on CORDOVA and Its Implementation

TANG Binwen1，DAI Ai1ing2，CHEN Yazhou1，LI Xiaohua2，YANG Xiaoyan2，GUO Shizheng1

（1.Chengyi Co11ege,Jimei University,Xiamen,Fujian 361021；2.Fujian Provincia1 Engineering Research Center for The Prevention and Contro1 of Pig Diseases,Longyan，Fujian 364000）

Abstract:With the deve1opment of mobi1e Internet and the popu1arity of smart phones,information system base on B/S can't satisfy the needs of users.Based on the ana1ysis of users'needs,we research and imp1ement the cross-p1atfrom APP for Minxi's pig disease base on CORDOVA.The APP not on1y uses report query,case inquiry and test cases report query of the origina1 system but a1so has new features such as b1ood reservations,news,discussion forums,new techno1ogies and new drugs prevention and hea1th.The purpose of this study is to make some he1p for increasing system viscosity of farmers and improving the information management method of research center 1aboratory. Key words：CORDOVA;pig disease;HTML5;APP;Minxi