5-第五章界面设计及详细设计(4学时)解决方案.ppt

* * 3) 屏幕界面结构设计 (1) 屏幕界面结构设计的任务 ●屏幕界面结构包括总体屏幕界面结构和支细屏幕界面结构。 ▲总体屏幕界面结构是信息系统从顶层屏幕界面向下 两到三层的屏幕界面结构，它是信息系统屏幕界面 结构的主体骨架，在屏幕界面中起核心作用。 ▲支细屏幕界面结构则是总体屏幕界面下层的各个分 支界面结构。 ●屏幕界面结构设计的任务是确定总体屏幕界面结构。 * (2) 下拉式菜单设计 ●下拉式菜单反映系统的总体功能，通过菜单中的 各个选项可以把屏幕切换到下一级屏幕界面，所以下拉式菜单是总体屏幕界面结构的核心。 ●信息系统功能结构是每一个节点的下拉菜单设计的依据，菜单的内容就反映了各节点的功能结构。 ●菜单设计的方法很简单，现在所有可视化工具都提供了十分方便的菜单设计的功能。 下图是利用Jbuider设计的书店信息系统“图书销售”节点的下拉菜单界面。 * 图 “图书销售”的下拉菜单 * (3) 屏幕界面结构 事实上，下拉菜单的内容就已经确定了信息系统应该具有的屏幕界面结构。每一个菜单项描述一个系统功能，点击该菜单项，就能把完成对应功能的屏幕界面切换为当前屏幕界面。 书店信息系统“图书销售”节点的屏幕界面结构见下图。 * 图 “图书销售”屏幕界面结构 * 5.5.4 对话设计 1) 对话过程 ●对话过程：用户与信息系统之间的交互过程。用户要通过信息系统完成一个完整功能，就需要与系统发生一次对话过程。 ●一个用例功能的实现过程就是用户与系统的一次对话过程。在对话过程中，用户向系统提出要求，系统给予应答。 下面给出“售书处理”用例中，售书员和收款员分别通过各自图书销售管理节点和结算节点与书店信息系统的对话过程。 * 条件： 假定售书员已经把销售图书节点上的系统启动，并处在“售书处理”屏幕界面；收款员已经把结算节点系统启动，并处在“收书款”屏幕界面。 读者从书架上找到两本《系统分析与设计》及一本《软件工程技术概论》，拿到售书员柜台前，希望购买这三本书。《系统分析与设计》的图书编号是9787111108481，《软件工程技术概论》的图书编号是9787030099402。 下图是在售书处理过程中，售书员和收款员分别与系统的三个对话过程。 * 对话一：在销售图书节点售书员与系统的对话 售书员：用扫描仪扫描三本书的图书编号9787111108481、9787111108481和9787030099402。 系统：在屏幕上显示出这两种书的图书信息，包括图书编号、图书名称、作者、出版社、单价、出版日期、册数，以及价格合计。 售书员：点击“开书单”按钮。 系统：弹出窗口，提示用户等待，当前正在打印书单，启动打印机，打印出三联书单。书单打印完成之后，自动消除提示窗口。 注：售书员把三联书单交给读者，让读者在收款柜台交书款。 (a) “售书处理”对话一 图 “售书处理”的三个对话过程 * 图 “售书处理”的三个对话过程 对话二：在结算节点收款员与系统的对话 收款员：输入书单号。 系统：显示该书单信息，包括每一种图书的图书编号、图书名称、作者、出版社、单价、出版日期、册数，以及书单图书的价格合计。 收款员：收读者的书款，并按“书款”按钮。 注：收款员给自己留一联书单，并给另外两联书单上盖章，然后把书单交给读者，让读者回到售书员处持书单领书。 (b) “售书处理” 对话二 * 图 “售书处理”的三个对话过程 对话三：在销售图书节点售书员与系统的对话(继续) 售书员：输入书单号。 系统：显示书单信息，包括每一种图书的图书编号、图书名称、作者、出版社、单价、出版日期、册数，以及书单图书的价格合计。特别显示“书款已交”。 售书员：按“售出图书”按钮。 注：售书员给自己留存一联书单，给读者一联书单，并给图书上盖章，把图书交给读者，本次售书结束。 (c) “售书处理” 对话三 * 2) 对话界面设计 ●对话界面：能够实现一个用例对话过程的一组屏幕界面称为对话界面。 ●对话界面设计：需要根据用例的对话要求，设计出一组能够满足用例功能需要，并具有友好界面风格的屏幕界面。 下图是“售书处理”用例对话过程的对话界面。首先进入“售书处理”界面，接收待售图书的书号和册数，接收完后，按“开书单”按钮，则在“售书处理”界面上弹出一个小窗口，显示“正在打印书单，请等待……”。 * 图 “售书处理”对话界面