《实验室网站设计文档1.doc》由会员分享，可在线阅读，更多相关《实验室网站设计文档1.doc（12页珍藏版）》请在金锄头文库上搜索。
1、实验室网站设计文档第一部分 需求分析一、 项目背景随着社会对应用型人才需求的增加，在高校开展素质教育的过程中，实验教学的地位日渐突出。如何建立适合应用型人才培养的实验教学管理模式和实验教学内容、手段，已经成为实验室建设和人才培养的关键问题。利用网站提供灵活、友好的视窗界面，使师生通过网络进行信息交流，方便学生学习。提高实验室的管理水平和工作效率，已经成为实验室信息化管理的标志。本文结合山东大学计算机专业数据库实验室网站设计过程，分析探讨了针对高校实验室网站的数据库、前台页面和后台页面设计中的若干思想。二、利益相关者：1、用户。作为网站的直接使用者，用户在使用我们的网站时的感受是至关重要的。我们
2、应通过各种各样的调查，全面了解大多数用户的使用习惯，力求更好的完善网站的界面及功能。使用户在使用我们的网站时能更方便更快捷的找到自己想要的相关信息。2、管理员。对于管理员，我们要给他一定的权限，他是提供输入或接受输出的人。他的作用就是统筹安排好系统资源，为用户能更方便的使用。但是他们的权限也是有限的。3、网站设计人员。设计网站的人员要熟悉网站的设计流程，了解设计网站的技术。除此之外，还要对谁使用该网站、使用习惯等方面做到全面了解。只有这样才能设计出理想的网站。三、功能分析一个好的实验室网站应该做好下面一些内容： 1、学生基本信息：学号、姓名、性别、出生日期、班级编号、院系、专业、联系电话、住址
3、、登陆密码等。 2、班级信息：班级编号、班级名称、班级简介、所属院系、登陆密码等。 3、教师基本信息：编号、姓名、所属院系、学历、科研成果、科研方向、登陆密码等。 4、实验安排信息：实验项目编号、实验名称、专业、实验要求、实验原理、学时、实验室、指导教师、实验班级等。 5、实验预约信息：实验名称、实验项目编号、预约时间、预约者、预约者所属院系、预约者编号、是否成功、实验人数、预约成功信息等。 6、软件基本信息：包括分类、名称、软件版本、简介、星级、运行环境、软件大小、下载总数、下载地址等。 7、视频基本信息：视频名称、视频类别、视频格式、视频介绍、视频路径、点播次数等。 我们在设计时尽量做到界
4、面友好，容易操作。我们采用了前台与后台兼可以在浏览器中操作，但又分离的结构。还要具有以下几个特点：1、 安全性好。2、 界面直观并容易使用。任何具有网络使用的经验的用户都可以轻松上手。3、 维护方便。只要用户具有网站内部使用权限，在任何时候、任何地方只要能够进入网站就可以进行维护。4、 网站更新、信息发布快速，强大、简单的后台管理功能，不需要专业的管理人员就可以管理网站后台，进行实验室新闻的发布。第二部分 系统设计一、设计原则 1、可用性需要的功能如下：网站及时更新实验室新闻。提供用户注册。为用户之间提供信息交流的功能。 2、安全性安全问题包括管理好用户的个人信息，密码等。 3、简洁性 设计并
5、不再现具体的物象和特征，它要表达的是一定的意图和要求，在适当的环境里 为人们所理解和接受。它与绘图有内在联系，但又不同于绘画，它以满足人们的实用和需求为目标，因而它比绘画更单纯，清晰和精确。页面设计属于设计的一种，同样要求简练，准确。 从人记忆能力角度来说，由于人的大脑一次最多可记忆五到七条信息，因此如果希望人们在看完你的Web后能留下印象，最好也应该用一个简单的关键词语或图像吸引他们的注意力。保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。一般每页使用的字体不超过三种，一个页面中使用的颜色少于256种。
6、页面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把页面装点起来，初学者容易犯的一个错误是把页面搞的花里呼哨，却不能让别人明白他到底要突出表达的是什么内容，主题和意念。4、 一致性一致性是表现一个网页的独特风格的重要手段之一。要保持一致性，可以从页面的排版下手，各个页面使用相同的页边距，文本，图形之间保持相同的间距；主要图形，标题或符号旁边留下相同的空白；如果在第一页的顶部放置了公司标志，那么在其他各页面都放上这一标志；如果使用图标导航，则各个页面应当使用相同的图标。 一致性还包括：页面中的每个元素与整个页面以及站点的色彩和风格上的一致性。所有的图标都应当彩相同的设计风格，比如全部
7、采用图象的线条剪辑画或全部使用写实的照片等。另一个保持一致性的办法是字体和颜色的使用。文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色，为了保持颜色上的一致性，标准色一致或相近。比如，站点的主题色彩如果为红色，可能就需要将链接的色彩也改为红色。5、组织内容 设计Web页面时，所发布的材料必须经过精心组织，比如说按逻辑、按时间顺序或按地理位置等等进行组织，而且这种内容组织应当是易于理解的。 材料组织好后，下一步就是在Web页面上布置文本、图片等内容，目的是引导浏览者在页内浏览。我们应该控制页面上的元素的放置顺序和它们相互之间的空隙。比如，可以把与一段文字相关
8、的图形放在段落旁边或嵌入段落中，但不要把与段落无关的图形放在段落边上，以免引起浏览者的误解。把相关的内容放在一起，而不相关的内容用空白，水平线或其他图形分隔开，最好是浏览者看完一页之后可以选择继续读下去或通过链接跳到其他合适的主题上去。由于人们阅读材料习惯于从左到右，从上到下进行，因此他们眼睛首先看到的是页面的左上角，然后逐渐往下看。根据这一习惯。我们在组织内容时可以把希望浏览者最先看到的内容放在页面的左上角和页面顶部，如公司的标记，最新消息以及其他一些重要内容等等；然后按重要性递减的顺序，由上而下放轩其他一些内容。重要的内容应当是浏览者最容易发现，而不是放在很深 的链接之后的，页面上的广告为
9、了达到宣传效果，通常也放在页面顶部显著位置。在段落中不宜放入过多的链接，否则会引起浏览者浏览上的混乱，最好的办法是按逻辑关系选择放置，而不是随便乱放。如果可能的话，应该把链接放在一些相关的说明性文字旁边。比如，在一列放置文本，在另一列放置链接。这样就可以提示浏览者去使用这些链接。二、 系统前台页面设计前台页面是网站用户浏览站点信息和发布个人信息的窗口。在设计前台页面时应该尽量从网站用户角度出发。以用户使用方便、功能齐全、层次结构清晰、页面清爽舒适为出发点。前台页面的功能要结合实际需求进行设计。为适应应用型人才的培养，提高实验室的使用率，高校实验室一般面向师生开放。设立相应的开放规章制度，开放实
10、验项目、开放时段、指导教师等。因此，现代实验室网站一个很重要的功能就是实验室政策与开放宣传、师生实验预约、实验指导书和相关教学资料的下载、实验作业提交等。鉴于实验室的实际需求，本实验窀网站中主要设计了“实验室简介”、“规章制度”、“实验室师资”、“实验安排”、“实验指导书”、“软件下载”、“视频点播”、“系室相册”、“师生交流”等板块。学生、教师等不同身份的用户在前台可以使用的功能是不同的。例如：学生可以修改个人资料、查看实验指导、上传实验报告、预约实验、查看实验课表、添加留言等。教师可以修改个人资料、查询实验课表、查询实验安排、查看预约学生名单、查看学生上传的实验报告、对学生的实验进行评分以
11、及查看和恢复学生的留言等。功能实现卜，可以利用JSP对象中的session对象的变量值在用户一次完整会话期间不会丢失的特点，在用户登陆时，首先设置session变量记录用户名和用户类型。在为不同用户显示不同功能页面时，读取该记录下来的session变量值，判断用户类型，并使用JSP中的Response对象的Redirect方法，为不同用户重定向打开不同功能的页面。页面组织上尽量采用模块化的设计思想。即把整个页面划分为一个个小的功能模块区域，一个模块区域采用一个独立的、功能相对单一的文件实现。成。这样不仅功能实现起来简单设计时可以避免文件过长。组织结构不清晰，而且当需要对模块功能修改时，也只需要
12、修改相应的小文件，不仅不会影响其它模块区域的功能实现而且也不会影响页面的总体显示效果和页面布局，同时这些功能模块文件还可以反复使用，经济合理。优美的网站风格会给人良好的视觉享受，在网站风格设计上应尽量做到统一(如：字体字型、字号、颜色、超链接样式、背景图片、按钮样式、菜单样式等等)这样可以兼顾网页下载浏览的速度。简单经济的方法是通过定义一个cSs样式表文件来统一控制的，其它页面通过链接引用该样式表文件所定义的风格，需要改变网站风格时，只要修改该样式表文件即可。三、 系统后台页面设计系统后台是完成网站系统内容管理发布和系统基本设置的重要窗口，因此在设计时对后台登陆用户的权限控制就成为必须考虑的关
13、键问题。通过AD0链接后台数据库，核查登陆用户身份和密码，决定用户权限，并利用session变量Admin_name记录该用户，这样在整个后台管理中就可以保证用户的合法操作。需要注意的是需要设置session的Timeout属性值，以保证当用户在规定时间内没有任何请求和刷新操作session变量会因超时而清除。然后通过下面程序迫使超时用户重新登陆认证。后台管理网页结构比较适合采用frameset删框架集实现。在框架集的每一个组成框架frame中，通过其src属性引用不同的页面，这样整体后台页面看上去不仅栏目清晰，层次合理，而且相同的内容不需重复编码，页面更新切换的速度较快。后台功能实现上主要是
14、为了完成对前台页面内容的管理，对相关注册信息，发布信息和资源的管理。在功能实现上和功能结构规划上最好和前台相呼应，有针对性地实现对前台的管理。根据前台栏目设置，本系统的后台功能主要分为十个模块：教师信息管理、学生信息管理、软件下载管理、视频教程管理、实验宦管理、实验管理、通知信息管理、基本信息管理、数据库管理和管理员管理。对学生信息和教师信息这样批量数据的录入应该考虑可以通过数据导入功能实现，例如：可以从教务处的学生信息表中导入学生信息，以便对大量数据的快速录入。四、 系统权限功能设计序号术语或缩写定义1.系统管理员对全部组织和用户进行管理的人员，至少一个。2.普通用户在网上经过注册后产生的用
15、户3.登陆对注册的用户给于登陆后可进行标示功能4.注册对用户给于账号和密码后可有在网站上拥有相应功能五、 三层结构设计本系统采用三层结构设计，即程序逻辑结构分为用户界面层、业务逻辑处理层和数据存储层。三层在实际的物理结构上也是独立的，业务逻辑处理层采用javaBean实现，用户界面与业务逻辑分离，系统的安全性、可维护性、重用性和可扩展性都大大提高。 采用三层架构以后，用户界面层通过统一的接口向业务层发送请求，业务层按自己的逻辑规则将请求处理之后进行数据库操作，然后将数据库返回的数据封装成类的形式返回给用户界面层。这样用户界面层甚至可以不知道数据库的结构，它只要维护与业务层之间的接口即可。这种方式在一定程度上增加了数据库的安全性，同时也降低了对用户界面层开发人员的要求，因为它根本不需要进行任何数据库操作。上面javaBean通过返回对象的形式来返回数据，在类的内部可以规定哪些数据可访问，那些数据是只读的等，从而通过封装数据达到再一次提高数据的安全性的目的。第三部分 可用性测试一、可用性测试指标1、有效性任务完成的百分比；成功对失败的比率；工作量；所使用的功能或命令的数量。2、效率完成任务的时间；学习的时间；因为错误所产生的
