信息系统分析与设计
课程设计
系网站项目分析报告
Practice make perfect 管理科学与工程系网站设计文档
项目进展过程
2013.4 某日，团队成立！ 2013.5 某晴天*，网站功能讨论设定 2013.5 某晴天**，搜集其它高校系网站情报，并初步确定网站功能。 2013.5 某晴天***，初步设计前台页面布局和进一步实施分工 2013.6.5 后台模版确定，数据库设计，网页层级和首页确定 2013.6.14 小组碰头继续完善前台页面，后台框架搭建；并进行初步页面调试 2013.6.22~26 完成页面设计，前后台连接，完成测试，完成文档 2013.6.28 网站上线！！
I
Practice make perfect 管理科学与工程系网站设计文档
目 录
项目进展过程 ............................................. I 1、项目概述 .............................................. 1 1.1项目名称 .......................................... 1 1.2项目背景 .......................................... 1 1.3目的和意义 ........................................ 1 1.4项目概述 .......................................... 2 1.4.1内容板块...................................... 2 1.4.2其他功能...................................... 2 1.4.3网页风格...................................... 2 1.5参考网站 .......................................... 3 2、需求分析 .............................................. 3 2.1现状分析 .......................................... 3 2.2业务需求 .......................................... 3 2.2.1系统用户描述 .................................. 3 2.2.2网站主要功能描述 .............................. 4 2.3非功能需求 ........................................ 4 2.3.1网站运行环境 .................................. 4 2.3.2网站的系统性能 ................................ 5 2.3.3网站故障维护 .................................. 5 3、系统设计 .............................................. 6 3.1系统结构 .......................................... 6 3.2模块功能 .......................................... 6 3.2.1后台管理系统 .................................. 6 3.2.2前台页面...................................... 7 3.3网站页面 .......................................... 7 4、实施阶段 .............................................. 9
II
Practice make perfect 管理科学与工程系网站设计文档
4.1前台 .............................................. 9 4.1.1网页结构...................................... 9 4.1.2页面布局..................................... 11 4.2后台 ............................................. 12 4.2.1用户接口..................................... 12 4.2.2外部接口..................................... 13 4.2.3内部接口..................................... 13 4.3数据库 ........................................... 13 4.3.1 概念结构设计 ................................ 13 4.3.1 E-R图 ...................................... 15 4.3.3逻辑结构设计 ................................. 16 4.3.4 表设计 ...................................... 17 5、总结 ................................................. 19 5.1成果展示 ......................................... 19 5.1.1 前台 ........................................ 19 5.1.2 后台 ........................................ 21 5.2经验和教训 ....................................... 23
III
Practice make perfect 管理科学与工程系网站设计文档
1、项目概述
1.1项目名称
南京航空航天大学经济与管理学院管理科学与工程系网站
1.2项目背景
南京航空航天大学经济与管理学院管理科学与工程系，下设工业工程、信息管理与信息系统和电子商务三个本科专业，拥有管理科学与工程一级学科硕士点和一级学科博士点以及管理科学与工程博士后科研流动站；设有工业工程研究所、灰色系统研究所等一批在业内有较大影响的科研机构，并建有复杂系统研究平台、IBM实验室和人机工程、物流工程、信息管理系统、经营管理决策模拟等一批专业实验室。
南京航空航天大学经济与管理学院管理科学与工程系具有不断提升的创新精神和创新能力，“管理科学与工程”被评为江苏省“青蓝工程”优秀学科梯队；在灰色系统理论、能源经济与管理、工业工程、创新与发展管理等若干研究领域承担了国家哲学社会科学基金重大招标项目。“管理定量方法课程群”被评为国家级教学团队，“灰色系统理论”被评为江苏省高等学校优秀科技创新团队。随着南航经管学院的不断发展，学科、专业的影响力不断提升，管理学排名进入A+行列，管理科学与工程被评为为江苏省一级重点学科，在2012年教育部学科评估中，名列102所参评大学的第14位，并列排名第六；“工业工程”、“信息管理与信息系统”专业在全国高校专业排名中被评为最强专业，“工业工程”为江苏省和工信部重点专业（类）。
1.3目的和意义
南京航空航天大学经济与管理学院管理科学与工程系具有如此强大的实力和发展势头，但却没有一个专门的对内使用、对外宣传的管工系网站。国内几所重要高校如清华大学、北京大学、南京大学等的管理科学与工程系都建有具备各
1
Practice make perfect 管理科学与工程系网站设计文档
自特色的的管理科学与工程系网站。为了方便本系内部的行政沟通、师生交流，以及对外的宣传，并紧跟其他优秀院校的发展步伐，我们应该也必须建有具有我们自己特色的系网站。
1.4项目概述
既然是为了方便本系内部的行政沟通、师生交流，以及对外的宣传和满足自身发展的需要，网站应包括以下基本要求。
1.4.1内容板块
新闻通知：通知公告、新闻动态（学生风采）、学术活动（讲座报告） 系情概况：系简介、专业设置、精品课程 教务教学：教学团队、本科生导师制 科学研究：研究所、实验室
资源共享：教学课件、视频教程、课程软件 系友园地：系友快讯、系友录、老照片 招生信息
1.4.2其他功能
用户登录 内容搜索 友情链接
1.4.3网页风格
根据以上对网站内容的分析和本系立足于系统和管理的特色，管理科学与工程系系网站应以蓝色系为主调，并且为三级页面结构：首页——栏目——内容。考虑到网站流量问题，系网站应添加一些动态图片、flash视频等元素，增加网页的动态性和可观赏性。
2
Practice make perfect 管理科学与工程系网站设计文档
1.5参考网站
1. 清华大学管理科学与工程系网站：
http://www.sem.tsinghua.edu.cn/portalweb/appmanager/portal/mse 2. 清华大学建设管理系网站：
http://cm.civil.tsinghua.edu.cn/ 3. 北京大学历史学系网站：
http://www.history.pku.edu.cn/news/Article/Index.asp 4. 华东科技大学电子与信息工程系网站：
http://ei.hust.edu.cn/
5. 南京大学计算机技术与科学系网站：
http://cs.nju.edu.cn/
2、需求分析
2.1现状分析
目前，国内几所重要高校如清华大学、北京大学、南京大学等的管理科学与工程系都建有具备各自特色的的管理科学与工程系网站，当然不仅仅局限于管工系，其他系别也都建有各自成熟的系网站。作为一个向外展示本系别的发展现状的重要窗口，搭建本系网站是系发展壮大的必然趋势。南京航空航天大学经济与管理学院至今没有一个系网站。作为学院最具特色、最强势和最为活跃的系别，管工系急需自己的网站，并为其他系别网站建设抛砖引玉。
2.2业务需求
2.2.1系统用户描述
学生用户：浏览信息，查看通知，下载资源
教师用户：浏览信息，查看通知，上传资源、下载资源 管理员：后台管理维护，内容上传、修改、删除
3
Practice make perfect 管理科学与工程系网站设计文档
2.2.2网站主要功能描述
参考并综合各大高校系网站设计特点，我们发现系网站的公共模块主要包括以下几个方面
1. 办公模块：针对本院本系办公特点的较强的办公模块；
2. 上传下载：校园内应用程序和学习资料上传下载模块，资源库模块；教师课件上传下载模块，教师信息公布模块，网页上传模块； 3. 信息服务：校园网站链接、教师信息、学术活动、科研动态； 4. 学生风采:组织生活、系特色活动、信息平台（奖学金、赛事、校内生活资讯）、学习环境、学习参考（辅导参考）；
5. 招生就业：招生信息、各类培训辅导、录取查询，招聘信息、福利情况； 6. 精品课程建设：精品课程申报表、教学大纲、网络课件、学习要点及网上习题、实验指导、教学录象、师资队伍、教材论文及获奖材料、参考文献； 7. 科学研究：研究平台（研究所、实验室）、研究项目、研究成果 8. 系友园地：系友快讯、系友回忆、系友录、老照片
后台管理工作模块包括：新闻管理（校园快讯、校园公告）；用户管理；各个模块管理维护。
2.3非功能需求
2.3.1网站运行环境
（1）服务器：
操作系统：Win2000 Advance Server SPK2或 Windows NT 4.0 SPK4、或AS400等或者以上。 浏览器：IE5以上
应用软件：中文版Lotus Domino R6.0 Application/Enterprise Server、Lotus Domino Administrator及以上版本。 CPU：Intel PentiumIII 450MHz以上。 内存：512MB以上；硬盘：40GB空闲硬盘。
4
Practice make perfect 管理科学与工程系网站设计文档
网络协议：可支持TCP/IP、IPX/SPX等多种通信协议。 （2）客户机：
操作系统：Windows98/NT/2000以上 浏览器：IE5以上
应用软件：Microsoft Word 2003以上 CPU：Intel PentiumII 400MHz以上。 内存：64MB以上； 硬盘：2GB空闲硬盘。
2.3.2网站的系统性能
（1）访问速度：系网站以静态内容展示为主，辅有少量flash和动态图片，因此网页打开速度不应大于3s。当然浏览器的响应时间也是访问速度的重要影响因素。
（2）可靠性：网站暂时只设置一个管理员登录，负责页面内容的刷新以及共享资源的管理，因此网站可靠性较强。
（3）网站的出口宽带：由于网站容量较小，因此对网站的出口宽带要求较低，也更能满足更多用户的需求。
（4）预估访问量：网站的主要使用对象是管工系师生，约1000人左右，还有其他社会人士的访问，以及招生时期可能会有更多的访问量。
2.3.3网站故障维护
引起网站系统故障的可能原因为：
1. 连接失败。
2. 客户端操作系统崩溃或网络系统崩溃。 3. 浏览器受损。 4. 其他。
针对以上可能引起网站运行故障的因素，可以采取以下措施进行解决：
1. 检查网络连接设备的工作状态和网络状态，尝试不同网络的连接，并请网络管理员进行网络的检测，恢复网络的正常连接和运转。
5
Practice make perfect 管理科学与工程系网站设计文档
2. 修复或重新安装客户端操作系统并重新安装相关浏览器。
3、系统设计
3.1系统结构
管理科学与工程系网站系统前台页面后台管理系统新闻通知图片展示用户登录资源下载站内外链接栏目管理模块内容管理模块用户管理模块下载管理模块管理科学与工程系网站系统采用前台与后台分开的架构，网站前台即系网站前台页面，网站后台只有管理员用户有权限使用，并通过更改更新后台的功能模块来实现对前台页面的管理与维护。
3.2模块功能
3.2.1后台管理系统
栏目管理模块
管理员用户可以对网站设置栏目，还可以对栏目的访问权限做设置。
内容管理模块
管理员用户可以发布网页内容，并对所发布的内容进行删除、审核和修改等操作。
用户管理模块
分为管理员和普通用户管理，管理员管理包括：系统管理员帐号创建、删除与修改。普通用户管理包括：用户帐号批量生成、用户注册与审核、用户信
6
Practice make perfect 管理科学与工程系网站设计文档
息修改、用户级别划分、权限设置等。
下载管理模块
审核用户身份，判定是否具有相应权限。非注册用户没有下载权限。
3.2.2前台页面
新闻通知
展示最新的管工系动态，展现管工系学生各方面的风采；传达最新的系内通知和公告；报道系内学术科研动态
图片展示
最新的学生活动、新闻动态以图片形式展现在首页，并能链接至相应的文字新闻页面
用户登录
普通用户和管理员用户登录后，可获取不同的权限，游客只能浏览权
资源下载
普通用户和管理员用户登录后，可获取此权限，游客无此权限
站内外链接
由本站链接至相关友情网站，增加本网站与其他网站的粘性
3.3网站页面
首页
7
Practice make perfect 管理科学与工程系网站设计文档
图3.1 首页
文章列表
图3.2 文章列表
文章内容
8
Practice make perfect 管理科学与工程系网站设计文档
图3.3 文章内容
4、实施阶段
4.1前台
4.1.1网页结构
1 一级结构：首页——图片新闻、通知公告、新闻动态
图4.1 一级结构页面示例
9
Practice make perfect 管理科学与工程系网站设计文档
2 二级页面：各子栏目内容列表
2.1 首页——通知公告
2.2 系情概况——系简介、专业设置、精品课程 2.3 教务教学——教学团队、本科生导师制 2.4 科学研究——研究所、实验室
2.5 资源共享——教学课件、视频教程、课程软件 2.6 系友园地——系友快讯、系友录、老照片
图4.2 二级结构页面示例
3 三级页面：文章
图4.3 三级结构页面示例
10
Practice make perfect 管理科学与工程系网站设计文档
4.1.2页面布局
首页
采用上中下层状结构。
页眉采用flash动画，标识学校校徽、学校名称和系名称，右侧循环展
示校训、院训，增加页面动态感和时尚感；
导航条，Photoshop制作深蓝色背景，灵活的具有透明效果的下拉二级
菜单，增加页面的时尚性；
新闻图片， 960×300大分辨率图片，并运用JS代码实现幻灯片播放效
果，是整个页面显得更加大气、赏心悦目；
通知公告和学生风采，显示重要通知和最新学生活动，体现网站的媒体
性和行政功能；
页面底部版权声明，采用与导航条一致的背景图片，形成首尾呼应，彰
显页面的完整性。
其它页
采用上、左、右“尸”字结构
flash页眉和导航条，与首页保持一致，体现整个网站页面的连贯性 左侧二级导航 右侧内容板块 底部版权声明
11
Practice make perfect 管理科学与工程系网站设计文档
4.2后台
4.2.1用户接口
图4.4 登录界面
图4.5 后台管理界面
12
Practice make perfect 管理科学与工程系网站设计文档
4.2.2外部接口
本系统设有人机操作界面，考虑到操作简单、易于管理方面，主要硬件接口设备为PC，鼠标，键盘，而软件接口主要以windows平台为基本平台。
4.2.3内部接口
管理员登录修改文章/栏目添加文章/栏目删除文章/栏目 图4.6 后台模块结构
如上图，各模块之间相互独立又彼此关联，主要通过函数调用实现各部分的连接。
4.3数据库
4.3.1 概念结构设计
通过简单的分析，我们可以清楚的得到在数据库中有文章（article）、栏目（column）和用户（user）三个主要实体，还有一些次要实体，比如文章状态（feeling）。
13
Practice make perfect 管理科学与工程系网站设计文档
（1）关系模式
文章（id，title，createTime，content，creator，top，column_id） 栏目（id，name，htmlpath，type，indextemplate，listtemplate，articletemplate，link，colinfo，columncol）
用户（id，name，password，lastlogin，createtime） 文章状态（article_id，good，bad，lastip） userrole（userinfo_id，column_id） department（id，name，del）
（2）属性解释：
user实体的属性有用户名（name），密码(password)两个属性，id号作为主键递增。
department实体的属性是部门名，id号作为主键递增。
article实体的属性有作者(author)，创建时间（createtime），内容（content），文章来源（source），文章简介（note），文章缩略图（picture），是否置顶（top），创建者id（creator）。
column实体的属性有栏目名，静态化后对应的地址（htmlpath！目前没有实现网站静态化），栏目类型（type），首页模板（indextemplate），列表模板（listtemplate），文章模板（articletemplate），链接信息（link），栏目简介（colInfo）。
feeling实体是文章独立出来的实体，主要属性是顶（good），踩（bad），最后访问IP地址（lastip，是为了防止恶意刷分）
下面是他们的E-R关系图。
14
Practice make perfect 管理科学与工程系网站设计文档
4.3.1 E-R图
图4.7 数据库E-R图
注：圆框红色是主键，紫色是外键，黑色是属性
共有部门、用户、栏目和文章四个实体。部门与用户之间是1:n的关系，用户与栏目是n:m的关系，也就是说一个用户可以访问多个栏目，一个栏目也可以被多个用户访问（初步设计）。栏目与文章的关系是1:n，也就是说一个栏目下有多个文章，一个文章从属于一个栏目。
我们采用了MySQL数据库，使用MySQL Workbench工具对E-R图进行转换。如下所示。
15
Practice make perfect 管理科学与工程系网站设计文档
图4.8 MySQL Workbench转化的E-R图
4.3.3逻辑结构设计
E-R图表示的概念模型是用户数据要求的形式化，但它并不为DBMS所支持，因此须将概念模型结构转换成能被DBMS所支持的数据模型。
逻辑结构的任务就是将概念模型转换成为数据模型，如4.9图所示。
16
Practice make perfect 管理科学与工程系网站设计文档
图4.9 逻辑结构图
4.3.4 表设计
（1）Feeling表设计
（2）Article表
17
Practice make perfect 管理科学与工程系网站设计文档
（3）UserInfo表
（4）Column表
（5）Department表
18
Practice make perfect 管理科学与工程系网站设计文档
（6）UserRole表
5、总结
5.1成果展示
5.1.1 前台
域名：http://pracmakeperf.vicp.cc:8080/Perfect 寓意：Practice make perfect 首页：
图5.1 首页
其它页：
19
Practice make perfect 管理科学与工程系网站设计文档
二级——文章列表
图5.2 文章列表
三级——文章内容
图5.3 文章内容
20
Practice make perfect 管理科学与工程系网站设计文档
5.1.2 后台
后台登录
图5.4 后台登录
栏目管理：
图5.5 栏目管理
21
Practice make perfect 管理科学与工程系网站设计文档
文章添加
图5.6 文章添加
添加栏目
图5.7 文章添加
22
Practice make perfect 管理科学与工程系网站设计文档
编辑、删除文章
图5.8 删除文章
5.2经验和教训
经过一个多月的“确定—否定—确定—否定”，反复地讨论、试用，我们小组才最终确定前台界面。系网站系统是一个比较简单的内容管理系统，而且网上有很多免费的模版可以使用，前期的反反复复也让我们见识并参考了其他高校的系网站布局和内容。
虽然是个简单的网站，但是整个项目做下来，不得不承认我们的网页设计能力、前台美工能力、数据库应用能力，当然更少不了的系统规划设计能力都有了极大的提高，这是仅靠课堂听课所不能达到的。信息系统设计的相关知识在大二就已经接触过，也做过相关的课程设计，但那是只是针对文档的编写。这次是完完整整的一个项目，不是只靠理论就能完成的。比如数据库的设计，不但要把关系模式确定并设计好，还要与前台页面相连接；再如前台页面的设计，前期我们都是简单的运用Dreamweaver做html静态页面，很傻瓜式的软件，当然没有什么难度，但是仅靠这个怎么能做出美观的页面？我们要不断优化CSS样式，去网上搜索试验各种各样的JS代码；不断调整页面上每个DIV的位置、间距、边框，不断调整文字间距、大小、颜色；还有各式各样的背景图片、小图标、页眉flash
23
Practice make perfect 管理科学与工程系网站设计文档
等，这些过程，是我们团队磨合、相互学习的过程，更是我们能力提高的过程。
除此之外，既然是以上线运营为目标，我们的系网站不可能只靠简单的HTML静态页面就能实现的。班上我们也听同学传授了PHP、JSP、.NET的相关知识。我们小组本来是打算用.NET来完成后台框架的，但是.NET主力军兼组长赵澈在紧要关头外出实习，导致我们的项目又停滞了几日，最后全靠刘东威同学，用JSP重新搭建后台框架，才让我们的项目继续前进。在此过程中，刘东威同学还教给团队中其他成员JSP测试的相关知识，虽然我们还不能熟练使用JSP，但还是了解了不少基础知识。另外，还学习了许多关于MySQL的知识。
由于前期团队内部分工不是很明确，导致我们整个项目一度停滞，到后期一直都在赶进度。所以这次项目经历最大的教训就是，一定要分工明确，且要保证分工能准时完成。不过令人欣慰的是，后期团队的合作越来越默契，效率也在不断提高。所以虽然整个网站还有一些缺陷和不足，但毕竟挂出来了，有勇气拿给大家去评论了。印象最深的也是后期大家聚在一起做自己部分的工作，互相提意见，互相解决问题，效率提高了不说，还可以从他人身上学到自己所不能的技能，收获颇丰。
24
因篇幅问题不能全部显示，请点此查看更多更全内容