《Html5》课程APP设计与实现
作者：许俊杰
来源：《西部论丛》2019年第21期
        摘 要：随着科技的不断发展，智能手机已经步入了飞速发展的黄金时期，其应用领域也在不断的增加，传统的教学方式开始与新兴的计算机技术相结合，越来越多的人使用智能手机来进行教育教学。
        《Html5》课程APP基于Html5技术，使用MUI框架进行开发，实现多种功能。学生们可以在APP中进行课程学习、课后测试，遇到问题也可以通过APP与老师直接进行互动;老师们则通过APP来辅助教学，既能满足教育教学的要求，又能减轻教师和学生的负担。MUI框架能降低开发成本，提高基于Html5开发APP的性能，提升APP的使用体验，是一款功能性强、适用性广的Html5教学APP。
        关键词：教育教学;Html5;APP;MUI
        1 绪 论
        教育问题是人们非常关心的一个问题，利用教育APP来改进传统的教育方式方法，提高教学质量，是时代发展的必然趋势。
        1.1 研究的背景和意义
        随着科技的进步和互联网技术的飞速发展，已有的传统学习方式并不能满足现代人们快生活节奏的需求，在传统的学习方式中，存在师生沟通不及时，互动不方便，管理不简单等诸多问题，而使用课程APP来进行学习，就可以很好的解决这些问题，所以课程APP的发展将会是一种无法阻挡的趋势。Html5仍在不断地发展和改善，使用基于Html5的APP学习的方式应运而生。
        2 APP开发的相关理论
        2.1 APP学习。教育类APP是指为学者提供学习服务的APP，近几年来，我国教育类APP正在逐渐发展，处于增长阶段。课程APP在教育领域将是未来发展的潮流，有改变人们学习方式的潜力。
        2.2 Html5。Html5有很多优点，Html5有很好的跨平台性和兼容性和更好的安全性。
        2.3 JavaScript。JavaScript是一种直译式的脚本语言，是世界上最流行的脚本语言。
        2.4 MUI。MUI框架是一种基于Html5技术实现的一种高性能框架，MUI框架可以调用每个平台专有的API来提高性能，是最接近原生APP体验的前端框架。
        3 系统分析与设计
        近年来，手机APP的开发成为计算机行业的研究热点，利用手机APP来辅助生活的例子也有很多，本章主要根据课程APP辅助教育教学过程出发，进行系统分析，系统设计和核心功能的实现。
        3.1 系统分析。系统分析是设计与开发的基础，此课程APP必须根据总体分析和需求分析来确定开发的方向，划分模块，实现功能。
        根据此课程APP的定位，学生通过APP來实现自学，老师通过APP来对学生的学习情况进行了解并互动，管理员通过APP进行管理。通过前面的分析，系统应分为四大模块，分别为课程、考试、互动、管理。
原生安卓app开发
        （1） 课程模块。包含所有的课程内容，包括文字、PPT等，主要用来给学生进行学习和老师进行查阅，课程的内容需要做到简洁明了，生动有趣。
        （2） 考试模块。本模块包含所有的试题，应含有多种题型，如选择、判断、填空等等，适合学生进行题目的练习和自我测试，学习的过程需要阶段性的测试以达到更好的学习效果。
        （3） 互动模块。本模块用于师生之间的互动，老师有一定的权限，能查看学习进度，考试成绩，等等信息，并能和学生之间互相留言互动。
        （4） 管理模块。本模块用于管理员对学生进行管理，要有权限修改学生的学习进度、考试成绩、个人资料等等信息，拥有APP的最高的权限。
        3.2 系统设计
        经过系统分析，APP的框架已经形成，系统的设计原则有以下几点：
        （1） 兼容性好。（2） 易于使用。（3） 安全性。
        3.2.1 总体设计。APP采用Html5语言开发，采用MUI框架，交互主要通过JavaScript实现，系统图片放在image文件夹中，课程资料放在PPT文件夹中，便于开发者再次开发。
        3.3 系统核心功能。师生互动功能就是本系统的核心功能，学生可以在APP中添加自己的学习进度，教师可以对学生的学习进度进行查询。
        3.3.4 查询页面。添加查询框和相关函数
        4 课程APP的实现
        4.1 开发环境。本文开发的课程APP先用开发软件做出Web版本的网页应用，在通过开发工具打包成安卓和IOS两个版本的APP。
        4.2 各功能的实现。主页采用图文列表的形式展示各模块，各模块内功能也采用列表的形式来展示功能，列表能够更方便的进行后期的功能添加，只需要依次添加列表即可。
        4.2.1 PPT展示功能。学习模块内的PPT展示功能可以自由的依次滑动切换，支持所有PPT循环显示，当滑动到最后一页时自动切换到第一页，在后续维护时，也可以方便的进行PPT的添加。
        4.2.2 考试。考试模块内的考试批改功能，在未完成试题点击交卷后，会标注未完成题目，完成试题后点击交卷，则会进行判断，会标注回答错误的题目。
        4.2.3 留言板。学生和老师可以通过留言板进行留言交流互动。
        4.2.4 学习进度。学生可以记录自己的学习进度，老师可以进行查询。
        4.2.5 学生信息管理。学生可以录入自己的个人信息，但不可以查询信息，老师有权限查阅学生的部分信息，但不能录入信息，管理员可以查询学生的全部信息。
        4.3 系统测试。对课程APP进行测试非常重要，为了提高APP的质量和可靠性，减少系统的出错率，对APP进行检测。
        （1） 安全测试。（2） 功能测试。（3） 可用性测试。
        参考文献
        [1] 张树栋. 基于HTML5和Node.js的高校教学辅助系统研究与实现[D].济南：山东师范大学，2018.
        [2] 冯一. 基于WebRTC和Node. js的在线教学系统的设计与实现[D].乌鲁木齐：新疆大学，2018.
        [3] 韩多成.基于HTML5移动智能终端的高职院校信息安全问题研究[J].信息通信，2018（08）：156-157.
        [4] 刘蕾，刘冰月.Web前端课程的知识体系和教学实践[J].软件工程，2018，21（06）：50-52.
        作者简介：许俊杰（1997.10.7-），男，汉族，合肥市，安徽省合肥市安徽新华学院本科毕业生，主要从事计算机专业相关研究。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。