曲天伟 运海红 邢传军 安波 杨泽雪 吴长伟

摘  要：本文以《HTML5应用开发》为例，介绍了以学生为中心的在线教学的设计与实施过程以及以学生为中心的在线教学实际成效。本课程以SC课程改革科学原理3650框架为基本设计结构，以工程应用能力和自学能力培养为目标，以企业开发应用技术为主线，以学生学习效果为中心来进行教学设计和教学实施，在课程设计和实施过程中采取了一系列新方法，取得了良好的教学效果。

关键词：以学生为中心  在线教学设计  在线教学实施  HTML5应用开发

中图分类号：G642                             文献标识码：A                 文章编号：1674-098X（2020）09（b）-0170-03

Abstract：This paper introduces the design and implementation process of student-centered online teaching and the actual effect of student-centered online teaching by a course of "HTML5 application development" . This course is based on the 3650 frame of SC course reform，cultivates students' engineering application ability and self-study ability.The design and implementation of the course take enterprise application technology as the main line and students' learning effect as the center.In the course of design and implementation， a series of new methods have been adopted and good teaching effect has been achieved.

Key Words：Student centered;Online teaching design;Online teaching implementation;HTML5 application development

“以學生为中心”的本科教学改革理念包括三个方面：以学生发展为中心、以学生学习为中心、以学习效果为中心[1]。《HTML5应用开发》教学改革理念就是“以学生为中心”，课程以SC课程改革科学原理3650框架[2]为基本设计结构，以“421”模式[3]中的两种能力培养为目标，课程参考了许多成功的课程设计方法[4-5]，以企业开发应用技术为主线，以学生学习效果为中心，进行在线教学设计，以培养学生的技术理解应用能力、评价能力和自学能力为目的进行在线教学设计与实施，并取得了很好的成效。

1  在线教学设计

（1）学生分组学习采取整体随机分组，根据实际情况微调的方式。

为了保证每个学生在学习的过程中，都能发挥自己学习的主动性，分组任务完成时不依赖于熟悉的同学，老师在课程分组时整体采取随机分组的方式，大概率避免学生自己分组在学习中出现坐顺风车现象。同时也考虑疫情突发情况线上学习，学生的硬件条件不足，再根据每个学生上课的实际硬件环境微调课程分组。授课前老师了解学生是否能上网，是否有手机、是否有计算机等情况。根据学生的情况来建立学习互助小组，保证不把没有网络或网络信号不好的同学分到一个小组。

（2）根据大纲中教学内容结合学生目前的具体情况准备课程内容。

根据大纲《HTML5应用开发》包括HTML5、CSS、JavaScript三部分内容。在学校规定的平台中没有找到适合本专业课程大纲内容的课程。在这种特殊的情况下，老师克服困难，根据大纲有针对性地选择企业开发中的教学案例，录制了教学视频37个，时长925min，在超星平台上建立了课程。共发布教学任务点45个，作业4个，讨论4次，实验4次，学习成果在线展示3次。根据学生对JavaScript有所了解的前提下设置课程内容的详略。重点讲解HTML5和CSS的内容，JavaScript的内容通过前两部分的实际案例应用穿插讲解，鼓励学生自学并在课程综合作业中展示。

（3）根据大纲中对学生的能力培养要求设计课程具体内容。

大纲要求培养学生对前端技术的理解能力、应用能力、评价能力和自学能力。课程内容从企业应用角度出发边讲边练，并配合作业、基础实验和讨论、培养学生对技术的理解能力，通过每部分的综合实验来提升学生的应用能力。以小组为单位，通过综合展示课培养学生的自学能力，通过综合性实验互评培养学生的评价能力。

2  在线教学实施

（1）注重学习过程的全员参与度，合理设置学习小组，增强学习过程的管控性，让网络学习有序运转。

建立学习小组轮流组长负责制。做到每节课每组都有轮流组长负责，督促课前准备，观看视频，完成作业。这种轮流组长制让每个同学身体力行组织学习活动，体会组织者的不易，换位思考能在自己做组员时积极支持组长的工作，这样每个小组整体网络学习能够协调地运转。每小组学习有序运转，整个班的学习才能有序运转。

（2）注重作业的个性化，积极引导学生的积极性。

网络作业是提交的页面截图和代码，难免会有抄袭的现象，老师无法做到线下一样地当堂监督独立完成。为了鼓励同学们作业的差异化，从作业内容学习的个性化为开始，到老师个性化评语为止。积极鼓励作业个性化，得到个性化评语的同学有更高的作业分值权重。

（3）注重及时扫除学生学习过程中的障碍，高效地解决学生的疑问。

每次视频学时后都会组织学生以小组为单位在线上发起对已学内容的讨论，鼓励其他同学，尤其是同组同学对讨论区的问题进行回复，并参与讨论。同学间讨论不能解决的问题由老师在答疑课上统一讲解答疑。提高了线上线下互动学习的效率。

（4）注重学生学习过程中的自查，通过学生间的互评发现并能弥补自我学习中的漏洞。

针对操作中学生对于细节的忽略和马虎现象，及时启用平台中的实验互评功能，老师针对实验给出详细的采分点，学生提交实验源码后，进行实验互评。通过评阅其他同学的实验代码，学生能做到仔细对照采分点，检查同学的代码。在评阅他人实验的同时也是对自己的反省，加深对重点知识的掌握与理解和运用，评弥补学习中的漏洞。

（5）注重学生学习的积极、及时反馈，合理设置学习效果展示活动，增强学生学习的积极性和成就感，培养学生的自学能力。

针对课程操作性强的特点，线上学习又无法全面了解学生的真实学习效果，故在课程设计时增加了分组展示课，展示课中由小组成员代表在腾讯会议中轮流展示，展示完毕由老师总结点评。小组成员展示出现问题时，老师会积极引导，循循善诱，春风化雨般地引导学生发现问题解决问题。结束后，老师进行点评，并给出暖心的鼓励。各小组同学在老师的鼓励与欣赏中，积极探索、踊跃发言，课堂效果非常好，丝毫感觉不到大家地处天南地北，而是沉浸在知识的海洋中。

3  在线教学成效

（1）网络教学有序地展开，学生学习积极性渐长。

从开学两周前第一次建群发布分组公告，應答者寥寥无几，到现在只要在QQ群中发个公告，都能及时回复，不但口头上回复收到，还能用实际行动回应老师的任务安排，每次课的网络视频90%的同学都能提前完成，每次作业都能按时提交，积极参与讨论区的讨论。在疫情特殊时期教学工作在有合理秩序地进行着。

（2）能够在老师的引导下积极进行课外拓展性学习，同学们的自学能力正在悄然提高。

学习成果展示课上，每组同学在网络上展示自己的学习成果，好多同学的展示中都包含自学的内容，在几周的网络教学中学生渐渐学会了自学。“授人以鱼不如授人以渔”，引导学生们学会了学习，这才是以学生为中心的线上教学最大的成效。

（3）在综合实验中锻炼了工程应用能力和评价能力。

课程设计、实施过程中每个技术点讲解时都会结合工程背景进行应用分析，学生通过百分之百还原企业网站效果的综合实验让学生具备了一定工程应用能力，进一步通过综合实验的互评让学生具备了一定的评价能力。

4  考核方式

课程考核方式的设置也是以学生为中心进行设置的，考核方式遵循以学生为中心的课程设置的情况，做到学生所有学习内容和参与课程情况的全方位考核。考核分为线上学习能力考核、线下学习能力考核和课程综合能力考核。

线上学习能力考核，包括视频观看进度、章节测试和互动情况。视频观看进度重点考核学生自学视频的完成情况，满分15分。章节测试重点考核学习视频后对知识的理解掌握情况，满分20分。互动情况重点考核学生对所学知识的思考提问情况，满分5分。

线下学习能力考核，包括答疑课和见面课的参与情况，答疑课的互动情况，见面课的实验完成情况。答疑课和见面课的参与情况考核学生课程出勤参与情况，满分3.5分。答疑课的互动情况考核学生在答疑课中提问和回答问题情况，满分3.5分。见面课的实验完成情况考核学生基础实验的完成情况，满分28分。

综合能力的考核，是指学生学完全部课程后，运用所学的知识和自学的知识以团队的形式进行综合实验作品制作。综合实验作品以小组合作的形式完成，每5人1组，组员间需要分工合作。小组团队合作完成作品后提交最后程序代码及综合报告。小组成员的分数会根据组员所做贡献不同设置不同的分数等级，详细的考核方法参考文献[6]。考核时按照作品和综合报告分别打分，满分分别为12.5分。

参考文献

[1] 赵炬明，高筱卉.关于实施“以学生为中心”的本科教学改革的思考[J].中国高教研究，2017（8）：36-40.

[2] 赵炬明.聚焦设计：实践与方法（上）——美国“以学生为中心”的本科教学改革研究之三[J].高等工程教育研究，2018（2）：30-44.

[3] 曲天伟，邢传军，安波，等.以学生为中心的教学方法的研究与实践[J].科技创新导报，2019（11）：229-230.

[4] 付秀丽，戴波.以学生为中心的大班教学模式改革与实践[J].计算机教育，2019（5）：107-109.

[5] 沈珊瑚，姚茂群，周炯.以学生为中心的嵌入式系统原理与设计实践课程教学探索[J].计算机教育，2019，295（7）：159-162.

[6] 曲天伟，安波.计算机类综合实验考核方法的改革[J].科技创新导报，2017（12）：203-205.