基于WBID模型的Web技术课程教学设计

李 莉

（1.南京邮电大学 计算机学院，江苏 南京210023；2.南京邮电大学通达学院 计算机工程学院，江苏 扬州 225127）

0 引 言

Web技术课传授Web软件开发技能，打破传统课堂教学的时空限制、提供个性化学习指导以及满足多元化学习需求是该课程教学改革的方向。在教学改革探索中，笔者引入分布式学习模式，将个性化学习、作业、讨论、实验演示等环节通过在线学习的方式提供给学生[1]。

在线学习是远程教育在当下的一种发展形势，它指地理上分离的教育者和学习者以因特网为桥梁，通过电子媒介提供的教育[2]5。斯隆联盟将在线学习分为3类：在线式、混合式和网络辅助式[3]。混合式课堂教学的特点是课堂教学和在线学习共存，且在线学习占有相当比例。大学校园普遍具有良好的网络基础设施，因此混合式课堂教学在高校课程改革中得到不少关注[4-5]。本课程的线上学习环节占整个课程30%左右，也属于这一类型。在享受网络教学带来便利的同时，也需意识到可能出现的问题。例如，教师在网络课程上花费的精力可能大于传统教学；学生在线上学习环节遇到问题时可能感到孤立与困惑，进而变得沮丧，最终丧失学习兴趣。这些问题在课程实施阶段难以纠正或成本过高，必须采用系统化的课程教学设计与开发，在项目早期加以克服和避免。

1 基于网络的教学设计模型

基于网络的教学设计（Web-Based Instructional Design，WBID）是一个在线教学设计模型[2]43。行为、认知、建构三大学习理论构成该模型的理论基础，集成多种学习理论是该模型的特色。WBID模型认为在线学习具有丰富的情境，需要更坚实的理论基础来描绘教与学的过程。采用多种学习理论可以为特定的目标、群体、内容提供最佳学习原则。

如图1所示，WBID模型包括分析、设计、开发、实施、评价等步骤。跟ADDIE等开发模型的不同之处在于上述步骤的执行次序[2]64。WBID模型的另一个特点是采用并发、迭代的设计开发过程。课程的原型系统能快速搭建，避免过长的开发周期导致带来高成本，进而项目失败。

图1 WBID模型主要步骤

2 课程分析

2.1 教学构件分析

分析是课程设计的第一阶段，通过检视教学情境的构成要素，明确课程的教学目标和内容结构。分析阶段的结果将为课程设计和开发提供蓝图。本小节介绍学习者和教学目标分析，课程内容分析在下一小节说明。

考虑到本课程面向计算机单个专业开设，学习者的基本情况（例如先验知识、学习条件等）大致相似。本项目通过调查问卷了解学习者对Web技术课程的兴趣以及在线学习的需求。项目于2016—2017学年下学期，以布置作业的方式对选修该课程的学生进行了问卷调查。问卷主要涉及两方面内容：①之前是否学习过Web技术，希望学习哪些Web技术；②有无在线学习经验，是否愿意在本课程使用在线学习。参与调查的学生人数为106人，收回的有效问卷为85份，收回率80%。回收问卷中，70.5%学生之前未接触过Web技术，23.5%学生对HTML、JavaScript等前端开发技术有所耳闻，6%学生因为参加项目或个人兴趣对Web技术有全面了解。回收问卷中，58.8%学生接触过网易云课堂等在线学习平台；其余表示听说过但未曾尝试。88.2%学生愿意使用在线学习，理由是方便，例如能反复观看视频、随时查看资料；其余表示无所谓，理由是在线学习可能会占用较多课外时间、对在线学习感到陌生等。从调查结果可以看出，学生希望学习的Web技术内容丰富多样，说明对课程有足够的学习动机。光靠课堂教学难以满足多元化的学习需求，通过在线学习拓展课程的广度是一个值得探索的方向。计算机专业学生具备使用在线学习的必要操作技能，同时，仍需加强在线学习过程的引导。

教学目标分析的一项重要工作是确定学习成果水平。根据布卢姆分类系统，本课程的成果水平主要集中在认知域和情感域[6]122-139，见表1。

2.2 课程内容分析

课程内容分析是进一步明确达到教学目标所需学习的知识和技能的过程。WBID模型采用学习任务地图呈现课程内容概况[2]116-127。在后续设计中，学习任务地图会进一步细化为任务目标评估项蓝图（Task-Objective-Assessment Item Blueprint，TOAB），为制订教学策略提供依据。经分析，本课程内容见图2。位于图2顶部的方框是总教学目标，其他方框表示学习任务。每个任务包含一个编号和一个短语。编号表示该任务所在的层次，短语表示学习任务的内容。虚线以下的方框表示入门技巧，是学习某个任务之前必须掌握的知识和技能，以0.1、0.2编号。以1.0、2.0编号的是主要步骤，以1.1、1.1.1编号的是某个主要步骤下面的子技巧。编号和箭头表明了学习任务之间的两种关系：一种是层次关系，例如完成任务1.0，必须要完成它下一层的两个子任务1.1和1.2，子任务的执行次序无关紧要；另一种是过程关系，例如完成任务6.0，必须先完成6.1，然后完成6.2。

表1 课程教学目标

3 课程设计与开发

3.1 课程内容设计

在设计阶段，要根据前面的分析结果确定目标和评估项，目标是从学生角度定义具体可度量的预期学习成果，评估项通过收集信息以确定教学任务是否成功完成。WBID模型使用任务目标评价项蓝图描述这一阶段工作[2]198-200。因篇幅关系，表2展示了部分结果，其中目标采用加涅的五成分表述法，成果水平采用加涅学习分类法[6]39,129。

学习目标仅指出要做什么，需要通过创建教学策略以明确如何完成目标，为后续课程开发提供蓝图。表3展示了学习任务2.1（理解HTML文档结构）对应的教学策略。根据WBID模型的要求，教学策略需要从目标、教学、评估和总结4个方面制订[2]222-237。在教学策略的制订过程中，可以选择合适的媒体形式呈现教学内容以及进行线上线下教学活动的衔接。

图2 学习任务地图

表2 任务目标评价项蓝图

3.2 原型系统开发

传统课堂教学采用多媒体课件，在线学习一般依托学习管理系统（Learning Management System, LMS）。跟自行开发LMS相比，选择开源LMS能够节省成本、缩短开发周期，符合WBID模型快速原型的开发方法。跟云端托管的第三方LMS相比，自行架设LMS具有更好的可定制性。本项目在Moodle平台建立了“Web技术”在线课程，课程主页见图3。

表3 教学策略表

4 结 语

分布式学习模式要求线上线下教学环节的有机整合，对课程教学设计提出更高要求。论文在WBID模型指导下，详细阐述了课程的分析、设计过程。后续工作包括开发出的原型系统将在本学期进行试用，收集到的数据用于过程性评价，评价结果将支撑下一轮迭代开发。