Web程序设计教学改革探究

李秀茹

摘要：马鞍山学院是一所应用型教学的本科院校，文章结合了软件工程专业这几年课程体系及项目案例，对“Web程序设计”这门课程的教学内容与方法进行探索。通过“线上教学+课堂授课+课程设计+综合考察”的教学设计，提高学生在软件开发方面的兴趣与创新能力，达到可以承担软件开发的目标。

关键词：Web;教學方法;软件开发

中图分类号：G424      文献标识码：A

文章编号：1009-3044（2022）16-0138-02

1 引言

软件开发一直以来都是信息技术的重点[1]，在日常生活中涉及如银行管理系统、学习网站、购物系统、旅游网站等，都是常用的Web开发的网络平台。大多数软件工程专业的学生在毕业后会从事软件开发工作，那么怎么样更好地让学生学习到目前国内软件开发领域先进的技术，毕业后更好地投入工作中，一直都是各大高校关注的重点。因此，设计好的面向社会建设的Web程序设计课程显得尤为重要。本文将在传统授课模式的基础上，进行教学内容与授课方式的探索[2-3]，以案例为导向对上课内容进行合理设计[4-5]。

2 Web课程体系在教学中存在的问题及教改的意义

软件开发课程体系主要包括以下课程：网页设计、Java程序设计、数据库原理、Web程序设计、J2EE企业级应用开发、软件工程等课程[6]。其中Web程序设计是在Java程序设计、数据库技术的基础上开展的软件开发类课程，并且在J2EE企业级应用开发类课程之前，是学生开展项目的基础，同时也是企业级应用开发技术中所要学习的框架技术的基础[7-9]，所以学习好这部分内容十分重要。

目前，大多数高校软件工程专业的Web课程主要采用理论与实践相结合的方式进行教学，这种教学模式不利于学生兴趣的形成与创新能力的培养，因此，如何打破这种教学模式导致的问题，是本教改探索的意义[10]。

3 研究的主要内容、改革目标及创新之处

3.1研究内容

目前关于Web程序设计类教材很多，大致可以分为两类，一类是传统的教材，如包含Servlet + JSP + Ajax等知识点，这一类教材基础知识点介绍较多，应用较为零散，在课程结束后，仍不能较好地承担软件开发项目的工作。另一类是直接讲授SSM或SSH框架技术类的教材，这些技术都是目前主流的框架技术，但是直接使用这类教材的话，学生比较难以理解与操作，而且众多Web应用开发框架都是基于Servlet技术，因此，Servlet技术可以帮助学生更好地理解与应用框架技术。

在Web程序设计课程的教学中，以往主要以第一类教材为主，考虑到新技术的理解与掌握是促进学科竞赛与就业的关键要素，现教学内容的安排如表1所示。

以上是在综合两类教材内容后对教学内容的安排，这样的教学内容安排，既可以让学生掌握Web程序设计基础内容，又可以学习软件开发领域主流的框架技术，同时为后续的J2EE企业级应用开发课程打下了良好的基础。

除了教学内容方面的探究外，本文还对教学方法进行了研究，在传统的课堂教学基础上，增设了线上授课部分及课程设计部分，注重理论+实践+创新能力的培养，以案例驱动为导向对各知识点进行讲解。

3.2改革目标

培养学生的软件设计、动手操作能力、创新能力、表达能力，让学生参与软件开发周期以及掌握开发过程，改变固有的课堂理论课学习方式，线上学习让学生可以随时自主学习并参与问题讨论。建立以学科竞赛、面向社会建设为目的的课程体系，培养团队合作能力与自我创新能力。让学生在学习Web开发理论的同时，掌握代码的运行原理，学会程序的编写与调试代码的能力。

3.3创新之处

相比以往的教学方法，线上教学已成为目前授课体系中的重要环节，在Web程序设计教学实施过程中，建立了“线上教学+课堂教学+课程设计+综合考察”一体的教学体系，如图1所示。

3.3.1 线上学习

线上课程的建设可以解决因无法正常开学而影响课程进度的问题，因此建设完善的线上课程非常重要，而且线上教学可以弥补传统授课中因开小差没听到或课下遗忘知识点的问题。本文所讨论的线上授课主要是使用学习通平台建设课程，主要建设内容如图2所示。

在教学视频部分，对每课的预习要点、重点知识、回顾分别制作视频进行上传，并且还会将软件开发体系中的其他课程视频资源放入教学视频模块中，以便学生对涉及的知识点进行学习。在资料部分，针对本课程上课内容制作并上传电子文档。线上学习情况也会纳入综合考核中。

3.3.2 课堂教学

课堂教学主要以案例为向导，预先根据课程内容安排几个相关案例，演示案例的同时，告诉学生本节课案例中需要具备哪些知识点，然后再逐个讲解。授课内容主要以案例演示和代码运行机制为基础讲解内容，建立案例导向性课堂教学。同时再对线上课程中的重难点知识进行梳理，帮助学生更好地掌握学科内容。

3.3.3 课程设计

Web程序设计课程锻炼的是学生对软件开发知识点综合应用的能力，在近几年的教学实施中，增设了课程设计教学，以综合案例驱动学生的学习兴趣与应用能力。本文根据教学内容的安排和社会建设的要求，对课程设计做了两个任务安排。

1）网上书城项目

本书城项目包括游客浏览、登录注册、查看详情、购买书籍和订单管理等功能，主要使用的是Servlet + JSP + Ajax技术，是对课程前期知识点的综合应用，在课程中期可以先完成这个综合案例，旨在培养学生的动手操作能力与理解能力，可以让学生有参与项目的成就感，并且对后期的框架技术的学习有很大帮助。

2）人人开源项目框架的应用

人人开源项目，使用了SpringBoot + SpringMVC + MyBatis等技术，前端使用的是Vue.Js框架技术，目前国内已有很多企业采用上述各框架技术进行开发。让学生分组学习、自行选题，完成一个信息管理系统。可以综合考查学生的运用能力与创新能力，可以为日后参与创新大赛和学科竞赛积累素材，还可以更好地应对日后的就业。

3.3.4 综合考察

课程原有的考核体系多是将考勤、作业完成度和期末考试作为评价要点，在此基础上，将建立科学合理的考核指標分配，将线上学习、考勤、作业完成度、讨论情况、课程设计答辩情况、期末考试等作为评价要点，重在突出学习过程、课堂表现，通过此多元的评价方法可以提高学生学习的积极主动性、创新能力、团队合作与交流能力、项目使用与运行表述能力。评价方式如表2所示。

4 总结

本文探究的Web程序设计教学改革方案中，采用“线上教学+课堂教学+课程设计+综合考察”一体化教学结构，教学方式不再拘泥于PPT理论教学与上机实践。案例驱动学生的学习兴趣、动手能力与创新能力;对项目进行演示与答辩的环节可以提高学生的参与感、锻炼学生的演讲能力;循序渐进的课程内容，让学生更加有兴趣地投入课程当中，掌握基础、学习前沿技术，对学科竞赛和面向社会就业都有非常好的促进作用。

参考文献：

[1] 王伟静，郭俊恩.《Web程序设计》应用型课程教学改革研究[J].电脑知识与技术，2020，16（1）：139-140.

[2] 王颖，肖红，张强.基于OBE理念的“Web程序设计”课程教学改革探索与实践[J].微型电脑应用，2020，36（7）：14-16.

[3] 李晓会，杜颖，梁红星.WEB程序设计课程中任务驱动教学模式探索与实践[J].电子世界，2019（22）：94-95.

[4] 曹仰杰，段鹏松，李颉.基于能力形成导向的Web程序设计线上课程教学模式[J].计算机教育，2021（3）：41-44，50.

[5] 李余琪.“web程序设计”教学改革探讨[J].中国电力教育，2012（19）：65-66.

[6] 袁田.基于应用型本科院校《Web前端开发》课程教学改革[J].风景名胜，2019（8）：131.

[7] 曹华山.SSM框架在Web应用开发中的设计与实现[J].无线互联科技，2021，18（11）：108-109.

[8] 王伟勍.基于Spring框架的教学管理系统设计[J].电脑知识与技术，2021，17（11）：69-70.

[9] 牛怀岗，林关成.基于SSM框架的新闻发布管理系统设计与实现[J].现代电子技术，2020，43（21）：127-131.

[10] 任平红，陈矗，郑秋梅.贯穿案例教学法在Java Web程序设计教学中的应用[J].计算机教育，2014（14）：67-69.

【通联编辑：唐一东】