【摘要】高职院校信息化建设和教育教学改革中，混合式线上线下教学为高职教育提供了更多选择。受新冠肺炎疫情影响，各高校积极展开线上教学，文章以网页设计课程为例，详细介绍了情境项目式混合教学的设计与实施，以及教学成效和不足之处。
　　【关键词】混合式教学创设情境高等职业教育
　　【基金项目】2019年江苏省高等教育教学改革研究课题《基于现代信息技术的新型教学模式改革探索与实践》（2019JSJG457）。
　　【中图分类号】G71  【文献标识码】A    【文章编号】2095-3089（2021）11-0074-02
　　“互联网+教育”时代，各高校纷纷试点信息化教学，全面促进了高职院校信息化建设和教育教学改革。依托于互联网，混合式线上线下教学已逐渐普及。2020年新冠肺炎疫情蔓延，根据教育部对高校“停课不停教，停课不停学”的在线教学组织与管理工作的指导意见，常州信息职业技术学院综合运用信息化手段，积极开展线上教学活动。网页设计课程教学着重于应用，线下项目式教学着重于教师演示、学生模仿、教师巡回指导，由于上课方式的改变，课堂案例以录屏形式共享于课程QQ群，学生可以利用碎片化时间重复观看，本次教学着重于将项目情境化融入线上线下混合式教学中。
　　一、情境项目式混合教学设计与实施
　　1.第一阶段：线上课堂案例情境化
　　第一阶段旨在帮助学生理解知识、夯实基础，教师需要将完整案例制作成视频或者微课在线上发布，要求学生课前预习部分知识点，课上直接跟随教师演示完成同步训练。
　　从课堂案例“电影世界首页”页面设计开始创设情境：假设自己所在的小组在公司负责门户网站的电影板块，周一晨会上项目经理罗列了本周页面技术需求，经讨论小组成员确定了最新版本“电影世界首页”的视觉效果图。作为新员工你接到任务，用DIV+CSS布局还原静态页面效果，这是你入职以来接到的第一个独立任务，你跃跃欲试……
　　创设情境的目的在于引导学生系统性地思考，项目需求是什么，用户需求是什么，，自己在整个网页设计流程中所处的环节和作用，更好地理解设计流程，主动去向目标靠近，而不是仅仅将课堂知识复制还原。在前面学习完基础HTML标签和基础CSS样式之后，网页设计的难度已经从简单的执行层面，转向设计层面，只有理解自身所处的情境，才能做出符合产品需要的设计。
　　课堂上着重于引导学生去分析案例的页面框架和内容，进一步加深DIV嵌套模型框架的理解，将网页页面结构和代码结构相对应;同时学会根据效果图对基础CSS样式进行归纳，通过系统性地“拆分+还原”吃透课堂案例。
　　2.第二阶段：线上线下合作练习
　　本次混合项目式教学重点不在于课堂案例教学，而在于学生线上线下合作练习。经过课堂教学，学生有了一定页面分析的能力和完成页面还原的基础，因此第二阶段以学生实践为主，教师引导为辅。为了更好地让学生融入项目，同样进行了情境创设。
　　企业中大多数项目都需要经过团队搭建、项目实施、反复迭代等过程，而阶段性汇报和阶段性调整不可避免，因此本次任务总共设定了3周时间，其中2周半完成提交加半周反馈修改，第3周进行项目汇报答辩。要求学生4～5人一组组建团队，分配选题，每个选题设计首页及至少4个子页面，选出组长并完成任务分工。线上上课期间每周留半节课时间由各组长一对一汇报项目进度，提出问题和修改意见并进行项目进度把控，线下学生自行组建群组，同寝室的学生线下互帮互助，居家隔离的同学可以通过远程操作、腾讯会议等方式完成组内讨论和设计共享，此时教师兼任项目PM的职责，带动团队推进项目：第一周，完成组队分工、头脑风暴、资源搜集和纸上原型;第二周，基本框架搭建、CSS样式模板、首页初稿和子页面铺量设计;第三周，页面整体调整，汇报PPT制作，项目演示录屏。
　　整个过程需要注意的是学生不同于企业员工，企业员工有KPI和考核的压力在，更容易主动想尽办法用多种途径去完成目标，学生第一次完成团队项目，又是疫情期间线上合作，很容易陷入遇到问题找不到解决方法就退缩的情况，因此需要教师和各组组长积极沟通，及时提供帮助。而且部分同学习惯了对知识的复制还原，会出现直接照搬课堂案例的情况，因此在第一周需要教师和组长一起将标准和页面框架制定好，避免投机取巧。此外在项目开始之前就告知学生团队项目最后成绩为团队成绩，如评价为A+，即全员A+，希望大家为此共同努力。考虑到项目成员可能过于依赖组长，要求最后的答辩不允许组长进行汇报，需要另选一名成员，争取调动每一位同学的积极性。
　　3.第三阶段：线上汇报答辩
　　匯报PPT主要内容包括团队介绍、网页流程图、网页效果图、项目分工、计划排期、遇到的困难、团队自我评价，汇报过程分为网页项目演示和PPT讲解两部分，时间控制在每组10分钟。
　　由于是线上汇报，可以邀请该课程其他班级学生自愿参会，提前告知学生腾讯会议时间，通过屏幕共享进行线上项目演示，一个是增加项目答辩的严肃性，另一个是给予学生展示自我的机会，更利于学生增强班级荣誉感和竞争意识，积极面对挑战。
　　项目汇报答辩之后，要求每组按照答辩过程中提出的问题进行修改后完成最终源文件的提交和项目小结。
　　二、教学效果与不足之处
　　1.教学效果
　　本次混合项目式教学共有3个班级约150人次参与，总共30组，涌现了一大批优秀作品，在这个过程中学生反馈主动性大大增加，除了完成指定要求内容，甚至有的组完成了十几个页面的设计。在前期沟通中，有小组希望结合时事设计疫情相关专题页面，这种行为非常值得鼓励，真正将学到的工具应用到实际中，并结合自己的理解完成心目中的设计。有一组留学生选择了旅游网站主题，介绍了家乡马来西亚的美食美景，同样是利用学到的工具，将自己拥有的知识通过网页的形式分享出现。另外有一组同学开启了淘宝零食店铺，结合所学的Java知识搭建起了网页后端，正在尝试在校园开一个线上零食店。和传统教学方式相比，项目式教学中学生的积极性被极大地调动起来，不管是对项目需求的理解上，还是在整个项目的执行上，结果都超出预期，最令人惊喜的就是学生主动融合不同学科知识，在一年级就开始尝试完成前后端的搭建。
　　2.不足之处
　　混合项目式教学对教师要求较高，最好是有企业项目经验的教师，熟悉项目完整流程和阶段性任务，并能很好地进行任务拆分和把控项目进度，尤其是要根据学生实际水平制定规范，并积极调整。有些同学在项目之初定了远远超出自己能力的目标，后期时间紧张导致匆匆收尾，甚至差点无法完成汇报，作为老师一定要主动完成全流程把控。其次是混合式教学的线上过程较难识别学生的实际水平，以及学生之间的参差性，因此需要教师通过课堂练习和测验等手段对学生进行考查，在组建项目团队成员的时候充分考虑到组与组之间实力的差异性，适当进行组员调配，鼓励同组成员互帮互助，共同进步。此外，团队项目周期较长，需要足够的前序知识储备和课时，但情境化项目教学仍然不失为一种新的线上线下混合式教学尝试，具有一定的推广和应用价值。
　　参考文献：
　　[1]马亚琦，马辉.高职计算机网络教学中项目式教学的应用[J].计算机产品与流通，2020（1）.
　　[2]朱建彬.高职计算机网络技术项目式教学例谈[J].新课程研究，2020（29）.
　　[3]刘强，彭娜.基于“超星直播+学习通”的在线教学示范[J].大学化学，2020（5）.
　　作者简介：
　　陶艺文，常州信息职业技术学院软件与大数据学院专任教师，研究方向为软件技术。
　　张静，常州信息职业技术学院软件与大数据学院副教授，高级工程师，研究方向为职业教育。

gzslib202207112219