基于SPOC 的《Web设计基础》课程建设与实施

顾问 吴德 李晓明 徐建华

摘要：随着互联网和信息技术的全球化普及，引起了教育技术的全新变革，多样化的学习方式已逐步成为一种获得知识的重要途径。文章针对《Web设计基础》课程在传统教学过程中出现的问题，引入基于SPOC线上与线下相结合的混合式教学模式，重构《Web设计基础》课程的各个教学环节，重新定义教师与学生在教学活动中的作用，形成了新的《Web设计基础》课程评价指标体系，为提高课程教学质量、激发学生学习兴趣等提供了理论依据与实践路径。

关键词：Web设计基础;SPOC;混合式教学;教学质量

中图分类号：G642.3     文献标志码：B          文章编号：1673-8454（2020）04-0053-04

一、引言

互联网和信息技术的全球化普及，引起了教育技术的全新变革，数字化、网络化和智能化的学习方式已逐步成为一种获得知识的重要途径，出现了MOOC、SPOC等主流在线课程。MOOC（Massive Online Open Course）是指大規模在线开放课程，2012年是MOOC元年，全球MOOC课程和用户数量出现了爆发性增长[1]。MOOC虽然有着“大规模参与”“名师授课”“在线开放资源”等特点，但是仍然无法完全取代传统的课堂授课。

2013年，加州大学伯克利分校的Armando Fox教授率先提出SPOC（Small Private Online Course）的概念，即小规模限制性在线课程。通过将优质的MOOC教学资源与课堂授课进行结合[2]，以达到翻转课堂教学、变革教学结构、提高教学质量的目的。SPOC是一种在线教育和线下实体授课相结合的混合式教学模式[3]。

《Web设计基础》是计算机学科人才培养方案中的一门重要的专业课程，其主要讲授Web前端开发过程中浏览器客户端相关的技术与知识。该课程具有实践性、应用性强的特点[4]。《Web设计基础》课程通常需要学生利用计算机完成若干的Web页面开发任务，加深对所学知识点的理解和运用，对学生学习的主动性要求比较高。

《Web设计基础》课程教学主要面临以下几个问题：①缺少小规模的教学管理平台，无法高效地规范任课教师的教学思想和教学行为;②在实验室多媒体教学环境的支持下虽然可以做到讲练结合，但教师难以把握课堂节奏;③学生在计算机前无法长时间注意力集中，听课效率低下。

在此背景下，SPOC作为一种线上与线下相结合的混合式教学模式，有利于解决《Web设计基础》课程所面临的问题。如何基于SPOC来重构《Web设计基础》课程的各个教学环节，逐步形成一种新的课程教学模式，以提高《Web设计基础》课程教学质量是本研究的主要目的。

二、《Web设计基础》SPOC课程特征

本研究主要依托在中国大学MOOC平台的“学校云”中开设了一门《Web设计基础》SPOC课程，该课程属于学校的专属课程，探讨了基于SPOC的教学模式，为高校培养Web前端开发人才，进行教学研究与改革起到了积极的参考价值。

本文对国内很多有关 SPOC课程的实施案例进行了研究，黄慧等人探讨了基于“爱课程”平台的《SQL Server数据库》课程的建设内容、教学模式、评价体系等内容，提出了利用平台积累的观看视频、作业、测试、交流等数据，借助数据挖掘算法，对每个学生的学习情况进行分析，并及时给予学生学习建议[5]。张杨等对《计算机辅助工业设计》课程线上与线下教学结合进行了一些有效探讨，提出了特色化教学资源的建设方案，建立了一种行之有效的、由形成性评价和终结性评价构成的测试体系[6]。卢锋等对以高校《电视作品编导与制作》课程特征和基于SPOC的翻转课堂教学的发展趋势分析为基础，通过对三轮行动研究的总结分析，构建了适合此类实践性强的课程教学模式[7]。本文针对SPOC课程实施案例提出的有效教学方法和改进教学模式进行了归纳总结，得出地方应用型本科高校基于SPOC的《Web设计基础》课程的以下特点：

1.满足碎片化学习需求的微资源

“互联网+”背景下的碎片化学习方式受到学习者的青睐，尤其对于学习任务较重的高校大学生而言，能使其利用零碎的时间去完成一部分知识认知的浅层次学习任务。因此，有必要将《Web设计基础》课程教学内容进行分解，按照章节、课时、知识点进行划分，每个章节包含若干课时，每个课时下面包含若干知识点，每个知识点的微学习资源可以由视频、文档和随堂测验等内容组成，其中每个微视频的时长一般要控制在15分钟以内。学生可根据自身的学习能力自主安排时间完成学习任务。

2.针对性强的在线互动与交流

传统的课堂教学过程中，教师和学生、学生和学生之间的互动交流基本是在课堂内完成，课后的交流多使用即时通讯软件，交流记录无法进行系统存储，对于一些共性的学习问题需要重复讲解。《Web设计基础》课程基于SPOC平台后，学生遇到问题时就可以不受时空限制，直接在讨论区进行搜索与提问，快速获得反馈信息，特别是针对一些学习过程中遇到的共性问题可以在线进行深入讨论，进而实现知识共享。

3.多维度精细化的数据统计分析

《Web设计基础》课程基于SPOC平台，教师可以从平台提供的工具中获取该课程的趋势、课时、测验、作业、讨论区、记录、成绩等多个维度的学生学习数据。教师可导出这些数据进行深入分析，帮助其快速准确地了解每一位学生的学习状况，针对每一位学生在学习该课程过程中暴露出来的薄弱之处，给予适当的个性化学习建议。

4.激励学生自主化学习的评价体系

传统的《Web设计基础》课程教学活动中，对于学生的学习评价主要采用终结性评价，纯粹以考试来评定学生的学习效果，其并不客观也无法综合评价学生的能力，不利于激发学生的学习积极性。《Web设计基础》是一门实践性较强的课程，强调考查学生是否达到了相应的Web前端开发能力要求，学生如果仅仅按照微视频进行操作，可能也会影响学生主动学习的热情。因此，基于SPOC的课程评价体系应改革考核手段，可采用形成性评价和终结性评价相互结合的方式。线上学习、随堂练习、综合训练等采用形成性评价占总评的60%，在线测验和上机考试则采用终结性评价占总评的40%，降低终结性评价比例的考核方式，有利于激发学生自主化学习的兴趣。

三、《Web设计基础》SPOC课程建设方案

本文对《Web 设计基础》课程基于SPOC的线上和线下混合教学模式的特点进行了研究，逐步形成了基于SPOC的《Web设计基础》课程建设的研究思路，整个课程建设实施方案如图1所示。

首先，需要对应用型高校开展Web设计类课程的建设情况进行调研，通过查阅相关文献资料，对基于SPOC的课程建设方式、方法进行深入分析。对已有的知识体系进行梳理，按照学时、知识点设计案例式的教学内容。

其次，根据设计思路重新编写教学课件，规范课件的形式。开展教学视频的设计，编写视频录制脚本，对视频进行录制和编辑，形成《Web设计基础》案例视频集合。同时，需要整理《Web设计基础》课程的测试题库，完成试题库建设，之后将建设完成的教学资源上传至相关课程平台。

再次，利用该平台开展多种形式的教学活动，引导学生循序渐进地进行学习活动。例如，通过线上学习和课堂案例讲解让学生能够掌握单一知识点，通过综合项目训练让学生对于知识点之间的有机联系和Web系统整体解决方案有一个清晰的认识，进而让学生明白如何去实际应用所学的知识内容。综合项目训练可演变为学科競赛，通过竞赛再次激励学生的学习兴趣和自主学习能力的发展。

最后，改变传统的终结性学习评价方法，实施形成性学习评价和终结性评价相结合的方法，对每位学生进行综合评价，评价其是否达到了《Web设计基础》课程教学大纲中所提及的Web前端开发能力要求。并进一步通过收集反馈信息进行分析，修正和完善相应的教学资源。

四、《Web设计基础》SPOC课程实施

依托网络学习平台，学生可以获得丰富的学习资源，可以采用碎片化的学习方式完成浅层次的知识认知。在线学习虽然能够充分发挥学习者的主体作用，但是缺少传统课堂中营造的学习氛围、师生实时互动等优势[8]。基于SPOC的课程可以将传统课堂教学和在线学习的优势结合起来，充分发挥教师启发思维、监控教学的作用，同时整个学习过程以学生为主体，可以充分发挥其学习的主动性与积极性。基于SPOC的《Web设计基础》课程混合式教学模式实施过程模型如图2所示。

该课程混合式教学模式的实施模型是一种三段式教学实施方案，由课前预学、课中讲练结合和课后拓展三个阶段组成，每个阶段都包含了线上和线下的教学内容。

课前预学阶段学生可以通过在线的引导问题熟悉学习内容，通过在线学习教学课件和教学视频预先完成知识的认知;同时，学生也可通过课程教材和参考教材了解到知识点对应的案例代码。

课堂阶段主要采用讲练结合的方式，首先对知识点关联的案例进行讲解，然后进行实验指导;课堂一般都在实验室进行，具备接入互联网的条件，可直接安排学生在线完成测验题或是练习题，尤其是一些测试题为选择题和填空题的情况下，学生可直接通过手机登录平台完成测试，在一定程度上解决了课后在线测试效率低下的问题。课程进入综合训练阶段时，课堂主要进行训练指导。

课后拓展阶段，学生在线学习拓展资源，遇到问题时可进入系统讨论区进行在线交流讨论;学生可以在课后进行拓展实验练习或综合项目的训练。

1.在线教学资源建设

基于SPOC的《Web设计基础》课程对整个知识体系进行了重新梳理，将该门课程拆分为102个知识点，每个知识点都有对应的课件、视频和测试题。此外，课程还包含了37个案例视频，学生可在课后对照案例视频进行练习。每个视频的时长最多不超过15分钟，表1详细地描述了课程第一章“网页基本概念”对应的知识点及其视频资料信息。

2.在线交流与讨论

中国大学MOOC平台默认提供了教师答疑区、课堂讨论区和综合讨论区三类讨论区，学生与学生、学生与教师之间可以在线进行互动，这是传统课堂教学所不具备的。目前，该课程在实施过程中主要涉及了教师答疑区和课堂讨论区，其应用形式类似于百度贴吧，教学活动的参与者都可以发表主题帖，教师和学生都可以针对主题进行交流讨论，这种方式有助于提高学生的学习积极性与主动性。

3.评价体系的构成比例

《Web设计基础》课程的线上和线下成绩构成比例，如表2所示。课程基于SPOC模式后，课程评价体系的构成比例具有多样性的特点。线上活动占比40%，线下活动占比60%;形成性评价占比60%，终结性评价占比40%。评分规则可以继续细化，最终可以准确地给出每个学生的学习状况，有利于实现学生个性化学习的教学效果。

4.竞赛激励学习兴趣

综合项目训练已初步达到激励学生学习兴趣的目的，训练过程中通常采用分组形式，有时会出现学生不够重视的情况，为了达到更理想的教学效果，鼓励更多的学生进入平台学习，可以组织针对性的综合训练作品竞赛，将完成的优秀作品进行竞赛评比，当然这会涉及到竞赛活动策划、教师团队配合、竞赛活动管理、学院政策支持等多方面因素，本文不再详细说明。以竞赛促进教学，能够通过学科竞赛再次激励学生的学习兴趣和自主化学习能力的发展。

五、结束语

《Web设计基础》课程具有实践性强的特点，基于SPOC的《Web设计基础》课程改变了传统的课堂教学模式，可以实现高效地规范任课教师的教学思想和教学行为，同时使学生获得了多样化学习通道。研究结果表明，基于SPOC平台的教学模式，虽然任课教师的工作量会有明显增加，但有利于激发学生的学习兴趣，提高教学活动的管理效率，初步实现个性化学习的教学效果。

参考文献：

[1]贺斌，曹阳.SPOC：基于MOOC的教学流程创新[J].中国电化教育，2015（3）：22-29.

[2]曾明星，李桂平，周清平，等.从MOOC到SPOC：一种深度学习模式建构[J].中国电化教育，2015（11）：28-34+53.

[3]张晓娟，吕立杰.SPOC平台下指向深度学习的深度教学模式建构[J].中国电化教育，2018（4）：96-101+130.

[4]储久良.Web前端开发技术课程教学改革与实践[J].计算机教育，2014（14）：12-15.

[5]黄慧，刘正涛.SPOC网络课程建设与实施——

《SQL SERVER数据库》为例[J].科技视界，2016（23）：51+136.

[6]张杨，方迪，冯莉.工业设计专业“计算机辅助工业设计-Autodesk AliasStudio”在线课程设计方法研究[J].科教文汇（上旬刊），2018（6）：76-78.

[7]卢锋，马荣炜.基于SPOC的“电视作品编导与制作”翻转课堂实验教学行动研究[J].中国电化教育，2018（4）：111-118.

[8]曹阳，顾问.基于SPOC混合式教学模式的学习评价体系构建[J].计算机教育，2017（12）：76-80.

（编辑：李晓萍）