基于HTML5的移动学习平台应用实现

郜继红

摘 要：随着网络技术与无线通信技术的不断发展，教育已经不再局限于传统的教学模式，更希望通过看或听的方式来完成学习并获取知识。移动终端的多样性给移动教学带来许多麻烦，首先需要解决的便是如何使用同一种教学工具能够适应多种移动终端。基于HTML标准的HTML5可以很好地解决这_难题，属于一种新兴的跨平台技术。文章主要介绍HTML5的演变历史以及学习平台的整体设计，针对HTML5在移动学习平台中的运用优势做出具体研究。

关键词：HTML5；移动学习；实现

随着互联网络的应用与普及，教育学与心理学的研究在不断深入，在教育教学管理中，课堂学习和移动学习相结合已经成了主要趋势。学习者逐渐倾向于通过网络来获取知识，教育资源也在向数字化、智能化转变。各种新媒体的出现使当今时代真正变为微时代。在教育领域中，微课也正在兴起，推动教学模式的转变。微课作为全新的教学资源，在课程开发与应用中具有非常广阔的前景。随着移动终端的应用范围逐渐扩大，移动式学习也成了一种先进、高校的学习手段。基于HTML5的移动学习平台就是为了满足移动化学习的需求所设计的。具有跨平台性的特点，摆脱了原始操作系统对平台的依赖，HTML5技术可以将信息进行交互与共享，不但可以满足学习者自主学习的需求，而且还可以辅助教师教学，提高教学质量。

1 HTML5的历史演变

HTML5超文本标记语言诞生于1989年，经历了重重磨难，但是开发者一直没有放弃。1999年，HTML4突破了XML在电子商务界的垄断，成为了网络开发者的引路标。从发展的角度来分析，HTML5属于HTML4的升级版本，是第一个将Web作为应用开发平台的HTML标准。目前，多种电子设备的应用，HTML5的优势表现得更加明显，在移动学习领域的终端应用开发中实现了一次性开发，程序软件的开发已经逐渐受到大家的信赖。HTML5不但运用于HTML语言自身，而且还融入了css3以及Javascript等语言的新增功能。运用HTML5的网页并不需要下载Adobe Flash Player或者Silverlight等插件，就能够实现交互的效果，增强了网页的富媒体性。针对这方面而言，HTML5已经从简单的语言标记化身为Web应用开发的先驱。HTML是近几年来Web标准最大的飞跃。与以往版本不同的是，它可以将Web带入成熟的平台，在此平台中，视频、图像、音颇等都会被完全标准化。

2 基于HTML5移动学习平台的整体模块

为了达到人们对移动学习的需求标准，平台的整体模块主要由用户管理模块、课程管理模块、资源管理模块以及交流学习模块共同组成。通过用户管理模块可以完成用户注册与登录。课程管理模块可以对课程进行创建、订阅以及查询。资源管理模块可以对教学资源进行检索与上传，其上传内容包含微课视频、PPT，教学文档等。通过交流学习模块，学生与老师之间可以进行互动，共同探讨学习中的难题。平台框架如图1所示。

3平台主页结构

基于HTML5的移动教学平台采用MVC模式来对框架进行设计，主要由模型、控制器以及视图组成，把界面划分成多个角色，每个角色都会发挥其自身的功能，MVC模式可以使代码编写更加程序化，前端页面与服务端可以同时进行。基于HTML5的移动学习平台主页结构如图2所示。

在平台主页中，一般涉及的是课程信息，控制器通过CourseService的getCourseList方法来获取课程信息，然后通过VideoService的getVideoList方法获取每门课程的课程数，再通过TeacherService的getTeachter方法获取教师信息。视频播放页主要工作任务是对所选视频进行播放，在播放的过程中，可以获取大家的评论信息。个人主页中会显示用户的基本信息，控制器通过UserService调用getUser方法获取用户的基本信息。

4 HTML5的优势以及在移动学习中的作用

4.1引入canvas元素

HTML5系统在移动学习平台中的应用存在较大优势，首先，该系统引入canvas元素，可以通过Javascript在屏幕上进行描绘，这种技术支持图片的常规编辑。一些比较难的问题通过用图表体现出来之后，会使问题更加简单易懂。最后确定比较简单的教学方式，通过声形并茂的教学方法，可以有效激发学生的学习兴趣，提高学习效率。

4.2支持离线缓存

在移动教育中，用户的水平參差不齐，对网站资源的运用方式也有所不同，许多用户都希望把已经访问过的音频、视频储存起来，以便再次观看，HTML5软件系统的开发给离线缓存带来了保障。一般不会受到数据规模的限制，可以把数据直接录入到本机的ROM中，关闭浏览器再次打开也会保留原有的数据，避免文件与数据的丢失。这个功能的研发不会占用后台资源，减轻硬件压力，提高移动学习的流畅性。通过离线缓存功能的应用，学生们可以真正实现在线学习、离线温习的学习方法，进一步实现了没有网络束缚、不需要硬件要求的学习平台。

4.3视频、音频的嵌入

在教育教学中，视频、音频的运用可以使教学方式更加灵活，调动学生的积极性，原始的系统开发对多媒体中文字以及音频的处理比较麻烦，需要采取不同的处理方式，如果需要在页面中播放视频或音频，往往要通过Flash插件来实现。但是考虑到插件的安全性与性能因素，就需要一套具体的规范来使开发者能够比较方便地在网页中嵌入媒体文件。而HTML5在这方面不会受到外部因素的影响，可以自由添加音频元素，无需第三方插件。正是由于这一功能，学习者可以对学习方式任意选择，真正实现文字与图片、视频与音频的混搭，满足学生的多种学习方式。只有学习形式的多样化才能给学习增添乐趣，激发学习者的学习欲望。

除此之外，HTML5还可以为移动平台定制新版的表单元素，提供数值、时间、日期等的输入类型。Web worker可以把耗时长的任务交到后台处理，使用户的使用更加顺畅。HTML5支持文件的拖拽，可以将外部文档任意编辑，HTML的诸多优势将会为移动学习工具带来全新改革。

5结语

随着无线通信技术的发展，全新的教育模式悄然而生，这就是移动教育，移动教育是在数字化的学习基础上，结合移动计算机技术，给学习者带来全新感受。移动教学已经成为未来教学的主要模式。HTML5移动学习平台，可以实现音频、视频的全面体验，该程序采用统一的语言和数据，所以给开发人员带来一定便捷，为互联网的发展指引了新方向。对于学习用户来讲，无需下载便可以获取应用信息。HTML5标准正在逐渐走向成熟，对移动教学平台的实施与实践提供了现实意义与前瞻性。

[参考文献]

[1]李丽平，薛玉倩.基于HTML5微课平台的开发与实现[J].河北软件职业技术学院学报，2017，19 （3）：1-3

[2]赵学铭，王 刚.基于HTML5的交互式移动学习平台研究[J].现代教育技术，2016，26 （9）：106-112

[3]谭敏敏.基于HTML5在线编辑平台的移动学习资源构建与应用研究[J].中国教育信息化，2016 （19）：40-43.