基于 H5 的英语数字化教学资源建设与实践

　　(一)混合式教学理论在“互联网+”背景下，随着教育信息化 2.0 的大力推进，混合式教学的发展势不可挡。研究者一致认为混合式教学是在线学习与面授教学的混合，但是经过 20 余年的发展，研究者与教育者对混合式教学的认识已经从重点强调技术在教学中的核心地位，发展为将之理解为一种新的高参与度的、个性化的、以学生为中心的学习体验。混合式教学的内涵已经演变成“基于移动终端、线上学习环境与线下课堂讨论相结合的教学情境。”[2]冯晓英等认为对课程再设计是混合式教学的关键，教师要为学生创造积极、协作的学习体验，帮助学生主动参与学习活动，从而构建自己对知识的理解[3]。 Html5 作为一种超文本标记语言，它可以整合多种多媒体资源，如文字、图片、声音、动画、视频等，还可以通过网页浏览器实现各种交互、虚拟仿真的效果，有利于为学生创造良好的学习体验，激发学生学习兴趣，促进学生主动学习。

　　(二)多模态互动理论多模态话语研究始于 20 世纪 90 年代，是指运用听觉、视觉、触觉等感觉，通过语言、图像、视频、声音、动作等多种手段与符号资源进行交际的现象[4] ，这是人类感官在交际过程中的综合应用，其研究的理论基础为系统功能语言学[5]。张德禄研究了不同话语模态在交际中的相互作用，以及在外语教学中的体现。他认为随着信息技术的发展，教学中大部分话语的意义是由非语言因素体现，如实验室、教学设备、计算机、网络及周围环境等。在教学中交际不仅是通过一种模态进行，如讲授是声音，板书是文字等，而是通过多种模态同时进行，如用 PPT 授课是文字、图像、声音同时进行的，他认为教师应该利用不同模态的协同、强化和互补关系提高教学效果[6]。

　　二、基于 H5 的英语数字化教学资源的特征

　　基于 H5 的英语数字化教学资源具有明显的线上特性，与混合式教学的物理特性维度相得益彰。具体来说，H5 英语数字化教学资源的物理特性可以归纳为以下几个方面。

　　第一，它是超文本标记语言，即编写网页的语言，以网络媒介的形式，非常适合通过链接、二维码、微信等分享进行网络传播。

　　第二，它是标准通用标记语言，通过网页浏览器访问， Windows、IOS、Android 等跨平台兼容性极强，实现 PC、平板、智能手机等跨终端访问。

　　第三，H5 是新一代超文本标记语言。与上一代语言相比，其多媒体组件更加完善，动画效果更加丰富，不需要 Flash 等插件就能实现音频、视频的演示，还可以通过调用终端重力感应器、陀螺仪等实现人机触觉、方向感、空间感的多模态互动。

　　第四，H5 语言交互功能强大。H5 制作工具中的事件设定允许人机之间实现动画播放控制、音视频媒体播放控制、运动碰撞控制、逻辑判断等互动行为。H5 语言的数据传递还可以实现师生之间及生生之间进行互动。

　　第五，部分 H5 制作平台提供大数据收集与分析功能。教师能够得到 H5 教学资源的点击量查看途径等数据信息，并且教师还可以在 H5 教学资源中建立数据库，搜集学习行为数据，从而进行教学诊断与改进。

　　三、基于 H5 的英语数字化教学资源的实践

　　教师可以根据教学需求灵活选择、搭配适合英语教学过程的 H5 数字化教学资源，此部分以新编实用英语综合教程第三单元 Giving Directions 一节为例，说明 H5 数字化教学资源在混合式教学设计中课前、课中、课后阶段的应用。

　　(一)课前阶段如表 2 所示，在课前阶段，第一步是明确教学目标，教师要让学生明白完成课程后能够做什么。教学目标的展示通过使用绚星微课制作的 H5 图文页面进行，其内容形式类似微软的 PPT，甚至可以直接导入 PPT 文件，自动生成在线图文页面。选择适合主题的配图，搭配恰当的动画效果，能够吸引学生注意力。在明白学习任务之后，第二步是前测。为了积累知识，测试之前教师需要为学生提供丰富的学习资源，如使用绚星微课制作讲解方位介词、常见场所、重点句型的 H5 图文页面。前测的形式采用云教学平台方便记录分析测试成绩，但选择、填空等测试形式比较呆板，难以引起学生学习兴趣，而采用 Ih5 制作简单的练习方位介词、问路指路的 H5 小游戏使得学生可以与同学、手机互动学习;亲自动手操作使学生获得沉浸式的学习体验，有助于知识内化;而游戏输赢能引起学生的竞争心理，提高其学习参与度。另外，前测部分教师还可为学生提供一个关于道路安全的 H5 游戏，目的是对学生进行道路安全思政教育，增强学生道路安全意识。

　　(二)课中阶段在课中阶段，创建贴近主题的教学情境有助于学生高效地完成学习任务。本节课讲授的是问路与指路的知识，因此教师选择通过 H5 全景虚拟现实平台“网展”向学生展示北大校园，借助 VR 眼镜为学生创建沉浸式的学习情景。情景创建后，教师可为学生设置两个参与式教学活动：第一，A 组学生扮演问路者角色，询问如何去北大校园的某个地点，B 组学生扮演指路者，说出正确的路线;第二，B 组学生扮演问路者角色，询问如何去北大理科楼里的某个地点，A 组学生说出正确的路线。任务完成后请两组学生汇报展示，指路者说出正确路线，问路者根据指示，操作全景地图前往目的地。汇报结束后，教师提供本节知识点的 H5 思维导图游戏，要求学生分组完成。比赛总结速度、点选归纳的方式提高了教师总结知识点的效率，避免了以往课堂中学生手写思维导图表格费时、无法完成任务的缺点，如表 3 所示。

　　四、结语

　　当今，高职英语教学中应用了混合式教学方法，基于此，本研究构建了 H5 数字化教学资源在混合式教学中的 PIOEC 应用模式，该模式阐明了 H5 数字化教学资源在英语混合式教学各个环节的地位与作用，描述了多种 H5 数字化教学资源的实现形式，对其他教师的教学实践有借鉴意义。但是在混合式教学中，教学资源应该是多样化的，H5 数字化教学资源应该作为一种重要的资源类型，与其他类型的教学资源取长补短、合理搭配，共同提高教学效果。Html5 技术手段十分先进，其在英语教学中的应用能够发挥更大的作用，而它对英语信息化教学的贡献有待更多的教师在教学实践中发现、总结。

　　参考文献：

　　[1] 章苏静.数字化教学资源管理[M].北京:科学出版社,2008.

　　[2] WASOH F.Exploring the roles of blended learning as an approach to improve teaching and learning English[EB/OL].(2016-11-17)[2019-10-10]. http://web.a.ebscohost.com/ehost/pdfviewer/pdfviewer?sid=27144a22-f991- 47c4-a39e-94160e6ce0a9%40sessionmgr4007&vid=0&hid=4214.

　　《基于 H5 的英语数字化教学资源建设与实践》来源：《西部素质教育》，作者：曹景凯，赵金晶，李显宁，马强，严凯吉。