基于混合模式的跨平台移动校园系统的研究与实现

姜立平 孙德刚 杨善金

摘  要：移动校园系统是现代技术飞速发展的产物，也是应对当前校内师生实际生活需求和生活习惯的必然发展趋势。移动校园系统开发存在的一个待解决问题就是一次开发、多平台利用。因此，本文主要分析基于混合模式的跨平台移动校园系统的研究与实现，旨在提高移动校园系统的适用范围，避免出现重复开发、资源浪费的情况。

关键词：混合模式;跨平台;移动校园系统

中图分类号：TP311.52      文献标识码：A 文章编号：2096-4706（2019）15-0140-03

Research and Implementation of Cross-platform Mobile Campus System

Based on Mixed Mode

JIANG Liping，SUN Degang，YANG Shanjin

（Shandong Huayu University of Technology，Dezhou  253034，China）

Abstract：The mobile campus system is the product of the rapid development of modern technology，and it is also the inevitable development trend to cope with the actual living needs and living habits of teachers and students in the school. One problem to be solved in the development of mobile campus system is one-time development and multi-platform utilization. Therefore，this paper mainly analyzes the research and implementation of the cross-platform mobile campus system based on the hybrid mode，aiming to improve the application scope of the mobile campus system and avoid the situation of repeated development and waste of resources.

Keywords：mixed mode;cross-platform;mobile campus system

0  引  言

网络技术及信息技术的飞速发展极大改变了人们的工作、生活方式，移动电子终端成为人们获取信息、办理业务、开展工作的重要工具。大学生作为现代信息技术的主要受益者，对移动校园系统的需求较大。跨平台移动校园系统的开发能够为校园内使用不同平台的师生提供同等的校园APP服务，通过校园APP获取各类校园资讯，并进行基本的业务操作。本文对其实现进行了具体研究。

1  基于混合模式的跨平台移动校园系统的需求

1.1  跨平台移动校园系统的模式需求

移动校园系统的优势就在于一切服务功能都在移动客户端中得以实现，因此对系统模式的需求从浏览器-服务器模式转变为客户端-服务器模式。但是，考虑到跨平台移动校园系统用户APP的后台维护工作需要在电脑端进行，因此该系统需采用浏览器-服务器和客户端-服务器相结合的模式。其中，跨平台移动校园系统的核心部分用客户端-服务器模式进行设计，能够满足安卓、iOS、WP等不同平台用户的使用需求[1]。而浏览器-服务器模式主要供移动校园系统后台管理人员使用，进行系统维护与管理。

1.2  跨平台移动校园系统的功能需求

跨平台移动校园系统的主要服务对象主要为校内师生，考虑到系统功能的全面性，可将目标用户划分为四类，即教师、学生、游客和系统管理员。根据不同类别用户对移动校园系统的诉求不同，进行服务功能的设计。

教师功能：包括工资查询、排课管理、学术互动信息公示、教学评价等常用教学功能，以及一卡通、图书馆等生活功能。

学生功能：包括成绩查询、课程查询、选课系统、社团及兼职信息公示、校内办公部门及教师联系方式、一卡通、图书馆等。

游客功能：仅含有对外信息浏览权限，例如学校的公共网站、概况简介、学校地理信息查询、校园宣传片观看等。

管理员功能：系统维护及管理功能，进行系统访问权限设置，管理系统服务程序、服务流程、数据备份等内容。

1.3  跨平台移动校园系统的技术需求

系统技术需求可分成两部分。一是客户端的技术需求：实现系统的跨平台特点，通过一次开发活动，满足多种平台的使用需求。同时系统有权访问电子终端的相机、定位等原生功能。二是服务器的技术需求：服务器应能同时处理大量请求，承载更庞大學生及教师群体的使用负荷。根据用户需求提供服务接口，并确保接口的标准化，为后期扩展提供足够空间。

2  基于混合模式的跨平台移动校园系统的实现

2.1  跨平台性质的实现

基于混合模式的移动校园系统的跨平台特点需要依靠PhoneGap框架来实现，这一过程需要从Apache Cordova功能的安装开始。首先，输入>npm instsll cordova -g命令，完成安装。以Cordova为基础，设置具体项目应用。其次，使用cmd控制台，在系统目录中添加名为campus的项目，输入的代码为>cordova create campus com.xs.campus Campus。完成以上操作后，将UI、中间层等Web应用代码置入到新设置项目中的子文件夹——www中，代码就能被系统自动执行，移动校园系统的架设完成。PhoneGap框架中带有本地API，能够实现移动终端原生功能的使用，例如：相机、地理位置、录音等功能。此外，还可采用以下方式，在系统中加入一些插件：>cd campus/>cordova plugin add org.apache.cordova.device。若要顺利使用移动终端的原生功能，需对项目中的代码进行一定调整。代码调整完毕后，开始进行跨平台实现操作：>cordova platform add android iOS BlackBerry/>cordova build。该命令被执行后，适用于不同平台的应用就能被自动生成。

2.2  核心技术的实现

考虑到跨平台移动校园系统使用对象的应用习惯和系统的实际功能，系统核心技术主要是原生相机的使用和二维码插件的应用。

2.2.1  原生相机功能

PhoneGap框架中给原生相机的应用提出了一定的方法，但出于移动校园系统跨平台性质的要求，原生相机功能的使用依然是一个技术难点。经过反复设计、实验得出的功能实现方案如图1所示。

2.2.2  二维码插件

二维码在现代生活中的应用非常普遍，可以说是人的第二张身份证。在消费支付、好友添加、信息获取、网站访问等方面都会用到二维码。在跨平台移动校园系统中，二维码也将作为重要的身份信息呈现方式而存在。但在PhoneGap框架中，并没有预先设定好的二维码插件，因此需要通过API进行二维码插件的添加，该插件的主要功能包括二维码的扫描、编辑与分享。二维码功能的实现，其实质是利用函数进行事件处理。一是scan（）扫描函数。使用该函数启动电子设备的相机功能，对二维码进行扫描和识别。二是encode（）编码函数。该函数将用户的信息、资料等不同格式的内容编辑成统一格式的二维码图形。三是share（）分享函数。该函数将二维码图像经短信、电子邮件以及其他社交软件的渠道进行分享。

2.3  系统功能的实现

2.3.1  系统登录

跨平台移动校园系统的登录界面主要是实现校园APP的账号申请与登录。实现过程解析如下：在接收到来自checkConnection函数的网络连接申请后，使用if语句进行判断，选择登录界面或退出应用程序。用代码表示为：if（network State==”No network connection”）/{navigator.app.exit APP（）}else/window.location.href=”login.html”。进入到移動校园APP之后，界面中会出现两种登录选项，即进行用户名和密码的输入以及不需要账号和密码的游客入口。若选择前者，用户可输入自己的用户名和密码，经后台处理通过后，即可进入个人APP界面。

2.3.2  校园门户功能

校园门户指的是跨平台移动校园系统与用户间产生的第一个交互界面，之所以被形象地称为“门户”是因为该界面的优劣直接决定了用户对于APP的好感度，决定了用户是否有兴趣继续进行APP体验。设置系统属性，将页面呈现的内容与电子终端的屏幕宽度相适应。例如：输入代码：<meat name=”viewport”conten=”width=device-width，initial-scale=1”/>此时，系统中就会加入校内新闻，以便用户进行信息浏览[2]。

2.3.3  教师及学生服务功能

该功能的实现能让在校师生通过跨平台移动校园系统进行多种操作，提高校园生活的方便性和快捷性。观察现有的跨平台移动校园系统APP的主界面能够发现，大部分界面都采用九宫格的功能模块分布方式。该方式的界面能够最直观的呈现出校园APP的各项功能，界面清晰、规整，容易被更多用户所接受。师生通过直接点击模块名称或图标，就能进入到具体的界面当中，实现相应服务功能。例如访客预约功能，点击进入后，界面会出现相关信息的填写表格。将来访时间、访客姓名、手机号、车牌、相关事由等按要求填写完毕进行提交，预留号码的手机就会收到系统发送的验证通知。访客便可持该信息在规定时间内到校园门卫处进行验证，在各项信息均与提交申请相符的情况下，允许访客进入校园。此外，成绩查询、选课查询、排课信息等功能也能通过上述过程被实现。

3  结  论

基于混合模式的跨平台移动校园系统的实现已经成为可能，在未来的一段时间内，高校校内APP平台的设计与构建都将围绕这一技术难点而展开。在实现移动校园系统跨平台特点的基础之上，对系统功能模块进行详细和完善、增加用户数据挖掘分析功能，也应作为相关单位的重点研究内容，不断优化跨平台移动校园内系统服务水平。

参考文献：

[1] 邱军辉.山东传媒职业学院移动校园服务系统的设计与实现 [D].济南：山东大学，2018.

[2] 薛颂.基于混合模式的跨平台移动校园系统的研究与实现 [D].沈阳：辽宁大学，2017.

作者简介：姜立平（1997.05-），男，汉族，山东烟台人，本科，研究方向：网络工程;孙德刚（1978.04-），男，汉族，山东德州人，高级工程师，学士学位，研究方向：教育信息化、软件开发;杨善金（1992.08-），男，汉族，山东聊城人，学士学位，助教，学管干事，研究方向：学生信息管理。