BOPPPS教学模型下基于超星学习通在线学习平台的混合式教学实践研究——以《HTML5 & CSS3》网页设计课程为例

(武汉职业技术学院，湖北武汉 430074)

“互联网+教育”时代的兴起，改变了高校传统教育理念、教育方式和教学模式。BOPPPS教学模型、混合式教学模式等一系列新兴教学模式的兴起，为改革传统课堂，实现以学生为中心的教与学，提升课堂教学效果，带来了新的设计思路。

《HTML5 & CSS3》网页设计课是高职院校电子商务专业、移动商务专业的专业基础课，同时也是一门实践性、应用性很强的课程。该课程内容抽象、难懂，知识面广、操作性强，需要学生细致地分析和系统的学习。与其他程序设计课程类似，《HTML5 & CSS3》课程教学一般采用的是“讲、演、练”相结合的教学模式，即教师课上先讲一遍，再演一遍，学生最后练一遍。基于多年的教学经验，笔者发现在《HTML5 & CSS3》课程的教学过程中，普遍存在以下五个问题：一是教学效率低下，老师在课堂上先讲再演、学生后练耗时过长，浪费了有限的课堂时间；二是传统课堂枯燥乏味，难以吸引学生的注意力；三是教师对学生学习过程未知，对学生是否认真听讲无法掌控。四是班级人数较多，教师无法兼顾每位学生的学习情况，忽略了个体差异，很难满足学生的个性化学习需求。五是学生压力较大，难以在有限课堂时间内高质量地完成学习任务。

针对上述问题，笔者积极探寻相应的教学改革措施，尝试基于BOPPPS教学模型，利用“超星学习通”在线学习平台进行线上线下相结合的混合式教学实践，探索如何充分利用移动互联网环境下混合式教学模式促进高职《HTML5 & CSS3》课程的教学，期望能为同类课程的教学创新提供一定借鉴和参考。

1 BOPPPS教学模型及其内涵

BOPPPS教学模型是基于大卫·库伯(David Kolb)于1984年提出的体验式学习模型而构建的一种教学模型[1]。该模型将教学过程分为导入(Bridge-in)、目标(Objective)、前测(Pre-test)、参与式学习(Participatory Learning)、后测(Post-test)和总结(Summary)6个阶段。BOPPPS即为上述每个阶段英文单词的首字母缩写。在导入阶段，教师主要以激发学生学习兴趣的方式导入拟开展的学习任务。在目标讲解阶段，教师结合学生学情和教学内容，提出通过学习任务拟达到的可测的学习目标，让学生在学习开始之前就能够清晰理解要达到的学习目标，做到有的放矢。前测阶段是教师对学生已有的与新任务学习有关的知识测试，目的是帮助教师更好地掌握学生的已有知识水平，从而制定相应的教学策略。参与式学习阶段是BOPPPS教学模型最核心的阶段。在该阶段，教师通过合理设计教学活动，以学生为中心，通过各类学生深度参与式活动，引导学生掌握相关知识和技能。后测阶段的主要目的是帮助教师了解学生的学习目标是否达成，并基于测试结果对学生进行个性化指导。在总结阶段，教师与学生一起回顾反思学习过程和掌握的知识与技能，并由教师布置课后拓展任务，帮助学生巩固所学知识，并为下一次课的学习做好准备。BOPPPS教学模型最核心的理念是师生互动、生生互动的小组合作学习理念，即通过创造以学生为中心的学习换将，引导学生在互动、交流、参与、评价等各类角色扮演过程中，深度掌握所需知识。BOPPPS教学模型因其较强的实践操作性，被广泛应用于各类课程教学过程，且取得了良好的学习效果。

2 超星学习通在线学习平台

“超星学习通”是超星公司基于移动学习打造的一款改革传统课堂教学的移动端在线学习平台。该平台的教学功能主要包含如下6大模块(详见图1)：一是手机上课，教师可以将手机屏幕投影，以手机为媒介开展课堂教学，大大提高了教学的灵活性；二是师生互动，师生之间可以开展形式多样的互动交流活动，如签到、选人、抢答、投票、问卷、通知、直播等；三是小组合作，基于分组功能，学生不仅利用手机开展线上头脑风暴，而且有还可以开展各类团队分组任务；四是学情统计，即教师可以记录学生学习的全过程，包含各类学习任务完成情况、微课视频观看情况、课堂讨论活动参与情况、到课情况、作业和测试完成情况等，从而实现对学生的过程性评价，并依据评价结果对学生进行差异化辅导；五是学生评价，不仅可以实现教师对学生的评价，而且还可以实现学生对学生、学生对教师的评价，且学生评价手段丰富多样，如作业、测试、考试等；六是成绩统计，包含线上成绩和线下成绩的统计，可以让学生随时查看已经取得的课程成绩，实现课程成绩的动态管理，有效激发学生的学习热情。基于上述师生互动、生生互动功能模块，在“超星学习通”平台上，教师不仅可以创建课程，管理学生班级，而且还可以轻松实现以学生为中心的教学，不仅增强了课堂的趣味性，有效解决了学生上课玩手机的问题，而且还能激发了学生的自主学习能力、提高学生的学习效果和课堂教学效率。刘立云等人(2017)、罗玉恒和周健(2019)、卫兵等人(2019)基于超星学习通在线学习平台分别开展的“GIS空间分析课程教学模式”、“C程序设计混合式教学模式”、“计算机程序设计类课程教学模式”等教学实践研究结果均表明教师可以有效利用超星学习通在线学习平台实施下上线下混合的教学模式[2-4]。

图1 超星学习通在线学习平台功能模块

3 混合式教学模式的内涵

混合式教学(B‐learning)，即“Blended Learning”或“Blending Learning”，把传统的面对面教师授课与在线网络学习进行有效融合，学生一部分时间接受教师的面对面授课，一部分时间进行在线学习，而且学生可以自主选择在线学习的时间、地点路径或进度[5]。混合式教学模式最早应用于企业培训领域，后来被广泛应用于教育领域。美国培训与发展协会的培训师 Harvey Singh 和 S. Gaither Reed认为混合式学习是为了实现教学最优化，采用“合适的”的学习技术、配合“适合的”个人学习风格，在“适当的”时间转换成“正确的”技能给“适合的”人[6]。北京师范大学何克抗教授认为Blended Learning 是把传统面对面学习模式的优势和在线学习的优势有机结合，既要发挥教师引导、监控教学过程的主导作用，又要体现学生的主动性、积极性与创造性[3]。混合式教学改变了传统的课堂教学模式，在传统的“课堂知识讲授+课外复习巩固”的教学模式中融入了互联网信息技术，将面对面授课模式与在线学习有机结合，实现优势互补，从而达到学习效果的最优化。混合式教学还改变了传统的“以教师为中心”的填鸭式教学模式，转变为“以学生为中心、教师为辅助”的教学模式，它不仅仅是学习形式的统一和融合，更是学习理论、学习媒体、学习评价、学习策略和学习环境等的混合。

4 BOPPPS教学模型下基于超星学习通在线学习平台的混合式教学模式

《HTML5 & CSS3》网页设计课程是高职院校电子商务专业和移动商务专业的专业核心课程。因此，笔者选取武汉职业技术学院商学院电子商务18301班、18302班和移动商务18301班3个班级的学生(共计86人)作为此次研究对象，以BOPPPS教学模型贯通教学过程，依托超星学习通在线学习平台，展开为期一个学期的《HTML5 & CSS3》网页设计课程线上线下混合式教学实验。该课程每周1次课，每次4学时，共计16周64学时。在深入分析学情和《HTML5 & CSS3》网页设计课程内容特点的基础上，根据前期储备的教学经验和教学知识，设计了如下BOPPPS模型下基于超星学习通在线学习平台的混合式教学模式(见图2)，并应用于教学实践中。

图2 BOPPPS教学模型下基于超星学习通在线学习平台的混合式教学模式

在上述混合式教学模式下，每次教学活动被分为课前、课中、课后三个循序渐进的阶段阶段。其中课前包含导入、目标和前测3个BOPPPS阶段，课中包含参与式学习、后测和总结3个BOPPPS阶段，课后主要是BOPPPS总结阶段(总结贯穿课中和课后2个阶段)。学生的线上线下混合学习活动贯穿课前、课中、课后始终，学习难度不断提升，逐步实现知识与技能的传递、内化、固化和拓展。课前，学生根据要求参与自主学习，完成基础网页制作任务，实现知识技能的传递；课中，学生在教师的引导下完成各类小组参与式活动，完成进阶网页制作任务，实现知识技能的内化；课后，学生完成巩固练习和拓展任务，实现知识技能的固化与拓展。

在课前自主学习阶段，教师在超星学习通上发布学习任务。学生根据要求，在线完成课前自学、讨论和前测，并在线下完成基础网页制作任务。教师在此阶段的作用是：为学生提供个性化的线上和线下指导，并依据任务完成情况和测试结果，确定教学重难点。

在课中参与式学习阶段，教师通过一系列小组活动，引导学生攻克教学重难点。具体而言，学生在教师的引导下依次完成比较、分析、修改、展示和实操五项分组学习活动。其中，“比较”是指学生分组比较个人在课前完成的网页作品，发现彼此的异同点。之后，学生分组“分析”教师给定的网页案例，对比自己的作品，并在教师的引导下合作整理所有知识点。随后，学生“修改”课前网页作品，并在分组“展示”后，完成网页制作进阶“实操”任务，由教师和学生进行在线评价。最后，学生在线完成知识点后测，并在教师的引导下进行回顾、反思与总结。教师在课中的主要作用是：依据超星学习通提供的线上线下互动工具，设计合理的参与式教学活动，引导学生分组体验学习，并从旁给与个性指导，帮助学生实现知识与技能的内化和外化。

课后，学生完成基于教师评价和生生互评的巩固练习和拓展学习任务，提高自己网页设计创新能力。教师依据学生任务完成情况，给与个性化指导，帮助学生实现知识技能的固化和升华。

5 教学效率和效果、评价

5.1 教学效率和效果

笔者为2017级电商17301和17302班共计87名学生讲授《HTML5 & CSS3》网页设计课程时，采用的是传统的“讲、演、练”相结合的教学模式，而在为2018级电商18301和18302，以及移商18301班采用的是BOPPPS教学模型下基于超星学习通在线学习平台的混合式教学模式。前后2次教学，教师、教材和学时均相同，学生的知识基础、年龄结构和人数也基本持平。

在教学效率方面，同样在64课时内，2017级学生仅完成了8个单元的教学，而2018级学生却完成了全部12个单元的教学。针对2018级学生，学生学习结果的评价采用系统评价、教师评价和学生互评的多元评价方式，有效实现了对学生学习全过程的过程性评价。具体评价指标见图3。通过对比2017级和2018级学生最终成绩，可以发现基于超星学习通在线学习平台的混合式教学模式取得的教学效果要远优于传统教学模式。具体成绩分布见图4至图7(数据来源于武汉职业技术学院教务管理系统)。通过对比2次的教学结果，无论是教学效率，还是学生的学校结果都有了质的提升。

图3 《HTML5 & CSS3》网页设计课程学生评价指标

图4 基于传统“讲、演、练”教学模式的电商17301和17302班学生成绩分布

图5 基于混合式教学模式的移商18301班学生成绩分布

图6 基于混合式教学模式的电商18301班学生成绩分布

图7 基于混合式教学模式的电商18302班学生成绩分布

5.2 教学评价

课程结束后，笔者通过网上问卷和访谈的形式，收集了全部86名学生对“BOPPPS教学模型下基于超星学习通在线学习平台的混合式教学模式”的反馈意见。此次调查包括7个单选题，2个多选题和2个主观题，分别调查学生对上述教学模式的评价、学生的自主学习习惯，以及对教师的满意度。

5.2.1学生对基于超星学习通在线学习平台的混合式教学模式的评价

调查显示，80.2%的学生在课程开始之前并不了解混合式教学模式，但通过一个学期的教学实践，64%的学生表示喜欢混合式教学模式，84.9%的学生认为混合式教学模式有效促进了课程的学习，其中65.1%的学生认为有利于专业知识和技能的学习，58.1%的学生认为提高了上课注意力和学习效率，51.2%的学生认为激发了学习兴趣，38.3%的学生认为增强了师生互动和时间管理能力。86%的学生希望在以后的学习中继续采用基于超星学习通在线学习平台的混合式学习模式。

表1 学生对基于超星学习通在线学习平台的混合式教学模式的评价

序号调查内容选项学生数量百分比1你在本学期前是否了解混合式教学?了解1719.8%不了解6980.2%2你是否喜欢混合式教学?喜欢5564%一般1517.4%不喜欢1618.6%3采用混合式教学对课程学习是否有帮助?有帮助7384.9%一般910.5%无帮助44.6%4你通过混合式教学得到了什么?提升专业知识和技能5665.1%提高上课注意力5058.1%提高学习效率5058.1%激发学习兴趣4451.2%提高时间管理能力3338.3%增强师生互动3338.3%无收获005你愿意以后继续采用混合式教学模式吗?愿意7486%一般89.3%不愿意44.7%

5.2.2学生自主学习习惯的调查

学生每天在超星学习通上在线学习数据显示，62.8%的学生能保证每周至少1次的线上学习频率，这与课程每周一次的频率相当，但仅有32.6%的学生能保证每周若干次的线上学习频率。可见，通过混合式教学模式，学生基本养成了在线自主学习的习惯，但学习频率还有待进一步提升。当学生线上碰到学习难题时，调查显示71%的学生会自己想办法解决，或网上查询或咨询老师或同学。这表明大部分学生对待学习困难有积极主动的学习态度，愿意正视问题并解决问题。

表2 学生自主学习习惯的调查

5.2.3学生对教师的评价

调查显示，通过实施BOPPPS教学模型下基于超星学习通在线学习平台的混合式教学模式，88.4%的学生对教师较为满意，其中75.6%的学生表示喜欢教师的教学方法，66.3%的学生表示喜欢教师提供的学习资源，58.1%的学生表示喜欢教师的互动方式。可见，教师在此次混合式教学模式中得到了学生的认可和喜爱。

6 结论与思考

通过以上教学效果对比验证，笔者发现基于超星学习通在线学习平台的混合式教学模式改变了传统的“讲、演、练”的课堂模式，实现了线上线下的有机融合，为《HTML5 & CSS3》网页设计课程的教学带来了极大的便利，也提高了教学效率、质量和效果。一方面，学生有效利用了碎片化时间实现随时随地学习，与师生的互动得到加强，学习效率、学习兴趣和学习效果均得到提升，也获得了良好的学习体验。另一方面，教师提升了教学效率和教学效果，做到了对学生学习过程的跟踪与动态分析，能全面了解每个学生的学习轨迹和学习效果，从而进行更有针对性的辅导和更灵活的教学。但笔者在实践中也发现，该模式存在如下不足之处，需进一步探索和完善。

第一，本课程采取小组合作的方式组织教学，但在实施过程中发现存在小组分工不明确、小组结构不合理、部分学生“搭便车”、合作意识差、小组评价机制不健全等问题。针对这一问题，教师需建立完善的考核方式、评价方式和激励机制，督促每位学生真正参与进来，切实提高小组合作的有效性。

第二，部分学生的自主学习习惯不好，对课程有畏难情绪，不愿意配合教师完成课前学习任务，从而导致跟不上后续课程，学习压力很大。针对此问题，建议教师建立长效的自主学习监督机制，例如设置平台定时提醒、定期测验等方式，引导学生养成良好的主动学习习惯，加强情感交流，优化师生互动方式，激发学生学习兴趣等。

第三，本研究只实施了一个学期，实施周期较短，实施效果还待进一步验证。如何确保超星学习通在线学习平台在该教学模式下得到充分利用，还需更多的教学实践来验证。