基于BOPPPS的线上线下混合教学模式应用探究

关键词：混合式教学；BOPPPS；超星学习通；教学阶段；移动应用开发

中图分类号：G642 文献标识码：A

文章编号：1009-3044（2024）25-0143-04

0 引言

移动端跨平台开发技术是学院移动应用开发专业第四学期的核心课程，旨在培养学生掌握 Uniapp 平台的多项技能，如快速构建安卓 Android、苹果 iOS 应用、H5 网页应用、各类小程序以及快应用等。然而，由于该课程的专业知识覆盖面广、难度较大，对于前序课程基础较弱的学生来说，学习挑战更为明显。

为了降低学习难度、提高教学效果，2021 级移动应用开发专业班级的教学团队引入了 BOPPPS 线上线下混合教学模式。通过精心设计和实践应用，该模式展现出独特的魅力和优势，不仅激发了学生的学习兴趣，还显著增强了他们的学习动力。经过师生共同努力和探索，取得了良好的教学效果，为培养高素质的移动应用开发人才奠定了基础。此教学模式的成功实践，为学院的教学改革提供了新思路和方向，也为其他专业课程的教学创新提供了有益的参考。

1 BOPPPS 教学模型与混合式教学

1.1 BOPPPS教学模型

1978年，加拿大的 Douglas Kerr 教授首次提出了BOPPPS 教学模式[1]。BOPPPS 教学模式以其坚实的建构主义和交际法理论基石，以及精妙的教学设计，受到了广泛赞誉。它特别强调学生的积极参与和实时的学情反馈，从而确保教学的有效性和高效性[2]。如今，BOPPPS 教学模式已被全球许多国家和上百所大学及教育培训机构所采用，众多基于该模式的成功案例充分证明了它在提高教学效果方面的出色表现，同时也极大地促进了学生在课堂学习中的积极参与[3-5]。BOPPPS 教学模式将教学过程分为6个相互关联的环节：导入（Bridge-in） 、目标（Objective） 、前测（Pre-assessment） 、参与式教学（Participatory Learning） 、后测（Post-assessment） 和总结（Summary） [6]。这6个环节相互衔接，共同构成了一个完整高效的教学流程，为教师和学生提供了明确有序的教学和学习途径。

1.2 混合式教学

随着“互联网+”信息时代的迅猛发展，传统教育模式受到了前所未有的挑战，高校的教学理念和方式也在这股浪潮中逐渐转变。2017 年，教育部在《教育信息化工作要点》中明确提出，要“推动线上线下相结合的混合式学习模式广泛应用”。这一指导思想为教育模式的未来发展指明了方向，预示着混合式教学将成为教育改革的重要方向[7]。2020 年，新冠疫情来袭，全国高校响应“停课不停学”的号召，迅速广泛地开展了线上教学活动。在这一特殊时期，教师们不断探索和积累网络教学经验，这些宝贵的实践不仅保证了教学的连续性，也为后疫情时代线上线下混合式教学模式的进一步深化和拓展奠定了坚实基础。混合式教学模式巧妙地结合了传统线下课堂和线上网络教学的优势，实现了互补[8-9]。在这一模式下，教师扮演着设计者与引路人的角色，而学生则在此过程中不断提升自主学习的能力，释放出创造性的学习火花，共同推动教学质量的跃升。然而，如何使线上线下教学真正融为一体，如何在教师的巧妙引导下实现以学生为中心的多维度互动，以达到教学效果的最佳化，这仍是新时代高校教师孜孜不倦探索的课题。

2 课程教学内容重构

为实现教学目标，教学团队对课程内容进行了重构和创新。紧紧围绕“Web 全栈开发工程师”的最新岗位需求，深度对接腾讯的“Web 全栈开发职业技能等级标准”以及全国职业院校技能大赛“移动应用开发”赛项的具体细则。以培养学生的实践能力为核心，团队精心制定了岗课赛证一体化的全新课程标准。在与企业导师的密切配合下，教学团队重新规划了项目化的教学内容，确保与实际工作场景完美对接。基于 Web 前端项目开发的实际工作流程，团队采用了“项目导向、任务驱动”的先进教学方法。课程内容精心划分为“规范布局”“友好交互”“跨平台测试”三大教学模块，并通过4个项目和6个任务，让学生轻松掌握 Uniapp跨终端开发的要点。课程内容详见表 1。

表1详细呈现了课程内容的结构。在移动端跨平台开发技术课程中，学生从页面规范开始学习，通过实际项目操作，逐渐深入掌握页面交互和跨平台适配等高级技能。每个项目和任务都巧妙地融入了思政教育元素，例如国产编码语言及工具的运用、图片知识产权法律法规的遵守等，让学生在学习技术的同时，也提高了自身的职业素养和社会责任感。

3 BOPPPS教学模型的混合式教学案例应用

为了有效提升教学效果，教学团队依托“超星学习通”教学平台，实现线上线下混合式教学，并将BOPPPS 教学法巧妙融入其中。本文以项目二中的“任务 1 搭建及美化‘我的长沙’首页和个人信息页——搭建及美化应用服务入口宫格”为例，组织开展基于 BOPPPS 的线上线下混合教学模式，教学实施过程如图1所示。

3.1 教学组织与实施

课程精心划分为课前启学、课中导学和课后拓学三个紧密相连的教学阶段。在课前启学阶段，教学团队前置了导入（Bridge-in） 、目标（Objective） 和前测（Pre-assessment） 3个关键环节。通过“超星学习通”平台，向学生发放预习任务和学习目标，要求他们完成相关知识的预习，并完成课前的相关测验。这样可以根据学生的测验结果及时调整教学计划，明确教学中的难点。

3.1.1 课前启学

1） 导入（Bridge-in）

教师通过“超星学习通”教学平台，提前向学生发送预习任务清单。

任务1：观看“我的长沙”视频，并思考如何为长沙的快速发展贡献力量。

任务2：学习“超星学习通”平台中“组件”章节——view容器和image组件的内容。

2） 目标（Objective）

教师通过“超星学习通”平台向学生发布本节课的教学目标。这些目标包括提高学生的知识产权意识，培养他们的沟通表达能力和团队协作开发能力。在知识目标方面，学生需要掌握 view 容器和 image 组件的标签及属性用法，以及 Uniapp 中的尺寸单位用法。在能力目标上，学生应能使用 view 容器进行页面布局，使用 image 组件进行图片布局，并使用 rpx 单位进行界面样式的美化。

3） 前测（Pre-assessment）

教师通过“超星学习通”平台发送课前摸底测验，要求学生学习完“组件”章节后完成小节知识测验，并将有疑问的知识点上传到“超星学习通”在线答疑区。教师则通过学生课前任务的完成情况和测验情况，了解学情，为教学活动的开展做准备。

3.1.2 课中导学

在课中导学阶段，教师采用任务驱动的方式，通过测验点评、知识讲授、分组讨论、案例分析等多种参与式教学方法，引导学生积极参与教学活动，完成课中教学任务。

1） 参与式教学（Participatory Learning）

课前测验点评：教师点评学生课前任务完成情况，挑选出课前测验中错误率较高的题目进行讲解，确保学生能够完全理解并掌握。

知识讲授：教师运用演示教学法，系统地梳理了view、image组件和尺寸单位的基础应用。为了进一步巩固学生的理解，教师运用多图对比的方式，清晰阐述了不同mode属性设置对image组件的影响。同时，结合长沙风景图片的实例，以抢答计分的形式激发学生思考，引导他们探讨并确定应使用的属性。

任务实现：在任务实现阶段，教师首先引导学生仔细阅读“任务1 搭建及美化‘我的长沙’首页和个人信息页——搭建及美化应用服务入口宫格”的任务说明书，并特别强调，所有素材中的图片均来源于第三方，必须尊重版权方的权益，严禁用于商业用途。同时，鼓励学生开源自己的代码，以培养开放共享的习惯。接着，教师组织学生进行小组讨论，明确任务实施的步骤和分工。学生在小组内展开合作开发，而教师在讨论过程中则与学生互动，提供必要的指导和建议。

分组任务汇报：完成分组任务后，教师要求学生以小组为单位，汇报任务的完成情况，并详细阐述在任务执行过程中遇到的问题及解决方案。

教师任务点评：最后，教师对学生的任务完成情况进行全面的评价，并对学生在各个环节的表现进行点评和总结。这不仅帮助学生梳理和巩固所学知识，还强调了编码过程中遵循编码规范的重要性，以培养学生的良好编码习惯。

3.1.3 课后拓学

课后通过作业、测验巩固知识，拓展任务强化技能，技术分享促进交流，实现知识多向传递，有效延伸课堂，多方位加强学习效果。

1） 后测（Post-assessment）

为巩固学生学习效果，教师进行课后任务布置，包括课后测验布置、预习任务布置和实训平台拓展任务布置三个模块。课后测验需要学生继续优化完成课中项目，同时完成“超星学习通”平台“组件”章节的课后测验。预习任务需要学生预习“超星学习通”平台“组件”章节其他组件。拓展任务包括使用view组件和im⁃age组件完成微信朋友圈发现页的页面布局及美化，使用CSDN平台撰写技术博客分享开发经验和心得。

2） 总结（Summary）

在本节课结束后，教师对学生在本次课中完成的所有任务进行汇总与提炼。随后，将这些汇总的成果交给企业导师进行专业指导和深度点评，并将企业导师点评结果上传“超星学习通”平台，供学生下载和学习。这一环节有助于学生更全面地掌握课程知识，提升实际应用能力。

3.2 考核评价

教学团队为本门课程精心构建了一套严谨而全面的“学”与“做”双维评价框架，该体系巧妙融合了多元评价主体，涵盖了教师评价、企业导师评价和学生间的互评机制，以确保评价的多元化视角和最大程度的客观公正性。

1） 在“学”的评价维度内，教学团队着重对学生的前置学习准备、课堂出勤状况以及课堂参与互动等行为表现进行精细评估。教师对以上三个方面进行全面监督和评价，同时引入学生互评机制，使得学生之间可以对各自的课堂表现进行公正评判，此举旨在增进学生间的互动学习与共同成长。

2） 针对“做”的实践性评价，教学团队细分了四大评价板块：课中实时测验、课堂实践项目操作、课后实训平台延伸任务以及日常作业完成情况。在整个实践教学过程中，教师全程参与并主导各项评价活动，同时，学生通过参与实践项目的自我评价和同伴互评，得以深化自我认知与团队协作。值得注意的是，教学团队特别邀请了业界经验丰富的企业导师参与学生项目评价环节，确保评价标准与实际工作需求紧密结合。

3） 在增值性评价方面，教学团队独具匠心地设立了多项激励措施，对在“Web全栈开发”领域获取相关认证资格的学生，或在“移动应用开发”技能竞赛、创新创业大赛中荣获奖项的学生给予额外加分奖励。此外，鼓励学生积极在CSDN等专业技术社区发表博文，分享他们的编程心得和技术见解，甚至对他们公开发布的开源代码和原创图文赋予增值评分，以此激励学生在课余时间主动拓宽学习领域，深化实践操作。这种增值评价体系不仅肯定了学生的额外付出与卓越成果，而且有力推动了学生的全面发展与综合素质提升。

4 结论

本研究将BOPPPS教学模型成功地融入移动端跨平台开发课程的线上线下混合式教学实践中，实证研究表明，该教学模式有效地改善了学生的学习成效，这一点在学生的学业成绩显著提升以及课后反馈的积极评价中得到了充分体现，从而有力证明了该教学模式在实际应用中的高效性和实用性特征。

在这一教学架构下，课堂的交互性和实效性得到了显著提升，进而显著增强了学生的课程参与热情和独立自主学习能力。整个教学进程中，学生们不仅系统性地掌握了移动端跨平台开发的全套理论知识体系，而且通过一系列精心设计的实践活动，得以锤炼实际技能，从而实现了学习成绩的显著跃升。

这一教学模式的成功实践案例，不仅为学院教育改革提供了新颖且具启示性的思路与实施方案，同时也为其他学科专业课程的教学创新实践提供了极具价值的参考样本与借鉴经验。伴随着持续不断的探索和完善，我们坚信，该教学模式将进一步助力学生的学习进步与全面发展，为培育更多高素质的行业精英发挥积极作用。