移动Web在教务管理中的应用设计探讨
来源:用户上传
作者:杨晓亮 吕静峰
摘 要：随着移动通信技术的发展，越来越多的人使用移动终端进行通信和工作。普通高校的服务对象是在校大学生，他们是当前社会的主流力量，也是手机用户的大群体，所以，普通高校对现有网站服务的升级换代，有着重要的意义。本文结合学院现有教务管理系统，对基于Android系统开发移动Web教务管理应用的实现技术进行了分析和探讨。
关键词：移动 ;Web;教务管理;页面
【中图分类号】G 【文献标识码】B
【文章编号】1008-1216（2019）10B-0023-02
随着移动通信技术的发展，越来越多的人使用移动终端进行通信和工作。2018年，移动电话用户总数达到15.7亿户[1]，而92%以上的智能手机使用的是Android系统，所以对基于Android系统的移动Web应用进行研究具有重要的意义。高校师生使用移动终端的通信和工作，可以提高工作效率。目前高校的網站服务大部分只针对计算机终端，对手机支持功能不是太好。所以，普通高校对现有网站服务的升级换代，可以提高和改善高校师生使用体验，提高管理效率。本文以教材管理为例，介绍基于Android系统的移动Web开发在教务管理中的实现需要注意的几点问题。
一、现有教务管理系统分析
现有的教务管理系统是由比较前沿的HTML5开发的计算机端的Web页面，对移动设备显示支持不是太好，学校未采购教材管理模块。
现有教务管理系统能够很好地支持学院教学业务的正常运转，各系统功能模块划分合理，数据表之间逻辑关系清晰，基础数据完整有效。在开发移动Web时，可以借鉴现有教务管理系统的业务流程和基础数据。
二、移动Web开发与传统网站开发的对比
Web开发分为前端开发和后台开发两个部分。在后台开发方面，传统网站和移动Web区别不大，可以选用自己熟悉的语言和环境进行开发。传统网站和移动Web的主要区别是在前端开发部分。
（一）应用场景
传统网站的前端开发主要指计算机端网页的开发，页面主要是运行在计算机端浏览器中。移动Web前端页面主要是运行在移动端，如Android手机上。
（二）新技术支持
移动Web前端页面主要用HTML5、CSS3、JavaScript与jQuery开发，移动端浏览器主要以webkit内核为主，对于HTML5的新特性能够很好的支持;传统网站的前端开发需要兼容IE等老版本浏览器，不能很好地支持新技术的4F7F用。
（三）页面的适配性不同
传统网站的前端开发页面一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动Web前端页面由于手机屏幕比计算机显示器要小很多，会选择在手机屏幕上显示尽可能多的内容，因此，移动Web页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。从这一点上来说移动端页面的适配难度更高一些。
（四）页面的性能不同
计算机端的网络情况一般比较稳定，都是通过网线或者Wi-Fi连接网络，可以快速加载页面内容;移动端网络比较复杂，除了Wi-Fi，还有电信运营商提供的移动数据连接，存在信号弱等网络不稳定因素，对页面资源提出要求，页面太大在恶劣网络情况下时，将会无法访问，严重影响用户体验。
三、移动Web开发注意事项
通过前面的分析可以知道，移动Web开发的新特性主要体现在前端页面开发上，通过整理，有以下几个方面需要注意。
（一）多屏幕适配
在使用HTML5开发移动Web前端页面时，会遇到几个容易混淆的概念，开发时要设置一些参数，比如物理像素PX、屏幕分辨率、CSS像素、设备独立像素、设备像素比。只有在清楚以上参数差别的情况下，才能够更好地实现多屏幕适配。实现过程中还需要掌握设计图、倍图等概念。
（二）和图形优化
因为网络和移动端自身资源的限制，在设计图形的格式及显示效果时，要充分考虑用户使用的体验和感受。在网络环境不好的情况下，可以用base64代替URL来设置图片的格式，以节省网络请求资源;并采用缩略图的方式，来减少瞬间大量渲染带来的负面作用。
（三）加载速度处理
因为网络和移动端自身资源的限制，移动Web前端页面除了要重视用户体验和丰富的功能外，还需要考虑响应速度、加载速度等多方面的问题。如何让移动Web前端页面在移动终端能够快速加载，就需要选择合适的开发方式。目前在这方面人们已经做了大量研究，并形成了几个体系。 其中比较出色的有HTTP压缩、缓存和差量压缩等，为移动Web的开发方式提供了更多的选择性。HTTP压缩、缓存属于传统减少Web冗余数据传输的方法，在移动Web开发上，仍存在一定的局限性。结合移动端自身资源和网络条件，通过采用离线存储机制，使移动端满足移动Web对持久存储静态资源的需求，优化移动Web性能，提高加载速度，渲染速度方面有比较明显的提升。
四、数据问题
离线存储机制提升了加载数据速度，减轻服务器端的负担，但也带来一些问题。比如，在浏览器提交访问时，先使用被缓存的文件，再检查 manifest文件是否有更新来决定是否对缓存文件进行更新。这样访问的资源可能用的不是最新的版本。
根据manifest文件的特性，在开发教材管理模块时，需要根据不同操作来设置不同的manifest文件。在联网时，教师填报征订教材信息，浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。当教师填报完征订教材信息时，由于已经离线存储，不需要服务器及时响应，浏览器就会使用离线存储的资源加载页面，并对比新旧manifest文件，如果manifest文件没有更改，则加载离线存储的资源页面。在离线情况下，若服务器对离线存储部分的资源进行了更新，但未对manifest文件更新，则显示本地离线缓存数据，浏览器不用重新下载资源。如果更新manifest文件，则浏览器重新下载文件中资源，并对这些资源进行离线存储。
manifest文件最好不要设置缓存，因为http的缓存规则会让浏览器默认原manifest文件在有效期内，浏览器就会使用离线存储的资源加载页面。如需要新资源即时生效，就需要调用window.applicationCache.swapCache（）来对缓存进行更新，对缓存更新的方法还有更新manifest文件、通过JavaScript操作和清除浏览器缓存。
因为现有教务处网站还涉及计算机终端访问，而传统网页不需要设置离线缓存功能，所以数据更新时会直接上传。如果教师在两个终端同时登录，期间有数据变更，就需要区分上传数据是否已经上传。对数据上传机制需要进行改进，为防止移动端数据重复上传。为解决同一移动端重复上传数据导致主键冲突，移动端采取“传完就删”的策略。
五、结束语
通过上文分析可以发现，通过移动Web开发对现有网站服务的升级换代，可以提高和改善高校师生使用体验，可以提高管理和工作效率。同时移动Web开发中有许多需要注意的技术细节，比如manifest的设置、数据上传的防重设置，如果设置不当，会让用户体验大打折扣。
基金项目：内蒙古化工职业学院自然科学研究项目“高职院校教材管理信息系统的设计与实现”（HYZR1711）。
参考文献：
[1]李金来，吴涛. 基于 JSON 数据交换的移动终端与服务器端异构数据库的数据交互[J].现代计算机，2016，（6）.
[2]裴晓霞.新形势下高校教务管理工作现状分析及对策探讨[J].商业故事，2018.（4）.
[3]胡睿.浅谈高校教务管理工作的特点、问题与对策[J].青年与社会，2018，（31）.
[4]李金阳.新时期高校教务管理工作面临的挑战与对策[J].农家参谋，2019，（19）.
[5]池其军.高校教务管理的现状及改进措施[J].西部素质教育，2016，（24）.
[6]蔡晓坤.高校教务管理信息化和科学化建设研究[J].中国管理信息化，2019，（22）.
转载注明来源:https://www.xzbu.com/1/view-15077826.htm
