北理工388用户界面设计期末大作业答案.docVIP

PagePAGE6ofNUMPAGES12

[键入公司名称]

部门管理系统

用户界面设计说明书

陈骏逸

2020-12.23

修订历史记录

日期

版本号

修改说明

修改人

核准人

1.0

制定大纲及编写正文

2.0

修改界面设计规范

3.0

修改主要界面设计

目录

TOC\o1-3\h\z1.应当遵循的界面设计规范 4

2.主界面 5

3.登录界面 6

4.部门管理主界面(部门管理模块) 7

5.人员管理主界面(人员管理模块) 10

5.02.注册人员界面 11

6.找回密码界面 12

1.应当遵循的界面设计规范

提示：结合用户需求和机构的软件用户界面设计指南，阐述本软件用户界面设计应当遵循的规范（原则、建议等）。

文本框：

下拉框：

多选框：

单选框：⊙

必须填： ***

多行文本框：

按钮： 按钮

链接： 文字

2.主界面

提示：

（1）绘制主界面的视图；

（2）说明主界面中所有对象的功能和操作方式；

系统名称图片

+高级管理

+信息管理

+个人设置

+部门浏览

+系统帮助

主界面内容

注：主界面框架顶部是系统名称图片，实为显示系统名称用的。

左边树形结构菜单是高级管理、信息管理、个人设置、部门浏览、系统帮助。

高级管理的子菜单是：部门管理、人员管理、栏目管理、权限管理、属性管理。

个人设置的子菜单是：基本信息、密码修改、密码保护。

部门浏览的子菜单是：部门下是人员子菜单。

所有子菜单均在右边显示

3.登录界面

用户名：

密码：

登陆取消

注册找回密码

4.部门管理主界面(部门管理模块)

4.01主页面

删除添加修改

删除

添加

修改

选择部门编号部门名称注册时间修改时间

选择修改部门编号部门名称注册时间修改时间

□修改232736培训部2001-7-12003-9-5

修改

修改□232736教学部2001-7-12003-9-5

修改

修改□232736人事部2001-7-12003-9-5

修改

□修改232736总经理室2001-7-12003-9-5

修改

□修改232736办公室2001-7-12003-9-5

修改

……

1/N页共N条记录第一页前一页下一页最后一页跳到N页

修改注明：该按纽以图片的形式显示在页面上

修改

4.02添加(修改)部门页面

添加部门信息

部门名称：

部门描述：

排序：

提交退出取消

提交

退出

取消

注：本页面用于部门的添加和修改。

4.03浏览部门页面

浏览部门信息

部门编号：

部门名称：

部门描述：

排序：

创建日期：

修改日期：

退出

退出

注：本页面用于部门的浏览。

5.人员管理主界面(人员管理模块)

5.01主页面

全选删除审核清空检索索关键词按

全选

删除

审核

清空

检索索

选择修改编号管理员部门注册时间修改日期审核状态

□修改修改1王森财务部2003-10-12003-10-10已审核

修改

修改

□2王森