轻量级实践类教学案例视频资源建设方法与实践

梁瑞仕，马慧，何怀文

（电子科技大学中山学院计算机学院，中山528402）

0 引言

实践实训类课程是新工科学科课程的重要组成部分[1]，建设优秀的精品实践类教学案例视频资源有助于提高学生的学习兴趣，降低动手实践的难度，使学生更好的掌握课程知识，从而提升教学效果。

Web 应用开发课程作为计算机类和软件类专业的核心专业课程，非常注重学生上机实践能力的培养，需要设计大量的实践教学资源。在广东省精品资源课程项目的资助下，本课程逐步探索轻量级实践类教学案例视频资源建设方法，开发了一系列的基于帧动画视频的实践教学案例视频，并在教学活动当中广泛使用，取得了良好的教学效果。

1 实践类教学案例视频资源建设方法现状

随着慕课的普及和大范围运用[2]，视频资源建设成为线上课程的重点和难点。计算机图文显示技术的发展，带来了很多便利化的手段开发视频资源。

然而，新技术和各类软件的使用，无形中加大了教师制作视频资源的难度，提高了视频制作的门槛，使很多教师对视频资源开发望而却步。同时，各类软件的安装、视频资源庞大的体量，也给资源的下载和传播带来了很大的不便，影响了学生的学习积极性。表1 列出了常用的视频资源制作的技术手段及优缺点。

表1 常用的视频资源制作的技术手段及优缺点

可以看出，屏幕录制方式和摄像机拍摄方式都能达到完整记录实践过程的目的，然而都会造成资源体积庞大，而且也需要专业的后期编辑技术，需要专业的视频编辑软件，复杂度较高，加大了视频资源的制作门槛和成本。图片+文字的方式虽然很简单，制作门槛低，且文件体积小，但却容易丢失最关键的实践过程，不利于学生的学习。

显然，寻找一种既能降低视频制作难度，又能完整记录实践过程的轻量级视频资源建设方法对于教和学两个环节都很有必要也很有现实意义。

2 基于帧动画的轻量级视频资源建设方法

帧动画是一种结合图片、文字、动态过程的信息展示方法，所制作的动画视频体积小，可在浏览器、视频播放器、图文处理软件等大量系统和软件中播放，适合下载和传播，制作简单，是一种轻量级的视频资源建设方法。

本文以Wink 软件为例，介绍基于帧动画的轻量级视频资源建设方法。Wink 软件是一款免费开源的屏幕抓取和图文编辑的处理软件，官方下载网址：https://www.debugmode.com/wink/，安装包大小仅5.6MB，经过后期编辑可生成多种格式的资源，包括MP4 视频、Flash 动画、PDF 文件、HTML 网页等，根据生成文件的时间长短不同，文件体积通常在几兆到几十兆之间，非常小巧，适合本地拷贝，也适合网络上传下载和在线播放，亦可嵌入到其他格式文件当中。

Wink 软件制作视频资源的核心操作非常简单。教师在上机实践过程中，对每一个操作步骤，只需使用Pause 快捷键，则当前界面截屏及鼠标位置会自动保存到Wink 软件中。当所有步骤结束，全部界面截屏已经保存。之后，对每一个截屏，可以调整鼠标位置（尤其是存在点击动作的时候，鼠标的位置是关键信息），添加文字说明解释，配置录音，调整当面画面显示的时长等，帧与帧之间还可以添加切换过渡效果。最后，将整个Wink 项目保存之后，可根据需要导出为Flash 动画、PDF 文件、HTML 网页等，还可以继续后期转换为MP4 视频格式。

3 Web应用开发轻量级实践类教学案例视频资源建设实践

本文以广东省精品资源建设课程Web 应用开发课程为例，介绍轻量级实践类教学案例视频资源建设具体实践。所有资源均可在超星泛雅平台上本课程在线课堂的主页上观看和下载[3]。本文选取Web 开发环境安装和配置过程以及LINQ to SQL 数据访问实验作为示例，前者主要涉及常规的鼠标点击过程性步骤，后者则需要配上实验代码进行知识点分析和解释。

3.1 Web开发环境安装与配置

Web 开发环境的安装与配置是进入实践学习的第一步，往往也是学生非常头疼的环节。教材通常都是文字描述为主，而传统的屏幕录制视频往往掺杂过多无关过程和讲解，使学生无所适从。在轻量级视频制作过程中，教师只要把每一个安装和配置步骤的截图记录下来，放置好鼠标点击的关键位置，可以对每一个步骤或者重要的步骤添加文字说明或者语音注解，而后所有步骤截图形成一系列完整连贯的操作视频，非常方便学生依照步骤完成安装和配置过程。最终我们生成的网页版Flash 仅1.5MB 大小，包含17 个全部步骤的截图以及完整的文字说明，每个页面根据复杂程度不同停留2-4 秒，总时长不超过1 分钟。在实践过程中，大部分学生仅需观看1-2 次即可完整理解和消化，并在5-10 分钟左右完成全部过程，大大提高了学习效率，增强了学生的学习兴趣。

图1 Web开发环境的安装与配置的轻量级视频资源制作过程示例：勾选相关的组件

图2 Web开发环境的安装与配置的轻量级视频资源制作过程示例：注册组件

3.2 LINQ to SQL数据访问编程实验

LINQ to SQL 技术是Web 应用开发当中极其重要的数据访问框架，涉及到大量专业术语和编程技巧，难度较大。学生通过阅读教材往往难以完整掌握实验过程，导致学生对于知识点的理解和消化存在障碍，更加影响后期的课程大作业和项目级别的实训。本课程对LINQ to SQL 技术进行了细分拆解，分为2 个环节，分别对应任务1：通过LINQ to SQL 组件的可视化向导实现数据的查询，和任务2：通过LINQ to SQL 编程实现数据的查询和插入，并在任务2 中分步骤列出了具体的操作过程和源代码及其注释，既方便学生快速参考模仿完成实验内容，又便于学生仔细理解和消化编程过程和要点。

图3 通过LINQ to SQL组件的可视化向导实现数据查询的轻量级视频资源制作过程示例：添加相关的类

图4 通过LINQ to SQL组件的可视化向导实现数据查询的轻量级视频资源制作过程示例：拖放组件

4 结语

本文介绍了基于帧动画的轻量级视频资源建设方法，并运用于Web 应用开发课程的上机实验教学内容的制作当中，操作过程简单易行，降低了教师制作精品资源的难度和门槛，使更多教师有能力开发实践类视频教学资源。同时，视频资源体积小，内容丰富，便于上传下载与分发。实践表明，该方法有利于增强学生学习积极性，特别适用于CDIO“做中学”的实践教学模式[4]，能极大提升实践教学效果。

图5 通过LINQ to SQL编程实现数据查询和插入的轻量级视频资源制作过程示例：Page_Load事件代码

图6 通过LINQ to SQL编程实现数据查询和插入的轻量级视频资源制作过程示例：按钮事件代码

图7 通过LINQ to SQL编程实现数据查询和插入的轻量级视频资源制作过程示例：运行结果