前端程序设计在线教学实践研究

应教育部《关于在疫情防控期间做好普通高等学校在线教学组织与管理工作的指导意见》倡议，结合OBE理念对前端程序设计课程的在线教学进行研究。作为课程教学改革在疫情特殊时段的一次有益实践，从前期准备到教学目标，从模式设计到结果评价，均体现“学生中心”、“产出导向”、“持续改进”的OBE理念。2020年伊始，受病毒肺炎疫情影响，人们的生活、工作、学习节奏被彻底打乱。各地各级各类学校陆续推迟开学时间。应教育部利用网络平台开展“停课不停教，停课不停学”倡议，老师们纷纷上阵，开展在线课程、网络直播、视频会议等在线教学活动实践，保证疫情防控期间教学进度和教学质量。在线教学课堂虽在空中，但教学方式需在脚下，本文的研究应运而生。

1在线教学准备

如今的大学生被称为“互联网原住民”，从他们出生之际就生活在有互联网的环境中，从娱乐到学习，从购物到社交，因此在线教学形式对于他们而言，接受起来相对轻松。相反，对于大部分教师而言，在线教育却是一种相对陌生的方式，尤其是针对线上教育的信息技术运用问题让人头疼。我校在寒假期间开展了多场线上教师培训、协同教研、在线评课等活动，促进教师信息素养迅速提升。要顺利开展在线教学，首先需要一个平台作为基础。在调研学生们身边具备的学习条件后知道：设备方面，大部分学生拥有智能手机+电脑，少部分学生因回老家过年只携带有智能手机；网络方面，所有学生均具备100M+宽带/4G+信号；线上教学经历方面，拥有蓝墨云班课的使用经验。结合尽可能降低学生在线学习技术负担的考虑，选用蓝墨云班课作为建课基础平台，辅以班级QQ群作为交流和备选平台。在平台上创建课程，把班课号告知学生，学生们一一加入，为师生的在线学习建好了一个“教室”。在班课中上传教学大纲、授课计划、电子教案、视频库、习题库、作业库等学习资源，为“教室”搭建好学习场景。由于具有完全不同的时空边界，在线教学多数情况下都不能直接采用传统的课堂教学模式来进行。一方面，在线教学具有丰富学习资源（文字、声音、影像、动画、网页等）可供选择和使用的优势，应展现出比传统课堂更高质量的内容体验。另一方面，跳出同一时空的在线教学其教学组织更加灵活，其中又以“直播授课+在线互动”和“录播资料+翻转课堂”为主流模式。前期开课的很多地区学校以直播课形式开展在线教学，开课时段常出现网络负荷空前提升，教学过程伴随高延时、高故障的“翻车”现象。在现有基础设施的条件下，想短时间提升网络、终端、工具的配置水平，改善信息化教学条件不易。因此，减少直播课，改为轻直播（文字+语音+图像），增加学生自主学习比例，教学中融入OBE（Outcomebasededucation，简称OBE）先进教育理念成为前端程序设计课程的首选。

2为什么要在线学

人的大脑运转主要靠四种方式——控制、认知、愉悦和恐惧。自主学习给了大脑控制权，知道所学内容的有用性使大脑获得认知，学好本门课程后能够做什么使大脑拥有愉悦，学不好本门课程又会发生什么使大脑具有恐惧。所以第一步要让学生知道为什么要学，明确学习目标。在充分调研Web前端开发工程师岗位要求和往届毕业生的反馈信息，并结合专业培养方案中课程对毕业要求应起的支撑作用，课程教学目标被细分为知识目标、能力目标、素质目标。身处疫情特殊时段，采用非常规教学方法，除了从知识、能力、素质层面让学生知道为什么而学，进一步从思想与道德层面让学生知道为什么要克服困难更专心地投入到学习中。医护工作者面对被感染的危险依然“逆行”参与救死扶伤；科研人员把论文写在抗击疫情第一线；普通的群众为了战胜疫情，遵守国家、政府的安排，居家忍受着经济损失；快递小哥、社区工作人员、自愿者等许许多多平凡的人们以自己的方式为度过难关默默奉献着自己的力量。对于学生而言，心无旁骛地好好学习就是自己的职责。结合课程需面向互联网网页的纷繁信息，还要求学生做到不信谣不传谣，要以科学精神和探究能力为武器，与各种“伪科学”“假信息”作斗争，同时要加强自身疫情防控知识的学习。

3教与学的统一

传统课堂中的面对面学习，教师能提醒、督促学生集中注意力，然而，在线学习，一方面居家学习环境存在很多的干扰和诱惑，另一方面就算教师想提醒、督促学生也鞭长莫及。因此，有效的教学策略成为关键。3.1知识引领。“以学生为中心”是OBE核心理念之一。传统课堂中，学生所学依赖于教师所教，学生自主学习体验不佳。在线学习环境中，由于学生们的网络环境条件不一，想开展长时间连续平稳的教学不现实，因此将学习内容化整为零，分散到各个任务节点中，学生通过完成对应的学习任务，让自己学会跨上一个个知识的台阶，以此来充分调动学生的主观能动性。课前预习任务，让学生通过互联网查找资源的方式熟悉即将讲授的内容，在课堂上以“头脑风暴”形式进行检测，“迫使”之以知识点测的单选、多选、判断、课堂问答等方法，让学生巩固学习知识，同时，抽查的方式也保证了学生的听课度。如果学生在预习过程中，发现与讲授内容相关且适合自己的网络视频课程，允许学生“脱离”本次课堂，“放飞”自我，开展个性自主化的互联网课程学习。课后，无论是自主学习还是随堂学习的学生，均需参加相应的随堂测试任务并能顺利通过，才表示本次学习任务的完成。3.2互动支持。教与学的关系不是独立的，而是在互动中展开、在会话中实现。在线教学场景中，互动包括学生与学习媒体间的互动，教师与学生间的互动，学生与学生间的互动。会话包含教师与学生间的会话，学生与学生间的会话。在线学习不但师生分离，学生与学生之间也都是相互分离的。“独乐乐不如众乐乐”，因此让学生组成小组学习，既能相互监督防止倦怠，又能相互促进与提醒，还能克服一部分学生因没有电脑带来实践操作不便的困境，保证学习的效率。以学习任务形式创设教学情境，可增强教师与学生、学生与学生间的交流、协作、分享，积极的师生互动可为生生互动做出表率。配以网络聊天的轻松语境和各种表情包，学生以小组合作的方式完成一个个既定目标任务，从而收获一个个学习成果。3.3情感陪伴。以人为本、关注学生心灵是中国教育最鲜明的旗帜。在线教学也是上课，居家学习同样需要具有上课的“仪式感”，学生是否真正学懂有收获才是目标，收获即成果，“以学习成果为导向”是OBE核心理念之一，也是“停课不停学”的意义所在。教师应尊重学生，与学生多交流，鼓励学生积极提出疑问，指出自身在学习过程中没有弄明白的地方，这样才能促使学生主动找到他们知识中存在的裂隙，充分锻炼自己独立思考、分析问题、解决问题的学习能力。对表现好的学生，应肯定、赞扬，对表现欠佳的学生，应即时干预、帮助，从而增强学生的学习动机，提升学生的自我效能感。

4在线学习测评

学生通过在线教学课堂的学习是否真有收获，除了学生主观的自身学习体验与自我成效的综合学习报告外，还应有客观数据来反映学习目标的达成情况。4.1知识测评。知识测评作为经典测评方法，其主要理论基础为程序教学理论。在“互联网+”学习时代，MOOC的测评模式成为程序教学的典型应用。随知识点测、随堂测任务，以客观性试题形式出现，采用自动标记的单向选择题、多项选择题、判断题的方式，通过对学生的答案自动检查来评价学生对相应知识的掌握程度。学生在参加测试时，蓝墨云班课系统可自动判定答案是否正确，并给出相应的提示与分析信息，设置时还可配置答题时间段和答题重复次数，适合教学目标中对各个知识目标掌握情况的诊断。对于教学目标中各个实践能力目标掌握情况的诊断，则以主观性作业提交相应代码文档的形式出现，基于小组合作学习的方式，开展小组间和小组内的互评。首先，学生在规定时间内提交文档；接着，教师互评任务和评价标准；然后，学生在规定时间内完成评阅，给出分数和意见；最后，教师审核，成绩和评语。互评既能提高部分同学的代码书写水平，又能营造出积极的学习氛围，还能增加学生与学生间的感情。“不断持续改进”是OBE核心理念之一，自测+同伴互评，可方便学生更好地了解自己的实际学习状况，丰富思维的空间，深化知识的认识，进行不断的自我持续改进。4.2数据分析。蓝墨云班课可详细完整地记录教师在整个教学过程中开展的所有教学活动，包括学习资源、投票问卷、头脑风暴、讨论、测试、小组任务、课堂表现（举手、抢答、小组评价）等，有了这些教学活动的数据，有利于教师对每一个学生的学习情况进行针对性地了解。例如，想了解某个学生的学习情况，则可查看该生的学习报告，报告中包含经验值个人报表（绝对表现）及与其他学生的对比情况（相对表现），资源学习情况及学习时间，活动参与情况及参与时间等，完整的学习痕迹一目了然。通过学习数据分析，教师和学校可根据分析的结果，开展教学内容调整、对有学习失败风险的学生进行干预等工作，进行不断的教学持续改进。4.3成果标记。数字徽章作为一种以图标或徽标表征学习成果的数字标记，被用于正式和非正式学习中的学习成就或能力认证。学生每成功完成一个模块一个教学层次的预设学习任务，则点亮一个徽章，通过统计点亮徽章数量的多少可反映学生学习成果获得的情况。这样做既让学生更加明确了学习目标，又可激发学生的学习动机，满足自我实现的需求，还能追踪学生个性化的学习路径，更好地关注学生在分析、处理和解决问题等方面的能力建构过程。这次突发的疫情，大规模的在线教学匆忙上线，给学校管、教师教、学生学都带来很多挑战。2020年3月底4月初，在浙江考察时发表讲话说到，“危和机总是同生并存的，克服了危即是机”。借此次肺炎疫情之危，学校应努力改造和升级在线教学的硬件、软件，为今后常态化的线上线下混合学习打牢基础，教师应主动参加培训并开展在线教育教学实践研究，发现并总结在线教育教学、线上线下混合学习规律，为进一步推动高等教育教学改革贡献自己的力量。

作者:李宗剑 单位:重庆第二师范学院数学与信息工程学院