基于BOPPPS教学模型的《网页设计与制作》混合式“金课”教学设计

马立丽 闫文丽

摘  要：以哈尔滨科学技术职业学院软件技术专业高职高专学生为研究对象，探讨基于BOPPPS教学模型的《网页设计与制作》混合式“金课”教学改革效果。对该课程的“表单”教学单元进行教学设计，将BOPPPS教学模型的6个教学环节和课前+课中+课后科学结合，贯穿于线上线下混合式教学。通过对学生问卷调查结果数据分析，学生认可度较高，学习成绩显著提高，达到了预期的教学改革目标，为培养高质量人才提高了一个全程可控、数据量化考核、互动交流的闭环教学环节，更符合现代职业教学理念。

关键词：混合式教学;BOPPPS教学模型;金课;教学设计

随着5G时代的到来，教育的信息化多媒体形式越来越多，甚至将成为主流，相应的开放性教学平台和产品也层出不穷，例如：中国慕课网，学堂在线、学习通等，这些都为混合式“金课”提供了有力的技术支持，并将以有效性著称的BOPPPS教学模型的教学理念应用于混合式教学中。

一、混合式教学模式

混合式学习（Blended Learning）的概念是华东师范大学祝智庭教授在2003年发表的论文《远程教育中的混合学习》中首次提出的，但是将这一概念引入教学中的是北京师范大学何克抗教授。何教授认为，“所谓混合式学习就是要把传统学习方式的优势和E-Learning（网络数字化学习）的优势结合起来，也就是说，既要发挥教授引导、启发、监控教学过程的主导作用，又要充分体现学生作为学习过程主体的主动性、积极性与创造性[1]。”

在萬物互联的时代，互联网和智能手机已经密不可分、融为一体。特别对于当代大学生来说，行走坐卧可以说24小时手机不离身边，混合式教学模式能充分利用碎片时间，把学习空间环境从固定教室、扩展到校园、全国、甚至国外，知识在虚拟电子世界无所不在，符合当代高职大学生的的。

混合式教学模式应该从教学形式、教学过程、学习资源、教学评价四个方面来理解。教学形式体现为“线上与线下混合”，线上教学师生之间、学生之间缺少面对面的思想碰撞和交流，教师不能马上了解学生的学习情况，无法判断学习效果和教学效果是否达到了预期目标，所以应把线上教学异地同步性和即时性与课堂面授教学互动性和可控性的优点结合起来;教学过程体现为“传统课堂与课前+课中+课后混合”，实现了全程育人，但要根据授课对象，注重教学时间空间分配的平衡与适度;学习资源体现为“数字资源与纸质教材混合”，教师精心开发在线开发课程，用工匠精神认真打磨每一个知识点，录制成生动有趣的微课，把多年积累的教学资料整合到教学平台上，建立辅教能学的一站式的在线开发课程，实现知识数字化，同时，也要发挥纸质教材理论知识科学严谨和便于阅读的优势;教学评价体现为“线上过程性和形成性评价与线下终结性评价混合”，学生最终的成绩是基于数据统计的前提下，再加上课堂表现，教师最终给出的可量、可控的评价。

二、“金课”的内涵

“金课”的概念是教育部高教司司长吴岩用在2018年首次提出的，具有高阶性、创新性和挑战度的特点。培养具有高级思维、解决难题和创新能力的高端人才，增加课程难度，淘汰“水课”。吴岩司长提出各类高校要花大力气建设五大类型“金课”，即线下“金课”、线上“金课”、线上线下混合式“金课”、虚拟仿真“金课”和社会实践“金课”[2]。

按照吴岩司长提出的五大“金课”的要求，把具有时代鲜明特色的BOPPPS教学模型引入到线上线下混合式“金课”中，可以实现目前高职院校中急需解决的问题，例如：如何在课堂教学实现以学生为主，调动学生积极参与学习？如何及时反馈衡量评价学生的课堂表现，标准是什么？等问题。

三、BOPPPS教学模型

BOPPPS教学模型进行线下课堂教学是行之有效的教学模型。BOPPPS教学模型将课堂教学精耕细作地划分为6个教学环节，分别是B-导入、O-学习目标、P-预测、P-参与式学习、O-后测和S-总结 [3]，并形成以学生参与和反馈为主的闭合教学环路。

（一）B-（Bridge-in）导入环节：就是促使学生马上进入学习状态，一点点引导学生重视所要学习的知识内容。教师的导入方法可以随时根据课程内容变化，例如讲述一些与本堂课教学内容相关的时事政治、典故、自然现象或个人体验等，又可由旧知识过渡到新知识，导入的语言尽量精炼、有趣，快、准、狠地抓住学生的注意力。

（二）O-（Objective）学习目标环节：学习目标的设定要考虑授课对象、教学内容、环境条件和标准程度，要重点突出、简单明了，可观察和可评测，是检验学生在教学实践活动中所能得到的学习效果的标尺。

（三）P-（Pre-test）前测环节：对师生而言都是自我检查的过程。教师对学生的知识基础和技能进行摸底，聚焦教学目标设置是否准确，实时动态地修改教学内容，改进授课方法。学生通过预测针对自己的问题查缺补漏，为课上学习做好准备。预测课上课下，线上线下都可以进行。预测的试题既可以是固定答案的习题和试卷，又可以是独立思考的开放式问题，同学们可以上网查阅资料，团结合作，互相探讨，头脑风暴，自主学习、独立思考、解决问题能力都得到提升。

（四）P-（Participatory learning）参与式学习环节：是该教学模型和整个教学活动的核心所在，教学任务的完成需要师生相互互动共同完成。在这个参与式学习环节里，一切的教学活动都围绕学生展开，学生是主体，教师是主导，教师创设各类的教学形式引导学生参与到课堂教学中，一是采用提问法、讨论法、角色扮演、实验探究法、模拟游戏等;二是利用超星学习通平台的互动功能：抢答、讨论、测试等，在学生参与完课堂活动后，马上记录学生的参与学分，使得学生及时获得信息反馈和成就感。

（五）O-（Post-test）后测环节：是对教学目标是否完成的检验和诊断，它与预测环节一脉相承，都是可用于对学生本堂课学习成果的评估，评测手段教师要根据本堂课的授课内容区别设置，后测环节也可以根据实际教学情况进行课内测试和课后测试，是评定学生成绩重要依据之一，也是激励学生重要手段之一。

（六）S-（Summary）总结环节：其实就是总结归纳本堂课教学内容。在学生层面是对知识和技能的回顾，对自己学习效果的检查反思。在老师层面为改进教学效果提供了思路。在这个环节中，可以先是学生自己总结整合，也可以是小组内或小组之间互相交流进行，最后由老师进行深入细致地归纳梳理。

该模型关注系统性和可操作性，强调学生能立即获得成就体验感，把课堂的主战场交给学生，教师从帮控制，教师起到指导、启发、督促的作用。这与混合式教学线上学生自主学生、谈论测试，线下教师指导实践、答疑解惑异曲同工，教学环节环环相扣，实现了教师与学生，线上与线下无缝链接。因此，将BOPPPS教学模型应用于混合式“金课”教学是行之可效的。

四、教学案例——《网页设计与制作》课程“表单”教学单元的教学改革与实践

《网页设计与制作》课程是一门面向实际工作应用的课程，理论性和实践性都很强的，本课程主要讲授Adobe公司的网页编辑软件Dreamweaver。线上学生自主学习的侧重点是的该软件的基本操作方法和制作技巧，能够熟悉软件功能。线下教师选择在各个设计领域的典型应用案例进行的全面分析和详细讲解，使学生更加贴近实际工作，艺术创意思维更加开阔，为后续课程的深入学习和工作岗位网页设计能力奠定基础。将BOPPPS教学模型融入线上线下混合式教学中，通过对课程的教学设计、改革实践，以期达到良好的教学效果，实现两性一度的“金课”的教学标准。

（一）研究对象

本课程以哈尔滨科学技术职业学院计算机网络技术专业2019级（123名）和软件技术2019级（70名），共193名学生为研究对象，在传统教学和基于BOPPPS教学模型混合式教学两个方向进行教学改革，采用二元多维度的评价方法，并跟踪进行教学效果评价，用问卷调查统计分析法进行教学效果评估。

（二）基于BOPPPS教学模型混合式“金课”教学设计

以软件技术2019級70名学生为授课对象，基于BOPPPS教学模型，选择本课程“表单”教学单元进行重构和教学设计。利用超星学习通平台，将BOPPPS教学模型的6个教学环节与课前、课中、课后进行整合，以期达到线上线下有机衔接，实现学生为主体，教师为主导的良好教学效果。课前阶段包括导入（B）、目标（O）和前测（P）三个环节，课中阶段包括参与式学习（P）、后测（P）和总结（S）三个环节，课后阶段包括后测（P）和总结（S）两个环节，课中和课后的教学环节出现交叉，课中主要是教师完成测试和总结，判断预期教学目标是否达到，课后主要是学生完成测试和总结，判断学习目标是否达到。

（1）课前阶段：线上自学。借助学习通平台进行教学资源、教学形式、教学过程设计，例如：观看视频、测试、分组任务、问卷、讨论、发布任务等教学活动。

导入（B）：首先教师学习通在讨论模块，发布讨论题：表单实现网页与用户交互的功能都有什么？（答：网上投票、网站注册等功能），并将制作好的“用户登录界面”案例发布到学习通上，引起学生的兴趣和求知欲。同时，观看教学案例视频。

目标（O）：通过思维导图展示量化目标，明确告诉学生本教学单元的学习目标，掌握的相关内容及达到的程度。图1：表单的学习目标。

前测（P）：根据本教学单元教学内容，提炼知识点，进行课前测试，题量控制在5道以内，测试时间不宜过长，减轻学生的压力，避免影响学习的学习兴趣。教师通过学生观看视频和答题情况，了解学生自学情况，根据易错点和疑难点，教师及时调整教学方案，便于在课堂教学中有的放矢。

（2）课中阶段：线下教学。本阶段在线下课堂完成，采用“课堂案例示范+软件功能学习+课堂案例演练+课后习题提升+综合应用项目实例”的“五结合一融合”形式进行设计，坚持“示范、演练、训练、拓展、实战”五位一体的原则。教师通过分组任务法，调动学生的参与度和团结合作，并立即获得成就感，从而到达预期的教学效果。

参与式学习（P）： 首先，教师对学生在线上自学阶段遇到的疑难点一一进行分析讲解，并理清本案例“用户登录界面”的制作步骤，引导学生参与学习。

后测（P）： 布置课堂分组任务——制作“人力资源网”，马上学以致用，强化对制作方法和应用技巧的理解和应用，巩固学习成果。

总结（S）：教师提炼归纳本教学单元的教学重难点。

（3）课后阶段：线下+线上练习。后测（P）： 布置课后拓展任务——制作“美食在线网页”和“智能扫地机器人网页”，计算机软件学习，无他，只有练习，再练习，孰能生巧。

总结（S）：发布在线测试，促进学生进行反思，进行主动思考，归纳出利用“表单”如何使网页的交互性越来越强。同时，也是对教师教学方法的检验，以学促教。

（三）二元多维度的评价方法

混合式“金课”教学评价方法应该从线上+线下两个层面进行评价，两者结合才能客观评价学生的成绩。利用学习通SPOC线上平台具有的过程性和形成性评价的特点，从视频、课题互动、分组任务等多个维度的教学活动进行权重量化分析，使学习活动留有痕迹，有迹可循，引起学生对平时教学活动的重视，成绩是一点点积累起来的，并不是一个考试决定的。同时，也要把线下课堂教学学生的表现，教师给出一个终结性评价。

（四）问卷调查分析法进行教学效果评估

在2019级软件技术专业《网页设计与制作》课程实施基于BOPPPS教学模型的混合式教学模式之后，进行70名学生不记名问卷调查，共发放、回收、有效问卷都是70份，有效率达100%。调查结果显示：BOPPPS教学模型的导入、目标、前测、参与式学习、后测、总结环节的教学设计都得到了学生的一致认可[4]，认可范围为64.6%～91.2%，平均认可率为76.5%，不认可率为0～1.3%;对线上+线下、课前+课中+课后，划分明确的教学设计，有89.7%的学生认为更能提高学习效率和自我成就感，对这门课程的混合式教育模式非常满意;有85.6%的学生表示还愿意继续用经过设计的混合式课程学习。

混合式教学模式已经成为高职院校教学的共识，发挥传统课堂面授教学和网络平台教学的优势，建设具有两性一度的金课，体现出课程的高阶性、创造性和挑战度，是目前高职院校面临提质培优、高质量发展的新课题。基于BOPPPS教学模型的混合式“金课”教学要突出学生全过程、全方位参与式学习，突出主人翁意识，时刻关注学生的教学活动，及时调整教学方案，使学生获得成就感，激发学生和课堂的活力，提高教学效果。

参考文献：

[1]苏文俊.高职院校综合英语混合式教学应用研究——以丽江师范高等专科学校为例[J].现代职业教育，2020（28）：12-13.

[2]张晓燕，张万红，王志峰，马娜.多元化生源结构下高职院校“五大金课”建设策略研究[J].职业技术教育，2020，41（20）：50-54.

[3]李淑民，韦榕飒，廖金莲，卢佳美，潘冬梅，姚璎芝.BOPPPS教学模式联合微课在放疗科临床护理教学中的应用效果[J].中国临床护理，2020，12（01）：47-49+52.

[4]祝香芝.BOPPPS教学模型在《生物化学》教学的应用[J].当代教研论丛，2019（10）：12-13.

课题项目：黑龙江省教育科学规划重点课题——基于BOPPPS模型的高职线上线下混合式“金课”教学改革与实践研究（课题编号：ZJB1421218）

作者简介：马立丽（1977—  ），女，汉族，黑龙江哈尔滨人，本科，副教授，计算机网络技术专业带头人，研究方向：计算机科学与技术。