Posted inUML

UML互動概觀圖的完整指南

介紹

互動概觀圖（IODs）是一種統一模型語言（UML）圖表，提供互動模型的高階視圖。它們著重於互動或互動使用之間的控制流程，提供系統內複雜互動的簡化視圖。本指南將涵蓋互動概觀圖的目的、結構、元件、使用案例、技巧與建立有效互動概觀圖的指引。

互動概觀圖的目的

互動概觀圖用於提供系統內互動的高階概觀。它們可視化控制流程並描述物件之間的互動，因此特別適用於：

  • 簡化複雜互動：透過提供高階視圖，IODs 可協助理解整體流程，而不必深入每個互動的細節。
  • 系統導航：它們如同地圖，可讓使用者輕鬆在不同互動圖表之間導航。
  • 溝通：IODs 透過提供系統互動的清晰且簡明概觀，促進利害關係人之間的溝通。

互動概觀圖的結構

互動概觀圖的結構與活動圖類似，但節點代表互動或互動發生。主要的結構元素包括：

  • 節點：代表互動圖表，包括序列圖、通訊圖、互動概觀圖與時序圖。
  • 控制流程：顯示互動發生的順序。
  • 判斷與合併節點：代表控制流程的分支與合併。
  • 分叉與匯合節點：代表控制的平行流程。

互動概觀圖的元素

互動發生

互動發生是對現有互動圖的參考。它以一個框框表示，左上角標有「ref」，中央標示所參考圖的名稱。這允許重用互動圖，並使概觀圖保持簡潔。

互動元素

互動元素以矩形框內內嵌的方式顯示所參考互動圖的內容。這能在概觀圖中提供更詳細的資訊，但可能使其更複雜。

註解

IOD 可在活動圖中使用大多數註解，並加入額外元素以增加清晰度。註解可包含備註、約束和評論，以提供進一步的背景資訊。

使用案例

1. 電子商務系統

情境：使用者瀏覽商品，將項目加入購物車，並進入結帳流程。

互動概觀圖：

  • 節點：瀏覽商品、加入購物車、結帳
  • 控制流程：從瀏覽到結帳的順序流程。
  • 判斷節點：根據使用者操作進行分支（例如，繼續購物或進入結帳）。

2. 銀行系統

情境： 客戶登入，查詢帳戶餘額，轉帳，然後登出。

互動概觀圖：

  • 節點： 登入、查詢餘額、轉帳、登出
  • 控制流程：具有不同操作判斷節點的順序流程。
  • 分叉/合併節點：用於查詢餘額與轉帳的平行流程。

3. 醫療系統

情境： 患者預約看診，諮詢醫生，並獲得處方箋。

互動概觀圖：

  • 節點： 預約看診、諮詢醫生、接收處方箋
  • 控制流程： 依序流程，並使用判斷節點來表示不同結果（例如：是否需要處方）。
  • 互動發生次數： 重用常見的互動，例如「諮詢醫生」。

小技巧與提示

  • 保持高階層次： 著重於整體流程，而非詳細的互動。
  • 使用清晰命名： 確保互動名稱具描述性且清晰明確。
  • 重用互動： 使用互動發生次數來重用常見互動，並保持圖表簡潔。
  • 智慧地添加註解： 使用註解提供背景資訊，但避免使圖表過於雜亂。

指引

  1. 識別情境： 決定您想要模擬的情境，並識別關鍵互動。
  2. 定義節點： 為每一項互動建立節點，並決定是否使用互動發生次數或元素。
  3. 建立控制流程： 定義互動的順序，並依需要使用判斷、合併、分叉與匯合節點。
  4. 檢視與優化：審查圖表的清晰度，並根據利益相關者的反饋進行優化。

範例

範例 1：線上預訂系統

情境：使用者搜尋航班，選擇航班並預訂機票。

互動概觀圖：

  • 節點：搜尋航班、選擇航班、預訂機票
  • 控制流程：從搜尋到預訂的順序流程。
  • 決策節點：根據航班可預訂狀態與使用者選擇進行分支。

範例 2：圖書館管理系統

情境：使用者搜尋書籍，預約並借出。

互動概觀圖：

  • 節點：搜尋書籍、預約書籍、借出
  • 控制流程：具有書籍可借閱狀態決策節點的順序流程。
  • 互動出現次數：「預訂書籍」互動的重用。

使用 Visual Paradigm 創建互動概觀圖

要在 Visual Paradigm 中建立互動概觀圖，請依照下列詳細步驟：

1. 建立新圖表

  • 開啟 Visual Paradigm並選擇圖表 > 新增從應用程式工具列中。
  • 在新圖表視窗中，選擇互動概觀圖.
  • 按一下下一步.
  • 輸入圖表名稱和描述，並選擇一個模型來儲存圖表。
  • 按一下 確定 以建立圖表。

2. 建立初始節點

  • 要開始控制流程，按一下 初始節點 圖表工具列中的圖示。
  • 按一下圖表畫布以放置初始節點。

3. 建立判斷節點

  • 要從初始節點建立判斷節點，將滑鼠游標懸停在初始節點上。
  • 按一下 資源目錄 按鈕並拖曳出來。
  • 在判斷節點的預期位置釋放滑鼠按鈕。
  • 選擇 控制流程 -> 判斷節點 從資源目錄中。
  • 將建立一個新的判斷節點，並與初始節點連接。
  • 輸入判斷節點的名稱並按 Enter 以確認。

4. 建立互動使用

  • 要建立互動使用，將滑鼠游標懸停在來源形狀上（例如：判斷節點）。
  • 按 資源目錄 按鈕並拖曳出來。
  • 在互動使用所需的目標位置釋放滑鼠按鈕。
  • 選擇 控制流程 -> 互動使用 從資源目錄中選擇。
  • 將建立新的互動使用並連接到來源節點。
  • 輸入互動使用的名稱並按 Enter 以確認。

5. 參考圖表

  • 若要讓互動使用參考特定圖表，請在互動使用上按右鍵。
  • 選擇 參考 > 新的順序圖從彈出式功能表中。
  • 建立序列圖後，依需要重新命名圖表。
  • 返回互動概觀圖時，互動使用標題將顯示其所指圖表的名稱。

透過遵循這些步驟，您可以在 Visual Paradigm 中有效建立和管理互動概觀圖，提升您視覺化和溝通系統互動的能力。

結論

互動概觀圖是用於視覺化系統內互動高階流程的強大工具。透過遵循本指南中提出的規範與技巧，您可以建立有效的 IOD，簡化複雜的互動，並提升利害關係人之間的溝通。