基于OBE成果导向教育的在线开放课程教学设计--以Web前端开发为例

ISSN1009-3044

ComputerKnowledgeandTechnology

第17卷第13期(2021年5月)

电脑知识

与技术

Vol.17,No.

13May

2021

E-mail：*************.cn

Computer

http

KnowledgeandTechnology

电脑知识

与技术

：//

Tel：+86-551-6569

基于OBE成果导向教育的在线开放课程教学设计——以Web前端开发

为例

汪婵婵

（浙江安防职业技术学院，浙江温州325016）

摘要：近年来，在线开放课程的教学设计成为了课堂教学改革的焦点。基于OBE（Outcomes-BasedEducation）的成果导向

教育理念聚焦人才培养需求，强调围绕学习成果产出来进行人才培养和课程建设，成为许多高职院校教学改革的主要理

念。该文将OBE成果导向教育理念引入在线开放课程教学设计，通过对Web前端开发课程的建设与应用，为在线开放课

程的设计提供实践指导。

关键词：OBE；成果导向；在线开放课程；设计案例

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

开放科学（资源服务）标识码（OSID）：

文章编号：1009-3044(2021)13-0147-05

1背景

近年来，教育信息化政策的陆续出台，让在线开放课程教

学设计成为课堂教学改革的重点。基于OBE（Outcomes-Based

Education）的成果导向教育理念，关注“学生中心”“产出导向”

“持续改进”三大关键点

[1]

，即：在人才培养中，关注学生的学习

成果，强调以预期学习成果为导向，坚持以学生为中心，培养学

生主动学习，以学生不断反馈为驱动，持续改进教学过程。由

此可见，将OBE成果导向教育理念引入在线开放课程的设计，

是非常有意义的。

在评价与反馈、教学活动两个环节上一定要以学习成果为焦点

进行设计。学习成果就是学生在学习这门课程后，在知识、技

能（能力）、素养（态度）等方面能达到的预期学习成果，是由任

课教师根据专业人才培养方案以及该门课程对人才培养目标

的贡献度来综合确定的具体化、可操作化的课程目标。

2.2实现学习成果

2基于OBE理念的在线开放课程建设思路

OBE理念以目标成果为导向，以预期成果为目标，“反向设

计”教学内容，“正向实施”教学活动，建立多元、全面、有效的课

程考核评价机制，并反馈给师生来持续改进。

在线开放课程的设计与建设，应当以课程资源和学习活动

为核心。从学生预期取得的学习成果出发，反向设计课程的教

学目标，通过“定义学习成果、实现学习成果、评价学习成果、使

用学习成果”四个环节来设计课程资源和教学活动

[2]

。OBE教

学模式的四个环节如图1所示。

图1OBE教学模式的四个环节

2.1定义学习成果

[3]

实现学习成果环节是基于学习成果而进行的一种回溯设

计，该环节包含所有能够实现预期学习成果的课程资源和教学

活动

[4]

。对于在线开放课程来讲，除了要建设教学视频、课件、

题库、试卷、参考资料外，还要设计教学内容、教学策略、教学组

织等。

2.3评价学习成果

评价学习成果环节伴随着教学的整个过程。它强调多层

次、多元化、多阶段的教育评价观，主要有三种方式：一是安置

性评价，即在一门新课或一个新单元开始的时候要进行评价；

二是过程性评价，即在整个教学活动中持续评价教学效果；三

是总结性评价，即在教学活动结束后进行综合评价。

在线开放课程充分利用大数据统计分析技术，通过学生的

学习记录、视频观看时长、作业完成情况、测验成绩、考试成绩、

讨论发帖、笔记记录等行为数据，实时、多维、准确的分析学生

的学习成果。

2.4使用学习成果

定义学习成果的环节是OBE理念的关键。OBE要求在

课程设计过程中，要时时、处处都要围绕学习成果进行，特别是

使用学习成果环节有三个功能：一是评定学生学习成果，

就是对学习的评价，给学生在该门课程的学习成果打分；二是

收稿日期：2021-01-20

基金项目：2020年浙江省中华职业教育科研项目：产教融合背景下构建成果导向高职人才培养体系研究（项目编号：ZJCVB35）；浙

江省高等教育“十三五”第二批教学改革研究项目：产教融合背景下基于OBE理念的物联网专业人才培养模式研究（项目

编号：jg20191060）；2020年中国职业技术教育学会课题：高职扩招背景下弹性学制人才培养的精准教学模式研究（项目编

号：2020C0525）

作者简介：汪婵婵（1984—），女，浙江衢州人，副教授，硕士，主要研究方向为高职教育、计算机应用。

本栏目责任编辑：王力

计算机教学与教育信息化

147

ComputerKnowledgeandTechnology

电脑知识

与技术

促进学生成功学习，即促进学习的评价，通过评价持续给予学

生反馈，以便学生根据自己的学习情况改进学习；三是促进教

师改进教学，无论是安置性评价、过程性评价，还是总结性评

价，都会给老师提供反馈，让老师更新规划教学活动，优化教学

策略，调整教学进度。

3基于OBE理念的在线开放课程设计案例

通过Web前端开发在线开放课程的建设，引入OBE成果

导向教育理念，设计线上线下教学模式，取得较好的教学效果。

3.1定义学习成果

求学生重点掌握

Web前端开发课程主要讲授网页前端的三大核心技术，

DIV+CSS布局、CSS网页样式设计、JavaScript

要

语言基础等知识技能，遵循“以就业为导向”的原则，根据岗位

的技能要求来进行课程体系设置和教材内容选取。以“实用”

为基础，以“需求”为尺度，讲解相关理论知识，注重实践实训操

作，重视提升学生的技能操作能力和问题解决能力，培养学生

职业思维方式，促进学生分析、设计、批判、反思、改进的高阶思

维能力发展。

专业能力目标：掌握HTML5、CSS3和JavaScript的基础语

法，具备运用前端开发技术进行项目设计的能力。

工程能力目标：熟练运用项目开发环境，具备分析、设计、

编码、调试的能力。

素质能力目标：养成工程规范，形成软件开发人员职业

素养。

3.2实现学习成果

3.2.1课程内容

最新标准技术、

Web前端开发课程根据岗位职业能力要求，

突破传统知识体系结构、基于工作能力培养、

以“采用网页

置

身真实工作情境”为标准，以高职学生“理论够用为度，注重技

能培养”为目标来确定教学内容。如图2所示。

图2课程内容图

148

计算机教学与教育信息化

第17卷第13期(2021年5月)

课程内容既符合知识体系的循序渐进，又采用“任务驱动、

案例教学、过程指导、探究实践”的原则，通过“8个知识单元、18

个项目任务、36个实战案例、18个课后实训”，每个项目任务又

以

Web

“知识准备->实战演练->强化训练->课后实训”为主线，将

页布局及样式美化的思路和方法，

前端开发技术贯穿于所有任务案例和实训中，

启发学生掌握Web

深入剖析网

前端核心

技术，引导学生自主学习，并形成良好的职业素养。

3.2.2课程资源

上教学、

Web

学生线上学习提供较好的支持。自编出版

前端开发课程建有完整的立体化教学资源，

“十三五”

为教师线

职

业教育国家规划教材1本，浙江省精品在线开放课程1门，教学

视频

PPT

套，源代码

课件

74个（

18

总时长

1

个，

套，

学习任务单

840多分钟

课程标准1份，

18

），

份，

题库数量

授课计划表

学习建议单

1000

1份，

1

多题，

份，

试卷8套，

教案

配套素材

1套，拓展

1

资料文件若干个。

3.2.3教学设计

课程坚持“以职业岗位工作过程为主线、以工作能力培养

为课程核心、以学生为主体教师为主导”的思想，结合市场主流

的Web前端网页设计师的岗位需求，将岗位技能培养和专业知

识学习融入实训项目中，在实训项目中掌握技能的灵活运用。

采用“任务驱动、案例教学、过程指导、探究实践”的组织方

法，依托“一张教学任务单、一款直播软件、一个课程平台”，自

编出版“十三五”职业教育国家规划教材《Web前端开发任务驱

动式教程（HTML5+CSS3+JavaScript）》，探索基于“三阶-四练-

三评-两答”的线上线下混合式教学模式（如图3）。

1

图3线上线下混合式教学模式

该课程分三个阶段设计渐进式学习任务和学习方法：

）三阶

课前

预习、课堂学习和课后复习，如图4所示。

图4“三阶”设计图

本栏目责任编辑：王力

第17卷第13期(2021年5月)

j课前预习：采用“MOOC平台+验证操作+案例模仿”模

式，引导学生完成课前预习。

k课堂学习：采用“钉钉直播+同步操作+强化训练”模式，

帮助学生掌握知识技能的学习。

l课后复习：采用“MOOC平台+课后实训+测评分享”模

式，引导学生完成课后作业和测评，

2

并将作品展示分享。

根据学生能力的递增式发展，

）四练

循序渐进的设计“四练”：验

证操作、实战演练、强化训练和课后实训。

j验证操作：学生课前通过MOOC视频学习，验证本节任

务的知识准备中的语法运用，主要解决学生在新知识学习阶段

的易错点、规范性问题，提升基础编程能力。

k实战演练：直播授课或线下授课时，教师操作演示“实战

演练”案例，学生同步实训，通过“教学做”为一体的方式讲授新

知识的应用，掌握实训操作技能。

l强化训练：直播授课或线下授课时，学生独立完成“强化

训练”案例，如遇困难，学生可以通过参考教材、观看微课视频、

师生交流等方式获取帮助，进一步巩固所学知识。

m课后实训：学生课后独立完成课后实训案例，培养项目

分析能力，

3

提升设计开发能力。

该线上课程通过教师测评、

）三评

学生自评、学生互评等多种维

度和模式来设计评价体系，以保障线上教学质量，提升教学

效果。

j教师测评：教师利用在线课程平台的自动评价机制和大

数据分析技术，全面实时了解学生的学习行为、学习进度；对学

生在课前预习、课堂学习和课后复习阶段所完成的作业都能通

过平台进行评价；组织学生在线测试；评价学生在讨论区的作

品展示和交流提问等。教师还可以通过签到功能测评学生的

出勤率和参与程度。

k学生自评：学生利用在线课程平台完成的视频观看、作

业讨论、测验考试、课堂笔记等行为，都可以自行在平台实时查

看成绩，形成学生自我诊断性反馈。

l学生互评：学生通过在线课程平台的笔记区、讨论区发

布作业分享和技术讨论，都能促进学生关注他人、思维碰撞、互

动交流，

4

从而通过学生互评提高学习效果和内在动力。

答疑是线上授课模式较为重要的环节，

）两答

如何帮助学生快

速、准确的解决问题，是授课教师重点需要考虑的问题。线上

答疑的模式主要有两种：集中答疑和个别辅导。

j集中答疑：教师可以通过钉钉直播、视频录制、讨论发

帖、线下教学等方式，集中解答学生的问题与疑问。

k个别辅导：教师可以通过线上通话、钉钉聊天、发帖回

复、作业评价、线下交流等方式，开展一对一的学生辅导。

“三阶-四练-三评-两答”的线上教学模式，在每次授课的

学习任务单中得以具体体现，如图5所示。

本栏目责任编辑：王力

ComputerKnowledgeandTechnology

电脑知识

与技术

图5学习任务单范例

3.3评价学习成果

在线开放课程平台弥补了传统课堂教学的不足，即教师很

难实时监控学生的学习情况。它通过大数据记录学生的学习

行为，并为准确评估学习成果提供了有利条件。本课程采用线

上和线下融合、过程性评价与总结性评价相结合的多元化课程

评价体系。线上成绩是以“视频观看、作业、测验、发帖讨论、笔

记、线上考试”等成绩为计算依据；线下成绩是以“课堂考勤、课

堂表现、期末作品”等成绩为计算依据。

3.3.1评价知识维度学习成果

通过在线开放课程平台，教师可以实时跟踪学生的学习行

为，了解学生观看视频时长、提交作业次数、提交测验次数、提

交考试次数、笔记数、发帖/回帖数等数据，充分了解学生的学

习情况（如图6所示）。

图6学生学习行为数据表

同时，教师还能通过在线开放课程平台了解学生的考核测

试情况（如图7所示）。例如，我们可以从分析数据中了解到，

全班有多少人参加测试，教师批阅率多少，各分数段人数多少，

并可从测验试题分析中直观地看出学生的易错题有哪些

8所示）。

（如图

计算机教学与教育信息化

149

ComputerKnowledgeandTechnology

电脑知识

与技术

图7测试分析统计

图8测验试题分析

3.3.2评价能力维度学习成果

在线开放课程平台中的笔记区和讨论区是考核学生能力

的重要载体，学生可以在笔记区记录学习内容和心得，在讨论

区开展师生互动、生生互动的学习活动。一个学生的笔记数、

讨论区发帖数和回帖数，能够充分反映出该学生对课程的参与

程度和学习程度，教师可以以此来评价该学生的学习能力。如

图9所示，根据学生的笔记数和发帖/回帖数，可以清晰地反映

出学生在课程讨论区的活跃程度。

图9学生参与讨论情况

3.4使用学习成果

在线开放课程平台依托大数据技术的优势，对教师的教学

情况和学生的学习记录进行实时统计分析，不仅可以帮助教学

管理部门了解教师的教学进度和教学内容，并在整个过程中评

估学生的学习成绩。利用这些学习成果可以帮助学生更好地

进行课程学习，同时促进教师改进教学方法。

3.4.1评定学生学习成果

在线开放课程平台记录了学生的学习行为，并以其精细化

的计分方式来统计出学生的学习成果。该学习成果包括学生

的知识成果和能力成果，通过学习进度、学习积极性、课程参与

度、

10所示，

知识掌握度等方面来清晰统计学习状态和行为数据。如图

展示出某个学生的学习情况。

150

计算机教学与教育信息化

第17卷第13期(2021年5月)

图10学生学习情况

3.4.2促进学生成功学习

学生可以通过在线开放课程平台实时查看自己的学习记

录和学习成绩，不仅能够帮助学生认识自己在学习中的不足，

还能促进学生对照学习成果进行改进，以更好地完成课程学

习，提高学习效果。如图11所示，记录了某位学生的学习

统计。

图11某位学生学习统计

3.4.3促进教师改进教学

教师可以通过在线课程平台实时查看学生的学习记录和

学习成绩，跟踪学生的学习进度，了解学生的学习能力，并分析

学生的学习水平。获取学生的学习评价，甚至可以从每一次作

业或测试中清晰地归纳出学生的易错题，从学生的笔记或讨论

区分析出学生关注的问题，从而在后续教学中进行改进。学习

行为的数据化，为教学管理的精细化提供了条件。例如，图12

所示的互动交流情况，学生人均回帖数比发帖数要高很多，它

表明，学生提出问题的热情还不够。教师需要进一步引导学生

发现问题，鼓励学生提出问题，以提高学生的学习能力。

图12互动交流情况

4基于OBE理念的在线开放课程特色优势

将OBE理念引入在线开放课程的建设，利用大数据技术优

势，以学生为中心，学习成果为导向，是确保在线课程可持续发

展的关键。

4.1学习成果更加明确

依托在线开放课程平台，始终以学生的知识目标和能力目

标作为课程的建设目标，根据工作过程组织教学内容、按照岗

位要求设计课程案例、借鉴职业技能设置教学标准、考虑学生

需求开发课程资源、设计教学文件规范教师学生，形成一套“以

成果为导向”的课程教学方案，有的放矢地开展教学，突出学生

本栏目责任编辑：王力

第17卷第13期(2021年5月)

ComputerKnowledgeandTechnology

电脑知识

与技术

的能力培养，提高教学效果。

4.2教学管理更加精准

依托在线开放课程平台，建立完备的课程管理体系，通过

课程学习建议单、学习任务单等线上线下混合式教学管理文

件，对课前、课中、课后的教学全过程进行系统化管理，使整个

教学过程都处于受控状态，有效精准的控制每一个学习行为，

这种精细化的教学管理更加有利于提升教学效果。

4.3课程考核更加全面

开放课程中的数据指标定义、数据记录收集、数据统计分析、数

据反馈使用。通过大数据技术，可以观察每个学习者的学习情

况，为学生、教师和教学管理部门提供反馈建议，实现课程的闭

环设计，优化课程设计方案。

参考文献：

[1]汪潇潇,刘威童.基于OBE理念的MOOC课程设计与案例分

析[J].远程教育杂志,2017,35(6):104-110.

[2]莫国涛.基于成果导向教育的商务英语视听课程教学模式改

革研究[J].湖北开放职业学院学报,2019,32(23):172-173.

[3]朱利华,蒋卫祥.基于工作过程导向的“Java程序设计”课程

开发与实践[J].教师,2012(23):52-53.

[4]周子昂,徐坤,贺娅莉.新工科背景下基于OBE理念的嵌入式

系统课程群研究与实践[J].周口师范学院学报,2019,36(5):

53-56.

[5]渠川钰,刘修泉,廖春蓝,等.基于实务与创新并举的课程改革

与实践——以“玩具机构设计与制作”课程为例[J].中国职业

技术教育,2015(8):23-28.

【通联编辑：谢媛媛】

依托在线开放课程平台，将知识与技能、过程与结果、个人

与团队、实务与创新等全方面进行考核，将每个考核环节制度

化、具体化、分值化，具体考核学生的学习态度、课堂表现、学习

能力、团队合作、实践能力等，让每一分成绩都有据可查，从而

[5]

正确引导和激发学生的自主学习热情。

5结束语

基于OBE理念设计在线开放课程，应该从课程的知识和能

力目标入手，通过四个步骤进行构建：定义学习成果、实现学习

成果、评价学习成果、使用学习成果。这四个步骤对应于在线

（上接第121页）

改革进程提供帮助。希望能够在确保基于物联网的单片机课

程改革落到实处的同时，提高基于物联网的单片机课程教学效

率。在后期的发展中，应加大改革后的基于物联网的单片机课

程改革在课程教学中的应用。

参考文献：

[1]潘勇,侯梓叶,熊江,等.新工科背景下物联网“射频识别”与

“无线传感网络”课程教学改革与实践[J].教育现代化,2018,5

(52):58-60,89.

[2]李随群,万新,陈光建.基于半结构化的单片机课程教学改革

研究与实践[J].电脑知识与技术,2018,14(34):152-154.

[3]蔡昌勇,朱静.高职电子信息类专业单片机课程改革思考[J].

成都航空职业技术学院学报,2019,35(1):18-21.

[4]张任,张鹏程.物联网工程专业中单片机课程群建设的探索

研究[J].电子世界,2019(9):24-25.

[5]王连胜,夏冬艳,丁学用,等.基于物联网技术的单片机教学改

革研究[J].物联网技术,2019,9(7):116-118.

【通联编辑：张薇】

（上接第125页）

[11]李兆义,杨晓宏“互联网.+”时代教师专业素养结构与培养路

径[J].电化教育研究,2019(7):110-120.

[12]吴砥,周驰,陈敏“互联网.+”时代教师信息素养评价研究[J].

中国电化教育,2020(1):56-63.

[13]牛勇,张琳,关楠楠.面向数字原生代的图书馆信息素质教育

研究[J].情报探索,2014(3):127-129.

【通联编辑：王力】

本栏目责任编辑：王力

计算机教学与教育信息化

151