1、2,第8章 信息系统的界面设计,本章知识导航 理论指导,3,8.1 友好用户界面的基本要求,图书管理系统的界面由窗口构成，一般分为登录窗口、主窗口、多个子窗口、对话框、报表等。子窗口的设计要和系统功能联系，以不同的系统功能来构建相应的窗口。(1) 直观的设计(2) 及时的帮助(3) 有益的提示(4) 方便的导航(5) 快捷的输入(6) 得体的外观(7) 合理的布置(8) 有效的检验(9) 一致的风格(10) 迅速的响应,4,8.2 信息系统的界面设计,8.2.1 用户界面的组成元素(1) 窗口(2) 菜单(3) 工具栏(4) 状态栏(5) 对话框(6) 控件,5,8.2.2 用户界面的设计,(
2、1) 设计初始用户界面(2) 创建导航图和流程图(3) 设计提示信息和帮助信息(4) 设计输入的有效性验证(5) 设计用户身份验证界面(6) 设计错误处理,6,8.3 图书管理系统的界面设计,8.3.1 图书管理系统用户登录界面设计图书管理系统用户登录窗体如图8-1所示。用户登录窗体的属性设置如表8-1所示。,项目实战,7,8.3.2 图书管理系统主界面设计,图书管理系统主界面如图8-2所示。图书管理系统主界面中菜单项的主要属性如表8-4所示。,8,8.3.3 图书信息管理界面设计,1. 图书类型管理界面设计2. 管理与浏览图书信息界面设计3. 新增图书信息界面设计4. 选择出版社界面设计,9
3、,8.3.4 读者信息管理界面设计,1. 读者类型管理界面设计读者类型管理窗体如图8-11所示。2. 管理与浏览读者信息界面设计管理与浏览读者信息窗体如图8-12所示。,10,8.3.4 读者信息管理界面设计,3. 新增读者信息界面设计新增读者信息窗体如图8-13所示。4. 选择读者界面设计选择读者窗体如图8-14所示，该窗体只包含一个DataGrid控件。,11,8.3.5 图书借阅管理界面设计,1. 图书借阅界面设计图书借阅窗体如图8-15所示。2. 图书续借与归还界面设计图书续借与归还窗体如图8-16所示。,12,8.3.5 图书借阅管理界面设计,3. 选择图书界面设计选择图书窗体如图8
4、-17所示，该窗体只包含一个DataGrid控件。4. 图书借阅查询界面设计图书借阅查询窗体如图8-18所示。,13,8.3.6 图书罚款界面设计,1. 图书罚款管理界面设计罚款管理窗体如图8-19所示。2. 浏览超期未罚款图书界面设计浏览超期未罚款图书窗体如图8-20所示，该窗体中包含了一个DataGrid控件和一个Label控件。,14,8.3.7 数据输出界面设计,1. 打印图书信息(1) 图书信息报表设计界面设计(2) 打印图书信息界面设计2. 打印图书借阅信息(1) 图书借阅信息报表设计界面设计(2) 打印借阅表界面设计,15,8.3.8 图书管理系统用户管理界面设计,用户管理窗体如
5、图8-25所示。,16,任务描述 (1) 设计进销存管理系统的登录窗体。(2) 设计进销存管理系统的主窗体。(3) 设计进销存管理系统的员工基本信息管理窗体。(4) 设计进销存管理系统的员工基本信息增加窗体。(5) 设计进销存管理系统的商品类别和商品信息管理窗体。(6) 设计进销存管理系统的商品信息增加窗体。(7) 设计进销存管理系统的供货商基本信息管理窗体。(8) 设计进销存管理系统的供货商基本信息增加窗体。(9) 设计进销存管理系统的入库单录入窗体。(10) 设计进销存管理系统的入库查询窗体。,同步训练,17,参考资料(1) 登录窗体的参考界面如图8-26所示。(2) 主窗体的参考界面如图
6、8-27所示。(3) 员工基本信息管理窗体参考界面如图8-28所示。(4) 员工基本信息增加窗体参考界面如图8-29所示。(5) 商品类别和商品信息管理窗体的参考界面如图8-30所示。(6) 商品信息增加窗体的参考界面如图8-31所示。(7) 供货商基本信息管理窗体的参考界面如图8-32所示。(8) 供货商基本信息增加窗体的参考界面如图8-33所示。(9) 入库单录入窗体的参考界面如图8-34所示。(10) 入库查询窗体的参考界面如图8-35所示。,18,本 章 小 结,本章介绍了用户界面的一般要求、信息系统用户界面的组成元素、用户界面的主要形式、用户界面的设计方法。重点介绍了图书管理系统的界面设计。,19,本 章 习 题,1. 友好用户界面有哪些基本要求？2. 用户界面一般包括哪些基本元素？3. 用户界面的设计主要包括哪些内容？4. 说明图8-30的商品类别与商品信息管理窗体的特点？,
