《题库系统UI设计毕业设计.doc》由会员分享，可在线阅读，更多相关《题库系统UI设计毕业设计.doc（21页珍藏版）》请在金锄头文库上搜索。
1、 摘要 随着计算机网络的发展，Internet 的应用越来越广泛，现代信息技术的发展，给教育带来了深刻的变革。试题库管理系统作为现代教育技术的组成部分越来越受到重视。界面是直接面对用户的，通过修改题库的UI界面，使得原来的系统更加细腻，操作方便；为了适应不同年龄段的老师作者做了相关的修改，使管理员的操作更加简便，使界面看起来更加简洁，作者针对界面的相关问题做出了版本的升级。 本系统采用Dreamweaver和tomcat开发使得界面的看起来比较清新，同时也使系统的平均响应时间大大减少。此方案具有根据选择的科目和知识点系统自动组卷和人工手动组卷两种方式。 本文从该系统的可行性研究,需求分析，到该
2、系统的详细设计和使用都作了细致的阐述。关键词：题库系统、Dreamweaver、UI界面 Abstract with the development of computer network, the application of Internet, more and more widely, the development of modern information technology, brought profound changes to education. Examination management system as part of the modern education te
3、chnology is more and more attention. Interface is directly facing the user, by modifying the UI interface of question bank, make the original system more delicate, easy to operate; In order to adapt to different age groups of teachers, the author made relevant changes, enables the administrator of t
4、he operation more convenient, makes the interface looks more concise, the author made a version upgrade for interface related problem. This system adopts the Dreamweaver and tomcat development makes the interface looks fresh, at the same time, it makes the average response time of the system is grea
5、tly reduced. This plan is according to the selection of subjects and knowledge system automatic group volume and manually set in two ways. This article from the system feasibility study, demand analysis, the detailed design of the system and use all has made the detailed elaboration. Keywords: quest
6、ion bank system, Dreamweaver, UI interface目 录1 绪论11.1 系统开发的背景11.2 通用试题库管理系统开发的意义11.4 系统开发的目标11.5 相关的研究工作12 开发环境及技术32.1开发环境介绍32.2 HTML开发技术简介32.3 Dreamweaver简介32.4 Tomcat简介42.5 JSP技术简介43 系统功能分析与设计方法53.1系统功能分析53.2系统功能的设计方法54 功能的实现64.1 课程浏览的UI设计64.2 试题维护页面的UI设计84.3 课程知识点浏览页面的UI设计125 总结166 致谢17参考文献181 绪论
7、1.1 系统开发的背景 试题库管理系统主要研究如何借助计算机提高出题,组卷速度、精度保证试题的客观、公正、一致、节省组卷时间、减轻教师负担提高工作效率。 随着时代的发展和计算机自动化的进步，各种各样的考试多如牛毛。试卷中包括大量的试题，这无疑增加了出题组卷老师的组卷难度和工作量。如何才能更客观、准确、高效地去评估、检测一分试卷的难易程序与能力分布水平呢。一些教育发达的国家由此建立了不少规模巨大的海量试题库，参加考试的考生数目庞大、次数频繁、还要求每次出题与组卷具有可比性，这样才能用于鉴别和控制试卷的难易分布。学校投入大量的人力、物力到试题的准备、试题的抽取、试卷组织、试卷排版、印刷过程等过程。
8、就在这样的大背景下，为适应这类处理事业的大规模发展，一个高质量的、高效率的试题库管理系统就应运而生。1.2 通用试题库管理系统开发的意义 设计开发通用试题库管理系统的目的主要是为了帮助教师轻松的出一份高质量的试卷，提供一个科学和实用的教学资源管理工具。通用试题库管理系统的重大意义是让教师节约大量的教学工作准备时间，并且拥有更多的时间进行教学研究和对学生进行个性化深入辅导。选择通用试题库管理系统研究设计的意义，是试题库管理系统可以为学校教师举行考试提供方便与快捷的方式，拥有与真实考试同样的题型、组卷等功能。而且，通过JSP、HTML等技术建立具有较高查询效率的试题库系统，使得试卷的自动生成并逐步
9、积累，形成有效的试题库，使试卷管理工作更科学更高效。1.3 UI设计的发展趋势 目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程1.4 系统开发的目标 该项目只要是一个UI界面的版本升级，针对
10、已有的河北农业大学题库管理系统进行相关的UI设计。研究的总体目标是使教师出卷更加方便，管理员的操作更加简洁。而且在这基础上修改了原来的一些缺陷，比如：课程排序问题、查找不方便的问题。1.5 相关的研究工作为了顺利完成题库系统UI的设计与实现，作者在毕业设计期间所做的研究工作如下：1. 分析使用者的各方面需求，使用人群。2. 研究了各个UI界面的设计，从中发现其优点。3. 学习HTML技术，了解TOMCAT的构建，了解了Dreamweaver的使用以及CSS的基础知识。4. 仔细分析了相关的UI界面。5. 设计了题库系统的UI界面。 2 开发环境及技术2.1开发环境介绍硬件系统：Intel 酷睿
11、i5 2450M、2G以上内存、500G以上硬盘、光驱。软件系统：Windows7版本、Dreamweaver8、tomcat7.0。2.2 HTML开发技术简介在万维网上的一个超媒体文档称之为一个页面（英语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（英语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator,英语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整
12、体的一系列页面的有机集合称为网站（Website或Site）。是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。 超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通
13、过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。2.3 Dreamweaver简介Dreamweaver是由美国著名的多媒体软件 Dreamweaver是由美国著名的多媒体软件 开发商Adobe公司（电脑软件公司， Adobe公司 开发商Adobe公司（电脑软件公司，位
14、于美 国的圣何塞）开发的一个“所见即所得” 国的圣何塞）开发的一个“所见即所得”的 可视化网站开发工具，Dreamweaver是 可视化网站开发工具，Dreamweaver是 网页设计三剑客”中的重要成员， “网页设计三剑客”中的重要成员，主要负 责网站的创建与管理、网页板式设计、网页 责网站的创建与管理、网页板式设计、 编辑和排版。 编辑和排版。2.4 Tomcat简介Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持，最新
15、的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5 支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。2.5 JSP技术简介 SP是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态技术标准。在传统的网页HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP标签，就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这样大大降低了对客户浏览器的要
