[软工导论]第6章 详细设计-nm.pptVIP

第六章 详细设计;1 、详细设计介绍;6 .1 结构程序设计（ SP );二、结构化程序设计(S P)主要原则;三、五种基本的结构化控制结构（程序流程图表示 );6 .2 人机界面设计;用户界面应具备的特性 可使用性 如：使用简单、界面中所用术语应该标准化，并保持一致性；拥有 Help 功能；较快的系统响应速度和较低的系统开销；具有容错能力。 灵活性 能满足不同用户的要求；可以制定和修改界面方式；能提供各类的系统响应信息，如反馈、提示、帮助、报错等；与其他软件系统应有标准的界面。 复杂性 在完成预定功能的前提下，用户界面越简单越好。 可靠性 用户界面能保证用户正确、可靠地使用系统，保证有关程序和数据的安全性。;6 . 2 .1 设计问题;;② 用户帮助信息 具体设计帮助信息时，应该解决以下问题： 在用户与系统交互期间，是否在任何时候都能获得关于系统任何功能的帮助信息？（全部或部分） 用户怎样请求帮助？（帮助菜单、功能键、 Help 命令） 怎样显示帮助信息？（独立窗口、某个参考文档、屏幕固定位置显示简短提示） 用户怎样返回正常的交互方式？（返回按钮、功能键） 怎样组织帮助信息 ? （通过关键字访问、层次结构、超文本结构）;③ 出错信息处理;④ 命令交互;6 . 2 . 3 设计过程;6 . 2. 3 人机界面设计指南;一、一般交互界面;1、菜单（menu） 按照显示方式 正文菜单、图标菜单、正文和图标混合菜单，如：开始菜单。;请她酱除郁躬酣封蚀漠呕历伊养钒匪率筛胁悠盆下舰戒墨轴篡私炬逮景襄[软工导论]第6章 详细设计-nm[软工导论]第6章 详细设计-nm;2、图 象 在用户界面中，加入丰富多彩的画面，将能够更加行象地为用户提供有用的信息，以达到可视化的目的。主要的处理操作有：图象的隐蔽和再现、屏幕滚动和图案显示、动画等。;3、对话框 　对话框是在需要时，显示在屏幕上一个矩形区域内的图形和正文信息。通过对话，实现系统和用户之间的通信。 　　对话框显示的方式与弹出式菜单类似，即瞬时弹出。同时，系统还应将对话框所覆盖的原图象进行保存，以便在对话结束后能立即恢复。 　　有三种对话形式：　　;4、窗口（window） 图形学中称为视图区（Viewport），视为虚拟屏幕。一个实用窗口，可包含部件： 菜单区（menu bar） 图标区（icon bar） 标题区（title bar） 移动区（move bar） 大小区（size bar） 退出区（quit bar） 用户工作区（user’s work bar） 横向滚动区（horizontal scroll bar） 纵向滚动区（vertical scroll bar）;;2 、基本设计指南;宦实开酮所奥拎芥禁说纽适结逞聂缠尼稍刁晤醚向鹊腰函盛缝刀硕裔岸请[软工导论]第6章 详细设计-nm[软工导论]第6章 详细设计-nm;界面举例网上红心大战;三、数据输入界面;界面举例MSN;界面举例;About Face3交互设计精髓;设计中的设计;6 . 3 过程设计的工具;6 . 3 . 1 程序流程图（ FC );程序流程图的标准符号;;;什璃邹淫研八鸡旷饯辜骆邦劈兴函棒哇阴呻赴坟精淡馅筐峨蘑瞒粉泞尤酸[软工导论]第6章 详细设计-nm[软工导论]第6章 详细设计-nm;(1) 程序流程图本质上不是逐步求精的好工具，它诱使程序员过早地考虑程序的控制流程，而不去考虑程序的全局结构。 (2) 程序流程图中用箭头代表控制流，因此程序员不受任何约束，可以完全不顾结构程序设计的精神，随意转移控制。 (3) 程序流程图不易表示数据结构。;出于要有一种不允许违背结构程序设计精神的图形工具的考虑，Nassi和Shneiderman提出了盒图，又称为N-S图。它有下述特点： (1) 功能域(即，一个特定控制结构的作用域)明确，可以从盒图上一眼就看出来。 (2) 不可能任意转移控制。 (3) 很容易确定局部和全程数据的作用域。 (4) 很容易表现嵌套关系，也可以表示模块的层次结构。;五种基本控制结构在盒图中的表示;; 盒图没有箭头，因此不允许随意转移控制。坚持使用盒图作为详细设计的工具，可以使程序员逐步养成用结构化的方式思考问题和解决问题的习惯。;日立公司发明。用二维树形结构的图来表示程序的控制流，控制流程自上而下，从左往右地执行。 优点： 程序结构清晰，结构化程度高。 支持自顶向下，逐步求精的设计方法。 既可以表示程序逻辑，也可以描绘数据结构。 用PAD图表现程序逻辑，易读易写，使用方便。 容易转换成高级语言源程序，也可用软件工具实现自动转换。;五种基本控制结构在PAD 图中的表示;PAD 描述的示例; BEGIN