信息时代下“Web应用网站设计”课程的线上线下混合教学模式分析

许 燕

（广东职业技术学院，广东 佛山 528000）

随着信息技术的高速发展，学生接触知识的渠道越来越多，传统的教学方式在课堂教学中显得有些滞后，经过3年高职培养的毕业生仍然需要企业的再培养才能上岗，有悖于高职院校设定的人才培养目标。现在很多企业对应聘者都多了一项要求—工作经验，但是在校的学生难以取得工作经验。对此，学校应考虑在课程的学习过程中给学生提供同等意义的工作经验，教学不但要在内容上紧跟外部的发展，也要把实际的工作项目引入学校，提供项目实践环境，让学生在学校就能取得同等意义的工作经验。把“项目引领”进入课程教学，与企业携手共建项目线上实施工作室-云工作室，给学生机会在校获取工作经验。通过课程学习后，能有拿得出手的作品，可直接作为企业面试作品[1]。

Web应用网站能开发出企事业需要的各种形式的网站、信息发布、政务服务、电子商城、BBS论坛、网络课程平台等。满足各行各业需求的解决方案和作品日益增多，平时所使用的各类网站平台都是本门课程的典型应用。在规定时间和预算内高效开发项目，是Web应用开发的高质应用。从事此岗位的人员能熟悉整个项目的开发流程，并完成项目开发非常重要。因此，在课程中，需要让学生能以典型的工作项目作为引领，以满足此岗位的需求[2-3]。

1 基于“项目引领”工作过程的课程教学模式

“Web应用网站设计”作为网站设计专业的核心课程，是一门与工作岗位联系紧密、实践性比较强，并能够切入到企业关键技术领域的专业技术课程。通过本课程的学习，学生应具备在.NET平台上熟练运用HTML，C#，ASP.NET，ADO.NET，Web Service，XML，N层架构等主流技术开发Web应用程序的能力，在完成课程案例的过程中，掌握Web应用系统开发流程、开发技巧和编程规范，这也是“Web应用程序设计与开发工程师”职业应具备的岗位技能。“Web应用网站设计”对于计算机网络技术专业来说，是专业技能提升的重要课程，具有举足轻重的地位。

在多年对此门课程的建设过程中，笔者已经有了丰富的教学经验，但是在MOOC、微课来袭，信息高速发展的时代，教师们也要跟上时代的步伐，将革新教学模式。本课程以理论和实践一体化的工作过程为导向，构建“工作过程完整”的学习过程，进行基于“项目引领”的工作过程实践性教学（见图1），主要在优化教学设计（制作视频、微课、PPT、任务单等）、完善网络课程平台建设（发布各类微课、PPT等资源）、翻转课堂的实施（让学生利用丰富的线上资源在课前学习，让课堂上项目的实施变得更为有效率）等方面进行。三者相互辅助，让项目引领的课程改革能在教学中取得良好的效果[4]。

图1 基于“项目引领”的工作过程实践性教学

1.1 基于“项目引领”工作过程的教学设计

本文从业岗位能力需求、行业标准、职业资格标准融入教学设计入手，在工作过程系统化课程开发模式指导下，通过企业调研，依据岗位需求，确定核心技术，重构课程内容。从职业工作出发选择课程内容，并按照职业能力从易到难的顺序安排教学；课程内容首要强调的是获取完成工作任务的过程性知识，解决“怎么做”（经验）和“怎么做更好”（策略）的问题。以真实的企业项目为导向，根据任务驱动构建基于工作过程的“Web应用网站设计”课程的各个教学单元设计。

整个课程的设计以“引进一项目，创设一项目”为主线（见图2）：对引进项目中完整项目开发的模块任务进行分解，以嵌套知识点的模块任务，作为工作流的每一个步骤；创设项目则是在完成引进项目后，自主设计的完整项目开发[5]。

图2 课程设计主线

1.2 基于“项目引领”工作过程的网络课程的设计

本项目拟借鉴目前流行的MOOC建设理念，积极、主动地结合广东职业技术学院专业资源特色和网络教学平台，设计课程平台。利用“智慧职教云平台”，基于“项目引领”工作过程进行课程设计，将项目分解到各个子项目，每个子项目里面包含有PPT课件和视频。（1）课前，让学生按规划提前了解知识点和模块任务。（2）课中，重点讲解难点和提升学生灵活运行的能力。（3）课后，下达模块任务，让学生能在运用知识点完成模块的基础上增加功能。

结合广东职业技术学院的“得实网络教学平台”建设网络课程网站，将设计的各类视频、微课、PPT、任务单等资源放到网络课程平台，以供学生的在线学习。实现对资源的显示、管理、创意项目发布、在线学习、在线交流、加入真实项目开发等功能。通过巧妙设计“真实项目”，抛出“问题-解决方案”的模式，可以培养学生“自主学习”能力，自我设计方案和解决问题，并对相关知识深入挖掘的能力，既完成任务，又能在学习过程中获取乐趣。通过平台的建立，提供给学生另外一种学习方式，并且能将课程引入社会，让对喜欢该课程的社会人员也能参与到课程中，与学生一起交流。“得实网络教学平台”主要包含以下内容：

（1）前台界面：课程模块，显示本课程的所有微课和教学视频，可按热门度、最新上传等方式检索和显示；收集典型案例、往届学生的好作品放在优秀项目展示模块；“企业”项目模块，显示教师/企业抛出的项目以供学生选择加入项目开发。

（2）开发者中心：用户可以对自己参与项目进行管理，上传、删除设计作品；可以发起或加入讨论组，对某一问题进行咨询或讨论；项目点评，学生可对同学的设计进行点评，提出建议。

（3）后台管理：教师可以对课程进行管理；用户管理；开发项目的发布和管理。

1.3 利用网络平台，进行“项目引领”的课堂实施

阶段一，“引进项目”：引入企业的具体项目，用实际的工作任务、工作过程和工作情境组织课程教学，采用“课前理论知识点的自主学习”→“课堂项目模块技术分析与讨论”→“课后自行完成模块设计/与同学间PK讨论优化功能”的方式进行设计。

阶段二，“创设项目”：下达项目选题，由学生组队选择主题。教师作为客户“甲方”，提出需求；学生作为开发者“乙方”，进行项目创设。重在学生的创作设计，让学生能以工作环境状态完成一个项目的完整“策划-开发-测试-交付”的过程。课堂单元设计上，以“下单任务单”→“创作设计完成任务”→“逐步考评验收”。

做好教学设计后，利用职教云平台，实现翻转课堂的实施。完成如图3所示的教学目标。

图3 教学目标

2 校企合作云工作室运作

开办“项目线上实施工作室”，利用腾讯会议、钉钉等线上办公软件，让企业、教师、学生三方都能不受空间的限制，可以邀请企业做线上讲座或项目启动会；教师、学生之前可以通过会议沟通项目进展情况。

到网站设计公司、软件开发公司等相关企业进行调研，学习企业的商业案例，与企业的专家共同探讨和设计合适的项目，把实际的工作项目引入到学校。企业发布项目后，学生可以组队申请参与该项目的开发；教师评估后，安排学生有序进行项目的开发工作；学生获取项目开发权后，做好项目实施计划，线上与项目提出“企业”方，进行紧密沟通。利用线上工作室，可以提前模拟进入企业的工作环境，按Web开发团队人员组成（见图4）和学生的特长进行分组管理，可分为策划组、美工组、前端组、后端组等。在项目实施的过程中，可以突出自身优势，形成合力，同伴间取长补短，有利于增长各自的技能，形成一种有效的学习模式。

图4 Web开发团队人员组成

3 项目著作证书认证

与合作企业一同撰写项目著作证书认证标准，培养学生在校完成企业项目的能力。在第一阶段项目学习结束后，进入第二阶段创设项目的部分。

校企合作，与企业联合发布项目任务，学生可组队认领项目后，按项目开发的流程进行需求分析→数据设计→前端设计→功能模块设计→网站测试与发布等步骤。老师可跟踪学生的每个足迹，当完成项目，由企业人员负责验收，根据项目需求分析和验收标准，对完成优异的项目，颁发项目著作证书。具体流程如下：（1）双方确立《网站建设方案书》。（2）按照项目实施文件，开发小组应进行日报、周报等可沟通的文档汇报，双方就具体的效果进行沟通。（3）根据网站项目验收标准进行审核，例如：界面设计排版是否符合预期、程序和功能模块的完整性、Bug检测、网站速度测试等。（4）对符合标准的项目颁发证书。

4 结语

本团队到毕业生所在企业进行调研，了解毕业生对在校所学知识和企业需求的是否有差距，通过调查与反馈，对课程设计进行研究，做到跟企业良好的对接。与合作企业共同探讨引进项目，使得学生在课堂中就能获得真实项目的开发流程。采用“云工作室”“项目认证”等方式，让学生能真确地体会工作场景，培养网站设计职业能手。