在线考试系统 用户界面设计报告
软件综合化项目实训在线上机通用考试系统
用户界面设计报告
淮安信息职业技术学院计算机科学与工程系
版本历史
目录
0. 文档介绍 ........................................................................................... 错误！未定义书签。
0.1文档目的 (4)
0.2文档范围 (4)
0.3读者对象 (4)
0.4参考文献 (4)
0.5术语与缩写解释 (4)
1. 应当遵循的界面设计规范 ................................................................ 错误！未定义书签。
2. 界面的关系图和工作流程图 (4)
3. 主界面 (5)
4. 子界面A (5)
5. 子界面B (5)
6. 美学设计 (6)
7. 界面资源设计 (11)
8. 其他 (11)
文档介绍
0.1 文档目的
0.2 文档范围
0.3 读者对象
0.4 参考文献
提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下：[标识符] 作者，文献名称，出版单位（或归属单位），日期
例如：
[AAA]作者，《立项建议书》，机构名称，日期
[SPP-PROC-SD] SEPG，系统设计规范，机构名称，日期
0.5 术语与缩写解释
2. 界面的关系图和工作流程图
3. 界面1：登录界面
用户名
口令
[登录] [重置]
学生教师管理员
4. 界面2：系统管理界面
当选择管理员登录后，进入系统管理界面，主要负责对专业、班级、学生、教师等信息的维护。页面采用框架结构设计，右侧为功能页面。
[学生管理]2-1
<班级管理>2-1-1
<学生维护>2-1-2
[教师管理]2-2
<教师维护>2-2-1 ｛各个功能页面显示区｝[专业管理]2-3
<专业设定>2-3-1
<专业课程>2-3-2
[系统管理]2-4
<用户管理>2-4-1
5. 界面2-1-1：班级管理界面
【增加】【删除】
6. 界面2-1-2：学生管理界面
选择现有班级【确定】
【增加】【删除】7. 界面2-2-1：教师管理界面
【增加】【删除】
8. 界面2-3-1：专业管理界面
【增加】【删除】
9. 界面2-3-2：专业课程管理界面
专业课程维护：XXXX专业专业代码：XXXXX
【增加】【删除】
10. 界面2-4-1：用户管理界面
用户管理
【增加】【删除】
11. 界面：学生考试管理界面
以学员身份登录后，进入选题界面：
学号：XXXXXX 班级：XXXXXX 专业：XXXXXXX
【抽提】
12. 界面：学生考试管理界面
抽题结束后，进入答题界面：
学号：XXXXXX 班级：XXXXXX 专业：XXXXXXX 试卷名称：考试时间：XX：XX：XX（倒计时）
13. 界面：试题管理界面
教师登录后，可对本人的试卷进行管理：
14. 界面：试题编辑界面（共35道选择题）
工号：XXXXXX 教师姓名：XXXXXX 专业：XXXXXXX
试题一：{题干编辑区}
A：选中A编辑区
B：选中A编辑区
C：选中A编辑区
D：选中A编辑区
答案：A B C D
【保存】【交卷】（交卷后不能修改）
美学设计
提示：
（1）阐述界面的布局及理由（2）阐述界面的色彩及理由
８. 界面资源设计
7.1 图标资源
7.2 图像资源
7.3 界面组件
8. 其他
用户界面设计实验报告(中南民族大学)
《用户界面设计》实验报告 学号： 姓名： 班级名称： 指导教师：李波 实验日期：
目录 Experiment 1: Evaluation Practices (1) Experiment 2: Design a graphic user interface (3) Experiment 3: Error Messages GUI (12) Experiment 4: Help Document (14)
Experiment 1: Evaluation Practices Use the blank provided to answer the questions. Answer the questions on a scale of 1 to 5, where 1 is a strong no, 5 is a strong yes, and 3 is neutral. If the question does not apply, use a 0.
Experiment 2: Design a graphic user interface Now, you can use the usability measurement to design a graphic user interface .First, you must select a system to finish sessions or tasks for users, so users’ requirements must be analyzed to define all functions you want to realize. Second, you must draw a graphic UI using the software tools, such as Microsoft visual studio, or Visio, or others. All functions must be appeared in this GUI include a main interface and all assistant interfaces. Finally, you must explain why and how you design these GUIs according to the usability measurement and the EIGTH GOLDEN RULES. The document format is described as follow. You can finish this work by PPT or word. 1. The system requirement The system requirement is described here. The main contents include the aims and what the users want to do. 随着信息时代的发展，计算机管理的应用越来越广泛，随着计算机的普及，就连调查问卷也慢慢的脱离了纸质化。对于一个比较大的公司而言，对其客户进行调查问卷是很有必要进行的，而由于客户的分布广，进行纸质的调查问卷不仅浪费财力，还浪费了物力，因此网上调查就避开这一缺点。因此，我设计了一个网上调查问卷系统。这个系统的用户有两类，一类是经销商，一类是经销商的客户，客户通过网上填写问卷，经销商则对客户的问卷进行回收，统计，分析，以做出相应的出售方案。 The aims 1）用户管理
ui用户界面设计课程设计报告
UI用户界面设计 大作业课程设计报告 题目：依依旅行系统前台应用及后台管理院别：信息与控制学院 专业：计算机科学与技术 学生姓名： 7宋依依 指导教师：孙丽云 成绩： 2015年 6 月 12 日 一、系统概述 1.1课程设计题目： 依依旅行系统前台及后台管理 1.2 课程设计运行环境： Java，MyEclipse6.5，Tomcat5.x Microsoft SQL Server 2008 360安全浏览器7.1 1.3 课程设计实现技术： 基于HTML，CSS，JSP等技术的应用 二、依依旅行系统需求分析 2.1系统功能需求：
系统的功能需求包括一下几个方面 （1）游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。（2）游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。 （3）游客登录后还可以进行各种订单的退订，个人信息的修改。 （4）系统管理员可以查看游客的预定请求和取消预定的请求。 （5）系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。 三、依依旅行系统概要分析 3.1旅游系统模块介绍 满足以上需求的管理系统主要包括以下几个模块。 （1）旅游数据维护模块 基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。 （2）旅游业务模块 基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。 （3）数据库管理模块 在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。 （4）旅游信息查询模块 信息查询模块主要用于查询景点的信息和游客的预定信息。 下图所示表示了旅游开发管理系统的功能需求： 3.2旅游数据维护模块 数据维护模块包括如下图所示的几个方面： （1）修改更新景点信息：系统管理员可以更新和修改景点信息。 （2）更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。 （3）添加景点信息：系统管理员可以添加景点及景点信息。 （4）删除景点信息：系统管理员可以删除景点及景点信息。 3.3旅游业务模块 旅游业务模块包括一下几个方面： （1）注册登陆后，更改个人信息 （2）查询信息：游客查询景点使用信息及景点概括信息。 （3）预定取消景点：游客预定景点票。 （4）酒店预订：游客可一根据情况预定酒店。 （5）出行方式：游客可以根据自己的情况选择出行方式。 3.4数据库管理模块 数据库模块包括一下一个方面： （1）游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。（2）景点信息管理：景点信息包括景点的名称，代号，概况等。
web简单网页课程设计报告
设计内容及要求 <1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误 <2>首页设置导航栏，命名为 <3>利用CSS技术对网站进行布局，网站风格统一 <4>灵活运用JavaScript使网页生动 一、设计思路 首页： 二、设计结果及分析 首页：
1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介： 联系： 3.第四章做了根据js的一个互动。可以对前台邮箱的内容进行判断。
图片欣赏： 4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。 三、总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。 五、附录（源代码）
首页：
我大东营
实验8MATLAB图形用户界面设计实验报告
实验8 MATLAB图形用户界面设计实验报告实验报告 课程名称:MATLAB应用成绩: 实验项目名称:MATLAB图形用户界面设计实验时间:11.6 指导教师(签名): 班级:XXXXX 姓名:XXXXX 学号:XXX 实验目的: 1. 熟悉MATLAB的菜单设计方法 2. 熟悉MATLAB的主要控件使用方法 3. 熟悉MATLAB的GUI设计流程 实验环境: MATLAB 7.1 实验内容及过程: 简单计算器的设计:在MATLAB GUI的实验环境中，通过MATLAB图形用户界面设计的方法，设计一个 简单的计算器，以实现简单数据的退出、清屏、删除、四则运算等基本功能。 实验过程、结果及分析:
计算器代码: function varargout = jsq(varargin) gui_Singleton = 1; gui_State = struct('gui_Name', mfilename, ... 'gui_Singleton', gui_Singleton, ... 第 1 页共 6 页 'gui_OpeningFcn', @jsq_OpeningFcn, ... 'gui_OutputFcn', @jsq_OutputFcn, ... 'gui_LayoutFcn', [] , ... 'gui_Callback', []); if nargin && ischar(varargin{1}) gui_State.gui_Callback = str2func(varargin{1}); end if nargout [varargout{1:nargout}] = gui_mainfcn(gui_State, varargin{:}); else
Visual FoxPro 程序设计实验报告
VF程序设计实验报告 图书馆管理系统 专业： 学号： 姓名： 指导教师： 2010年12月31日
目录 第一部分系统概述--------------------------------2 第二部分系统功能模块设计------------------------2 第三部分系统数据库及表设计----------------------2 第四部分系统菜单设计----------------------------5 第五部分系统界面设计----------------------------6 第六部分系统相关程序代码-----------------------13 第七部分实验报告小结---------------------------22 第八部分参考资料-------------------------------22
一、系统概述 近年来，随着图书馆规模的不断扩大，图书数量相应的增加，有关图书的各种信息量也成倍增加，面对庞大的信息量，传统的人工管理户导致图书管理的混乱，人力与物力过多的浪费，图书管理费用的增加，从而使图书馆的负担过重，影响整个图书馆的运作和控制管理。因此，为了充分发挥了图书馆的功效，最大限度地为读者服务，必须制定一套合理、有效，规范和实用的图书馆管理系统，对图书资料进行集中统一的管理。 根据上述需要，我们建立本图书馆管理系统。 根据图书、读者和管理员三者之间的关系，本系统主要实现读者对图书的查询、个人信息的修改和管理员对读者、图书的管理。 本系统采用VF6.0作为开发工具。 二、系统功能模块设计 本系统可以完成一般图书馆关于图书查询、借阅及书库管理的主要功能。其中：图书查询模块可以查询所需要的图书；读者管理模块中，读者可以查看自己的信息，对登陆密码进行修改，管理员可以对读者进行添加和删除；图书管理模块中，管理员可以为读者进行图书的借阅和归还操作，以及对图书的信息进行修改，如加入新书、删除不能使用的图书和更新图书的信息；报表打印模块中，实现对需要的信息进行打印输出。系统结构下图所示。 三、数据库及表设计 经分析，图书馆管理系统主要涉及了学生、管理员和图书三部分。因此需要建立的实体就是学生、管理员和图书三个。 根据系统模块的设计，可以的到本系统需要建立的基本表为：读者信息表、
实验三图形用户界面设计(汽院含答案)
实验三图形用户界面设计 实验目的 1．掌握Java语言中GUI编程的基本方法 2．掌握Java语言中AWT组件的基本用法 3．掌握Java语言中Swing组件的基本用法 实验导读 1.通过图形用户界面(GUI：Graphics User Interface)，用户和程序之间可以方便地进行 交互。 AWT(Abstract Windowing Toolkit)，中文译为抽象窗口工具包，是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的包提供，里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类，这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包（AWT）为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下，就是JDK 用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码swing包中的组件采用的是调用本地虚拟机方法，由虚拟机再调用本地操作系统代码。意思就是中间多了一层，这样就加强了swing包的移植性，与本地关系不那强了。 图AWT常用组件继承关系图 Container为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来。 2.布局，容器中的组件的排放方式。常见的布局管理器： FlowLayout（流式布局管理器）：从左到右的顺序排列。Panel默认的布局管理器。 BorderLayout（边界布局管理器）：东，南，西，北，中。Frame默认的布局管理器。 GridLayout（网格布局管理器）：规则的矩阵
UML课程设计在线考试系统
《UML建模技术课程设计》 课题名称： 专业： 班级： 学号： 姓名： 指导教师： 成绩： 第一章需求分析 1.1、系统的性能需求 为了保证考试系统能长期、稳定、安全、可靠、高效地运行，系统应满足以下的一些性能需求： ①系统处理的准确性和及时性：准确性和及时性是考试系统的必要性能。在系统设计和开发过程中，要充分考虑系统目前和将来可能承受的工作量，使系统的处理能力和响应时间能满足用户要求。 ②系统的开放和系统可扩充性：考试系统在开发过程中，应充分考虑以后的可扩充性。例如，系统要能够承载课程的题库、试卷库等来实现课程考试。题库、试卷库或单套试卷可以随时进行增加、删除和修改等维护。要求系统提供足够的手段进行功能的调整和扩充。可以实现简单的加入和减少系统的模块，配置系统的硬件。通过软件的修补、替换完成系统的升级和更新换代。 ③系统的易用性和易维护性：要求系统应该尽量使用用户熟悉的
术语和中文信息的界面。系统界面应友好易用，应有详细的系统使用说明，对一些容易出现的误操作应该有相应的提示以及处理办法。考试系统要具有易用性、友好性，系统安装方便、维护简单。 ④系统的安全性：充分考虑用户、题库、服务器等的安全。系统对系统不同等级的用户分别设置不同的权限。考试期间由于机器死机重新启动机器后，计时器应合理进行计时。考试期间由于机器原因需要更换考试用机，学生重新登录考试系统后应能继续做题，考试服务器应能及时保存学生的操作结果。 1.2、系统主要功能 系统主要功能包括学生管理、试卷管理、教师管理、学生在线考试等等，下面就系统的主要功能做简要分析： ①用户信息管理学生可以登录系统，登录以后可以参加考试和查询成绩。管理员可以添加、修改、删除学生和教师信息。教师登录后可以添加、修改、删除试题，并且可以不同类型题目组合试卷，也可以按照试卷专业或者试卷名称查询试卷。 ③在线考试学生登录以后出现学生信息包括学号、姓名、考试课程等，学生确认信息后开始考试，考试结束后需要提交试卷。 ④题库管理教师或者管理员可以在题库里面增加、修改、删除试卷。 ⑤成绩管理管理员可以查询学生的成绩，也可以删除学生的成绩，但是不能对学生的成绩做出修改。 1.3 功能模块需求分析 系统的用户包括考生用户、教师用户以及系统管理员用户。用
围棋对弈界面课程设计
课程设计(论文)任务书 理学院光信息专业2班 一、课程设计(论文)题目围棋对弈界面设计 二、课程设计(论文)工作自2016年6月27 日起至2017 年 7月1 日止。 三、课程设计(论文) 地点: 8-605 四、课程设计(论文)内容要求： 1．本课程设计的目的 （1）使学生掌握软件开发的基本工作流程； （2）巩固JAVA程序设计课程所学的内容； （3）培养学生的计算机思维能力以及合作的精神； （4）培养学生分析、解决问题的能力； （5）提高学生的科技论文写作能力。 2．课程设计的任务及要求 1）基本要求： [1] 掌握Frame,Panel等容器的使用 [2] 掌握AWT图形绘制的常用方法。 [3] 掌握java的事件监听机制，理解相关角色及相互关系。 [4] 熟悉按钮和鼠标事件的处理。
[5] 完成类围棋对弈界面设计。界面参考如图1所示。 [6] 功能至少包含： a)能用颜色选择对话框改变棋盘背景颜色； b)实现黑白棋子轮流落子； c)显示游标即游标轨迹擦除； d)显示下棋所用时间。 学生需分析课程设计任务，进行系统需求分析；并对系统进行总体设计， 分解系统功能模块；实现各功能模块代码，进而组装各模块，并测试、完善系统。 图 1 围棋对弈界面
2）创新要求： 实现更复杂的界面控制，提供更多的围棋对弈功能等，并提高系统的容错能 力，完善系统功能，进行代码优化。 3）课程设计论文编写要求 课程设计报告的撰写要求表述简明，图表准确。 报告按如下内容和顺序用A4纸进行打印并装订成册。 （1）封面 采用统一的课程设计封面，并按要求填写好封面要求的个人信息。 （2）设计任务书 （3）评阅书 （4）目录 （5）正文 （6）主要参考文献 4）答辩及评分标准： （1）达到课程设计的目的及要求，程序的可读性较好，并调试正确，50分； （2）能正确回答设计中老师所提问题，可增加10分； （3）课程设计报告书写规范整齐，可增加20分； （4）心得体会认真总结，可增加10分；
Java基础实验报告-图形用户界面设计
南京工程学院 实验报告 课程名称 JAVA基础 实验项目名称图形用户界面设计 实验学生班级 实验学生姓名 学号 同组学生姓名 实验时间 实验地点 实验成绩评定 指导教师签字年月日
一、实验目的和要求 1.掌握Java Swing组建的使用方法，包括窗口、框架、对话框、面板、文本编辑框、按钮、组合框等多种布局方式，掌握窗口菜单和快捷菜单设计方式。 2.理解委托时间处理模型，掌握不同组件、不同事件的事件处理方法，设计出能够响应事件的Java图形用户界面。 3.熟悉在组件上绘图的方法。 二、实验题目 用表格存储并显示个人所得税税率表，给定一个月收入值，计算应缴的个人所得税。 三、实验方法与步骤（需求分析、算法设计思路、流程图等） 算法设计思路：本次实验题目为计算个人所得税，所以本人从网上找到了国家最新的税收政策，以下为截图：
因此，我设计了以下核心算法 public void actionPerformed(ActionEvent e) { if(e.getSource()==button_b) { double wage=Double.parseDouble((String)text_wage.getText()); double tax = 0; if(wage<=3500) tax=0; if(wage>3500&&wage<=5000) tax=(wage-3500)*0.03; if(wage>5000&&wage<=8000) tax=(wage-3500)*0.1-105; if(wage>8000&&wage<=12500) tax=(wage-3500)*0.2-555; if(wage>12500&&wage<=38500)
网设计与制作课程设计报告
《网页设计与制作课程设计》 实验报告 院系名称：管理学院专业班级：电子商务XXX 学生姓名： XXX 学号： XXXXXXX 2016年 06 月 一、实验目的 本实验属于设计性实验，在学习完《网页设计与制作》课程的基础上，通过实验学习网页制作的步骤与方法，使用CSS+DIV制作一个简单的网站，能够对网站有一个清晰的认知和规划。进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构。将理论与实践相结合，加深对本课程的理解。 二、实验步骤 1、进行网站整体规划，包括网站主题、栏目以及界面的构思，确定网站结构，形成初步设计思路。 2、设计网站的主页以及栏目，利用CSS+DIV制作网站主页和弹出式导航条菜单，利用JavaScript制作动态效果，并用firework软件对主页进行切图。 3、设计并利用CSS+DIV制作列表页，并用firework软件对列表页进行切图。 4、设计并利用CSS+DIV制作内容页，并用firework软件对内容页进行切图。 5、进行调试和修改已形成最终实验结果。 三、网站设计思路 1、参照“唯品会”“折800”等电商网站，确定网站主题为“轻奢电商”。 2、设计网站主页,主页设置首页、美妆、服饰、零食、母婴、关于我们、在售分类等七个一级栏目。其中美妆、服饰、零食、母婴四个栏目含有二级栏目。
3、首页设置品牌热卖、限量抢购等图片展示，并利用Javascript设置用户名和密码的表单验证，在图片之下设置一个新闻列表提供有关网站的最新消息，右侧设置账户、密码的表单验证，并在网页结尾处写上官方微信和版权信息。 4、由主页导航栏上的的在售分类引出列表页，在列表页中采用新闻列表样式具体展示本企业的全部商品分类并设置超链接。 5、由列表页中美妆|女士护肤|洁面弹出具体的内容页面，主要由图片以及相应的文字介绍组成。 四、网站的核心代码 1、主页