软件开发chapter3(软件分析与设计CASE工具)

第3章软件分析与设计CASE工具3.1常见的软件分析与设计CASE工具3.2PowerDesingner3.3原型设计工具(AxureRPPro)3.1常见的软件分析与设计CASE工具visio需求分析工具BPwin数据库建模工具EPwin面向对象建模工具RationalRose、starUML系统建模工具PowerDesingner原型设计工具AxureRPPro3.1常见的软件分析与设计CASE工具3.1.1图表工具Visio

Visio是微软公司出品的办公软件，提供了非常强大的图形绘制功能Visio为软件设计、原型设计以及项目管理提供了一系列形状和模板，可满足不同阶段的软件开发和软件管理等方面的绘图需要，其中包括了IT管理、流程建模、构建体系结构、用户界面设计、UML设计、人力资源管理、项目管理等。

3.1常见的软件分析与设计CASE工具1.Visio绘图类型1）Visio提供了许多符合规范的标准模具，可以方便绘制各类图形

2）软件绘图类型支持UML的静态和动态建模。

3.1常见的软件分析与设计CASE工具3）Visio支持软件界面原型设计。系统分析人员使用Visio可以方便绘制数据流图、程序流程图、各类UML模型以及软件原型的界面2．Visio形状与模具Visio形状是指一些符合规范的标准图形符号，可以被拖至绘图区域中的图像，它们是构建图表的基本元素。Visio模具是包含一类形状的集合，每个模3.1常见的软件分析与设计CASE工具具中的形状都有一些共同点。这些形状可以是创建特定种类图表所需的形状的集合，也可以是同一形状的几个不同的版本。当形状图形被拖至绘图区域时，形状图形仍保留在模具上，这时可以对形状图形进行格式、大小、位置、旋转方向等参数进行调整。操作与其他微软的软件用法一样。其中格式可以用鼠标右键的快捷菜单，进行文本、

3.1常见的软件分析与设计CASE工具线条、填充等的操作和设定Visio提供的形状一般都提供自动连接功能的蓝色连接箭头将指针放在绘图区域中的形状图形上，四周将显示蓝色小箭头可用于连接形状。也可以用于各种连接线来进行形状间的连接3.使用Visio绘制图形创建编辑一个图形的基本步骤：创建一个绘图文件，绘图区域中出现空白画板区域；3.1常见的软件分析与设计CASE工具

根据绘图类型，选择并打开一个或多个模板，模板会自动提供一些相关模具；如果需要打开所需的模具，在模具模板上选择需要的形状图形，拖动该图形到绘图区域，设置图形的格式与大小，并进行图形之间的连接；向图形添加文字说明。使用组合的方式将多个形状图形组合成一个整体，其步骤如下：选中需要组合的多个图形（Shift键+鼠标左健），再单击鼠标右键，在3.1常见的软件分析与设计CASE工具快捷菜单中选择“形状”“组合”选项，即可将它们组合成一个整体，便于整体复制、移动、设置格式、调整大小等的操作。目前，该软件的最高版本是Visio2010，分别为标准版、专业版和高级版，其中高级版更提高了与微软公司的SharePoint的集成度，便于团队开发。

3.1常见的软件分析与设计CASE工具

3.1.2需求分析工具BPwin

BPwin是美国ComputerAssociation公司出品的用于业务流程可视化、分析和提高业务处理能力的CASE环境。BPwin的特色主要体现在以下几个方面：(1)提供功能建模、数据建模和工作流建模功能建模侧重于系统功能，数据建模侧重于分

3.1常见的软件分析与设计CASE工具析不同任务间的数据流动、数据存储、数据响应时间等，工作流建模可以分析特定的业务流程。(2)将与建立过程模型有关的任务自动化

BPwin可将与建立过程模型有关的任务自动化，并提供逻辑精度以保证结果的正确一致。BPwin提供了图形界面，模型变更时能保证各个模型的一致，防止出现常见的建模3.1常见的软件分析与设计CASE工具

错误。

(3)为复杂项目的项目分析小组成员提供统一的分析环境BPwin成员可方便地共享分析结果，可利用内部策略机制，理解并判断业务过程分析结果，自动优化业务过程分析结果，对无效、浪费、多余的分析行为进行改进、替换或消除。3.1常见的软件分析与设计CASE工具

(4)可与模型管理工具ModelMart集成使用

BPwin可以与ModelMart(CA公司提供的一种模型管理系统)集成使用，ModelMart可以为BPwin提供版本控制、用户安全验证、检入、检出、变更管理等功能。

3.1常见的软件分析与设计CASE工具(5)可与数据建模工具ERwin集成使用

BPwin可与数据库建模工具ERwin(CA公司提供的一种数据库建模工具)双向同步。使用BPwin可进一步验证ERwin数据模型的质量和一致性，抓取重要的细节(如数据使用环节，如何使用等)，并保证需要时有正确的信息存在。3.1常见的软件分析与设计CASE工具3.1.3数据库建模工具ERwin

ERwin是美国CA公司提供的数据库设计工具，可以为企业级数据需求和关系数据库提供一个定义、管理和实现的平台

ERwin提供多种正向工程，支持概念模型和物理模型之间的无损转换，并能根据物理模型自动生成数据库或数据库脚本，还支持基于XML格式的数据模型输出。同时ERwin也支3.1常见的软件分析与设计CASE工具持反向工程，能够根据实际的数据库或数据库脚本生成物理模型和逻辑模型。

ERwin可以和BPwin进行无缝集成3.1.4面向对象建模工具RationalRoseRationalRose是美国Rational公司(已被IBM公司收购)的面向对象建模工具，是运用最广泛的UML建模工具之一，几乎支持所有的UML模型图。

3.1常见的软件分析与设计CASE工具

使用RationalRose可以方便软件分析与设计人员完成以下工作：

对业务进行建模(工作流)；

建立UML模型图(包括用例图、类图、活动图、协作图、时序图、组件图、配置图等)；

对数据库进行建模，并可以在对象模型和数据模型之间进行正、逆向工程，相互同步；

建立构件模型(表达信息系统的物理组成，

3.1常见的软件分析与设计CASE工具如有什么文件、进程、线程、分布如何等)；

提供一系列正向工程，可根据模型自动生成目标语言的框架代码，如VB、Java、Delphi等。RationalRose的特点如下：

可与IBM公司其他的工具，如需求管理工具、配置管理工具、测试管理工具、文档生成工具等进行无缝集成。

3.1常见的软件分析与设计CASE工具

支持团队开发。

提供多种方法(包括脚本、插件)，允许用户定制和扩展Rose，以满足特定软件的开发需求。

支持多种开发语言的正向工程和逆向工程。

支持unicode，可以在各种语言环境的Windows平台上使用。

3.1常见的软件分析与设计CASE工具3.1.5系统建模工具PowerDesigner

PowerDesigner是Sybase公司推出的企业级建模及设计工具，是一种图形化的易于使用的CASE工具集，使用它可以方便地进行分析与设计。###利用PowerDesigner可以设计业务处理模型、数据流程图、概念数据模型、物理数据模型,以及面向对象的分析与设计。

3.1常见的软件分析与设计CASE工具###PowerDesigner可以辅助设计人员建立以下各种模型，分别用于数据库设计的不同阶段。（1）业务处理模型（BusinessProcessModel，BPM）（2）概念模型（ConceptualDataModel，CDM）（3）逻辑模型（LogicalDataModel，LDM）（4）物理模型（PhysicalDataModel，PDM）（5）信息流模型（InformationLiquidityModel，ILM）（6）面向对象模型（Object-OrientedModel，OOM）3.2PowerDesigner

3.2.1PowerDesigner简介

■PowerDesigner是Sybase公司推出的企业级建模及设计工具，是一种图形化的易于使用的CASE工具集，使用它可以方便地进行分析与设计。

■###利用PowerDesigner可以设计业务处理模型、数据流程图、概念数据模型、物理数据模型,以及面向对象的分析与设计。

3.2PowerDesigner

■###为了方便设计人员使用PowerDesigner进行设计，PowerDesigner提供多种转换工具，如将概念数据模型转换为物理模型，根据物理模型自动生成数据库创建脚本等。■PowerDesigner提供方便团队开发的辅助控制功能，如概念模型的合并与分解功能。3.2PowerDesigner

PowerDesigner从推出（大约1995年）到现在已相继地发展到版本15，随着数据库应用系统的广泛使用，它越来越受到软件工程技术人员的重视、是数据库应用程序开发者必不可少的工具。

3.2PowerDesigner1.设计模型

PowerDesigner可以建立以下各种模型

:

■BPM（BusinessProcessModel）业务处理模型

BPM用来处理用户的业务处理逻辑和规则，用于数据库设计的需求分析阶段，辅助设计人员表现实际业务处理逻辑和规则。包括层次结构图（Processhierarchydiagram）和业务处理图（Businessprocessdiagram）。

3.2PowerDesigner

■

CDM（ConceptualDataModel）概念模型

###CDM用于数据库的概念结构设计阶段，表现数据库的逻辑结构。类似数据库设计中的E-R图，CDM独立于DBMS与应用软件。###■

OOM（Object-OrientedModel）面向对象模型

PowerDesigner引进了UML，推出了一套符合UML规范的图形。如用例图、活动图、时序图、状态图等。使用PowerDesigner的OOM模型可以按照UML规范进行设计。3.2PowerDesigner

■

PDM（PhysicalDataModel）物理模型PDM表现数据库的物理结构。PDM提供操作PDM（OperationalPDM）与智能商务PDM（BusinessIntelligencePDM），前者用于OLTP(联机事物处理系统）的物理结构设计，后者用于OLAP（联机分析处理系统）的物理结构设计。3.2PowerDesigner

■On-LineTransactionProcessing联机事务处理系统(OLTP)也称为面向交易的处理系统，其基本特征是顾客的原始数据可以立即传送到计算中心进行处理，并在很短的时间内给出处理结果。这样做的最大优点是可以即时地处理输入的数据，及时地回答。3.2PowerDesigner■联机分析处理（On-LineAnalysisProcessing，简写为OLAP），是一种用于组织大型商务数据库和支持商务智能的技术。OLAP数据库分为一个或多个多维数据集，每个多维数据集都由多维数据集管理员组织和设计以适应用户检索和分析数据的方式，从而更易于创建和使用所需的数据透视表和数据透视图。

3.2PowerDesigner2.设计界面

PowerDesigner功能强大、使用方便。各模型的设计界面风格统一，只是提供的工具和设计元件不同。只要掌握了设计元件的图形表示及其含义，就可以结合具体实际使用了。图2-19是概念模型CDM的设计界面，其他模型的设计界面与此类似。3.2###PowerDesigner

###设计时，可以通过文件操作新建或打开一种模型，使用设计元素面板提供的设计元素，结合实际业务设计相应模型。模型设计过程中可以使用一些工具进行辅助设计，如进行模型检查、不同模型的转换、模型分解与合并、自动生成脚本、自动生成设计报告等。###重点记住：书上47页的表3-1、3-2、3-3中的元素符号的含义。###如：表3-1中的包、文本的元素图标；表3-2中的实体、表、视图元素图标；表3-3中的用例、类、接口、对象、泳道、状态等的元素图标。3.2PowerDesigner3.2.2利用PowerDesigner设计学籍管理的概念结构###1.设计学籍管理概念模型（CDM）①打开PowerDesigner，新建CDM模型。

PowerDesigner提供下列两种方法新建CDM：

在PowerDesigner主窗体上，使用“File”→“New”命令。

3.2PowerDesigner

使用PowerDesigner主窗体工具栏上的新建快捷按钮。不论使用那种方式都可以进入如图2-20所示的新建模型的界面。3.2PowerDesigner

②创建实体并设置实体属性从设计元素面板上选择实体（Entity，图示为），将鼠标指针指向设计区域的合适位置，单击鼠标左键，在设计区域中创建一个实体。从设计元素面板上选择指针（Pointer，图示为），进入对象编辑状态。将鼠标指针指向刚才创建的实体并双击鼠标左键，出现如图2-21所示的实体属性设置界面。

General设置通用属性，Attributes设置实体包含的属性，Identifiers设置实体的码，Notes记录备注信息，Rules设置规则。其中General和Attributes中的内容必须设置。

进入General页，设置通用属性。以班级实体为例，设置该实体的Name属性为班级、Code属性为Class。3.2PowerDesigner（1）业务处理模型（BusinessProcessModel，BPM）（2）概念模型（ConceptualDataModel，CDM）（3）逻辑模型（LogicalDataModel，LDM）（4）物理模型（PhysicalDataModel，PDM）（5）信息流模型（InformationLiquidityModel，ILM）（6）面向对象模型（Object-OrientedModel，OOM）。###General设置通用属性，Attributes设置实体包含的属性，Identifiers设置实体的码，Notes记录备注信息，Rules设置规则。其中General和Attributes中的内容必须设置进入General页，设置通用属性。以班级实体为例，设置该实体的Name属性为班级、Code属性为Class。###进入Attributes页，进入属性设置状态。Name列设置属性的名称；Code列设置属性的代码；DataType设置属性的数据类型；Domain设置属性的域；M、P、D设置属性的约束。###其中M（mandatory，强制的）表示该属性是强制非空的、P（primary）表示该属性是主键、D（displayed）表示该属性被显示。3.2PowerDesigner

###进入Attributes页，进入属性设置状态。Name列设置属性的名称；Code列设置属性的代码；DataType设置属性的数据类型；Domain设置属性的域；M、P、D设置属性的约束。其中M（mandatory，强制的）表示该属性是强制非空的、P（primary）表示该属性是主键、D（displayed）表示该属性被显示。3.2PowerDesigner

③建立实体之间的关系

###从设计元素面板上选择关系（relationship，图示为

)。将鼠标指针指向设计区中的一个实体并单击鼠标左键，保持鼠标按下状态，将鼠标指针指向与该实体有关系的另外一个实体并松开鼠标，在这两个实体之间建立关系。在关系上双击鼠标，进入关系属性设置

界面。关系属性设置包括多个页面，

3.2PowerDesigner

###General设置关系的通用属性，cardinalities设置关系的类型，Notes记录备注信息，Rules设置规则。其中General和cardinalities中的内容必须设置，其他对话内容可以根据需要设置。其中cardinalities中设置关系的种类，包括One-One（1：1）、One-Many（1：n）、Many-One（n：1）、Many-Many（n：n）等。

General设置关系的通用属性，cardinalities设置关系的类型，Notes记录备注信息，Rules设置规则。其中General和cardinalities中的内容必须设置，其他对话内容可以根据需要设置。其中cardinalities中设置关系的种类，###包括One-One（1：1）、One-Many（1：n）、Many-One（n：1）、Many-Many（n：n）等。

其中cardinalities中设置关系的种类，###包括One-One（1：1）、One-Many（1：n）、Many-One（n：1）、Many-Many（n：n）等。

3.2PowerDesigner④建立实体之间的联系从设计元素面板上选择联系（association，图示为），将鼠标指针指向设计区中的一个实体并单击鼠标左键，保持鼠标按下状态，将鼠标指针指向与该实体有联系的另外一个实体并松开鼠标，在这两个实体之间建立联系。

3.2PowerDesigner

在联系上双击鼠标，进入如图2-23所示的联系属性设置界面。联系属性设置包括多个页面，General设置联系的通用属性，Attributes设置联系的属性，Notes记录备注信息，Rules设置规则。其中General和Attributes中的内容必须设置，其他对话内容可以根据需要设置。General设置通用属性，Attributes设置实体包含的属性，Identifiers设置实体的码，Notes记录备注信息，Rules设置规则。其中General和Attributes中的内容必须设置进入General页，设置通用属性。以班级实体为例，设置该实体的Name属性为班级、Code属性为Class。进入Attributes页，进入属性设置状态。Name列设置属性的名称；Code列设置属性的代码；DataType设置属性的数据类型；Domain设置属性的域；M、P、D设置属性的约束。###其中M（mandatory，强制的）表示该属性是强制非空的、P（primary）表示该属性是主键、D（displayed）表示该属性被显示。重点：属性错误实体之间的关系错误3.2PowerDesigner2.检查概念模型

PowerDesigner提供模型检查工具，可以检查模型中存在的一些问题，包括错误与警告两种。PowerDesigner的模型检查只限于从规范性上检查，并不能检查模型是否符合真实业务。在PowerDesigner的主窗体中，使用“Tools”→“CheckModel”命令，可以进行模型检测。

3.2PowerDesigner3.生成报告

PowerDesigner提供报告生成工具，可以根据需要，产生设计报告。报告可以是HTML或RTF格式。在PowerDesigner的主窗体中，使用“Report”→“GenerateReport”命令，设置生成报告的选项，就可以生成模型的设计报告。3.2PowerDesigner

4.转换物理模型如果CDM不存在错误，就可以使用将CDM转换为PDM的工具进行模型转换了。进行模型转换时，需要选择DBMS。并设置需要进行转换的内容。在PowerDesigner的主窗体中，使用“Tools”→“GeneratePhysicalDataModel”命令启动模型转换工具，进入如图3.2PowerDesigner

2-28所示的模型转换选项设置界面。该界面包括多个对话页，General设置转换生成PDM的基本属性，如：使用哪种DBMS、要转换的模型名称（Name）与代码（Code）；Detail设置转换过程中的选项，如转换过程中是否需要检测CDM模型、转换生成表时是否增加前缀、各种约束的命名规则等；Selection设置需要转换哪些实体。

###进行模型转换时，需要选择DBMS。并设置需要进行转换的内容。在PowerDesigner的主窗体中，使用“Tools”→“GeneratePhysicalDataModel”命令启动模型转换工具，进入如图2-28所示的模型转换选项设置界面。该界面包括多个对话页，General设置转换生成PDM的基本属性，如：使用哪种DBMS、要转换的模型名称（Name）与代码（Code）；Detail设置转换过程中的选项，如转换过程中是否需要检测CDM模型、转换生成表时是否增加前缀、各种约束的命名规则等；Selection设置需要转换哪些实体。

3.2.3用PowerDesigner设计学籍管理的物理结构实例

3.2PowerDesigner3.2.4利用PowerDesigner进行学籍管理的数据库实施

PowerDesigner提供的数据库生成工具，可以创建数据库、生成数据库创建脚本，产生测试数据。

1.产生数据库及数据库对象在PowerDesigner的主窗体中，使用“Database”→“Generate

DataBase”命令启动产生数据库的工具，进入如图2-30所示的产生数据库界面。

该界面包括多个对话页，General设置产生数据库时的一般设置，如产生的类型，脚本存储的位置等；Options设置创建各种数据库对象的脚本格式；Format设置脚本使用的字符集；Selection选择需要实施的数据库对象；Summary总结产生数据库选项；Preview预览生成的脚本。这些设置都可以使用默认值。如果需要，可以按照要求修改。

3.2PowerDesigner

该界面包括多个对话页，General设置产生数据库时的一般设置，如产生的类型，脚本存储的位置等；Options设置创建各种数据库对象的脚本格式；Format设置脚本使用的字符集；Selection选择需要实施的数据库对象；Summary总结产生数据库选项；Preview预览生成的脚本。这些设置都可以使用默认值。如果需要，可以按照要求修改。

3.2PowerDesigner

①在General页上，选择产生类型（Generationtype）

###PowerDesigner提供两种数据库产生方式：

通过脚本产生（scriptgeneration）。PowerDesigner根据PDM生成数据库创建脚本，然后通过在DBMS（SQLSERVER）中手工执行脚本来生成数据库的各种对象。

通过ODBC(OpenDatabaseConnectivity)产生（ODBCgeneration）。PowerDesigner自动通过连接好的ODBC数据源，根据PDM生成的脚本自动生成数据库中的各类对象。3.2PowerDesigner

②在Options页上，设置生成选项（option）。在设置脚本格式时应注意以下几点：

第一次创建数据库对象时，不要选择Drop（表、视图、存储过程、约束等各类对象）选项，否则会影响脚本的正常执行。反之如果数据库中已经存在数据库对象，需要选择Drop对象。

如果需要在创建表的同时定义主（外）键等各类约束，可以选择（Inside）选项；如果选择（Outside），在创建表时不定义约束，创建表之后，通过修改表的方法，追加定义约束。3.2PowerDesigner

③在Selection页上，选择生成对象（selection）。在图2-32所示的界面上选择需要生成的具体数据库对象，包括各类表（TABLE）、视图（VIEW）和存储过程（PROCEDURE）。④在Preview页上，预览生成的SQL脚本。

3.2PowerDesigner

2.执行脚本

PowerDesigner提供两种脚本执行方式，可以通过以下两种方式执行脚本：

生成脚本之后，在对应的数据库管理系统中手工执行。

通过ODBC连接数据库之后，自动执行生成的脚本。

3.产生测试数据，使用“Database”→“GenerateTestdata”命令，进入产生测试数据界面。3.3原型设计工具什么是软件原型几款常用的原型设计工具重点介绍AxureRPPro原型的定义把系统主要功能和接口通过快速开发制作为“软件样机”，以可视化的形式展现给用户，及时征求用户意见，从而明确无误地确定用户需求。原型也可用于征求内部意见，作为分析和设计的接口之一，可方便于沟通.原型法主要价值是可视化，强化沟通，降低风险，节省后期变更成本，提高项目成功率。对于较大型的软件来说，原型系统可以成为开发团队的蓝图；另外，原型通过与客户交流，还可以提高客户满意度。原型的主要价值体现产品主要的功能；提供基本的界面风格；展示比较模糊的部分，以便于确认或进一步明确，防患于未然。原型最好是可运行的，至少在各主要功能模块之间能够建立相互连接。原型的基本要求

原型设计草图低保真原型设计高保真原型设计原型设计一、低保真原型初级原型指的是与最终产品不太相似的原型，根本无法使用，初级原型的优点是简单、便宜、易于制作，易于修改，这种灵活的原型非常适合我们探索、尝试、修改。作为较便捷的方式，使用纸面介质作为传达想法、信息的方式是最为迅速的。我们只需要纸与笔就可以现实在最短的时间和低成本的情况下，

提供让产品经理、测试人员、程序员能够理解的设计方案。把交互过程的想法一步一步的通过简单的图形与文字表现出来，修改不合理的功能、结构等等，逐步成熟体验场景和交互的过程。帮我们找到设计的准则与方向是否正确。低保真原型设计的特点是开发成本低、方便快捷、随时体现设计概念、能获得快速的反馈意见、同时可能会漏掉很多可用性方面的问题。原型设计原型设计二、高保真原型高级原型不是木头手机，而是你在手机店里看到的手机精模，外观和真机一模一样，除了功能之外一切都是惟妙惟肖的，通过软件制作的视觉高级原型，其实就是通过软件告诉界面，在用户的什么操作后需要出现什么结果。这些都是在低保真原型设计的阶段就制定好的。但在用户的眼睛里，它基本上就是最终的产品。高保真原型设计的特点就是包含了明确的任务操作流程与完整的功能，与视觉效果。

通过低保真原型设计是为了更好，更全面的展示高保真原型设计！原型设计原型方法的一般过程

其它原型设计工具

MockflowPencilSketchPrototypeComposerLucidSpec很多很多，甚至MicrosoftVisio、PowerPoint也可以来做原型设计。几款软件原型设计工具

Axure

的发音是“Ack-sure”，RP则是“RapidPrototyping”的缩写。是美国AxureSoftwareSolution公司的旗舰产品，是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师、交互设计师、业务分析师、信息架构师、可用性专家和产品经理。

AxureRP-Pro原型设计工具

用户能快速上手，并且提供了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。Axure的丰富的脚本模式，可以通过点击和选择能够快速完成界面元素的交互，如链接、state切换、动态变化等效果，使得Axure能够生成十分接近于真实产品的原型。另一方面，Axure能够导入其他人创建的元件库，使得Axure能够满足绝大多数类型产品的设计。AxureRP-Pro原型设计工具axure是一个用来做产品原型的设计工具，主要在产品策划阶段使用，设计出来的原型仅仅代表会有什么内容、功能和大概做成什么样子，如果想要真实可用，还需要经过UI、开发、测试等阶段。

即设计出来的东西主要是看的，不能拿来用的。

AxureRP-Pro原型设计工具

相较于利用PowerPoint或Visio软件，AxureRP可以让应用网站策划人员或网站功能界面设计师，更快速且更简易的建立WebAP和Website的wireframe、流程图、prototype和规格。

AxureRP-Pro原型设计工具

AxureRP-Pro不仅仅是一个原型设计工具，它可以做：

网站构架图(SiteStructure)AxureRP可以快速绘制树状的网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页。

AxureRP-Pro原型设计工具

示意图(Wireframe)AxureRP内建了许多会经常使用到的widget元件，例如：按钮(Button)、图片(Image)、文字面板(TextPanel)、选择钮(RadioButton)、下拉式菜单(Droplist)。AxureRP-Pro原型设计工具

Axure

的工作环境可进行可视化拖拉操作，可轻松快速的创建带有注释的线框图。无需编程就可以在线框图中定义简单链和高级交互。Axure

可一体化生成线框图、HTML交互原型、规格说明Word文档。AxureRP-Pro原型设计工具主菜单和工具栏（MainMenu&Toolbar）执行常用操作，如文件打开、保存、格式化控件、输出原型、输出规格等操作。页面导航板（SitemapPane）对所设计的页面进行添加、删除、重命名和组织。控件面板（WidgetsPane）该面板中有线框图控件和流程图控件，用这些控件进行线框图和流程图的设计。模块面板（MastersPane）模块是一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织。线框图面板（WireframePane）在线框图面板中可以进行页面线框图的设计，线框图面板也就是进行页面设计的工作区。控件交互面板（InteractionsPane）定义控件的交互，如：链接、弹出、动态显示和隐藏等。控件注释面板（AnnotationsPane）对控件进行注释定义和对控件的功能进行说明。页面交互和注释面板（PagesNotes&PageInteractionsPane）添加和管理页面的注释和交互。AxureRP-Pro原型设计工具页面导航面板（Sitemap）在绘制线框图(Wireframe)或流程图（Flow）之前，应该先思考界面框架，决定信息内容与层级。明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。AxureRP-Pro原型设计工具页面的添加、删除和重命名点击面板工具栏上的“AddChildPage”按钮可以添加一个页面，点击“DeletePage”按钮可以删除一个页面。右键单击选择“RenamePage”菜单项可对页面进行重命名。AxureRP-Pro原型设计工具页面组织排序在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计在页面导航面板中，鼠标双击页面将会在线框面板中打开页面以进行线框图设计。AxureRP-Pro原型设计工具控件（Widgets）控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件，如按钮、图片、文本框等。AxureRP-Pro原型设计工具添加控件:从控件面板中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。AxureRP-Pro原型设计工具操作控件添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在Object工具栏上的按钮进行。AxureRP-Pro原型设计工具编辑控件风格和属性有多种方法可以编辑控件的风格和属性：鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。AxureRP-Pro原型设计工具

注释（Annotations）可以为控件添加注释，以说明控件的功能。添加注释在线框图中选择控件，然后在控件注释和交互（AnnotationsandInteractions）面板中编辑字段中的值，即可为控件添加注释。面板顶部的Label字段是为控件添加一个标识符。AxureRP-Pro原型设计工具自定义字段（Fields）通过主菜单Wireframe->CustomizeAnnotationFieldsandViews或点击面板上Annotations头部的“CustommizeFieldsandViews”然后在弹出的CustommizeFieldsand

Views对话框中可以添加、删除、修改、排序注释字段。AxureRP-Pro原型设计工具脚注（Footnotes）在控件上添加注释后，控件的右上角会显示一个黄色方块，称为脚注。脚注号码可以增大和减小，可通过控件右键菜单或工具栏上的进行修改。AxureRP-Pro原型设计工具

页面备注（PageNotes）页面备注是对页面进行描述和说明。添加页面备注在线框图下面的Pagenotes面板中可以添加页面备注内容。AxureRP-Pro原型设计工具管理页面备注另外，可以自定义页面备注，为不同的人提供不同的备注，以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。AxureRP-Pro原型设计工具基本交互设计控件的交互控件交互面板用于定义线框图中控件的行为，包含定义简单的链接和复杂的RIA（RichInternetApplication,富网络应用）行为，所定义的交互都可以在将来生成的原型中进行操作执行。AxureRP-Pro原型设计工具在控件交互面板中可以定义控件的交互，交互事件（Events）、场景（Cases）和动作（Actions）组成：用户操作界面时就会触发事件，如鼠标的OnClick、OnMouseEnter

和OnMouseOut；每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。AxureRP-Pro原型设计工具###事件、场景和动作的关系AxureRP-Pro原型设计工具AxureRP-Pro原型设计工具以下是AxureRP支持的事件如下：

OnClick：鼠标点击

OnMouseEnter：鼠标的指针移动到对象上

OnMouseOut：鼠标的指针移动出对象外

OnFocus：鼠标的指针进入文字输入状态（获得焦点）

OnLostFocus：鼠标的指针离开文字输入状态（失去焦点）

OnPageLoad：页面或模块载入AxureRP-Pro原型设计工具大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter

与OnMouseOut，一些特殊的控件可触发的事件有些不同：按钮控件只有OnClick

单选框和复选框则具有OnFocus、OnLostFocus文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、OnLostFocus

页面加载或模块被载入时则发生OnPageLoad定义链接,下列步骤说明如何在按钮控件上定义一个链接：

1.首先，拖拉一个按钮控件到线框图中，并选择这个按钮；2.然后，控件交互面板中鼠标双击“OnClick”这个事件，这时会出现“InteractionCaseProperties”对话窗，在这个对话框中可以选择要执行的动作；3.在“Step2”中，勾选“OpenLinkinCurrentWindow”动作。4.在“Step3”中，点击“Link”，在弹出的LinkProperties对话框中可以选择要链接的页面或其它网页地址。AxureRP-Pro原型设计工具除了上面的步骤，加入一个链接的最快的方法是单击控件交互面板顶部的“QuickLink”，在弹出的LinkProperties对话框中选择要链接的页面。设置动作：除了简单的链接之外，Axure

还提供了许多丰富的动作，这些动作可以在任何触发事件的场景中执行。AxureRP-Pro原型设计工具以下是Axure

所支持的动作：OpenLinkinCurrentWindow：在当前窗口打开一个页面OpenLinkinPopupWindow：在弹出的窗口中打开一个页面OpenLinkinParentWindow：在父窗口中打开一个页面CloseCurrentWindow：关闭当前窗口OpenLinkinFrame：在框架中打开一个页面SetPanelstate(s)toState(s)：为动态面板设定要显示的状态AxureRP-Pro原型设计工具ShowPanel(s)：显示动态面板HidePanel(s)：隐藏动态面板ToggleVisibilityforPanel(s)：切换动态面板的显示状态（显示/隐藏）MovePanel(s)：根据绝对坐标或相对坐标来移动动态面板SetVariableandWidgetvalue(s)equaltoValue(s)：设定变量值或控件值OpenLinkinParentFrame：在父页面的嵌框架中打开一个页面AxureRP-Pro原型设计工具ScrolltoImageMapRegion：滚动页面到ImageMap所在位置EnableWidget(s)：把对象状态变成可用状态DisableWidget(s)：把对象状态变成不可用状态WaitTime(s)：等待多少毫秒(ms)后再进行这个动作Other：显示动作的文字说明AxureRP-Pro原型设计工具多个场景（条件）一个触发事件可以包含有多个场景，根据条件执行流程或互动。AxureRP-Pro原型设计工具页面上的事件:OnPageLoad

Axure

支持一个页面层级的触发事件：OnPageLoad，这个事件在原型载入页面时触发。页面OnPageLoad

事件在页面备注面板中的Interactions子面板中定义，OnPageLoad

为事件添加场景的方式与控件事件相同AxureRP-Pro原型设计工具实例-打开关闭弹出层点击打开弹出层，弹出层显示点击弹出层右上角的关闭，即可关闭弹出层实例描述：打开/关闭设置切换设置区域显示与隐藏产品列表位置移动实例-打开关闭实例—Tab切换标签点击Tab标签进行层切换实例--记住用户的输入内容并显示出来实例描述：不输入内容点提交会显示提示语输入内容提交会显示输入内容实例—用户登录实例描述：用户名或密码为空，提示用户输入用户名或密码用户名或密码输入不匹配，提示用户名或密码输入错误用户名或密码输入正确点击提交转到登录成功页面（测试用户名yll密码为123456）实例--轮换图点击图片右下角的数字切换不同图片实例—25小时商街界面原型Balsamiqmockup

主要是做界面原型设计，是一款免费的带有手绘涂鸦风格的原型设计软件，这也是他独特的地方—可以手绘，当然也有丰富的各种控件元素，可以帮助你设计桌面应用软件，Web2.0站点，RIA富网络应用程序,Web站点和Web应用软件。 这个软件是由意大利人Peldi开发的，虽然是由个人设计的，但功能却一点不弱于其他大牌的原型设计工具：操作方面，拖拽，控件分组，甚至元素之间的对齐都做得很贴心；预制了很多界面元素，从简单的输入框，下拉框，浏览器主要元素，到经常用得到的导航条，日历，表格，到复杂的TagCloud，CoverFlow,地图，WYSWYG的格式工具栏等，有了这些不用