為了使客戶和項(xiàng)目團(tuán)隊(duì)成員能夠更簡(jiǎn)單的閱讀項(xiàng)目計(jì)劃，你可以選擇從項(xiàng)目場(chǎng)景中生成一個(gè)UML序列圖，將計(jì)劃的序列圖進(jìn)行可視化。在本教程中，我們將嘗試編寫一個(gè)簡(jiǎn)單的用戶故事，然后生成它的序列圖。

編寫用戶故事的場(chǎng)景

1. 使用創(chuàng)建一個(gè)新的項(xiàng)目。從應(yīng)用工具欄中選擇Project > New。

2. 在New Project窗口，輸入Online Shopping作為項(xiàng)目名稱。點(diǎn)擊Create Blank Project按鈕。

3. 打開(kāi)UeXceler的User Story頁(yè)面。如果你當(dāng)前沒(méi)有開(kāi)啟UeXceler，可以先從應(yīng)用工具欄中選擇UeXceler > UeXceler，然后打開(kāi)User Story頁(yè)面。

4. 創(chuàng)建一個(gè)普通的用戶故事。點(diǎn)擊Add a feature that can...然后輸入User can add an item to shopping cart.作為名字。

5. 雙擊用戶故事并打開(kāi)。

6. 打開(kāi)Scenario頁(yè)面。

7. 輸入計(jì)劃步驟來(lái)完成該用戶故事。點(diǎn)擊第一步，輸入Open an item page。

8. 點(diǎn)擊回車鍵，然后輸入第二步：Select attributes (e.g. appearance, style)。

9. 當(dāng)用戶選擇的東西仍可供購(gòu)買時(shí)會(huì)顯示數(shù)量框。讓我們?yōu)檫@個(gè)邏輯寫一個(gè)if-then-else語(yǔ)句。敲擊回車來(lái)到第三步。然后，點(diǎn)擊CTRL+空格來(lái)觸發(fā)Statement Control列表。

10. 從Statement Control列表中選擇If。

11. 輸入out of stock。

12. 讓我們假定系統(tǒng)可以顯示出 "out of stock（缺貨）"的消息。按回車鍵進(jìn)入if條件，然后再次點(diǎn)擊CTRL+空格。

13. 這一步是系統(tǒng)執(zhí)行的。讓我們創(chuàng)建一個(gè)系統(tǒng)響應(yīng)。從Statement Control列表中選擇System Response。

14. 輸入Display "Out of stock" message..

15. 數(shù)量框?qū)?huì)顯示在else的情形中。現(xiàn)在敲擊回車鍵和CTRL+空格鍵來(lái)觸發(fā)Statement Control列表。

16. 從Statement Control列表中選擇Change to Else。

17. 點(diǎn)擊回車鍵。

18. 通過(guò)點(diǎn)擊CTRL+空格鍵來(lái)觸發(fā)Statement Control列表，從列表中選擇System Response，然后輸入Show quantity box.. 

19. 點(diǎn)擊Down鍵跳轉(zhuǎn)到end if。然后點(diǎn)擊回車鍵來(lái)到步驟五。

20. 顧客然后會(huì)輸入數(shù)量然后將它添加到購(gòu)物車中去。輸入Enter quantity然后點(diǎn)擊Click "Add to Cart"，作為相應(yīng)的第五步和第六步。

21. 一旦訂單添加到購(gòu)物車以后，系統(tǒng)會(huì)提示顧客是否繼續(xù)購(gòu)買。使用回車鍵創(chuàng)建一個(gè)新的步驟，輸入系統(tǒng)的響應(yīng)Prompt "Do you want to continue shopping?" 來(lái)作為第七步。

22. 如果顧客選擇"Yes"，系統(tǒng)將會(huì)重新打開(kāi)一個(gè)新的訂單頁(yè)面。使用Statement Control列表添加if - has chosen "Yes".

23. 點(diǎn)擊回車鍵進(jìn)入If條件。點(diǎn)擊CTRL+空格來(lái)觸發(fā)Statement Control列表。這一次選擇Jump。

24. 點(diǎn)擊第一步旁邊的小箭頭設(shè)置跳轉(zhuǎn)回到第一步。

從用戶故事生成序列圖

我們已經(jīng)完成了情景的創(chuàng)建。讓我們生成一個(gè)它的UML序列圖。從工具欄中選擇Synchronize to Diagram > Synchronize to Sequence Diagram。

一秒鐘后這個(gè)情景的UML序列圖就生成好了。

如果有需要，可點(diǎn)擊Ctrl+Tab鍵回到用戶故事。

本文翻譯自