信息系统的界面设计.pptVIP

本章知识导航理论指导知识技能目标(1)了解友好用户界面的基本要求(2)一般掌握用户界面的组成元素(3)重点掌握用户界面的设计方法(4)学会设计常见的用户界面本章知识要点(1)友好用户界面的基本要求(2)用户界面的组成元素(3)用户界面的设计方法(4)常见用户界面的设计教学方法理论实践一体化，教、学、做合一课时建议8课时8.1友好用户界面的基本要求直观的设计及时的帮助有益的提示方便的导航合理的布置 快捷的输入得体的外观有效的检验一致的风格迅速的响应图书管理系统的界面由窗口构成，一般分为登录窗口、主窗口、多个子窗口、对话框、报表等。子窗口的设计要和系统功能联系，以不同的系统功能来构建相应的窗口。8.2信息系统的界面设计8.2.1用户界面的组成元素窗口01菜单02工具栏03状态栏04对话框05控件068.2.2用户界面的设计添加标题设计初始用户界面添加标题创建导航图和流程图添加标题设计提示信息和帮助信息添加标题设计输入的有效性验证添加标题设计用户身份验证界面添加标题设计错误处理8.3图书管理系统的界面设计8.3.1图书管理系统用户登录界面设计图书管理系统用户登录窗体如图8-1所示。用户登录窗体的属性设置如表8-1所示。项目实战属性名属性值说明(Name)frmLogin窗体对象名称AcceptButtonbtnOk设置窗体的“确定”按钮，用户按Enter键相当于单击该按钮CancelButtonbtnCancel设置窗体的“取消”按钮，用户按Esc键相当于单击该按钮Icon指定一个ico文件指示窗体的图标，该图标在窗体的系统菜单中显示，以及当窗体最小化时显示MaximizeBoxFalse设置窗体标题栏的右上角不显示最大化按钮Size320，190设置窗体的大小(像素为单位)StartPositionCenterScreen确定窗体第一次出现时的位置为屏幕中央Text用户登录设置窗体标题文本8.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_018.3.3图书信息管理界面设计添加标题图书类型管理界面设计添加标题管理与浏览图书信息界面设计添加标题新增图书信息界面设计添加标题选择出版社界面设计8.3.4读者信息管理界面设计读者类型管理界面设计读者类型管理窗体如图8-11所示。2014管理与浏览读者信息界面设计管理与浏览读者信息窗体如图8-12所示。20158.3.4读者信息管理界面设计新增读者信息界面设计新增读者信息窗体如图8-13所示。选择读者界面设计选择读者窗体如图8-14所示，该窗体只包含一个DataGrid控件。8.3.5图书借阅管理界面设计A图书借阅窗体如图8-15所示。图书借阅界面设计B图书续借与归还窗体如图8-16所示。图书续借与归还界面设计8.3.5图书借阅管理界面设计选择图书界面设计选择图书窗体如图8-17所示，该窗体只包含一个DataGrid控件。图书借阅查询界面设计图书借阅查询窗体如图8-18所示。8.3.6图书罚款界面设计1.图书罚款管理界面设计罚款管理窗体如图8-19所示。2.浏览超期未罚款图书界面设计浏览超期未罚款图书窗体如图8-2