基于HTML5的智慧校园APP客户端的设计与实现

罗莉 王华 刘峰

摘要：校园APP以服务高校大学生宗旨，利用移动互联网和信息化数据的平台和技术，通过人为的资源整合，打造一个专注高校市场，服务学生的社区服务型APP。从而立足于高校，以解决如何和互联网的原住民建立良好的关系，为轻量级智慧校园建设打开一种新的模式，开发一套基于移动应用平台的“校易通APP”系统。

关键词：智慧校园；HTML5；APP

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2018）15-0090-02

1 背景

随着移动互联网产业的高速发展，新一代信息技术在传统产业领域应用的趋势已愈加明显。根据《百度移动分布发布报告》显示，生活服务类应用教育类位列第一，教育类应用下载量增长率达到521%，周末课外辅导、在职培训和晚上做功课用户更活跃。众多高校纷纷推出相应的校园移动应用，如清华大学的“AtTsinghua”，重庆大学的“Hold住重大”，湖南邮电职院的“掌上大学APP”等，均受广大师生欢迎。

但多数APP还是缺少一个创新长久的立足点去推广APP，现有的高校APP在实际实用性以及生活资讯服务方面都尚未达到理想程度的整合，因此面临着很大的独立生存及推广难题。为了合理的解决这一问题，我们采用了书面问卷调查、走访调查、网络问卷调查等方式，分别对1000人进行了调查。并根据实际学生的情况进行合理的分析，有针对性地进行开发。从而做到精而准，一个集学校导航服务、校园服务系统、校园资讯等完善的校园交流与本地生活服务平台的需要已经非常明显，“校易通”踩着七彩祥云、携着漫天红霞而生。

2 校园APP的应用现状

该项目的主要目标为在我国在校大学目前，根据国家统计局和教育部发布的最新数据显示，全国共有在校大学生2682.3万人，应届大学毕业生795万，普通本专科招生737万人，全国共有具有大学教育程度人口为1.9593亿人，在校大学生人数调查图如图1所示。

从图中可以看出不管是应届大学生全国在校大学生都可以看出我国的大学生人数都是非常多的，仅在校大学就有2682万占所有大学生教育程度的13%，铁打的校园流水的学生，每一年都会有大学生毕业，同时，每一年也会有新的大学生入校，所以项目本身的客户资源是没有问题的。

3 “校易通APP”的开发技术

“校易通APP”采用HTML5技术完成客户端的开发，只需要写html+js+css即可开发出app，并且是一次开发，即可生成Android和iOS两种对应app。

HTML5+扩展了JavaScript对象plus，使得js可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

除了功能外，HTML5+很重要的特点是提供了原生的渲染能力，通过plus.webview、plus.nativeObj、plus.nativeUI，让开发者可以使用js来调用原生渲染能力，实现体验的大幅提升。

“校易通”是一款不同于其他软件的大学生生活类的APP，它包括了解决新生到校报道常见问题以及老生各种学习事务类问题，如：新生导航、报到指南、学校资讯、学生成绩、课表、等级考试查询、素质测评考试查询常用的服务功能。

项目一共包括了校园导航、校园资讯、个人信息这三大模块，表1是对这三大模块的介绍。

1）校园导航

校内导航对校园的建筑位置进行定位，方便于新生或外校的人员进入校园区域后能快速地到达目的地，节约途中找车位和寻找建筑物的时间。该功能需要您的手机上安装相应的导航软件，如百度地图、高德地图等，当您的手机上安装有多个地图时，您可以选择用您习惯的地图。

2）校园资讯

校园新闻，通过APP点击更多向用户展示学院的最新资讯新闻，用户在第一时间了解到学院最新的情况。

校历查询，能够让师生提前更加合理的安排自己的节假日时间。

活动签到，学生通过扫描活动举办方的二维码进行签到。为了防止学生不在活动地点完成签到，我们和地图定位相结合，防止学生伪签到。

活动查询，学生通过APP可以进行自己在学校所参加的活动记录，用户进入“我的”界面，通过“活动记录”进行活动记录的查询。

3）个人信息

成绩查询，用户通过自己登录绑定信息之后可以查询自己的成绩信息。可以通过选择查询自己想要查询的学期成绩，包括每科课程名称、课程性质、学分、学分绩点、成绩、补考成绩、学年平均绩点、学期平均绩点和目前平均绩点等成绩信息。

课表查询，学生用户可以通过绑定自己的信息之后，刚刚进入界面是显示用户当前学期的课表，用户可以选择自己想要看的学期课表，通过自己选择对应的学期进行查看，通过查看课表可以查看到课程名称、上课地点、上课时间、上课周次。

考试查询，学生通过绑定自己的信息之后，可以查询自己当前学期的考试安排，包括考试地点、考试时间、考试监考员等信息。

用户注册，用户通过自己的手机号码来注册一个属于自己的账号，注册用户时需注意必须按照系统规定的格式要求来填写自己的注册信息，用户通过手机号码接收验证码来进行注册验证。

用户登录，用户通过自己的手机号和密码进行登录。

用户个人中心，学生通过APP可以查看自己的个人信息，通过个人信息可以查看自己所有的信息，也可以修改自己的信息。

用户通过APP可以报考计算机等级考试，如果用户已绑定了信息，进入界面会提示用户是否属于校外人员，如果用户是属于校内人员，可以直接为用户填写部分信息和用户图片。

计算机等级考试查询，用户想查询自己的计算机等级考试成绩，通过选择系自己的考试等级、考试时间、姓名和身份证号码、验证码等信息查询自己的等级考试成绩。

4 校园APP客户端测试运行结果

程序经过安卓和苹果手机两个系统的实际测试运行正常，“校易通APP”的首页界面如图2所示。

5 结束语

在互联网+环境下，移动服务已经被大众广泛喜爱。当前校园APP建设如火如荼，校园信息化建设应顺应时代特色和师生需求，积极实践，利用智慧校园APP服务模式将学院各项业务拓展到移动客户端，并且能够为高校校园移动APP信息设计提供综合性的参考资料。

參考文献：

[1] 第39次中国互联网络发展状况统计报告[EB/OL]. （2017）. http：//www.cac.gov.cn/2017-01/22/c_1120352022.htm.

[2] 董涛. 基于Android的移动校园客户端设计与实现[D]. 西安： 西安电子科技大学， 2014.

[3] 董茜， 孙婷婷， 李婷蔚. 基于iBeacon技术的移动智慧化校园应用研究[J]. 华中师范大学学报： 自然科学版， 2017（S1）： 121-124.

[4] 蔡树坚. 高职院校管理信息系统的研究与设计[J]. 科技信息， 2013（3）.

[5] 陈升权. 中职学校用的APP的设计研究[J]. 电子技术与软件工程， 2016（7）： 39.

[6] 王姝睿. 教育APP研究综述[J]. 吉林省教育学院学报， 2014（5）： 103-104.

[7] 李亭. 基于用户体验的智能手机APP界面设计研究[D]. 太原： 太原理工大学， 2015.

[8] 郑佳芳， 陈杰， 乐宁莉. 校园APP的应用市场需求分析[J]. 福建商业高等专科学校学报， 2016（1）： 37-41.