Serena Prototype Composer中文教程(二)

陈良泳

Serena Prototype Composer中文教程(二)一个简单入门实例——创建简单活动流程作者：陈良泳 www.chenliangyong.com
本章节一步一步描述以下内容：

• 创建一个项目
• 定义一个包含界面步骤的简单活动
• 定义一个决策，选择是否显示另一个界面步骤。
• 完成后，你可以将这个活动流程进行模拟运行或作为原型执行。

创建一个项目
点击菜单File > New > Project，在New Project对话框中，输入项目名称“简单活动流程”，点击OK完成。
新建活动
1.打开“Simple Activity”项目后，点击导航面板中的“Activity”导航栏，选择菜单File > New >Activity，这时在工作区中会出现一个只有开始和结束步骤的简单的活动流程。

添加活动的步骤
1.打开Flow steps面板

2.选择Interface界面步骤，拖动到新建流程的开始和结束步骤之间 ，并修改名称为“Contact Information”。

3.拖入一个决策步骤到界面步骤之后，重命名为“Summary? ”，这时决策步骤会自动产生两个流程分支，名称分别为：Branch 和Otherwise.

4.将“Branch ”分支重新命名为“Show Summary”.
5.接着，再拖动一个界面步骤到Show Summary分支上，并命名为“Summary Information”。结果如下：

设计各个步骤中的界面
接下来，要对上面的界面步骤进行界面的绘制。首先对Contact Information这个界面步骤进行绘制：
1.双击Contact Information界面步骤，打开界面编辑器
2.在 Controls and Layouts面板中，拖5个Text Box控件到界面编辑器中，将文本框前的文本分别修改为Name、 Street Address、City、State 和 Zip
3.然后拖2个Button按钮到界面编辑器中。将第一个按钮命名为Show Summary，第二个按钮命名为Exit。
[img=http://www.xlynx.net/wp-content/uploads/2008/10/composer10-300x146.jpg] [/img]
绘制Summary Information界面步骤:
1.点击工具栏中的“Go TO Activity”按钮回到活动流程图，双击Summary Information 界面步骤，然后在界面编辑器中编辑该界面；
2.打开Flow Outline 任务面板，在Select a data source子面板下方的树中选中Contact Information，这时在Step Output data子面板下方会显示对应的输出数据字段
3.在Output data 子面板下，拖动ContactInformation组到界面编辑器中.这时在界面编辑器中会显示一个名为ContactInformation分组框，包含有你前面在Contact Information界面步骤中绘制的文本输入框。
[img=http://www.xlynx.net/wp-content/uploads/2008/10/composer11-300x204.jpg] [/img]
4.将所有Text Box 控件设置为只读。右键点击Text Box ，选择属性，在打开的属性对话框中，切换到TextBox页签，在该页签面板上选择Read Only 复选框。点击Apply应用该设置。可以在对话框不关闭的状态下，选择其它文本框控件，重复此操作。
5.最后，从Controls and Layouts 面板中拖入一个Button按钮，重命名为“Exit”。
[img=http://www.xlynx.net/wp-content/uploads/2008/10/composer12-300x171.jpg] [/img]
配置决策步骤
1.点击工具上的Return to Activity按钮，回到活动流程界面；
2.双击“Summary?”决策步骤，打开决策步骤编辑器；
3.在分支树中，选择Show Summary 分支.
4.在Flow Outline 面板下的Select a data source子面板中树中选择Contact Information 界面步骤。
5.在Set output data子面板中，拖动 NextButton 字段到决策编辑器中的IF栏下方的 (unconfigured formula) 字段上。
[img=http://www.xlynx.net/wp-content/uploads/2008/10/composer13-300x169.jpg] [/img]
右键在(unconfigured formula)字段上点击，在弹出的右键菜单中选择“Show Summary”。
[img=http://www.xlynx.net/wp-content/uploads/2008/10/composer14-300x137.jpg] [/img]
如果所点击的按钮是Show Summary
现在，你已经创建了一个决策规则。当用户在Contact Information界面步骤中点击Show Summary按钮时，就会执行Show Summary分支。
模拟运行
1、点击工具栏上的“Return to Activity”按钮回到活动流程，确保工具栏上选择了Automatic Decision Simulation按钮选项.

[img=http://www.xlynx.net/wp-content/uploads/2008/10/composer15-300x74.jpg] [/img]
2、点击Run Simulation按钮，你可以看到你先前创建的Contact nformation界面步骤了。
输入一些信息到输入框中；
3、点击Show Summary按钮，出现你原先创建的Summary Information 页面, 该页面上将出现你原先在Contact Information页面输入的信息. 点击 Exit 按钮结束模拟.
4、再次Run模拟运行，这次直接点击Contact Information 页面上的Exit按钮，这次的summary information的页面被跳过.

尹广磊

细文顶一下，

汤子渊

按着chenliangyong解说的演示了一遍 挺有意思的 谢谢

西游

怎么图片都是不显示的。