基于SPOC的混合式教学模式构建与研究

李利正

摘  要：在高等职业教育的人才培养过程中，如何构建有效课堂教学？文章结合SPOC课程的特点和高职教学改革实际需求，探究信息化教学如何与传统课堂有效融合，基于BOPPPS模型进行了学习者特征分析、教学设计，在超星泛雅网络教学平台设计了《网页制作技术》SPOC课程，实施了混合式教学模式，通过一个学期的教学实践，利用平台统计功能分析了学生学习行为轨迹，并做了标准化测试。结果表明，基于SPOC的混合式教学效果良好，能实现课堂效率最大化。

关键词：混合式教学;BOPPPS;教学有效性;教学设计

中图分类号：G434       文献标志码：B         文章编号：1673-8454（2019）10-0071-04

教育信息化普及以来，MOOC、SPOC、翻转课堂、混合式教学等教学手段与模式成为教育界研究与实践的热点。MOOC从2012年进入中国以来，北京大学、清华大学、香港大学等都建立了自己的MOOC平台[1]，在带来便利、开放、丰富课程的同时，也暴露了一些缺点，比如MOOC生源数量庞大、师生时空分离等特性，带来交流答疑、学习过程监督等学习过程缺失，造成个性化学习的忽视、中途退课率的飙升等结果。于是，教育研究者们思考，MOOC能否与传统课堂结合起来共同发生效用，由此依托现代网络技术的混合式学习形式应运而生。SPOC（Small Private Online Course，小规模限制性在线课程），是只对少数真实在校注册的学生实施的课程教育[2]，与MOOC相比，其主要特点是人数少、校本化，除了在线视频和习题等，还可以有其他辅助的线上或线下课堂、答疑[3]。

本文基于BOPPPS模型框架，以《网页制作技术》课程为例，在研究分析学习者特征的基础上，在超星泛雅网络教学平台设计了《网页制作技术》SPOC课程，实施了混合式教学模式。实践结果表明，这种混合式教学模式能使教师更了解学情，及时反馈、及时调整，使教师更关注学生对知识的理解和内化，从而实现课堂效率最大化。

一、基于超星泛雅网络教学平台的SPOC课程体系构建

1.SPOC平台介绍

本研究采用超星泛雅在线开放教学云平台建设SPOC课程，该平台是集课程建设、资源管理、教学互动、作业测试、教学评价、教学分析统计于一体的网络教学平台。平台可查看学生完成学习进度和轨迹，能够实现个性化的高效教学管理模式，是对传统教学模式的重大变革，能突破传统 “面授”教学局限，为学生提供跨时间、跨地域的互动交流平台[4]。超星泛雅网络教学平台支持SPOC课程建设，其带有的学习空间、教学互动平台、教学管理评估等模块能为师生提供便捷服务。

2.课程设计与开发

《网页制作技术》课程是本院计算机应用技术专业人才培养体系中承上启下的核心课程。经过对长江三角洲地区相关互联网企业、网络科技公司的调研，对网站开发类就业岗位群及相关工作任务、职业能力进行分析，确定教学目标为：熟练使用Sublime等开发工具;熟悉网页设计制作流程;掌握网页设计的基本概念;精通HTML5、CSS3知识与技巧;学会使用HTML、CSS及以JavaScript等知识设计与制作网页;具备网站的建立和维护能力。

遵循“实用够用”原则，以网站开发过程为学习线，通过对大量的Web项目分析后，分别从企事业网站、专题类网站、社交类网站、电子商务网站等项目中，由行业专家和课程组教师共同选择具有代表性的应用项目，以校企合作项目“种草电子商务网站”为载体设计学习情境。基于网站开发流程，我们把“种草电子商务网站”项目拆分成需求分析、网站设计、前后台页面设计与制作、网站测试部署、网站验收与维护五个情境，考虑到购物车设计原理相对复杂，独立一个模块。具体设计如图1所示。

经过课程组反复讨论，为巩固学生所学，将“种草电子商务网站”设计两种开发版本项目作为教学内容，一主一辅，侧重于综合职业能力与职业素养的培养，将设计理念、创作理念与知识进行整合，根据高职学生特点，形成了本课程的教学项目。两个版本项目如图2所示。

結合高职院校部分学生学习动力不足、主动性不够的现状，很难开展预习的学习活动，课程组设计“种草电子商务网站”第一版为引导项目，以教授网页设计与制作基础知识为主，通过教师示范教学，学生边学边做的教学过程，使学生掌握传统的固定宽度布局网页的设计与制作。

“种草电子商务网站”第二版主要采用BOPPPS模型的混合教学模式，转变传统“以教为主”为“以学为主”。在学生已掌握HTML、CSS基本知识的基础上，拓展HTML5、CSS3等知识，网站布局为时下流行的响应式布局。教师课前在云平台上分享相关的视频、知识点等资料，并将理论测试题与实操任务嵌入课前预习资料中推送给学生，要求学生在试题时效前完成，积累“经验值”，在课堂上通过教师讲解、点评、学生互评、交流等方式，使学生理解原理，解决实践过程中出现的问题，达到掌握响应式网页制作的技术、技巧等，巩固提高知识、技能。

对于学有余力的学生可以吸收到工作室，进行拓展项目开发，包括技能竞赛的参与和企业项目的开发，由指导教师带领学生参与，要求学生完成需求分析、项目规划、设计与制作全过程，完成的项目由专家点评或用户评价验收，特别优秀的学生允许课程置换，提前进入下一阶段课程的学习。

二、教学实施

1.教学对象研究

学校的混合式教学模式从2016学年开始研究，于2016学年第二学期抽取计算机应用技术专业大一的两个班级作为研究对象，两个班在第一学期开设《HTML语言基础》课程，由同一个教师采用相同的教学方式教授相同的教学内容，经过一个学期学习，两个班级掌握HTML标签基本知识，对期末测试成绩应用SPSS中的T-检验分析判断出无显著性差异（P>=0.05）。

2016学年第二学期，两个班级根据人才培养方案开设《网页制作技术》课程，课程总课时为64，每周4课时，其中1班作为实验班，2班作为参考班。课程教学目标为学习HTML、CSS、JS等知识技能，应用HTML、CSS、JS知识设计符合标准的HTML结构、CSS网页布局、CSS图文表单样式、CSS网页设计兼容技巧、JS网页交互特效，掌握Web页面设计制作的全过程。两个班级的任课教师为同一人，在整个教学过程中保证两个班级在教学内容、教学进度、授课时数等方面保持一致，参考班采用传统教学模式，实验班采用SPOC混合教学模式，经过16周的教学实验后，期末对两个班级学生掌握理论知识与Web设计制作能力进行测验并统计分析，验证运用SPOC混合教学模式的教学效果[5]。

2.BOPPPS有效课堂模型设计

对于实验班在教学实践上采用线上（在线学习）、线下（课堂教学）相结合混合式教学方式。依托超星云平台，做好课程介绍、课程资源建设，组织好教学单元活动，布置好线上线下作业和在线答疑等模块，并且在网站上开放知识点短视频，学生可以通过超星泛雅平台或超星学习通App进行碎片化学习。在课堂教学部分，教师负责碎片化知识点的组装和整合，设计BOPPPS模型，完成教学和实训任务，并加以讨论和点评。

BOPPPS教学模型是根据学生专注力的持续时间，进行课堂教学设计，主要有6个教学环节：导入（Bridge in）、教学目标（Learning Objective）、前测（Pre-test）、参与式学习（Participatory Learning）、后测（Postassessment）和总结（Summary）[6]。下面，笔者以购物车页面为例进行介绍，表1所示明确了各个阶段的主要任务。

三、教学效果与分析

经过一个学期基于SPOC的混合式教学实践，课程组对两个班级的学习态度、平时作业和期末成绩进行对比分析。

学习态度分主要来源于学生平时学习积极性观察以及访谈调查，大部分学生表示网页设计与制作有一定难度，教师上课分析能听懂，也能跟着完成课堂项目，但当需要独立完成课前任务或者课后作业时，由于知识没有内化，知识迁移能力不够，无法独立完成分析与解题，参考班学生部分选择放弃、有些学生可能会抄袭同学作业，造成恶性循环;实验班学生会回看课程视频，争取达到了解设计原理。课程组教师从超星平台的统计功能版块能清晰地了解学生的学习轨迹，图3所示为统计学生访问学习页面的次数，学生集中访问时间一般为晚上，以10月10日为例，这天学生访问次数出现了峰值，主要原因是10月8日布置了作业，要求学生于10日前完成响应式布局练习，而与此练习相关的11.6分钟视频“百分比布局与弹性布局应用”亦达到点击率最高值，有些学生的观看反刍比超过200%，对于反刍比高的知识点说明学生认为有一定难度，确定该作业或练习需要在课堂上进行讲解，详见图4、图5。

评价环节贯穿了《网页制作技术》课程的全过程，形成性评价占60%，包括线上线下，由学生学习态度分、课堂表现分和课内课外作业组成。期末考试占40%，主要考核学生的网页设计与制作的综合应用能力，要求学生结合所学自拟主题分析需求，并设计一套完整的网站页面。

平时作业测验选取表单应用——登录网页设计与制作为例，主要考核学生表单标签及属性应用、表单验证、页面布局及美化等知识的掌握与应用能力，是网页设计与制作中非常重要的一项技能。由表2统计结果可以看出，页面布局及美化、表单验证方面存在显著性差异（P<0.05），说明采用混合式教学模式的实验组学生对知识的掌握更系统。

两个班级的期末成绩对比如表3所示，成绩分数段表明采用基于SPOC的混合式教学模式的教学效果优于传统模式，但是实验班有部分学生对课程兴趣低，活动参与度低，有个别学生视频平均学习进度只有9%，最终考核在60分以下。

经过一个学期的实践，基于SPOC的混合式教学模式的教学效果较传统的教学模式有一定程度的提升，学生对这种教学方式满意度较高，因此在2018学年开始全面推广，提倡计算机应用技术专业的专业课建设在线开放课程，采用混合式教学模式。但研究也发现，混合式教学也要把握一个度，比如针对高职学生自觉度低的特性，不能过度强调学生的主体作用;不能盲目追求视频视觉效果，而应将时间及重点偏向视频建设的效果與数量;更不能为了追求形式上的混合式教学，偏离了课堂教学的主线。

四、总结

本研究基于超星泛雅网络教学平台设计《网页制作技术》SPOC课程，采用BOPPPS模型设计有效课堂，以促进“以学生为中心”的教学改革，有效提高了课堂教学质量。但也存在一些不足，在后续的课程教学中将继续开展混合教学模式，并在实践中不断完善，践行在超星泛雅平台如何有效建设教学资源，加强教学活动设计以提高课堂教学效果，以期为高职院校建设和应用SPOC课程和混合式教学模式提供借鉴。

参考文献：

[1]卢潇，胡凡刚，刘永琪.翻转课堂蕴涵的学习理念摭论[J].现代教育技术，2016（12）：72-78.

[2]侯俊英，宋巧红，张彦航.“MOOC+SPOC+传统课堂”混合教学模式初探[J].工业和信息化教育，2017（1）：1-4+11.

[3]潘新祥.高校信息化发展之路——数据为王 服务至上[J].中国教育信息化，2016（13）：74-76.

[4]王燕燕.基于超星泛雅网络课程平台的高职《PLC及其应用》课程资源建设及教学实施[J].电子测试，2016（17）：102-103.

[5]卢桂兵.SPOC翻转课堂教学模式的构建与实验研究——以高校篮球专业课为例[J].兰州文理学院学报（自然科学版），2018（3）：122-128.

[6]董晓宇.BOPPPS模型框架下同伴互助教学法（PAL）的课程设计与评价[J].中国继续医学教育，2017（12）：20-21.

[7]郭丹.关于混合式学习存在的问题及改进策略[J].职教论坛，2012（35）：37-38+41.   （编辑：李晓萍）