HTML5在移动学习中的应用研究

【摘要】移动学习平台的研发，令传统课堂教学形式与网络信息平台实现深度融合。基于此，文章对移动学习平台特性进行论述，从资源、系统两方面对学习平台的基准化需求进行分析，并对HTML5在移动学习中的应用进行研究。

【关键词】HTML5;移动学习;平台

宁夏财经职业技术学院2018教育教学改革研究项目：HTML5在移动学习中的应用研究，编号： CYJG201813

HTML作为一种编程语言，在版本不断优化更新下，HTML5研发得到商用推广，依托于语言特性功能，令技术本身具备兼容性，且增强产品的容错性、冗余性等，实现用户、文档之间的对接交互。语义功能、兼容功能、存储功能、对接功能、集成性能等作为产品的基本属性，令其本身可实现跨平台操控、网络执行基准化、网页自适应化、更新力度及时化等，解决传统网页不兼容、更新速率慢的现象。HTML5技术在移动学习平台中应用时，可打破传统的空间局限，为教师与学生打造实时性对接平台，加快推动教育事业的发展进程。

1. 移动学习平台特性论述

移动学习平台作为互联网技术、信息化技术与教育体系的融合产物，其打破传统课堂教学的束缚，令教学形式空间维度、时间维度下的发展，而学生则可利用碎片化时间来获取更多的知识内容，以满足实际学习需求。在智能化平台的应用下，学生与教师可进行网络平台交流，如实时交流、留言交流等，在时间节点的转变下，可为学生与教学营造一种空间交流环境，以保证学生的问题得到及时解决。相比于国外，我国移动学习平台正处于发展过程中，部分细节处理不足，令整体教学平台存在一定的使用弊端，如交互模式单一、资源储备量不足等，令移动学习平台无法进行大范围推广，尤其是以HTML5技术为主的研发平台，在市场竞争中更是屈指可数。

2. 移动学习平台需求分析

2.1 资源需求

移动学习平台是一种教学形式，其是将教育资源转移到网络平台中，供教师与学生进行学习与交流。第一，在课程教学资源方面，平台应实现各类教育资源的整合，为学生提供全面化知识，在此过程中应注意平台不是单独为某一项专业服务，而是将所有学科的资源进行整合与分类，待学生进行资源搜索时，可精准的展示出教学内容，以满足整体化教学需求。教学资源在设定过程中，应将课程教学内容进行节点化设定，如学习任务、课件设定、素材准备等，以保证实际课堂教育中，可满足教师的教学需求。第二，在学生学习资源方面，整体设计形式应与教学体系相贴合，将现有的知识框架与教学资源进行整合，并将学生的学习动机作为设计主线，为学生呈现出丰富的教学内容。如教学视频、音频、拓展训练等，通过各部分教学资源的整合，令学生形成主观学习意识，以推动整体教学工作的开展。此外，各项教学课件应具备逻辑性、有序性等，知识内容严谨、递进，对学生形成逐层教导，以满足整体教学需求。

2.2 系统需求

从系统角度来看，移动学习平台的操控性、精准性等作为内在需求，其应打破传统课堂教学的局限，建立多元化服务体系，为学生提供交互平台。鉴于此，系统在设计时，应充分考虑到学生的自身需求，如交互界面的简洁性、多样性、针对性等，并应将各类学科的知识点进行关联融合，拓展学生的知识面，令学生在资源交互体系中学到更多的知识，提升平台的使用价值。

3. HTML5技术下的移动学习平台设计

3.1 教学模块设定

在传统教学模式的影响下，多数课堂教学以教材文案为中心进行教学拓展，而移动学习平台依托于网络资源可令整体教学形式实现纵向延伸。在HTML5的应用下，平台设计形式将以学生为中心，以学生的需求来设计整体教学框架，在交互界面设定过程中，可依据专业课程进行划分，如學生在搜寻与计算机信息技术相关的教程，则界面应及时展现出信息化特点，以在学生主观印象中营造一种认同氛围，调动学生对课程资源的兴趣度。同时可采用实时交互动画展示的形式，令学生在课程体系中对资源课程形成一种初步认知，以增强学生的代入感。

3.2 课件模块设定

HTML5技术在课件建设与传输过程中，是将各类资源进行整合并传输到同一界面中，但如果此项界面中的课件导入时长间距较大，则大部分用户将认为加载失败，降低用户的体验感。此外，在移动学习平台中，大部分播放形式以视频、音频等为主，互动形式也进局限于一些基础的操作设定，为此，应充分考虑到学生的操作习惯，防止潜意识里的冲突，进而实现优化型操控。

4. HTML5在移动学习中的应用

4.1 在线学习模式

移动学习的主要功能是为学生提供在线学习平台，通过将书本知识转移到网络资源体系中，然后以界面的形式展现到学生面前，学生通过操作界面来获取相应学习需求。从课程专业展示层面来讲，每一专业课程涉及到的知识点较多，在对各类信息资源进行关联处理时，信息之间的匹配形式也存在较大差异，为此，如何令学生在此平台下实现精准化搜查，则成为学习平台设计的关键之处。以计算机信息专业课程为例，课程本身具备的知识点较为复杂，且知识更新速率较快，在科学技术的高速发展下，多样化信息获取形式为平台本身带来一定的组建难度。为此，在课件导入过程中，可将知识点进行分化，令其形成一种模块化应答模式，将知识点的联动机理进行分析，然后找出内在逻辑，然后依据网络模糊算法、神经网络算法等，对信息资源节点进行参数设定，待学生进行知识搜查时，网络数据库可实时进行响应，并可依据关键词对内部信息进行预期搜寻、比对搜寻等，以提升知识点搜查的精准性，为学生提供精准化服务。

4.2 离线存储模式

离线存储模式是为学生提供断续型存储平台，如学生在进行学习时，遇到突发状况，令平台终止运行，此时在HTML5技术的应用下，可对信息进行实时存储，即保存异常终止运行前的阅读标记，并将数据信息实时存储到数据库内。待学生重新启动学习平台时，则数据库将对异常终止前的数据界面进行重新载入，以保证学习的完整性。此外，平台自身联网存储功能，在网络数据断连的情况下，HTML5可对预期指令信息进行自动缓存，当网络响应无法连接时，仍可使学生完成当前及缓存界面的浏览。

4.3 评价反馈模式

移动学习平台中的评价反馈系统类似于课堂考核，其主要是辅助教师对学生的学习情况进行了解。HTML5技术的支持下，移动学习平台一般分为交互界面管理、后台管理两部分，在学生完成相应的学习任务后，交互界面将把数据信息传输到后台系统中，并及时将信息结果反馈到交互界面中，在正确的答案讲解下，学生充分认知到自身的不足之处。此外，后台管理系统对作业模块、用户模块等提供对接平台，教师依据学生的答题情况，可及时对各类信息资源进行整合，然后再依据侧重点来建构合理的教学计划，辅助学生完成整体学习任务。

5. 结语

综上所述，HTML5技术在移动学习平台中应用，可为学生提供多元化学习模式，在交互界面、系统管理的设定下，可令教师及时掌握学生目前的学习状态，然后通过制定相应的教学计划，完善学生的知识体系，进而提升整体教学质量。

参考文献：

[1]陈淑明.基于HTML5的移动学习平台设计及应用研究[J].电子世界，2019（04）：170-172.

[2]张宏涛.基于HTML5技术的移动学习平台建设与应用[J].轻工科技，2018，34（04）：64-65.

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

作者简介：张鹏松（1981.10-），河北人，本科，宁夏财经职业技术学院助教，研究方向：计算机科学与技术。