混合式教学模式在 Web前端开发课程教学中的应用

混合式教学模式在 Web前端开发课程教学中的应用

高丽霞 王宏

山东电子职业技术学院计算机与软件工程系 山东济南 250200

【内容摘要】 近年来，高职教育作为高等教育的一种重要类型，是面向社会各个方面、各个阶层，面向大众的教育形式，旨在培养大批第一线高等技术应用型人才。搞好高等职业教育，深刻领悟高等职业教育的地位及发展高等职业教育，对于实现我国经济可持续发展至关重要。对高职院校提高人才培养质量而言，教学改革势在必行。针对高职学生的学习特点，线上线下混合式教学模式对提高学生学习兴趣，学习积极性更为有效，线上网络教学平台与线下课堂教学相互配合，相辅相成，教学过程环环相扣，让每个学生都参与到教学过程中，实现做中学，真正实现分层次教学、翻转课堂化教学，从而真正提高人才培养质量。

【关键字】线上线下混合式教学模式；信息化教学；项目化教学；翻转课堂

0 引言

我们传统的教学方式，通常是教师在课堂上整堂课的讲解，或者照本宣科，或者填鸭式教学方式来传授知识，学生则主要通过课后的作业、练习来进行知识内化。我们高职学生在这样的课堂学的乏味，积极性不高，效率低下。

而我们高职学生的学习特点：他们不喜欢理论课，他们保持注意力的时间相对较短，缺乏毅力，缺少耐力。老师在课堂上给他们讲授知识内容时，他们并不喜欢“被动听讲”。他们更喜欢简洁、清晰、准确、精炼的信息，倾向于接受碎片化、颗粒化的教学内容，他们是新时代的数码达人。他们更有个性，更愿意主动动手尝试，喜欢在实验室的实践课，喜欢“做中学”。

线上线下混合式教学模式，是把传统的学习过程翻转过来，知识传授是学生通过网络教学平台信息技术的辅助课前在线上完成。教师根据教学大纲的教学知识点，根据学生的学习特点创建多个颗粒化的短小视频，让学生课外在宿舍、家中、图书馆等等，随时随地在线上观看视频中教师的讲解，完成针对基本知识点和概念的自主学习；而学生则通过老师的帮助和同学的协助，完成知识消化吸收的过程；而线下的课堂则变成了教师与学生之间互动的场所，主要用于项目实战、任务驱动、解答疑惑、汇报讨论等教学活动。这种线上线下混合式教学模式，采用了信息化教学手段，翻转课堂教学方式，从而达到更好、更有价值的教学效果。

1 Web前端开发课程线上线下教学改革思路

1.1 网络教学平台建设，为线上自主学习提供保障

作为Web前端开发的核心基础课程《Web编程基础》，于2017年10月建成超星泛雅网络教学平台，按照“颗粒化资源、系统化设计、结构化课程”的指导思想，根据职业教育教学规律，完全实现以项目导向的课程设计，将课程内容融合在项目中进行，从而实现“实践联系理论”。本课程整体以一个企业真实项目模拟制作迪士尼中国官网为基础，划分成8个开发模块，27个开发任务，映射约400个颗粒点的基本课程资源制作完成，并从2016级对软件技术专业学生开始上线使用。平台建成以来，不断深化改革，截至目前，平台使用班级累计30个，平台使用人数1401人，课程访问量已达226W+，真正实现了资源共享，课程辅助教学的作用，为学生线上自主学习提供有力保障。

图 课程网络教学平台使用情况

1.2 项目导向、任务驱动、分层次教学，提高线下学习有效性

作为Web前端开发技术的核心课程《Web编程基础》，在教学内容选取、教学设计，基于“面向岗位、立足学生、培养能力”的教学思想，依据涉及的工作领域及工作任务，选取具有综合性、趣味性、可扩展性的企业真实项目：模拟制作“迪士尼中国官网”网站作为教学内容，真正做到“项目导向，任务驱动，做中学，做中教”。

图 模拟制作迪士尼中国官网

整个教学过程以该项目贯穿始终，该网站的6张网页内容，按照16个教学周的时间安排，每张网页在教师精讲多练的指导下，学生边做边学。学生分组进行研讨展示、项目实战、任务实操等团队学习环节，教师充分与学生进行互动交流和指导，并组织进行过程性多元化考核评价。该项目为学生提供主动学习机会，同时将良好职业道德和人文素养，以课程思政的方式融入课堂中，促进学生深入思考，真正实现以学生为本的分层次教学、个性化教学，提高了线下学习的有效性。

图 模拟迪士尼中国官网的6张子页面

2 线上线下混合式教学改革实施

2.1 课前线上自主学习

课前教师通过超星网络教学平台中的通知功能，发布本模块的预习任务，并上传网络教学资源。

学生在课前通过超星网络教学平台（网页版、手机版），随时随地、自主学习、交流讨论的完成本模块的预习任务。

图 学生课前随时随地线上自主学习

在课前学生通过网络学习资源中微视频播放、前进、后退、暂停、重播等自主控制的学习，借助教学课件、任务指导、学习参考手册等多种学习资源在线学习，实现个性化的自主学习。

课前的线上学习，作为后续翻转课堂教学的先导，为课堂教学阶段做好基础知识储备。

2.2 在线自测反馈

学生在课前借助视频、课件、教材、习题测试等多种学习共享资源，完成课前预习的学习任务，并通过习题测试检测自主学习效果，对存在的问题再学习视频讲解、重难点动画演示、学习手册等资源反复重点学习。

教师通过网络教学平台的统计功能检查学生预习效果，并根据统计的结果，合理动态调整教学内容，对存在的共性问题，在课堂上进行集中讲解，通过平台反馈了解学生个体学习情况，在课堂上单独个性化指导，实现分层次教学，个性化培养。

2.3 课堂翻转式教学

在教室的线下课堂教学阶段，教师首先针对信息化教学平台中在线测试的反馈情况，进行集中讨论、答疑，而后对基础知识掌握好的、学习能力强的学生，进行实战性项目化教学；对于课前基础知识掌握薄弱的，学习能力差的学生，针对其平台中所反馈的问题，一对一的进行个性化指导，从而真正实现分层次教学、翻转课堂化教学。

2.4 课后知识拓展技能提升

学生在课后完成信息化教学平台系统中教师布置的课后作业，并在线提交；教师对学生提交的作业进行考核评价，同时学生可随时与教师、同学之间进行交流讨论。课后的考核评价环节有效的辅助了翻转课堂的教学，翻转课堂教学环节也驱动了课后的巩固学习。

2.5 随时随地交流讨论

学生在利用网络教学平台线上学习过程中，不可避免的会遇到疑问，可以直接与教师和同学之间随时随地进行交流讨论，进行咨询，同时真正发挥网络平台应有的效果，增加学生和教师之间的互动和个性化的接触时间。

3 教学改革实施取得的成效

3.1 显著提高学生的学习兴趣，调动了学习积极性

以线上线下混合式教学模式，真实企业级项目为导向，明确任务为驱动的“做中学，做中教”的教学手段，深受学生喜爱，大大提高了学生的学习兴趣和学习积极性，线上学习平台的访问量截止目前已达114W+。

3.2 学生就业与专业相关性提高，学生深受企业欢迎提升快

以两年对毕业生的就业追踪统计分析，软件专业的学生工作领域与所学专业相关性大幅度提高，从事Web前端相关岗位的比例也不断提高。而且从事Web前端相关岗位的学生在工作岗位上不论职业技能，还是个人素养，深受企业欢迎，工作半年到一年，均得到企业高度评价认可、表彰奖励和晋升，有的学生实习期满便可担任负责人，指导、培训新员工。

3.3 软件开发学生社团，为学生提供平台

为了学生的个性发展，组织对软件开发特别感兴趣的学生成立Kong软创新协会、枫雪游戏开发工作室、9秒高校俱乐部等多个学生团体，并为他们提供活动场所，老师定期对其专业学习进行辅导，使学生特长得到了充分的发挥，为学生创新创业培养提供了平台，9秒社团被学院授予2017年度“优秀学生社团”荣誉称号。

3.4 大赛屡获大奖，推进“以赛促教，以赛促学”

软件开发学生社团“9秒高校俱乐部”、“枫雪游戏开发工作室”，以Web前端研发为主，并在全国职业技能大赛、山东省软件开发、山东省职业技能大赛等赛项中获得多项大奖，从而提升眼界、增强专业交流，推进“以赛促教，以赛促学”。

四、总结

线上线下混合式教学模式改革，将翻转课堂教学模式与信息化教学平台相结合，进一步落实以学生为本的教学方式和学习方式改革。无论信息化教学平台的建设还是翻转课堂的有效实施，都需要教育研究者和一线教师的深入探索与不断总结、提升，从而形成更为丰富的经验，更有效地促进学生有意义、积极的参与到学习过程中。高职院校线上线下混合式教学改革，必然对高职院校的人才培养具有一定的推动性影响。

参考文献

1. 乔纳森伯格曼、亚伦萨姆斯 翻转课堂与慕课教学：一场正在到来的教育变革 中国青年出版社，2015年

2. 中华人民共和国教育部 国家中长期教育改革和发展规划纲要（2010-2020年）

基金项目：山东省职业教育技艺技能传承创新平台（ICT工程技术创新平台）资助