de_DEen_USes_ESfa_IRfr_FRhi_INid_IDjapl_PLpt_PTru_RUvizh_CNzh_TW

C4 模型案例研究 – 補充圖示：系統概覽圖

系統概覽圖的目的（C4 第0層 / 概覽層）

該系統概覽圖是 C4 模型家族中最廣泛的視圖。
它位於之上系統上下文圖，並顯示：

  • 所有重要的軟體系統從組織／事業單位／產品線／團隊的角度來看具有重要性的系統
  • 這些系統之間如何在極高層次上互動
  • 哪些系統是內部, 外部, 遺留, 戰略性, 即將被取代, 正在開發中等
  • 通常包含人員／角色群組僅當它們是多個系統的核心時

它回答以下問題：

  • 「我們目前的整個數位資產是什麼樣子？」
  • 「哪些系統與我們的核心銀行主機進行通訊？」
  • 「最大的整合痛點在哪裡？」
  • 「哪些新計畫正在影響許多現有系統？」

它並非專注於單一軟體系統——而是組織或部門層級的整體視角。專注於單一軟體系統——而是組織或部門層級的整體視角。

系統架構圖的優秀標題

選擇一個能清楚傳達範圍與視角的標題。一些常用且有力的例子：

  1. 大銀行股份有限公司 – 企業／核心銀行架構 2025
  2. 個人與小型企業銀行業務 – 系統架構
  3. 零售銀行部門 – 主要系統與整合
  4. 網路銀行計畫 – 周邊生態系統（2025）
  5. 端到端客戶旅程 – 銀行業務系統架構
  6. 戰略系統架構 – 大銀行股份有限公司（著重於客戶接觸管道）
  7. 現狀架構 – 零售與數位銀行組合

本案例推薦標題（廣泛但具焦點）：

大銀行股份有限公司 – 零售與數位銀行系統架構（2025 年目標狀態）

何時建立／更新架構圖

  • 在早期探索／架構準備階段
  • 進行組合合理化或舊有系統現代化規劃時
  • 作為每季／每年架構審查的一部分
  • 在引進高階主管或監管機構，他們需要3萬英尺高空視角時
  • 在啟動觸及許多系統的大型計畫之前

PlantUML / C4-PlantUML 範例 – 系統概覽圖

PlantUML


在 VPasCode 中編輯 PlantUML
PlantUML Edit PlantUML in VPasCode 
@startuml
!include https://static.visual-paradigm.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml

LAYOUT_TOP_DOWN()
LAYOUT_WITH_LEGEND()

title Big Bank plc 的系統概覽圖

Person(customer, "個人銀行客戶", "銀行的客戶，擁有個人銀行帳戶。")

Enterprise_Boundary(c0, "Big Bank plc") {
System(banking_system, "網上銀行系統", "讓客戶查看其銀行帳戶的資訊，並進行付款。")

System_Ext(atm, "自動櫃員機", "讓客戶提取現金。")
System_Ext(mail_system, "電郵系統", "內部的 Microsoft Exchange 電郵系統。")

System_Ext(mainframe, "主機銀行系統", "儲存所有關於客戶、帳戶、交易等的核心銀行資訊。")

Person_Ext(customer_service, "客戶服務人員", "銀行內部的客戶服務人員。")
Person_Ext(back_office, "後勤支援人員", "銀行內部的行政與支援人員。")
}

Rel_Neighbor(customer, banking_system, "使用")
Rel_R(customer, atm, "使用以提取現金")
Rel_Back(customer, mail_system, "發送電郵給")

Rel_R(customer, customer_service, "詢問問題給", "電話")

Rel_D(banking_system, mail_system, "使用電郵發送")
Rel_R(atm, mainframe, "使用")
Rel_R(banking_system, mainframe, "使用")
Rel_D(customer_service, mainframe, "使用")
Rel_U(back_office, mainframe, "使用")

Lay_D(atm, banking_system)

Lay_D(atm, customer)
Lay_U(mail_system, customer)
@enduml
Edit PlantUML in VPasCode



在 VPasCode 中編輯 PlantUML

快速解讀指南

  • 左側 — 大多數為 新系統／雲端／現代化 計畫
  • 中心／右側 — 傳統核心系統 與 重量級整合中心
  • 外部系統 以 標示_Ext
  • 圖例 因 而自動產生LAYOUT_WITH_LEGEND()
  • 僅在有幫助時才使用邊界（例如在新的數位渠道周圍）

此類圖表是刻意設計為 粗粒度 — 通常不會 顯示 顯示容器或組件、資料庫、通訊協定等。這些細節應出現在 系統上下文 與 容器各個系統的圖示。

您想要：

  • 將此擴展為一個現狀對比目標狀態對比嗎？
  • 加入顏色編碼（遺留系統 = 橙色，戰略性 = 綠色等）嗎？
  • 聚焦於較小的範圍（例如僅支付系統架構）嗎？
  • 改為使用 Mermaid 來呈現這個範例嗎？

請告訴我您希望如何調整它。