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. 建立互動使用

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

5. 參考圖表

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

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

結論

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