基于H5微场景的微课制作方法探讨

刘 云

（海南政法职业学院信息中心，海南 海口 571000）

当前，伴随着移动社交网络的兴起，人们获取知识的方式和途径与之前的PC互联网时代有着明显区别。根据中国互联网络信息中心发布的第39次《中国互联网络发展状况统计报告》[1]显示，截至2016年12月，我国网民使用手机接入互联网的比例已从2015年的90.1%提升到95.1%，而台式电脑、笔记本电脑的比例则分别下降至60.1%和36.8%。这些数据表明，人们（尤其是年轻群体）更青睐于通过手机来从互联网获取信息，基于智能手机的移动学习正逐步成为年轻人的一种重要学习方式。传统的微课资源通常为短视频、Flash等媒体形式，这些类型的资源主要是面向传统PC平台使用设计开发，在兼容性、移动性、交互性等方面存在先天不足，学习者在移动设备上的用户体验和学习效果都大打折扣。因此，为微课资源寻找到适于在移动学习场景中使用和传播的呈现形式势在必行。

1 H5微场景

1.1 应用背景

HTML5是网际网路联盟(World Wide Web Consortium,简称W3C）于2014年10月正式发布并推荐的Web应用开发标准，使用HTML5开发的Web应用，可以实现用户只需通过浏览器，在不安装任何插件的情况下就可以正常使用。因此自正式发布以来，HTML5技术已普遍应用到互联网的各个方面，如Web App，H5微场景广告、网页游戏、视频点播、虚拟展示等。这些应用中以H5微场景广告最为火爆，它让人们发现了一个完美适配手机移动端，既轻量化又能展示丰富效果的媒体形式。

1.2 制作平台

2015年以来由于商业化营销的需要，特别是各类微信公众号的运营推广，大量的H5微场景作品在移动社交网络广泛传播，随之催生了许多H5微场景制作开发平台。这些平台为制作者提供模块化、模板化、组件式的开发方式，没有编程基础的用户也能够利用这些平台，像制作PPT一样快速制作出一个H5作品。这些平台既不需要特定的硬件设备，也无需安装指定软件或插件，用户只需要通过浏览器即可使用。这类平台主要有以下几种。

1.2.1 秀堂

秀堂是由WPS推出的一款面向普通用户的H5制作软件。用户通过利用秀堂提供的H5模板，经过简单图文替换，即可实现图文音乐的自由组合，快速生成具备丰富动画效果的在线HTML5页面，一键分享到社交网络。同时，秀堂还可以帮助用户监测传播效果，满足用户的移动传播需求。

1.2.2 炫课

炫课是由云学堂公司推出的在线H5制作平台，用户可利用图片、文字、音乐、视频等多媒体素材快速制作出专业微课。其PC端设计程序，通过多种交互事件、动画效果、创作模板以及在线素材等功能，使得用户的微课开发工作就像制作PPT一样轻松简单。

1.2.3 易企秀

用户只需用浏览器登录易企秀的在线编辑平台eqxiu.com，即可在线制作H5微场景内容，制作完成后可快速分享到自己的微信朋友圈或其他社交媒体。同时，易企秀提供了表单功能，制作者可通过表单收集内容使用者的各种反馈信息。

类似的H5微场景快速制作平台还有初页，Maka，iH5互动大师等。上述工具中考试及调查功能都比较弱，可采用问卷星设计制作问卷，通过网址链接或二维码嵌入到 H5 微课中，有效实施教学评价、统计及反馈。

2 H5微课制作

2.1 设计原则

在当前移动互联网时代，以微信、微博为代表的社交媒体已成为人们传播获取信息的主要途径，H5微课作为信息的一种，在新的时代必须遵循当前这类社交文化的传播原则。因此，H5微课设计除必须遵循传统微课设计的基本原则外，还应注意以下几点。

2.1.1 交互功能

在移动互联网时代，“互动性的强弱决定了信息传播扩散效率的高低”[2]。因此，从提高微课资源利用率的角度出发，微课在设计时必须要将交互性放在重要位置。微课制作者在设计时可重点关注以下两类交互：内容交互和行为交互。

（1）内容交互。内容交互是通过图文、语音、视频等媒体形式，借助色彩、形状、空间变换、音量变换等视听变化，向学习者精准传达信息，并帮助用户理解其中蕴含的知识。例如：图文结合、语音录入、语音识别、语音合成、视频演示等。在移动微媒体的内容交互设计中最为常见的就是图文交互，如我们现在常常在微信公众号中看到的各类图文消息，精美有趣的图片与精炼的文字相结合，简明地向用户传递了公众号所要表达的信息，一些优质的图文消息往往能引起读者广泛的评论与转发。

（2）行为交互。行为交互是指学习者通过与微课资源的直接交互行为引发其内容呈现的改变，从新的形态中获取相关知识。例如：通过智能设备屏幕的多点触控激发各类展示动画、利用各类传感器获取用户学习状态、利用摄像头麦克风接受学习者指令等。这些交互行为会产生相应的触、视、听感官体验，可以为学习者提供更好的学习体验。而这种由行为交互引导内容变化的模式，也使得微课个性化学习成为可能。

2.1.2 数据采集分析功能

大数据是移动互联网的主要支撑技术，通过数据采集、语义分析、数据挖掘等技术可实现信息的精准投递、智能进化。大数据是建设整合优质数字学习资源，提高资源利用率的最有力的科学力量。利用大数据可以全面、深度地了解学习者的需求，避免微课资源盲目建设；实现资源的个性化定制；通过对采集反馈信息的分析，可帮助资源建设者优化资源，实现微课的可持续进化；通过智能推送，可实现可定制的个性化学习。为此，微课在设计时必须为后续的大数据分析提供各类数据来源。例如，利用智能设备的各类传感器采集学习者在使用过程中的数据、为用户提供必要的数据录入环节（在线测试或反馈调查）、分析统计功能等。

2.2 H5微课“冒泡排序”设计方法和步骤

下面以数据结构中“冒泡排序”微课为例，具体开发步骤如下。

2.2.1 教学设计

教学设计包括学习任务设计、教学情境设计、学习方法策略设计、评价设计教学和管理设计等，具体包括：分析学习者学情、确定学习目标、确定教学重难点、准备教学资源、确定教学步骤、分配教学时间等环节。在本例中，确定以“冒泡排序”算法实现为重点，设计了微信签到、交互式动画演示、短视频、小测验、在线留言等教学环节。

2.2.2 脚本设计

脚本设计是将教学设计转换成立体视听形象的中间媒介，主要任务是根据教学设计方案来设计微课各场景相应布局结构，确定教学资源的媒体呈现形式及动画效果，把握作品整体的节奏和风格等。

2.2.3 素材准备

按照脚本设计的要求准备脚本所需的各类多媒体素材，如：文本、图片、声音、短视频等，有媒体处理基础的教师可利用Photoshop、格式工厂、AE等多媒体处理软件对相应素材进行进一步加工处理，优化图片尺寸大小。其中，本地的视频资源可提前上传至优酷或土豆等第三方视频网站平台。如在本例中，根据教学设计需要在第一个小测验环节后加入一个不到1 min的短视频激发学生兴趣，但原始视频为完整的排序过程，时长超过5 min。为此，使用视频分割软件从原始视频文件中截取一段，既能展示排序的过程又能保证时间不会过长。

2.2.4 利用“秀堂”平台制作和发布

使用浏览器登录“秀堂”平台（https://s.wps.cn），按照脚本设计思路，分页面实现各环节教学场景。

作品制作完成后会自动生成二维码和超链接，作者填写好朋友圈分享相关信息即可一键转发至微信朋友圈。

2.2.5 数据采集分析

在“秀堂”平台中，每个作品都有“统计分析”入口，可以统计作品的表单数据、访问量等。在本例中，根据教学设计学习者需要提交姓名、小测验答案和课后留言等，图1为相关数据统计情况。

3 结语

H5微课相较于传统视频类微课更适于移动互联网环境，H5微课所具备的强交互性、社交性、移动性以及数据统计分析功能可提高微课的学习体验和利用率。