为了使客户和项目团队成员能够更简单的阅读项目计划,你可以选择从项目场景中生成一个UML序列图,将计划的序列图进行可视化。在本教程中,我们将尝试编写一个简单的用户故事,然后生成它的序列图。
![](https://i-blog.csdnimg.cn/blog_migrate/14b0c80724cd9ed9cfc9ff6a99b7b210.png)
编写用户故事的场景
1. 使用Visual Paradigm创建一个新的项目。从应用工具栏中选择Project > New。
2. 在New Project窗口,输入Online Shopping作为项目名称。点击Create Blank Project按钮。
![](https://i-blog.csdnimg.cn/blog_migrate/f84a4b01e153b8411f274344043d5f98.png)
3. 打开UeXceler的User Story页面。如果你当前没有开启UeXceler,可以先从应用工具栏中选择UeXceler > UeXceler,然后打开User Story页面。
![](https://i-blog.csdnimg.cn/blog_migrate/d176047c214ea34e788940ff24bc451f.png)
4. 创建一个普通的用户故事。点击Add a feature that can...然后输入User can add an item to shopping cart.作为名字。
![](https://i-blog.csdnimg.cn/blog_migrate/a2b496c1c4077ce93473214074cc569a.png)
5. 双击用户故事并打开。
6. 打开Scenario页面。
![](https://i-blog.csdnimg.cn/blog_migrate/c5a5789ece5a3c076c2e658f2fd040c0.png)
7. 输入计划步骤来完成该用户故事。点击第一步,输入Open an item page。
![](https://i-blog.csdnimg.cn/blog_migrate/42d8010510bf9d7c8d4da949db938120.png)
8. 点击回车键,然后输入第二步:Select attributes (e.g. appearance, style)。
![](https://i-blog.csdnimg.cn/blog_migrate/693818728cd91aba69b659d4da67829c.png)
9. 当用户选择的东西仍可供购买时会显示数量框。让我们为这个逻辑写一个if-then-else语句。敲击回车来到第三步。然后,点击CTRL+空格来触发Statement Control列表。
![](https://i-blog.csdnimg.cn/blog_migrate/208c364eae6001ab749f5463878727b4.png)
10. 从Statement Control列表中选择If。
![](https://i-blog.csdnimg.cn/blog_migrate/32524b4fe110c61fdeca033a998d74ef.png)
11. 输入out of stock。
![](https://i-blog.csdnimg.cn/blog_migrate/097e70b1240ff029f3feb07645eeb4b9.png)
12. 让我们假定系统可以显示出 "out of stock(缺货)"的消息。按回车键进入if条件,然后再次点击CTRL+空格。
13. 这一步是系统执行的。让我们创建一个系统响应。从Statement Control列表中选择System Response。
![](https://i-blog.csdnimg.cn/blog_migrate/e40586396e85acc7647084cba66351e4.png)
14. 输入Display "Out of stock" message..
![](https://i-blog.csdnimg.cn/blog_migrate/2f81d5079019da35ffa4bde3e9a12b75.png)
15. 数量框将会显示在else的情形中。现在敲击回车键和CTRL+空格键来触发Statement Control列表。
16. 从Statement Control列表中选择Change to Else。
![](https://i-blog.csdnimg.cn/blog_migrate/c4c9ff2c8d6a3921ed3f22ac39eafbed.png)
17. 点击回车键。
18. 通过点击CTRL+空格键来触发Statement Control列表,从列表中选择System Response,然后输入Show quantity box..
![](https://i-blog.csdnimg.cn/blog_migrate/7a3848df5631e367862379910ab30385.png)
19. 点击Down键跳转到end if。然后点击回车键来到步骤五。
20. 顾客然后会输入数量然后将它添加到购物车中去。输入Enter quantity然后点击Click "Add to Cart",作为相应的第五步和第六步。
![](https://i-blog.csdnimg.cn/blog_migrate/6e6e91ff9efac63d3179acff9cf81cf3.png)
21. 一旦订单添加到购物车以后,系统会提示顾客是否继续购买。使用回车键创建一个新的步骤,输入系统的响应Prompt "Do you want to continue shopping?" 来作为第七步。
![](https://i-blog.csdnimg.cn/blog_migrate/06afbe9c9a7e15d4ccd077c236f9a740.png)
22. 如果顾客选择"Yes",系统将会重新打开一个新的订单页面。使用Statement Control列表添加if - has chosen "Yes".
![](https://i-blog.csdnimg.cn/blog_migrate/199b3a4d1d1d540449c411e5e3ee46f3.png)
23. 点击回车键进入If条件。点击CTRL+空格来触发Statement Control列表。这一次选择Jump。
![](https://i-blog.csdnimg.cn/blog_migrate/e2f07b772601be68473a0add77d5b033.png)
24. 点击第一步旁边的小箭头设置跳转回到第一步。
![](https://i-blog.csdnimg.cn/blog_migrate/67c275766b19d7ba87d75f480255f1c2.png)
从用户故事生成序列图
我们已经完成了情景的创建。让我们生成一个它的UML序列图。从工具栏中选择Synchronize to Diagram > Synchronize to Sequence Diagram。
![](https://i-blog.csdnimg.cn/blog_migrate/fb0497b870e97d6901dc011bfbd8f9f8.png)
一秒钟后这个情景的UML序列图就生成好了。
![](https://i-blog.csdnimg.cn/blog_migrate/7d4961a1b9b14618b6d4c58b7507b30d.png)
如果有需要,可点击Ctrl+Tab键回到用户故事。
本文翻译自visual-paradigm.com