“Web程序设计”案例驱动教学研究

郭 冬 梅

(安徽理工大学 计算机科学与工程学院，安徽 淮南 232001)



“Web程序设计”案例驱动教学研究

郭 冬 梅

(安徽理工大学 计算机科学与工程学院，安徽 淮南 232001)

摘要：针对“Web程序设计”课程的传统教学模式中普遍存在理论与实践相脱节的问题，提出了将案例驱动与上机实践相结合的新型教学方法。实践证明，课前制定明确教学目标，采取以学生为主、教师引导的案例驱动教学法，结合上机实践，能有效地提高学生的编程能力，是一套行之有效的教学方法。

关键词：Web程序设计；案例驱动；上机实践

Web技术是IT行业的主流开发技术。 “Web程序设计”作为一门专业基础课，为后继程序设计打基础，同时又是专业课的实验编程语言，主要培养学生程序设计能力[1]。传统的教学模式多以理论教学为主，理论与实践脱节，教学效果不理想，学生普遍反映不知该如何下手制作网页、搭建网站。为解决上述教学问题，针对本课程的特点，结合教学实践和前人经验，文章提出了将案例驱动与上机实践相结合的新型教学方法。

案例教学法是一种“亲验式”方法，它根据教学目的和培养目标，以教学案例为素材，将学生引入教育实践的情景中并分析问题和解决问题，培养学生的思维能力，挖掘其潜力[2-3]。案例选取应与教材各个章节内容有机联系起来，保证讲授内容源于课本又高于课本。教师根据语法知识点的教授要求将整个大案例划分成若干个各自独立的小案例，在每一阶段的教学中，教师根据案例提出问题，让学生思考如何完成开发任务[4]；然后，引导学生分析问题，在分析问题的过程中，采用演示程序的方法，将讲授的理论内容与实际案例相结合，这样学生不仅知其然，而且知其所以然，逐步从生搬硬套现成案例转变成灵活运用案例。随着课程的进展，将该门课程的知识点、理论体系、开发流程融入其中，完成整个大型案例的开发。

1教学目标设计

《Web程序设计》课程的教学目标主要分为两个层次：(1)做网页，介绍Internet互联网络的基本知识以及网页的制作，主要为客户端编程； (2)建网站，介绍服务器端编程知识和数据库的应用，学会构建自己的网站。通过这两个阶段的系统学习，学生能掌握JavaScript、VBScript脚本语言的使用，掌握ASP技术的一般理论和编程技巧，学会使用ASP的内建对象和应用组件，实际动手开发搭建一些常用的、具有实际应用价值的交互式网站[5]。

为满足学生实际动手的需求，培养学生的学习网页制作兴趣及网站开发综合能力，教师在讲授本课程开始时就给学生布置网站制作内容，并在计算机学院的FTP服务器上为每位学生分配5 M的网站空间，方便学生上传作品。将最终上传作品作为成绩评定的主要依据，改变以考试为主的传统考核方式。

网站开发的具体要求如下。

(1)主题选定。教师选定一个与学生经历比较贴近的主题，让学生自由发挥，设计在线交互式的网站，如搭建一个具有信息发布系统、论坛、留言板等实用性功能的交互式网站。

(2)技术要求。学生综合运用平面设计与制作软件Photoshop美化网页，HTML语言制作静态网页，使用JavaScript、VBScript脚本语言完成客户端交互，熟练应用ASP的内建对象及ASP组件实现客户端提交，服务器端实时响应的B/S模式动态交互功能。

(3) 完成要求。完成一个交互式的网站开发，要求学生采用循序渐进的开发流程，根据教师讲授的理论知识及实际案例，能够举一反三，具体应用到自己的网站开发当中，随着课程的进展及开发的深入，逐步完成整个网站的构建。这种开发形式能够使学生及时应用案例，巩固所学知识点，掌握开发方法，增强学生学习的兴趣，起到立竿见影的效果，有效地避免了传统单纯学习枯燥的理论知识带来的不良效果。

2案例驱动与上机实践相结合的教学设计

在整个教学过程中，采用案例驱动方法引导教学，结合上机实践环节，使学生具备网站开发所需要的全面、扎实的课程基础知识、编程技巧以及实际动手能力。为达到理想的教学效果，注重理论联系实际，合理安排课程讲授顺序，使教学由浅入深、循序渐进地进行。通过教学实践，教师从传统的知识传授者转变成学生学习的引导者，学生从被动接受知识成为主动学习的主体。应充分发挥学生学习的主观能动性，强调学生在教与学关系中的主体地位[6]。采用这种教学方法，有助于活跃课程气氛，使学生在教师的带动下对课程产生浓厚的兴趣，积极的思考问题，主动寻求解决问题的方法，提高教学效果。

为了有效巩固课程所学的理论知识和教学案例，采用了在机房开展教学的新型教学方式。要求学生每人一台计算机，在每次课开始以后，教师讲授内容和演示典型实训问题1，学生根据教师的讲解思路和操作步骤独立模仿此案例，及时解决操作过程中遇到的障碍。教师案例讲解完的同时学生也亲自动手操作完成，参与到整个案例的开发中。通过上机调试程序，发现程序在运行过程中出现的问题并及时给予解决，以逐步培养自己的实践动手能力。在模仿的基础上，由教师布置类似的实训课题，学生综合运用已掌握的知识和案例，有目的地设计、编写具有其他类似功能的实训问题2，从而逐步完成最终的设计题目，以达到提高的终极目标。整个教学过程分为讲授—实践—提高3个阶段。图中将大案例分为N个小案例，每个小案例又分成3个阶段进行，其中前两个阶段同步进行，为后一阶段打下坚实基础。具体实施过程如图1所示。

图1　案例驱动与上机实践相结合的教学过程

采用“边讲授，边实践”的新型教学模式有效地使学生从被动接受变为主动参与，改变传统的以教为主的教学方式，学生能够真正地掌握并灵活自如地应用所学的Web编程开发技术进行动态网页设计开发，由先前的机械模仿达到举一反三的良好教学效果。

综上所述，案例驱动配以实时上机操作，一方面可以通过动手来理解理论知识，巩固知识点，使学生了解这些知识点是如何应用的，怎样进行编程的，运行界面是怎么生成的。另一方面可以对所学的内容活学活用，极大地提高学生的编程能力和综合应用能力，激发编程兴趣和积极性。

3案例驱动教学法的具体应用实例

由于在整个教学运行过程中，只选取一个大案例完成课程全部教学内容。因此，案例选取的好坏是案例驱动教学法成功与否的关键。按照图1的教学过程具体实施分为以下几个步骤。

(1)设计大案例。根据《Web程序设计》的章节安排，涉及的知识点以及教学目标，按照循序渐进、由易到难的教学思路设计了基于Web的网上购物系统作为大案例。该系统包括用户登录与注册、前台展示、查询商品、在线订购、留言区、后台管理等子功能。

(2)讲授小案例，引导上机实践。确定了大案例之后，应用系统开发流程分析案例，制定详细的实施步骤，将整个大案例划分成与教程中各个章节对应的小案例。在分析小案例的同时可将课程的知识点有效融入其中，让学生在案例中掌握理论知识点，再辅以同步的上机实践，及时巩固应用所学知识。小案例与教学内容的对应关系如表1所示。

表1　小案例与教学内容的对应关系表

(3)独立实践。通过讲授阶段学习到的开发设计方法和基础理论知识，实践阶段掌握的编程技术和具备的编程能力，在独立实践阶段，学生可以参照前述案例的开发步骤，细化每一个小案例需要实现的功能以及所涉及知识点，最终独立完成类似课题，例如网上书店系统的构建等。

4结束语

案例驱动教学使得教师在教的过程中更能有的放矢，学生在学的过程中目的明确、针对性强，充分调动学生学习的主观能动性，以便学生高效学习，轻松掌握知识，驾驭编程。较传统以理论为主的教学方法而言，有效地提高了学生将所学内容应用于实践的能力，从根本上改变了传统教学模式的各种劣势。从学生最终提交的作品来看，网页版面布局合理，表现手段多样，综合应用了网页开发涉及的基本知识点、编程语言，具备了一定的动态网页开发技能，达到了既定的教学效果。

参考文献:

[1] 程一飞, 程玉胜.《C语言程序设计》教学探讨[J]. 安庆师范学院学报(自然科学版), 2011, 17(4): 114-117.

[2] 武建国. 关于案例教学法的几个问题[J]. 忻州师范学院学报, 2004, 20(4): 80-83.

[3] 任平红, 陈矗,郑秋梅.贯穿案例教学法在Java Web程序设计教学中的应用[J].计算机教育, 2014(14): 67-69.

[4] 胡伟俭.基于MCLA的《Web程序设计》教学方法研究[J].计算机教育, 2009(17):108-109.

[5] 吉根林, 崔海源. Web程序设计[M]. 2版. 北京: 电子工业出版社, 2008: 1-2.

[6] 黄武锋.《Web程序设计》课堂教学方法初探[J]. 电脑学习, 2009(4): 84-85.

Research of Web Program Design Course Teaching Based on Case Driven

GUO Dong-mei

(College of Computer Science and Engineering, Anhui University of Science and Technology, Huainan, Anhui 232001, China)

Abstract:Aiming at the problems of widespread separating practice from theory of traditional teaching method, in the process of Web Program Design course teaching, this paper puts forward the new teaching method of Case driven integration with practice. According to the work of students submitted finally, this paper applies the basic methods involved the web pages development, masters the dynamic web pages development skills definitely, achieves its teaching effect. Practice proves that before class to establish definite teaching objectives, taking the student-centered, teachers guide case driven teaching method, and combining with the computer practice, focusing on integrating theory with practice, all can improve the students’ programming capability efficiently. It is a set of effective teaching method.

Key words:web program design, teaching method, case driven, practice

文章编号：1007-4260(2016)01-0146-03

中图分类号：G642

文献标识码：A

DOI：10.13757/j.cnki.cn34-1150/n.2016.01.037

作者简介：郭冬梅，女，安徽怀远人，硕士，安徽理工大学计算机科学与工程学院讲师，研究方向为计算机应用及软件开发。E-mail: dmguo@aust.edu.cn

基金项目：安徽理工大学青年教师科学研究基金(2012QNY31)。

*收稿日期：2015-06-25

网络出版时间：2016-03-15 17:05网络出版地址：http://www.cnki.net/kcms/detail/34.1150.N.20160315.1705.037.html