基于移动互联技术融合HTML5技术实现智能化教学的运用研究

许立忠

摘 要：随着信息化教学的不断发展与延伸，多样化教学融合也渐渐深入到我们的日常教学中。本文从移动互联技术融合HTML5技术出发，从概念引入、技术层面、教学内容设计与制作等方面进行实践性研究，移动互联技术融合HTML5技术具有改进日常课堂教学形式、学生学习方法、教学媒体使用及作业反馈形式，实现课件移动化、学生学习自主化、效果反馈及时化的特点，让教学更具有智能化的特征。同时，将师生通过网络平台互联，达到在线自主教学的目的。

关键词：移动互联技术 HTML5技术 教学信息

目前，由于教师对各类教学软件的操作熟练程度有限及教学前期准备工作的复杂性，微课、慕课、云班课等形式不能一直贯穿在整个教学中，在精力、技术上也受到了限制，信息化课程开发较为困难。如何让教师不受技术限制，轻松备课？如何让学生轻松快乐学习、如何将学生做题结果智能化分析？笔者通过目前较流行的HTML5技术，让学生能够实现智能终端在线学习与答题，教师能够直观地得到学习效果反馈，省时又省力。

一、认识移动互联技术与HTML5技术

移动互联技术，顾名思义，就是将移动通信（电信、移动、联通）和互联网二者互联起来，融为一体。移动互联这种新兴形态，充分利用了有线与无线网络技术将用户数据进行整合并随时反馈。随着智能手机的普及和4G时代的到来，互联网数据业务从传统的桌面PC大量转向了手机及其他智能移动终端。

HTML5（超文本标记语言），是网页的重要编写语言，2014年，在经过多次修改的HTML技术标准后，最终实现了移动浏览应用，即HTML5技术。它的设计目的是为了在移动设备上支持多媒体，可以跨平台使用，自适应浏览页面，应用领域将更为普及。

二、智能化教学形式的融入

韩国在线教育企业充分发挥互联网优势，将学生们的所有学习行为累计为数据后进行分析，不断为每位学生提供量身定做的学习处方，定制教学内容。

智能化教学形式，即将传统教学方法与内容，用更优的方式进行传授，同时，学生以最快捷的形式进行学习与吸收，实现师生共赢的教学手段。本文所涉及的智能化，是将采用软件层面实现在线教学内容的学习与练习，结合智能化终端加以实现的教学形式。

教学内容的在线播放、课后习题的在线作答、结果的智能分析让教师节省了大量的时间，以最快最优的形式将知识传送给学生。

把智能化教学融入到教学之中，实现课本知识的学习与学生的能动性发展相结合，提出课堂教学突出教师主导性和学生主体性原则，增加教学内容创新性和趣味性，通过此教学模式，最终目的是使学生在自主学习的基础上，培养健康向上的学习行为。

三、通过移动互联技术融合HTML5技术层面分析，优化教学形式，让教学更灵活

HTML5的场景制作平台——易企秀平台，它是一款针对移动互联网宣传的手机PPT、HTML5场景制作工具，将传统PC桌面制作和展示宣传内容转移到更为便携的智能终端上，用户可以方便快捷在桌面PC端、手机端进行制作和展示，随时随地查看。它无需掌握专业技术，同时，易企秀与主流社会化媒體打通，让用户通过二维码就能进行传播，展示内容，收集数据。它提供免费平台、相应数据统计功能，用户零门槛就可以使用易企秀进行制作。

四、借助易企秀平台的技术优势，将教学形式进行优化

1.实现教学课件移动化

目前，易企秀平台在企业移动宣传上得到了广泛的应用，而教学中并未广泛涉及，故笔者尝试将其平台运用到教学，以移动互联技术和HTML5技术的融合为基础，将教学内容从传统课堂搬到了智能终端上，简单明了的制作步骤，智能化的后台分析工具，实现了移动互联的信息化教学。

教师端通过易企秀网站（http：//www.eqxiu.com/）或APP注册成为免费个人用户后，可直接创建新的场景（课件），所有的操作一键可达，可实现移动制作。场景完成后，设置相应的主题，自动生成二维码以便分享。二维码，用二进制相对应的几何形体来表达的数据信息，具有高密度编码，信息容量大、编码范围广，可容纳图片、声音、文字、签字、指纹之类的数字化信息等优势。学生只需要通过教师分享的二维码，通过智能终端，如手机，平板等设备“扫一扫”，实现在线阅读及相关数据提交。整个学习过程不受时间和地域限制，实现移动浏览。与此同时，每个生成的二维码所对应的内容一直存在，教师根据教学情况可随时更新调整，有效地避免了过多的二维码。

例如，计算机基础课程内容：计算机发展阶段、发展趋势、应用领域等相关知识每一知识点做成一个页面，共五个页面，第六、七个页面则做成单/多项选择题和文本填空题，这样，进行简单的多个页面设计，保存发布后生成二维码，扫描即可在线学习。

教师端可以实现PPT页面的制作，课后习题的表单制作，后台数据分析及资源分享操作。

学生端可以实现在线浏览教学内容，在线答题，在线反馈和资源分享操作。

2.有利于学生自主化学习习惯的养成

通过易企秀平台生成的二维码，学生即可实现扫一扫进行在线浏览及答题，也可以将二维码分享给同学或群组，传播迅速。对于智能终端自主式任务化学习，相对传统的播放PPT和纸质练习，有其独特的优势，根据马斯洛层次需要理论的自我实现需要，学生更容易接受并翻阅。教师将小知识点通过场景（课件）制作后，布置课后习题，学生接受任务后，经过上下翻阅课件内容，在线作答习题这种学习形式较为新鲜，设计知识由浅入深，经过一段时间的学习，学生养成了自主学习的良好习惯，也对手机的正确使用有了新的认识。

3.管理后台数据智能分析，让学习效果反馈及时

当学生提交完数据后，平台自动汇总学生提交的答案，教师可通过账号，通过后台收集的数据，了解学生的学习情况，如课件浏览次数、作业提交人数、各选项的选择数等，所需数据一目了然。同时，教师只需要将结果导出，利用Excel进行数据分析，即可实现批阅，学习效果一目了然。通过前台数据提交，后台数据分析，大大提高了教师批改的效率，及时地学习反馈也让学生加以快速订正。

五、在线教学内容的设计与制作步骤

在传统教学中，教师都是将课堂内容通过PPT的形式进入输入与播放，而利用HTML5技术与移动互联技术，教学时长由教师自主决定，将内容输入到第三方（如易企秀平台）页面中，将大大提升备课效率，学生也在不知不觉中进行了学习。

1.教学内容的制作（页面）

与微课相似，教学内容仅需要做某个知识点，知识点清楚。教学内容可设计5～10个页面，直接进行文本输入，适当插入相关教学图片，如涉及视频片段的插入，可直接复制国内知名视频网站，如优酷、土豆的“通用代码”到页面中。当有相关的图表内容时，可选择图表功能，如柱形图、饼图等。

2.课后习题的制作（表单）

当学生学习完后，可适当布置相关的在线习题，易企秀平台提供了单选、多选、下拉等功能，教师在设计时只要根据题型制作保存，同时也可以进行主观题的设计，一个场景设置一个提交按钮进行上交。

3.互动功能实现

教师可以将自己的微课视频上传到优酷、腾讯视频等网站，复制通用网址到场景中，学生可以观看。同时，教师还可引用网络中的相关知识，复制网址到页面中，学生也就可打开浏览。当学生学习后，教师进入账户后台可以查看阅读量、学生留言的查看、结果数据统计等，有利于后续的教学准备。利用第三方平台，实现了教师与学生的网上互动，达到了传统课堂中达不到的教学效果，这也正是HTML5技术核心所在——移动浏览。

六、移动互联技术与HTML5技术融合在教学中的效果体现

移动互联技术、HTML5技术是目前的流行词，如何把两者结合起来，作用到教学中，为教学服务，既不失传统教学的目的，又迎合现代教学改革的特点，这是一个创新的思路。笔者通过一段时間的实践，在教学效果上起到了一定的作用。

通过两个班级四次教学内容的两种教学形式的对比，传统PPT的教学课堂关注度低，作业完成率及正确率仅75.2%，而利用移动终端进行学习内容布置与作业提交，一次阅读量为93.4%，而作业提交数占班级总数的95%，且正确率达98.9%。学生在心理上打破了纸质作业的局限，实现自我心理提升，同时通过多次上下翻阅教学内容，使作业正确率提升。

移动互联技术与HTML5技术的融合，教师通过前期设计后，可以把课堂交给第三方服务商，教师在课堂内真正作为指导者，不拘于照本宣科的传统模式，学生也将通过第三方服务商进行在线学习。这一创新教学形式，注重学生自我学习能力的培养。把课堂交给学生，教师是监督者，这一形式可以在课堂教学中开展，对学生玩手机现象也应正确引导。

将移动互联技术与HTML5技术的融合运用到课堂教学中，完全满足了信息化教学改革的要求，也适应了职业教育的导向性学习形式，强调“以学生为主体”的教学理念，实现了教师轻松在线课堂制作、教学效果分析，学生在线学习与作业的智能化教学。

参考文献：

[1]林珑著.HTML5移动Web开发实战详解[M].北京：清华大学出版社，2014.

[2]张伟晶.移动互联时代影响消费者决策的6大关键[M].杭州：浙江人民出版社，2014.

[3]吴大著.移动互联网关键技术与应用[M].北京：电子工业出版社，2015.

[4]王瑞.移动学习理论下计算机应用基础教学研究[J].电脑知识与技术，2015（19）.

（作者单位：海宁市高级技工学校）