优慕课在线教育综合平台的混合式教学研究与实践

瞿 霞

（福建林业职业技术学院 自动化工程系，福建 南平 353000）

随着2019年国家教育部“1+X Web前端开发”证书制度的启动，作为“1+X Web前端开发”人才培养标准中的一门重要课程，《HTML5与CSS3开发技术》的地位变得越来越重要[1]。该课程内容主要包括HTML基础及HTML5标签、CSS3应用、JavaScript基本语法与高级编程、项目模块化开发、各种复杂的交互与优化等知识和能力模块。涉及知识广泛、语法复杂、实践性强，需要教师反复讲解和学生不断实践才可掌握。对于此类程序设计课程，传统教学一般采用案例教学法进行教学，即教师先展示整个案例的实现效果，讲解其中需要用到的相关知识和语法，再由教师演示案例的编写与实现过程，最后再由学生按照教师的操作步骤进行实践训练，完成后提交作业或实训报告。这样组织课堂，明显存在以下5个方面的问题：①教学进度掌控难；②师生互动交流少；③学生存在差异性，难以按需辅导；④学生训练任务完成时间难以掌握；⑤学生思考时间少，难以激发学生学习兴趣[2]。

这些问题，使得改革传统课堂教学方式非常必要。基于优慕课在线教育综合平台开展混合式教学研究与实践，探索在“互联网+”环境下如何组织学生开展《HTML5与CSS3开发技术》课程线上、线下混合式教学，期望能对其他同类课程的教学改革提供一定的参考价值。

1 优慕课和混合式教学

1.1 优慕课

优慕课平台主要包括通用网络教学平台系统和移动学习端，通用网络教学平台系统支持混合式教学模式和翻转课堂教学模式，其核心功能模块包括课程建设、课程管理、课程学习、学习社区、学习分析等[3]。通用网络教学平台系统主要功能模块如图1所示。

图1 通用网络教学平台系统功能模块Fig.1 General network teaching platform system function module

优慕课移动学习系统基于泛在学习理念设计，包括课程中心、随堂教学、资源中心和个人中心等核心功能模块，系统实现了对各种电子产品随时、随地接入的支持，满足了学生碎片化学习的需要，在“互联网+”背景下为学生提供了良好的移动学习环境。其主要功能模块如图2所示。

图2 优慕课移动学习系统主要功能模块Fig.2 The main function modules of the mobile learning system in UMOOC

1.2 混合式教学的内涵

2000年，美国“教育技术白皮书”里对“E-learning”进行了阐述，此后，“E-Learning”就在企业培训中得到了广泛的应用。但“E-Learning”并没有取代传统课堂，相反，现在却被慢慢边缘化[4]。究其原因，“ELearning”的致命缺点在于缺乏面授课堂效果的氛围和良好的教学互动，只是一味的单向知识传授，为了弥补“E-Learning”这一缺点，面对面教学被引入进来，从而产生了混合式教学（Blended Learning）。应该说混合式教学不是一种全新的教学方法或理论，而是“ELearning”与传统教学不断碰撞和融合，在融合中又不断完善和补充的产物[5]。混合式教学集合了两种教学方法的优势，既可让教师在线上、线下教学过程中发挥导引和监督的主导作用，又可让学生自主参与线上、线下学习，发挥了学生学习的主动性和积极性[6]。混合式教学绝不仅仅是线上、线下教学的简单融合，而是教学形式、教学技术、教学手段、教学目标、教学评价上的多重融合[7]。

1.3 基于优慕课混合式教学的优势

优慕课拥有内容丰富的课程中心和资源中心，大大扩展了单门课程的学习内容，同时结合平台的PC端和移动端两个学习入口，更方便学生随时随地采用任何电子设备进入学习。优慕课结合线上、线下混合式教学模式有效解决了传统教学方式的痛点，提高了教学质量和学生学习成效。其优势在于：（1）打破了传统教学环境受时间和空间的限制，可以使用任何电子设备开展随时、随地的学习；（2）延长了课堂有限的学习时间，将课前预习、课中练习和课后巩固全部放在线上，面对面教学重点围绕学生自主学习产生的问题展开，引导学生解决问题，达到事半功倍的效果；（3）满足了学生的个性化需求，做到知识、案例的精准推送；（4）掌握了每个学生的学习状态和学习进度，后台数据统计精准刻画了每个学生的学习画像，精准掌握了每个学生的学习情况；（5）平台课程中心和资源中心的整合，拓展了课程学习的内容，扩大了学生学习面，提升了学生综合能力。

2 基于优慕课混合式教学实践

《HTML5与CSS3开发技术》是计算机应用技术专业的专业基础课。因此，选取福建林业职业技术学院计算机应用技术专业1801班（40人）和1802班（43人）两个平行班共计83人作为此次教学实践的研究对象。两个班的任课教师、教学内容、总学时、周学时、教学周数、面授教室均相同，不同之处在于计算机1801班采用传统教学方式开展教学，而计算机1802班采用混合式教学方式开展教学。针对混合式教学，笔者根据本人的教学经验和知识积累，按如下表1组织开展线上、线下混合式教学活动。

在表1中，每一次的教学任务都分为课前、课中和课后3个阶段，每个阶段的目标都不一样，且呈递进上升关系。课前，主要由学生自主学习，完成基础训练任务，教师在线辅导并收集学生自主学习过程中产生的问题；课中，开展分组互动教学、评价和总结，讨论并解决课前学生遇到的问题，并进行进阶训练；课后，为巩固知识，学生完成任务页撰写，并进行拓展任务训练，同时，教师要完成评价页撰写，并就学生在课后拓展训练过程中出现的问题进行个别辅导。

课前阶段，首先由教师根据授课计划在优慕课平台上发布学习任务，包括前导知识、基础训练和课前小测。学生根据教师发布内容和要求开展自主学习，并在线下完成基础训练任务。教师在这个阶段应该在线进行辅导，并收集学生自主学习过程中产生的问题。

表1 基于优慕课的混合式教学活动设计Tab.1 Design of mixed teaching activities based on UMOOC

课中阶段，教师要开展引入问题、分析问题、解决问题、进阶训练、展示作品、点评作品等教学活动。即教师根据课前收集的学生共性问题有针对性地引导学生思考并解决问题，在解决问题的基础上进行进阶训练，以提高教学效果和学生学习成效，针对进阶训练中，学生可能会出现的问题教师要做好个别辅导，随后对学生完成的进阶作品进行线上展示，开展学生互评和教师点评，最后进行总结和反思。教师在这个阶段应该要进行引导、监督和指导工作，做好对学生的分组工作和学生活动的组织工作，帮助学生学会学习，让学生依靠自己掌握技能。

课后阶段，学生要针对课中的进阶任务完成任务工作页的撰写和课后拓展训练任务的学习和实践。教师在这个阶段要做好学生的线上辅导和监督工作，帮助学生更好掌握相关知识和技能。

3 教学效果分析

学期授课结束后，针对采用混合式教学模式的计算机应用技术1802班的43名学生采用问卷星平台从教学模式、学习兴趣、提升技能、教学设计、教学互动、教学评价、释疑解惑、深化学习等方面发送问卷，发送问卷43份，回收问卷43份。统计结果如表2所示，从统计结果看，90%以上的参与学生认可混合式教学模式，认为该模式可激发学生学习兴趣、教学互动性强，70%以上的学生认为该教学模式能够快速解决学习中遇到的问题，也更容易进行深化学习，能够快速提升和巩固技能。

表2 混合式教学模式调查问卷统计表Tab.2 Questionnairestatisticsof mixed teachingmode人

为了更好地对比分析两种教学模式教学质量的差异，笔者对两个班级采用了同样内容的课程作业、小测、课程实训任务和实习任务，相同的阶段考试试卷和期末考试试卷。这里对两个班级的期末考试成绩采用SPSS独立样本T检验分析方法进行统计，结果如下表3所示。从T检验结果可以看出，阶段考试、过程考核、期末考试和课程实习的P值均未超过0.05，因此，混合式教学模式的教学效果明显优于传统教学方式。

表3 两班级考核项目成绩比对（X±S）Tab.3 A comparision of two class assessment items（X±S）

4 结束语

通过《HTML5与CSS3开发技术》课程教学实践，笔者发现基于优慕课在线教育综合平台的混合式教学模式能够有效弥补传统教学方式的不足，提高了教师的教学质量，提升了学生的学习成效。一方面，实现了以学生为中心的学习，让学生在学习过程中有更多的收获感，同时也提升了学生的学习成绩，锤炼了学生的学习技能；另一方面，也让教师的角色得到了转变，由教学的主导者成功转变成了教学的辅导者，由知识的传导者变成了知识的引导者。同时，通过后台数据分析，教师更易于掌握每一位学生的学习进度和学习状态，针对学生学习情况，教师能够制定更完善的教学设计，从而更易于提高教学质量和教学效果。