网站项目设计汇报PPT.ppt

* 项目设计汇报 ****** *** ＊项目开发意义 ＊项目总体设计 ＊项目界面设计 ＊模块流程设计 ＊数据库设计 ＊项目测试与总结 项目开发意义 项目开发背景：为切实推进教育创新，深化教学改革，促进现代信息技术在教学中的应用，共享优质教学资源，全面提高教育教学质量，就建立此课程网站，本项目主要是为双语课程《Web程序设计》进行课程网站的设计和开发。 项目现实意义：通过网站学生能进行课外的自主学习和知识探索，并能增强师生间的互动。要求运行稳定、结构完整、使用安全，能够推进课程多媒体网络资源的充分利用，引导学生基于网络的探究性学习和协作学习，激发学生自主学习的积极性，培养学生的想象力，提高学习效率和效果，同时还可以实现优质教学资源的网络共享。 项目需求分析：要求课程网站具备中英文双语资料的浏览、资源管理和维护、实验过程互动、教学大纲、授课教案、习题、参考文献目录共享等功能。 Back 项目总体设计-体系框架 系统体系框架 B/S三层结构体系框架图 开发环境：系统开发环境为：Windows+IIS 数据库： Access 服务端脚本语言：ASP 客户端脚本语言：JAVASCRIPT 页面布局方式：HTML+CSS 服务端环境：Windows Server + IIS 客户端：Internet Explorer 项目采用的体系结构：建立网站总体结构，分为前台和后台，前台最后成品不是静态页（一些特殊页除外），后台的功能为：信息维护（添加、修改和删除）、人员维护（添加、修改和删除）、特色板块管理。 项目总体设计-系统功能 1、首页：展现网站的主题思想，体现《web程序设计》课程的内容和特点，显示各个功能。 2、教学天地：包括课程简介、课程大纲、教学课件、师资队伍等。 3、实验资源：实验内容、实验素材、实验指导等二级菜单。 4、学习资源：参考书目、、经典编程、网站链接等。 5、作业上传：作业提交、成绩管理、成绩查询等。 6、互动区域：课程评价、站内交流、作品展 功能结构图 功能简要说明 1.查分端的成绩查询可输入学号后进行查询，如果需要可以进行信息的进一步验证后再显示查分结果。 2.本项目根据需求后进行拓展，分为二期工程，一期满足用户需求，二期灰色模块为满足需求后的扩展。 3.公告管理主要为文字信息的添加，必要时上传附件。 4.教师端和管理端用户需进行登录后才能使用功能。 5.每部分的管理功能都设计添加、编辑（修改）和删除，包括成绩管理、课程管理、人员管理和公告管理。 6.登录区域以及公告管理会显示在首页上。 Back 项目界面设计 1．将标志logo，尽可能的放在每个页面上最突出的位置。 2．突出网页的标准色彩，我想选用的是背景色白色，局部点缀淡蓝色，表现安静简单严谨的感觉。 3．相同类型的图像采用相同效果，菜单栏都选择按钮的效果，标题字都采用阴影效果，那么在网站中出现的所有菜单和标题字的阴影效果的设置应该是完全一致的！ 二、配色方案设计： 1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 友情链接 最新留言区域 公告管理：显示课程最新消息 登陆区域 表单 显示首页信息，各个一级菜单浓缩显示内容（表格布局，分块显示内容） 主要栏目图标显示 Logo 《web课程设计》课程网站 首页 教学天地 实验资源 学习资源 作业上传 互动区域 （按钮显示菜单项目） 草图设计 首页界面草图设计 栏目页草图设计 内容显示 友情链接 Logo 《web课程设计》课程网站 首页 教学天地 实验资源 学习资源 作业上传 互动区域 （按钮显示菜单项目） 界面效果图 首页界面效果图 栏目页界面效果图 Back 模块流程设计-用户登录 模块流程设计-注册模块 Back 模块流程设计-用户管理模块 Back 管理员登陆成功后，点击“管理”按钮， 进入“帐户管理”界面，显示出学生的 信息，在“操作”列中可以对信息进行 删除，点击“删除”按钮，学生信息同 时从数据库中删除。 模块流程设计-公告栏模块 Back 管理员登陆成功后，点击“管理”按钮，进入“信息修改”界面，显示出公告栏的信息，在“操作”列中可以对信息进行删除，点击“删除”按钮，信息同时从数据库中删除。在下面的“增加”按钮中，可以增加信息，增加的信息会同时显示在主页的“公告栏”中。 模块流程设计-留言板模块 Back 在“站内交流”页面中，点击“提交留 言”按钮，进入“提交留言”界面，可以 写入信息，提交成功后返回到前一页 面，可以看到新增的信息。管理员可 以登录管理留言，对留言