Web编程课程设计教学大纲

1、Web编程实践课程设计教学大纲课程名称： Web编程课程设计 课程类型： 必修课程总学时： 32 课程总学分： 2实践学时： 28 实践学分： 2一、课程设计的目的与任务（一）课程设计目的以Web应用程序为主要表现方式的架构来进行的项目设计及管理，这样的架构中包含了浏览器、网络和Web服务器等关键主体，主要体现在网站设计、以浏览器为客户端的Web应用程序开发（例如信息类网站、网上商店、虚拟邮局、客户关系管理）等项目管理中，随着技术的不断发展和用户对网站功能性的需求不断提高，如今网站项目的设计已经不能再仅仅简单地利用静态HTML文件来实现，与前几年网站设计由一两名网页设计师自由的创作相比，网站项

2、目的设计和开发越来越像一个软件工程，也越来越复杂，网站项目的设计和开发进入了需要强调流程和分工的时代，建立规范的、有效的、健壮的开发机制，才能适应用户不断变化的需要，达到预期的计划目标。Web编程实践课程是计算机专业的一门专业课程。本设计是结合Web编程教学，以ASP为蓝本，开发当前流行的Web系统的一门实践教学课程。本课程设计是针对信息管理与信息系统专业的一门必修实践课程，通过课程实践，不仅可以使学生了解、掌握各个系统开发基本原理、流程，而且还可以掌握一到两门实际Web系统开发的技能、手段；能够利用指定系统的特点构造出系统的最优化模型并且能够与网络数据库连接，实现数据库的各项操作，同时对于系

3、统的各个模块：登陆模块、综合管理模块等有一个全面的规划、掌握，通过实践环节由浅入深地进行，最终完成指定系统的设计。 本设计课程选择了Dreamwaver与ASP相结合的方式，通过Dreamwaver的强大的网页制作、网站管理的功能，结合ASP简单、高效、易扩展性等的特点，以目前比较流行的一些系统（投票系统、新闻发布系统等）设计各个系统的相关模块，设计相关的数据库，最终将各个模块整合在一起达到课程设计的理想效果。通过课程设计让学生了解当前比较流行的一些Web系统的开发流程，掌握系统设计的一些关键技术，结合Internet与Web设计课程内容，培养学生分析、解决问题的能力，加深知识点的掌握，提高学

4、生的实际动手能力和创新能力，使学生具有强烈的信息意识，深刻地认识到信息技术的崛起和发展对人类社会所产生的深刻而广泛的影响，让学生充分认识到信息社会中团队精神和相互协作的重要性，为以后实际工作打下良好的基础（二）课程设计任务本课程根据理论课程内容，运用该课程中ASP的一些基本知识，与Dreamwaver相结合，通过课程设计达到对指定系统的一个理想设计。内容包括：1. 调查目前国内主流网站关于该系统的模式，对每一种模式给出自己的分析并选定一种；2. 从用户的角度出发进行目标初步设计（系统到达什么要求，完成什么功能）；3. 系统的功能分析与设计（功能模块的划分）；4. 系统的界面设计，包括整体效果、

5、主界面、各个模块界面的设计；5. 系统的整合、测试；6. 根据设计结果最终完善并定期更新。课程设计采用调查研究与上机设计两种形式，通过Web开发的全过程的熟悉与掌握，掌握ASP、网络数据库以及Dreamwaver，设计给定的应用系统。二、课程设计项目基本情况一览表（办公自动化系统）序号设计项目内容提要学时实验类型必开选开1SWOT与需求分析系统的定位与需求分析3设计分析必开2系统设计概念、初步定义流程初步确定系统的流程和模块组成6设计+分析必开3系统内容规划（UE）系统内容规划3设计分析必开4系统总体设计系统功能以及界面、的设计，数据库标识定义6设计综合必开5系统详细设计系统的数据库设计、功能

6、描述、IPO图的实现6设计综合必开6系统测试系统测试2设计综合必开7系统维护系统维护和升级2设计综合必开三、课程设计教学参考书、指导书实践教材：ASP动态网站编程 石志国，崔林主编， 清华大学出版社，2006年参考教材：Dreamwaver入门实战与提高锋线创作室主编，电子工业出版社，2006年ASP程序设计使用教程，梁建武主编，电子工业出版社，2006年四、说明（一）设计题目及要求 1课程设计分为课堂上课以及学生课后动手开发两种形式，任课教师在首次上课时下发设计题目，学生根据兴趣以及能力分组，任课教师选择组长或由学生推选；2设计题目以当前实用的Web系统为原型，设计系统的整体模型，对系统的各

7、个环节要有一个全面了解。学生拿到设计题目以后，分工完成各个设计，同时组长要在不同时期向任课教师汇报现阶段进展；3首次上课任课教师向学生说明该课程开设的目的、完成的任务、实践环节的进行、最后的成果展示以及该课程设计的考核方法。（二）课程设计环境 调查研究：查阅资料、上网以及发放调查问卷，了解应用系统需求；计算机：Pentium 4以上，内存256以上，硬盘2G以上； 环境配置： Windows 2000以上计算机，Access2003、DreamWaver MX 2004、Photoshop CS2、系统已经安装IIS。（三）实践方式及要求 实践要求：1、 任课教师下发题目、学生选择题目之后，应

8、当首先了解本设计题目基本内容，再仔细查阅资料，展开调研，避免出现盲目开始设计的情况；2、 每次实践课之前，任课教师要抽查上次任务完成情况并向学生布置当次课的任务，主要阐明本阶段目的；3、 实践方式为一组一题，每组67人，每次任务发布下去之后，组员之间要分工协作、紧密配合，充分体现团队配合；4、 任课教师在每一次实践课开始之前要认真准备，实践课上清点每组人数，对学生在上一阶段完成的任务做纤细点评并且仔细记录，力求每阶段都能良好地衔接在一起；5、 每一组组长要切实负责，上课时向教师汇报阶段任务完成情况以及组员工作以及到位情况。作业要求：每次实践完成，应用专门的实验报告书，根据预习和实践中的出线的情

9、况以及实践主要内容等，及时、认真地写出实践报告。实验报告一般包括以下内容：学生姓名、学号、实践时间、指导教师、实践的目的和任务、实践中遇到的问题以及解决方法、任课教师审阅意见等。 实践报告具体格式如下：XXX大学Web编程课程设计实践报告姓名学号班级实践时间实践指导教师小组编号组长成员课程设计题目（给定应用系统的题目）实践题目（每次实践的题目）实践目的实践任务实践内容、过程及结果实践过程中出现的问题及解决方法相关资料备 注教师批阅及指导2该课程全部采用实践课的方式，根据制定实践内容完成大纲中的8次实践课，建立给定应用系统的数据库底层数据模型。以每次实践课完成的内容为基础，将每次实践内容整理（每

10、次实践内容是数据库设计过程中的其中一个环节），形成选定应用系统的一个详细设计报告，最终形成一本设计论文。论文包括设计给定应用系统的目的、任务和最终达到目标；设计过程；参考资料；心得体会等。具体要求如下： （1）设计论文封面格式： 见附页一 （2）论文内容格式： 见附页二（四）考核与评分方法考核方式：1、本课程考核方式、方法：根据学生任务完成的情况、设计报告的质量、答辩水平及平时的学习态度等全面评定成绩。2、实验成绩评定方法：实践设计课程成绩单独按优秀、良好、中等、及格和不及格五级分记录考试成绩。凡成绩不及格者，该门课程必须重修。学生的设计成绩应以平时考查为主，在学期末上交设计课程论文，以实际实

11、验工作能力以及最终论文作为评定成绩的主要依据。评定各级成绩时，可参考以下标准：（1）优秀（很好）能正确理解实践课程的目的要求，能认真对待每次课程任务并努力完成，会主动分析和处理实验中遇到的问题，能掌握所学的各项实验技能，能较好地完成实验报告及其它各项实验作业，有一定创造精神和能力。（2）良好（较好）能理解实验的目的和要求，能认真对待每次课程任务并努力完成，能分析和处理实验中遇到的一些问题，能掌握所学实验技能的绝大部分，对难度较大的实验部分完成有困难，能一般完成实验报告和其它实验作业。（3）中等（一般）能粗浅理解实验目的要求，能认真努力进行各项实验任务，但技巧较差。能分析和处理实验中一些较容易的

12、问题，掌握实验技能的大部分。能一般完成各项实验作业和报告，处理问题缺乏条理。工作作风较好，能认真遵守各项规章制度，学习努力。（4）及格（较差）只能机械地了解实验内容，能一般按图、或按实验步骤“照方抓药”完成实验操作，能完成60%所学的实验技能，有些虽做但不准确。遇到问题常常缺乏解决的办法，在别人启发下能作些简单处理，但效果不理想。能一般完成实验报告，能认真遵守实验室各项规章制度，工作中有小的习惯性毛病（如工作无计划，处理问题缺乏条理）。（5）不及格（很差）只掌握50%的所学实验技能。有些实验虽能做，但一般效果不好，操作不正确。工作忙乱无条理。一般能遵守实验室规章制度，但常有小的错误。实验报告较

13、多的时候有结果，遇到问题时说不明原因，在教师指导下也较难完成各项实验作业，或不努力，不求上进者。五、面授课及各实践项目说明本课程共34学时，其中课堂教学6学时，实践课程28学时，具体内容如下：（一）面授课第一课 实践任务的阐明以及分工学时：2学时时间：第一节课内容：阐明实践课的意义以及实践教学的重要性； 布置课程设计题目； 规定课程设计的任务、目的、要求及考核方法； 学生分组，指定组长，按组选定课程设计题目；第二课 课程设计总结学时：4学时时间：最后两节课内容：总结设计成果； 按照小组指定学生答辩； 针对设计过程中出现的问题，给与建议和更正意见； 收回学生设计论文，并对论文成果评定成绩； （二

14、）实践课实验一 系统的定位与需求分析1 任务分析包括：系统的定位，系统的远景规划，系统的目的，系统自身分析，和可行性分析，主要目的在于市场的需求分析，要求进行调研，调研内容包括：在需求分析阶段，主要针对界面交互相关问题，对用户进行若干调研，主要包括以下内容：l 系统当前以及日后可能出现的功能需求； l 用户对系统的性能（如访问速度）的要求和可靠性的要求； l 系统的实际运行环境； l 系统页面总体风格以及美工效果（必要的时候用户可以提供参考站点）； l 主页面和次级页面数量，是否需要多种语言版本等； l 各种页面特殊效果及其数量（js, flash等）； 2实践内容 首先根据选定的应用系统，查

15、阅相关知识及资料，上网浏览目前主流网站关于本系统的构架、模式，初步分析本系统的功能及用户需求；针对每一种模式的特点，通过发放调查表、查阅资料、听讲座等方式详细分析本系统的需求；根据对系统的需求分析，形成该系统的需求分析报告，同时根据报告内容，可以采用自拟或任课老师拟定等方式确定系统的主要模式。实验二 系统需求的实现1 目的要求目的：、了解该阶段在系统设计中的重要性；、搭建系统模块、掌握系统的开发平台、开发工具；、根据实验一的需求分析结果设计系统的流程以及模块流程； 、确定各个模块之间的关系以及与整个系统之间的联系。 要求：、了解系统开发平台Dreamwaver以及页面设计工具Photoshop

16、；、确定系统的运行环境以及软硬件平台；、初步搭建系统模型。2实践内容 根据实验一完成的结果选定系统的模式之后，搭建系统的框架，分析系统组成模块以及各个模块之间的关系，将每一部分进行功能抽象，确定各个部分的大体流程，勾勒出系统功能结构树，定义用户的优先级，最后确定系统流程与各部分流程之间的协调关系。实验三 系统内容规划1目的要求目的：、将各系统框架转化为各个部分的实际模型；、确定本系统的使用原则以及B/S构架原则；、确定各个框架的实际需要模块以及内容大纲。 要求：、分析确定每个模块、确定用户组的权限以及可以操作的功能； 、通过实验项目报告以及规划书确定每名组员的具体任务。 2实践内容 将第二次实

17、践报告总结之后确定各个板块的内容，同时将任务分工到每一名组员，根据每个流程进行分块设计，进一步熟悉掌握系统开发所需要的软硬件环境，同时对用户需求进一步完善和补充，对系统模块的划分和代码复用的要求达到模块最大化和代码复用度最高。 实验四 系统总体设计1 目的要求目的：、确定系统的基本风格以及界面的交互模式；、根据用户界面设计的规则确定主界面以及各个模块的界面；、数据库标识定义。 要求：、用户界面设计的要求包括：界面风格需要一致、界面元素对象化、指定文件命名标准、设定文件统一路径、考虑用户偏好以及习惯、字体颜色大小、编写用户帮助手册等内容；、用户界面要求友好，导航作用明显。 、数据库标识清楚，各个

18、字段名称不能混淆。 2实践内容 根据用户界面设计的准则，确定系统的主界面，包括：用户信息区域，用户导航区域，用户导航功能树，桌面面板用户帮助导航，主任务通知区域等多个部分，同时确定各个模块的界面，确定主界面与模块之间、各个模块之间的交互方式；定义数据库各表的标识以及字段。实验五 系统的详细设计1 目的要求目的：、完成系统的数据库的设计、各个模块设计；、完成系统各个模块的数据库之间的横向联系；、要求测试人员和软件开发人员自始自终贯通在本环节中。 要求：、建立BUG报告系统，在内部预先创建测试环境，将BUG尽可能早地消除掉；、文档以及编码规范化； 2实践内容 本环节是系统开发的最重要的部分，需要根

19、据上一次实验确定的系统模块构架进行分工，确定各个模块的开发人员，完成数据库的编写等工作，同时保证各个模块之间能够建立高效联系，借助CVS等相关工具建立文档管理体系以及测试环境和测试标准，同时软件开发和测试者要求始终贯穿于本环节中，另外系统发布之前要求进行内部测试。实验六 系统测试1 目的要求目的：、确定系统的最终结果以及稳定性；、发现错误执行的程序；、保证用户界面的完整、一致以及数据库数据一致性；、保证系统的安全性； 要求：、系统功能达到设计初衷，安全性能过关；、可用性包括整体界面、图形、导航等给用户一个整体感；、各个模块之间的链接达到要求； 2实践内容 系统测试的对象不仅仅包括需要测试的系统的软件，还要包含软件所依赖的硬件、外设甚至包括某些数据、某些支持软件及其接口等。因此，必须将系统中的软件与各种依赖的资源结合起来，在系统实际运行环境下来进行测试；测试内容包括：功能测试、性能测试、可用性测试以及兼容测试，找出程序以及页面絮错误，完善细节部分。实验七 系统维护1 目的要求、纠正系统的错误，修改系统的缺陷；、系统升级或者改变模块的组成； 2实践内容 进行系统的最终完善，同时根据用户需要以及系统发展等进行数据库以及网页页面的更新，保证系统不断发展。