第8章 信息系统的界面设计

2第8章信息系统的界面设计本章知识导航理论指导知识技能目标(1)了解友好用户界面的基本要求(2)一般掌握用户界面的组成元素(3)重点掌握用户界面的设计方法(4)学会设计常见的用户界面本章知识要点(1)友好用户界面的基本要求(2)用户界面的组成元素(3)用户界面的设计方法(4)常见用户界面的设计教学方法理论实践一体化，教、学、做合一课时建议8课时38.1友好用户界面的基本要求图书管理系统的界面由窗口构成，一般分为登录窗口、主窗口、多个子窗口、对话框、报表等。子窗口的设计要和系统功能联系，以不同的系统功能来构建相应的窗口。(1)直观的设计(2)及时的帮助(3)有益的提示(4)方便的导航(5)快捷的输入(6)得体的外观(7)合理的布置(8)有效的检验(9)一致的风格(10)迅速的响应48.2信息系统的界面设计8.2.1用户界面的组成元素(1)窗口(2)菜单(3)工具栏(4)状态栏(5)对话框(6)控件58.2.2用户界面的设计(1)设计初始用户界面(2)创建导航图和流程图(3)设计提示信息和帮助信息(4)设计输入的有效性验证(5)设计用户身份验证界面(6)设计错误处理68.3图书管理系统的界面设计8.3.1图书管理系统用户登录界面设计图书管理系统用户登录窗体如图8-1所示。用户登录窗体的属性设置如表8-1所示。项目实战属性名属性值说明(Name)frmLogin窗体对象名称AcceptButtonbtnOk设置窗体的“确定”按钮，用户按Enter键相当于单击该按钮CancelButtonbtnCancel设置窗体的“取消”按钮，用户按Esc键相当于单击该按钮Icon指定一个ico文件指示窗体的图标，该图标在窗体的系统菜单中显示，以及当窗体最小化时显示MaximizeBoxFalse设置窗体标题栏的右上角不显示最大化按钮Size320，190设置窗体的大小(像素为单位)StartPositionCenterScreen确定窗体第一次出现时的位置为屏幕中央Text用户登录设置窗体标题文本78.3.2图书管理系统主界面设计图书管理系统主界面如图8-2所示。图书管理系统主界面中菜单项的主要属性如表8-4所示。控件的Text属性值对应Name属性值控件的Text属性值对应Name属性值系统设置mnuSystemSet借阅管理mnuBorrow数据备份mnu01_01图书借阅mnu04_01数据恢复mnu01_02分隔线mnu04_02数据导出mnu01_03图书续借mnu04_03分隔线mnu01_04图书归还mnu04_04用户切换mnu01_05分隔线mnu04_05用户管理mnu01_06超期罚款mnu04_06分隔线mnu01_07数据查询mnuQuery系统退出mnu01_08图书信息查询mnu05_01图书管理mnuBookManage读者信息查询mnu05_02图书类别管理mnu02_01借阅信息查询mnu05_03图书信息管理mnu02_02报表打印mnuPrint读者管理mnuReaderManage图书信息mnu06_01读者类型管理mnu03_01借阅信息mnu06_02读者信息管理mnu03_02帮助mnuHelp关于……mnu07_0188.3.3图书信息管理界面设计1.图书类型管理界面设计2.管理与浏览图书信息界面设计3.新增图书信息界面设计4.选择出版社界面设计98.3.4读者信息管理界面设计1.读者类型管理界面设计读者类型管理窗体如图8-11所示。2.管理与浏览读者信息界面设计管理与浏览读者信息窗体如图8-12所示。108.3.4读者信息管理界面设计3.新增读者信息界面设计新增读者信息窗体如图8-13所示。4.选择读者界面设计选择读者窗体如图8-14所示，该窗体只包含一个DataGrid控件。118.3.5图书借阅管理界面设计1.图书借阅界面设计图书借阅窗体如图8-15所示。2.图书续借与归还界面设计图书续借与归还窗体如图8-16所示。128.3.5图书借阅管理界面设计3.选择图书界面设计选择图书窗体如图8-17所示，该窗体只包含一个DataGrid控件。4.图书借阅查询界面设计图书借阅查询窗体如图8-18所示。138.3.6图书罚款界面设计1.图书罚款管理界面设计罚款管理窗体如图8-19所示。2.浏览超期未罚款图书界面设计浏览超期未罚款图书窗体如图8-20所示，该窗体中包含了一个DataGrid控件和一个Label控件。148.3.7数据输出界面设计1.打印图书信息(1)图书信息报表设计界面设计(2)打印图书信息界面设计2.打印图书借阅信息(1)图书借阅信息报表设计界面设计(2)打印借阅表界面设计158.3.8图书管理系统用户管理界面设计用户管理窗体如图8-25所示。16任务描述(1)设计进销存管理系统的登录窗体。(2)设计进销存管理系统的主窗体。(3)设计进销存管理系统的员工基本信息管理窗体。(4)设计进销存管理系统的员工基本信息增加窗体。(5)设计进销存管理系统的商品类别和商品信息管理窗体。(6)设计进销存管理系统的商品信息增加窗体。(7)设计进销存管理系统的供货商基本信息管理窗体。(8)设计进销存管理系统的供货商基本信息增加窗体。(9)设计进销存管理系统的入库单录入窗体。(10)设计进销存管理系统的入库查询窗体。同步训练17参考资料(1)登录窗体的参考界面如图8-26所示。(2)主窗体的参考界面如图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的商品类别与商品信息管理窗体的特点？