第五章 界面设计及详细设计.ppt

* 图 “图书销售”的下拉菜单 * (3) 屏幕界面结构 事实上，下拉菜单的内容就已经确定了信息系统应该具有的屏幕界面结构。每一个菜单项描述一个系统功能，点击该菜单项，就能把完成对应功能的屏幕界面切换为当前屏幕界面。 书店信息系统“图书销售”节点的屏幕界面结构见下图。 * 图 “图书销售”屏幕界面结构 * 5.5.4 对话设计 1) 对话过程 ●对话过程：用户与信息系统之间的交互过程。用户要通过信息系统完成一个完整功能，就需要与系统发生一次对话过程。 ●一个用例功能的实现过程就是用户与系统的一次对话过程。在对话过程中，用户向系统提出要求，系统给予应答。 下面给出“售书处理”用例中，售书员和收款员分别通过各自图书销售管理节点和结算节点与书店信息系统的对话过程。 * 条件： 假定售书员已经把销售图书节点上的系统启动，并处在“售书处理”屏幕界面；收款员已经把结算节点系统启动，并处在“收书款”屏幕界面。 读者从书架上找到两本《系统分析与设计》及一本《软件工程技术概论》，拿到售书员柜台前，希望购买这三本书。《系统分析与设计》的图书编号是9787111108481，《软件工程技术概论》的图书编号是9787030099402。 下图是在售书处理过程中，售书员和收款员分别与系统的三个对话过程。 * 对话一：在销售图书节点售书员与系统的对话 售书员：用扫描仪扫描三本书的图书编号9787111108481、9787111108481和9787030099402。 系统：在屏幕上显示出这两种书的图书信息，包括图书编号、图书名称、作者、出版社、单价、出版日期、册数，以及价格合计。 售书员：点击“开书单”按钮。 系统：弹出窗口，提示用户等待，当前正在打印书单，启动打印机，打印出三联书单。书单打印完成之后，自动消除提示窗口。 注：售书员把三联书单交给读者，让读者在收款柜台交书款。 (a) “售书处理”对话一 图 “售书处理”的三个对话过程 * 图 “售书处理”的三个对话过程 对话二：在结算节点收款员与系统的对话 收款员：输入书单号。 系统：显示该书单信息，包括每一种图书的图书编号、图书名称、作者、出版社、单价、出版日期、册数，以及书单图书的价格合计。 收款员：收读者的书款，并按“书款”按钮。 注：收款员给自己留一联书单，并给另外两联书单上盖章，然后把书单交给读者，让读者回到售书员处持书单领书。 (b) “售书处理” 对话二 * 图 “售书处理”的三个对话过程 对话三：在销售图书节点售书员与系统的对话(继续) 售书员：输入书单号。 系统：显示书单信息，包括每一种图书的图书编号、图书名称、作者、出版社、单价、出版日期、册数，以及书单图书的价格合计。特别显示“书款已交”。 售书员：按“售出图书”按钮。 注：售书员给自己留存一联书单，给读者一联书单，并给图书上盖章，把图书交给读者，本次售书结束。 (c) “售书处理” 对话三 * 2) 对话界面设计 ●对话界面：能够实现一个用例对话过程的一组屏幕界面称为对话界面。 ●对话界面设计：需要根据用例的对话要求，设计出一组能够满足用例功能需要，并具有友好界面风格的屏幕界面。 下图是“售书处理”用例对话过程的对话界面。首先进入“售书处理”界面，接收待售图书的书号和册数，接收完后，按“开书单”按钮，则在“售书处理”界面上弹出一个小窗口，显示“正在打印书单，请等待……”。 * 图 “售书处理”对话界面 在“售书处理”界面 按“出售图书”按钮，则界面切换 到“出售图书”界面，接收“书单号”，按“确认”按钮出售图书。 因此，在“售出处理”对话过程中共有“售书处理”和“出售图书”两个界面。 * 图 “收书款”对话界面 下图是“收书款”对话界面 * 5.5.5 屏幕界面设计及界面建模 1) 屏幕界面的布局和风格 ●屏幕界面布局：由各个界面构件在屏幕界面中的位置、大小、图样等所构成的整体屏幕格局。 ▲屏幕界面的布局应该整洁、合理、和谐，既能满足所显示内容的需要，又要具有美感。 ▲功能、内容和类型不同的屏幕界面其布局是不一样的。 ▲应重视屏幕界面的整体布局设计，在满足输入输出需要的基础上，设计出具有整体和谐美的屏幕界面。 ▲在屏幕界面设计中，应该正确处理共性与个性、规范与灵活、功能与设计、风格与统一之间的辨证关系。 * 2) 注册界面设计 ●注册界面：是进行人员身份、口令、安全等级、职责设置