基于HTML5的移动学习平台探究

    陈保

    

    摘要：文章构建了交互式移动学习平台的基本框架，并对其模块进行功能分析与设计。未来基于HTML5的交互式移动学习平台将得到广泛应用。

    关键词：HTML5；移动学习平台；交互式

    1交互式移动学习平台环境分析设计

    交互式移动学习平台要求学习者能够与学习平台、移动设备、其他学习者以及知识内容进行信息交流。因此，开展交互式移动学习平台设计之前需要设计好交互式学习环境。

    1.1设计原则

    交互式移动学习平台是建立在智能手机的特点以及移动学习者需求上的，对此其学习环境的社交需要遵循3个原则。

    1.1友好的界面和清晰的导航设计原则

    要提高学习者的使用体验，首先就应该做好界面和导航的设计，其必须符合用户平时使用智能手机和相互应用平台的习惯，即确保平台的易操作性和界面的友好性。此外，为了学习者能有效了解平台的架构，快速跳转到常见的界面，还应该保证导航的清晰明确，方便好用，这有利用提高学习者的效率。

    1.1.2知识内容应遵循适用性原则

    学习平台当中的知识应该要便于学习者学习，激发其学习兴趣，提高学习者的学习效率。因此，内容设计要条理清晰，簡洁直观。

    1.1.3用户操作的便捷性原则

    由于是在移动设备当中，因此移动学习平台的内容应该以展示为主，避免用户大量输入操作。此外，为了让学习者清晰掌握学习过程，明确下一步的学习操作，应该为学习者提供操作上的响应与反馈，把相应的处理结果与提示展示给学习者。

    1.2交互方式的设计

    在交互式学习环境下，学生学习知识的过程是主动学习，并与其他人进行交流和共享，对此，在设计交互方式时，应该引导学生对所学知识的不断创新，创造一个良好的交流互动环境。确保教师、学生与教学资源之间的相互融合与促进，构建和谐的学习环境。交互方式设计中应该注意学生与教师的交互，学生与教学资源的交互，以及学生之间的交互。

    1.3课程资源的设计

    交互式的学习资源与普通的学习资源在建设上有很大区别，交互式的移动学习平台应该以问题为导向，通过对知识的模块化处理，确定好教学目标，结构化组合课程学习资源，精简提炼教学内容。从而构建出与学习目标、学习环境和教学活动有关联意义的交互学习内容，从而形成一个良好的具有突出主体的结构化学习资源环境。

    2基于HTML5的交互式移动学习平台的功能分析

    HTML5即是第五代超文本语言，利用HTML5开发移动学习平台具有很大优势，其能适应不同操作系统的不同移动智能设备，避免因用户操作系统的问题而出现移动学习平台兼容性的问题。无论是Windows Phone，iOS还是安卓系统，基于HTML5开发出来的移动学习平台的体验感和适配性都很好，且不占用用户移动设备的储存空间，并且平台的开发成本低，工作量也相对较小。移动学习平台的使用用户为教师和学生，二者在使用目的和功能方面都不相同，因此有必要区分对象对其所需的功能进行分析。

    2.1面向教师的功能分析

    2.1.1备课功能

    备课功能是教师采用移动学习平台所需要的基本功能，通常教师在授课时会使用PPT，PDF，Word以及一些短视频资源来作为辅助教学资源，对此，平台应该提供上传、删除、移动等管理教学课件资源的功能，让教师能够随时了解己有的教学资源。

    2.1.2课件分发功能

    教学平台还应该具有收发文件的功能，特别是分发课件的功能，这样便于教学在授课过程中，根据需要随时向学生客户端传送相关教学文件。

    2.1.3教学与演示功能

    移动学习平台应该能够具有演示教学的功能，包括演示多媒体课件和演示文件课件的两种类型。教师能通过界面拖动文件来控制文件的播放顺序和播放进度等。此外，还应该提供一些课件标注等功能，这样可以有利于教师与学生之间的互动，帮助学生进行课后复习。

    2.1.4麦克风和摄像头控制功能

    交互式的移动学习平台的一个重要功能就是提供学生之间、学生与教师的互动，因此，无论是学生端还是教师端都应该配有麦克风和摄像头的功能，为了教师授课方便，教师应该能够控制这些功能。如可以主动向学生端开启本地摄像头展示操作过程，还可以通过学生端的摄像头查看学生学习情况等。

    2.1.5控制权限指派功能

    教师在教学过程中除了具有控制权限外，还可以将控制权临时转给学生，这样学生可以向其他同学展示学习成果等，此外，教师可以通过该功能实现学生之间的交互等。

    2.2面向学生的功能分析

    学生利用交互式移动教学平台学习的模式包括主动和被动两种模式，学生可以灵活地进行切换。在被动学习模式下，学生的客户端内容与主客户端保持一致，通常被动模式用于教师与学生之间的交互学习。而主动学习模式则用于学生自主查阅相关课程资源，主要用于学生与教学资源的交互。

    3基于HTML5的交互式移动学习平台的功能设计

    3.1基于HTML5交互式移动学习平台整体框架结构设计基于HTML5的交互式移动学习平台的框架包括服务器和客户端两个部分，具体的框架如图1所示。

    3.2服务器功能模块设计

    交互式移动学习平台的服务器功能模块可以包括环境适配、数据交换、课件管理、图像视频反馈模块、存储以及同步模块共6个模块。数据交换模块是实现客户端与服务器之间的通信模块；环境适配模块用于收集客户端环境适配模块发出的信息，了解客户端系统运行环境状况，并为客户端提供相关的服务；同步模块用于保存并比较主客户的状态记录信息，确保主客户端与服务器的状态记录情况保持一致；课件管理模块用于课件的上传、压缩、获取、储存等；图像视频反馈模块主要用于接收视频与图像，同时控制客户端的麦克风和摄像头；存储模块则用于储存教师上传的教学资源。

    3.3客户端功能模块设计

    客户端功能模块包括交互界面的设计、同步模块、显示模块、操作模块、存储模块、环境适配模块和数据交换模块。其中数据交换模块需要与服务器数据交换模块协调工作；环境适配模块可以根据用户设备配置情况来确定参数，以确保本地设备与服务器之间的适应配置；同步模块可以有效确保服务器与客户端状态信息的同步；存储模块则用于下载服务器中的课件，并同步客户端状态信息。基于HTML5的存储模块设计可以提高客户端对信息的加载速度，支持学生离线储存学习，当再次联网后即可完成与服务器的同步。因此，基于HTML5的移动学习平台设计可以大大提高学生的学习效率；显示模块采用的是HTML5标准编译，可以根据客户端的浏览器状态适应显示移动学习平台的操作界面，并确保课件良好的播放效果；交互界面主要是有效连接教师、资源与学生，确保学生之间、学生与资源以及学生教师的交互。

    4结语

    基于HTML5的交互式移动学习平台的开发成本低、难度小，且终端适配性能高，对移动终端的要求相对较低，学习平台的内容展示形式多样，交互性强，是当前移动应用开发的重要发展趋势。随着移动互联网的快速发展，校园无线网络的快速建设，微信小程序的深度应用，未来基于HTML5的交互式移动学习平台将得到广泛的应用。

    [参考文献]

    [1]叶成林，徐福荫，许駿.移动学习研究综述[J].电化教育研究，2004（3）：12-19.

    [2]赵爱美.基于HTML5和.NET的移动学习平台研究与实现[J].河南科技学院学报（自然科学版），2013（4）：62-66.

    [3]谢淑丽，徐镇辉.基于HTML5跨平台微课视频系统的设计与实现[J].陕西理工学院学报（自然科学版），2016（5）：63-68.

    [4]陈明选，刘萃.基于智能手机的交互式学习环境设计[J].中国电化教育，2015（4）：68-73.