Web 开发实践类课程教学模式改革探索

胡献宇

（大连东软信息学院，辽宁 大连 116035）

一、引言

2019 年1 月，国务院发布《国家职业教育改革实施方案》，从七个方面提出了20 条措施，要求下大力气抓好职业教育，大幅提升新时代职业教育现代化水平，为促进经济社会发展和提高国家竞争力提供优质人才资源支撑[1-2]；2020 年9 月，教育部发布《职业教育提质培优行动计划（2020—2023年）》，规划设计了10 项任务、27 条举措，明确指出加强实践性教学，实践性教学学时原则上占总学时数50%以上[3]；2021 年10 月，国务院发布《关于推动现代职业教育高质量发展的意见》，指出按照生产实际和岗位需求设计开发课程，开发模块化、系统化的实训课程体系，提升学生实践能力[4]。由此可见，实践性课程地位举足轻重。对于职业院校而言，要通过实训课程让学生将所学专业知识、专业技能应用到具体工作中，做到学习与生产无缝对接，有效减少企业培训成本，使学生更快更好地适应工作岗位。

计算机应用技术专业的定位是：紧跟行业需求，培养学生熟练掌握计算机基本理论、基础知识，具备较强的计算机管理及应用能力、软件开发和维护能力以及创新创业能力。为了实现这一培养目标，大部分具有计算机应用技术专业的高职院校，都开设了一系列的Web 开发实践类课程[5]。然而，当前Web 开发实践类课程教学模式单一，教学方法陈旧，难以激发学生学习兴趣，影响实际学习成效，致使人才培养目标和企业用人单位的需求之间存在一定差距，最终导致课程难以适应职业教育培养高质量专业技术技能人才的目标要求，因此，对Web 开发实践类课程进行改革和创新是十分有必要的。

二、Web 开发实践类课程教学体系建设现状

计算机应用技术专业Web 开发实践类课程教学体系建设较早，目前已经具有一定的特色和规模。[6-7]以大连东软信息学院的计算机应用技术专业为例，教学采用以项目为导向的专业培养路线，通过项目将各个学期的课程相连，如图1 所示。每学年补充相应的实践课程，具体如下：大一学年，补充基本能力实训课程，以HTML、CSS、JavaScript 和jQuery 为主要技术，实现静态网页的布局设计和各类动态效果；大二学年，补充专业能力实训课程，以Vue.js、Laravel、MySQL 为主要技术，完成前后端分离的项目开发工作；对于大三的学生，补充项目实训课程，综合前面所学知识，以软件工程思想为核心，完成项目的可行性研究、需求分析、概要设计、详细设计、编码、测试等工作。通过设计与开发多个项目，使学生具备开发项目的基本能力，能够在就业初期，迅速适应工作岗位。但即便如此，仍无法满足当今技术飞速发展背景下企业工作岗位对求职者的要求。此外，实践类课程教学一贯采用“教师讲授理论+教师演示项目+学生分组实践”的教学模式，任课教师进行讲授和演示占用了大量课时，学生操作时间较少，加上课程学时紧张，使得更重要的企业规范引导和职业核心能力培养，无法落实到具体课程中。这样的人才培养方式，难以适应当前职业教育发展背景下，企业用人单位对计算机专业人才的需求。

图1 计算机应用技术专业培养路线

三、Web 开发实践类课程教学过程中存在的问题

（一）项目选题缺乏创新性

Web 开发实践类课程，主要是以开发项目为核心。目前，项目选题缺乏新意，学生做的项目，大部分都是自拟项目[8]，项目需求是学生自己设计的，在项目实施过程中遇到问题或项目实施不下去时，学生通常会修改原本设计的方案，绕着困难走；同时，学生选题过于传统，对于生活中遇到的各类痛点，无法从项目的角度出发去解决；此外，学生的自拟项目无法上线运行，如此一来，课程结束后，项目就没有了任何意义。

（二）项目设计缺乏连续性

Web 开发实践类课程面向的学生来自同一个专业、同一个年级，学生学习的内容都一样，最终检验的成果也是一样的，但在实际项目开发过程中，完成一个项目需要不同专业、不同年级的学生分工协作。对于目前的实践课程，项目不具备完整性，通常只能做一部分，其余部分可能会舍掉，或者在下一个实践学期继续完成，这样的课程设计思路，无法满足项目开发周期的要求。

（三）项目开发缺乏主动性

在教学过程中，学生根据教师布置的任务去完成项目，教师设计项目的选题范围，设计开发的步骤和流程，安排学生在什么时间段完成什么任务，整个教学实施过程，主体是教师，学生只需要按照教师的要求机械地完成相应的任务。对于不同的项目组、不同的项目实践时间安排不一定统一，学生往往在完成教师安排的任务之后，就会默认掌握了相关技术，而无法发挥自身能动性，完成扩展任务。

（四）项目评价缺乏多样性

评价是实践教学过程中相当重要且不可或缺的一环。实践教学项目评价主要分为形成性考核和终结性考核。形成性考核以课堂表现和课后作业为关键考核点，这种考核方式，往往无法反映学生真实的学习情况，很容易出现学习能力一般，最终考核成绩却很理想的错觉；终结性考核以实践项目的最终效果为考核点，教师根据学生提交的项目成果，简单地以美观性和功能性作为评分点，无法核实代码的真实性和规范性，学生容易钻空子[9]，使得部分美观性较好的项目得高分，而美观性略差但代码十分规范的项目得低分，无法保证评价的客观性。

四、Web 开发实践类课程教学改革方案

（一）融入真实开发项目，搭建学校和企业合作的新途径

学生实践项目从虚拟项目转换为真实项目，这些真实项目来源于教师的横向项目、大学生创新创业的立项项目以及企业真实项目，如图2 所示。实践项目真实有效，能够解决社会、生产等活动中的实际困难，有助于学生对项目宏观的把握，深化对项目开发流程的认识，了解项目开发是环环相扣的，需要成员之间通力配合。学生对某一困难问题的深入研究，能够更好地培养其解决实际问题的能力，为步入工作岗位打下坚实基础。其中，实践相关项目的比例要严格控制，尽可能多地引入企业真实项目，这一方面能够开拓学校和企业合作的新途径，另一方面能够让企业工作人员参与到实践教学中，引入企业项目开发规范，培养学生职业核心能力。

图2 虚拟项目与真实项目的关系

（二）整合学生团队结构，探索不同年级学生合作的新举措

教师结合学院专业特色，采取年级混合以及职责混合的团队合作模式，真正模拟未来工作中的团队协作环境和状态。在Web 开发实践类课程中，将不同年级、不同班级学生进行分层重组，类似于企业中项目团队形式，由学生自主选择团队负责人。根据团队分工协作进行项目分配，对于不同年级的学生结合其特点进行项目分工，明确其在该项目中需完成的工作内容，同时让他们了解完成某一项目的各个步骤以及角色之间的转换。学生可以根据个人能力明确角色，如项目开发（前端和后端）、项目测试、项目实施、项目维护等。学生完成任务的同时，熟悉了项目流程，也锻炼了实际操作能力和团队合作能力。

基于目前公司主流的前后端分离的Web 开发模式以及项目实际情况，探索跨年级学生合作模式，将不同年级学生划分成多个项目开发小组，实现项目的开发，主要做法如图3 所示。选择大二学生，负责项目的服务器端（后端）的开发；选择大一学生，负责项目的前端开发；从专业里面，选择擅长设计的学生，负责项目的界面设计；选择擅长测试的学生，负责项目的单元测试、功能测试以及集成测试。这样可以让不同的学生都能够在自己擅长的方向发挥最大的能力，同时能够在项目开发过程中，感受真实的开发场景，为将来应对复杂的工作打下扎实的基础。

图3 跨年级合作开发网站思路

（三）突出实践教学主体，构建以学生为中心的新实践

突出实践教学主体，以学生为中心，学生根据教师发布的任务，进行实践操练。实践过程中，可以采用“自主学习+教师指导+企业教师指导”的方式（如图4 所示），改善教与学之间的关系，由传统课堂的以教师为主导、学生跟随教师思路进行学习的方式转换为以学生主导，增加学生自主学习时间，为学生提供足够的自主学习平台及相关材料，教师由主导转为辅助。另外，采用小组合作形式进行项目实战，因材施教，实现个性化学习发展目标。小组内部自行进行实战选题和项目开发，可选择当今社会热点、痛点等问题，激发学生自主学习动机，期间教师提供相关素材支持，引导学生自己动手实践，提升学生自身能力，避免出现“一学就会，一做就废”的学习和实践状态。

图4 实践教学主体

（四）优化实践评价体系，打造多样化考核新机制

改变课程考核“一刀切”现象，从多角度评估学生实践的成果，具体做法如图5 所示。课程评价包括形成性评价和终结性评价。形成性考核包括：每日日报、每周答辩、每周作业以及个人对项目的贡献程度等。终结性考核包括：项目开发的各类文档、项目完成的实际情况、项目创新点以及项目答辩等。在考核中，加大形成性考核的比重，并融入对每位学生优势的考察，以便让每位学生能够在项目开发过程中意识到自己在团队中的重要性。采用这种考核方式，既能够改善学生实践过程中不积极的状态，又能够从不同的角度实现对学生的全面考核，便于更加清晰地了解学生的实际情况，为后期教学积累相关经验。

图5 课程评价

五、结语

跨年级学生合作的实践教学模式改革，以学生为中心，充分发挥各个专业、各个年级学生的特长，引导学生以团队合作方式积极参与真实项目，既锻炼了学生的实践动手能力和资料收集整理能力，也培养了学生团队合作精神及协作能力。今后将继续优化实践教学体系，夯实学生专业技能基础，培养适应社会需求的专业人才，真正实现实践教学的最终目标，为中国的信息化发展输出优质人才。