中职机械基础H5交互微课的制作实践

林楠

摘 要：交互性是微课发展的方向之一，H5技术具有丰富的操作交互设计，用来制作微课的效果非常不错。笔者基于易企秀平台设计了一系列中职机械基础交互微课，展示3个中职机械基础微课案例来呈现H5交互微课的效果。

关键词：机械基础;H5;交互;微课

交互性是微课发展的方向之一，根据教学交互层次塔理论，教学交互分为概念交互、信息交互、操作交互。在微课的学习中，操作交互是信息交互和概念交互的根本，信息交互和概念交互是在操作交互的基础上得到的，如在基于视频的微课学习中，如果不进行播放操作，则无法获得视频教学资源内容，也就无法获得信息交互和概念交互。但是视频除了简单的播放、暂停、快进快退之外，并无其他操作交互形式。

信息技术的迅猛发展影响了全球，各行各业都在信息化，我们的生活也因此变得更方便、更高效了。而在教育领域，因为新技术的支持，微课的设计与开发模式自然也发生相应的改变。笔者近来接触H5，发现用它来制作微课可以取得不错的效果，丰富的操作交互设计带来了丰富的信息交互和概念交互，使信息交互和概念交互获得更好的效果。

1 H5交互微课简介

基于H5的微课其实就是利用HTML语言写出来的一种翻页课件，以动画的方式在手机终端把文字、图片、音频、视频呈现出来。与基于视频的微课一样，H5交互微课也是围绕某个知识点或教学环节展开的简短的自主学习资源。但H5技术支持更多的操作交互，可以通过单击、拖拽、滑动、摇一摇等简单的动作触发，或是利用手机的传感器触发如调用相机拍摄图像、长按输入语音等。

2 H5交互微课案例

以下是笔者借助易企秀平台制作的3个中职机械基础H5交互微课案例，每个案例有二维码，可以用手机QQ或微信扫一扫打开。

【案例1】：互动游戏—接住所有的低碳钢和高碳钢

孩子們经常喜欢玩一些网页小游戏，像化妆、烧烤、走迷宫等，如果教学中也有这样一些小游戏，岂不是可以大大增加学生学习的乐趣？但这些小游戏的开发需要专业知识，不是那么简单就能够实现的。课题组套用易企秀中的互动模板，替换其中的图片，轻松制作出小游戏用于H5互动微课的引入。

案例1“挤上车了”这一互动游戏模板应用于课题一碳钢的引入，学生通过移动小车实现操作交互。在制作时，我们替换其中的四张图片，要求学生接住空中掉落下来的低碳钢（如Q235、08F钢）和中碳钢（如45钢），一旦碰到高碳钢（如65钢）则扣分。游戏首页的右上角有活动锦囊，解释了碳钢的分类方法。游戏结束页面，显示得分和班级排行，可自行选择重玩游戏或继续学习，学生点击链接“重玩游戏”，在重复多次的游戏过程中可以潜移默化的理解牌号的识读方法，点击“继续学习”，就可跳转到课题一碳钢的学习页面，实现信息交互和概念交互。

【案例2】：形成性评价——碳素结构钢练习题

在H5微课中，用于形成性评价的练习题一般题量较少，难度较小，且插入在H5内部。除了基础的选择、填空、判断、简答，还可以设计一些趣味性的题目，如拖放题、排序题、连线题、拍照题、语音题。并采用摇一摇、刮刮卡的形式公布答案，增加了操作交互。教师可根据后台反馈的数据了解学生的学习情况，并对当前教学资源或即将开展的教学活动进行修改和完善。

案例2为了检验碳素结构钢这一交互微课的学习效果，笔者设置了四道趣味性练习题，其中第三题连线题是基于易企秀的画板组件功能，通过滑动屏幕来实现操作交互的。学习者点击左上角的画笔图标即可开始连线，将牌号与用途对应起来，完成后点击提交。如果不满意可以点击右上角的垃圾箱图标即可重新连线，练习得分以最终提交结果为准。

【案例3】：形成性评价——铝及铝合金练习题

为了理论教学能与生产实际相结合，在机械基础H5互动微课中插入了大量的图片素材。如铝合金常用于航空航天中，讲到硬铝则配上飞机蒙皮图片，讲到超硬铝则配上飞机大梁，讲到锻铝则配上飞机螺旋桨桨叶。

案例2笔者设置了三道练习题，其中第一题要求学生找一找身边是否有防锈铝合金，拍下来后点击相机图标调用相册中的图片上传。我们设置了升学班和技能班两个研究对象，两个班的学生都能轻松找到铝合金窗、易拉罐等物品，通过与他们的交谈，笔者发现，有不少学生利用百度来查找防锈铝合金的用途。而第三题语音题的设置，无需输入法，只需长按图标即可说话，再点击音量图标即可重听自己的语音，给了学生更快捷、高效的答题方法。拍照、长按语音的操作交互从一定程度上，提高了学生自主学习的主动性。

3 结束语

笔者开展了一个学期的实验研究，发现两个班级的学生试用H5形式的微课后，在概念知识落实、牌号识读能力提升，以及学习满意度、参与度和主动提问率等方面，均有明显的提高。由此可见，H5交互微课扎扎实实地推进知识与技能的提升，促进了学生主动、深刻地学习，是对“互联网+教育”的积极回应。本次实践都是基于易企秀来开发，后续将采用多种在线编辑平台（如iH5）来加入其他更多形式的交互逻辑。

参考文献

[1]罗浩.基于H5平台的微课设计与应用研究[D].广西师范大学，2018.

[2]赵腾.基于H5的科普移动微课的设计与开发[D].上海师范大学，2017.