什麼是系統環境圖(System Context Diagram)?概念,創建教程,範例

更新於 發佈於 閱讀時間約 5 分鐘

系統環境圖(System Context Diagram),又稱系統關係圖,是系統分析與設計中的重要工具,用於理解和展示系統與其外部環境互動關係。本文將從概念、應用場景、繪圖教學等六個方面,全面介紹情境圖,幫助讀者掌握這項實用技能。

Ⅰ.系統環境圖概念

系統環境圖,是一種將系統內部視為“黑盒子”,而專注於展示系統與外部實體互動關係的圖表。它將系統直接相連的外界所有互動能力與系統的抽象「黑盒子」相連,從而組成一個較為完整的流程。這種圖表以簡單、清晰的方式展示了系統的邊界及其與外部環境的接口,是系統分析與設計的初步階段不可或缺的工具。

Ⅱ.系統環境圖的元素有哪些?

系統環境圖包含三個關鍵元素。

產品:需要定義的項目、系統或實體。它以一個圓圈表示,圓圈內包含其控制範圍內的所有內容(即工作角色和職責、流程)。圓圈圖幾乎是將主題作為整體的一部分進行呈現的標準。

raw-image

外部實體或代理人:在產品外部運作但以某種方式與產品互動的人員、系統和組織(即決策者、供應商、客戶)。這些用正方形或長方形表示。

raw-image

流線:以箭頭表示,描繪代理人之間的資料流動或外部實體與產品互動的具體方式。箭頭通常伴隨著文字,以顯示正在交換的特定類型的資料或正在執行的操作。

raw-image

Ⅲ.系統情境圖如何應用?

軟體系統設計:在軟體開發的初期階段,情境圖幫助開發團隊明確系統的範圍、邊界及其與外部系統的互動關係,為後續的詳細設計和開發奠定基礎。

raw-image

圖書館借還系統環境圖

業務流程審查:在即將進行的專案發現階段,情境圖可以概述業務系統與其他系統的關係,確保系統和流程與業務需求一致。

資源管理:團隊可以使用環境圖表來更好地了解他們的預算應如何支配,並了解業務不同領域所需的資源。

raw-image

生產計畫與物料管理系統環境圖

問題結構化分析:在需求分析階段,常採用情境圖對問題進行結構化分析,確定問題的位置與邊界,以及機器領域與問題領域的連結關係。

去建立系統環境圖→

Ⅳ.系統情境圖與資料流程圖(DFD)的比較

定義與概述

系統環境圖:提供了系統的概覽,是資料流程圖中的最高等級表示。它主要關注外部實體與系統的交互,只包含一個代表整個系統的流程或程序。有時也被稱為0級資料流程圖。

資料流程圖:透過資訊系統的資料「流」的圖形表示,詳細描述了系統中資料的流動、處理和儲存情況。它可以用於資料處理結構化設計的可視化,並包含多個層級的細節。

內容與結構

系統環境圖:只包含一個流程(以系統名稱命名),顯示所有外部實體和主要資料流,不含任何資料儲存。它提供了一個高層次的視圖,便於理解系統與外部實體的互動關係。

資料流程圖:包含多個流程、資料儲存和外部實體,以及它們之間的詳細資料流。它提供了更深入的細節,描述了系統內部的資料處理邏輯。

用途與細節

系統情境圖:主要用於規劃系統與外部實體互動的方式,降低風險,並促進與外部利害關係人的溝通。由於其簡單性和易於理解性,它非常適合在專案的早期階段使用。

数据流图:提供了更详细的信息,用于深入分析系统的数据处理过程。它可以帮助团队可视化系统的四个主要组成部分(实体、过程、数据存储和数据流),从而优化系统设计和性能。

如果想了解更多关于数据流图的内容,可以进入什麼是DFD(資料流程圖)?符號、結構,教程、範例文章内查看。

raw-image

電子商務平台系統資料流程圖

Ⅴ.如何建立系統環境圖

繪製系統情境圖的過程相對簡單,但關鍵在於準確界定係統的邊界和外部互動實體。以下是詳細的繪圖步驟:

確定係統邊界:首先,明確係統的範圍與功能,界定出系統的邊界。這通常是系統的核心功能或主要業務流程。

識別外部實體:列出所有與系統互動的外部實體,如使用者、其他系統、資料庫等。這些實體在圖中通常以名詞形式表示,而非行為。

繪製系統框圖:在圖面中央,繪製一個代表系統的框圖(通常是矩形或圓形),這是圖表的焦點。

新增外部實體:在系統框圖的周圍,加入代表外部實體的框圖,並用線條(通常是箭頭)連接系統與外部實體,表示它們之間的交互關係。

標註互動資訊:在箭頭線上標註互動的資訊類型或流程,以明確系統與外部實體之間的資料流或控制流。

Ⅵ.系統情境圖製作器

繪製環境圖的工具很多,選擇趁手的工具非常重要。常見的有Visio,Word,ProcessOn等,使用者可以依照需求挑選合適的環境圖製作器。對於初學者,建議使用ProcessOn ,它提供了豐富的模板和易用的介面。這裡主要講解如何使用ProcessOn製作系統情境圖。

1. 登入ProcessOn ,進入個人文件頁,選擇新建流程圖。

2. 從左側圖形庫拖曳圓形到畫布作為中心實體,然後拖曳長方形作為外部實體,選取實體元素,點選圖形四周的「+」即可新增連線連結另外的實體元素。

raw-image

3. 選取圖形,頂部工具列可依需求調整圖形、文字及連線的顏色、大小等樣式,以增強圖表的可讀性和美觀度。

raw-image

Ⅶ.系統環境圖模板與範例

以下是ProcessOn模板社群內部分系統環境圖範本和範例的分享。

raw-image

會員管理系統環境圖

raw-image

電子商務平台環境圖

raw-image

會員服務系統情境圖

環境圖作為專案前期的可視化工具,有助於確定係統的邊界和與外部實體的交互,為後續的系統設計和開發提供了重要的參考依據。相信了解了繪製方法和案例,你可以更好地理解和應用這個工具。

留言
avatar-img
留言分享你的想法!
avatar-img
ProcessOn的沙龍
1會員
74內容數
分享心智圖與流程圖使用技巧
ProcessOn的沙龍的其他內容
2025/04/27
AWS(亞馬遜網路服務)是全球領先的雲端運算供應商,AWS架構圖是一種視覺化工具,它描繪了AWS資源、服務和元件之間的連接與互動。今天將為大家介紹AWS架構圖的概念、組成、繪圖教學及範例。
Thumbnail
2025/04/27
AWS(亞馬遜網路服務)是全球領先的雲端運算供應商,AWS架構圖是一種視覺化工具,它描繪了AWS資源、服務和元件之間的連接與互動。今天將為大家介紹AWS架構圖的概念、組成、繪圖教學及範例。
Thumbnail
2025/04/22
在現今數據驅動的時代,決策樹圖作為一種直覺且強大的分析工具,正逐漸成為各行各業決策者的得力助手。本文將深入淺出地介紹決策樹圖的概念、構成、繪圖教學、範例等方面,幫助讀者掌握此利器,提升決策效率與品質。
Thumbnail
2025/04/22
在現今數據驅動的時代,決策樹圖作為一種直覺且強大的分析工具,正逐漸成為各行各業決策者的得力助手。本文將深入淺出地介紹決策樹圖的概念、構成、繪圖教學、範例等方面,幫助讀者掌握此利器,提升決策效率與品質。
Thumbnail
2025/04/15
在現今競爭激烈的市場環境中,優化業務流程、提升效率已成為企業成功的關鍵因素之一。 SIPOC圖作為一種高效率的流程圖示工具,為企業的流程改善和效率提升提供了有力支持。本文將詳細介紹SIPOC圖的含義、基本構成、作用、範例以及繪製教程,旨在幫助您更好地理解和應用此工具。
Thumbnail
2025/04/15
在現今競爭激烈的市場環境中,優化業務流程、提升效率已成為企業成功的關鍵因素之一。 SIPOC圖作為一種高效率的流程圖示工具,為企業的流程改善和效率提升提供了有力支持。本文將詳細介紹SIPOC圖的含義、基本構成、作用、範例以及繪製教程,旨在幫助您更好地理解和應用此工具。
Thumbnail
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
本書介紹了戰略設計、管理領域複雜度、實際應用領域驅動設計等主題。透過對核心子領域、支持子領域、限界上下文等概念的探討,提供了領域驅動設計的相關知識。這篇文章中還涉及了微服務、事件驅動架構和資料網格等相關主題,提供了設計系統和應用領域驅動設計的指導。
Thumbnail
本書介紹了戰略設計、管理領域複雜度、實際應用領域驅動設計等主題。透過對核心子領域、支持子領域、限界上下文等概念的探討,提供了領域驅動設計的相關知識。這篇文章中還涉及了微服務、事件驅動架構和資料網格等相關主題,提供了設計系統和應用領域驅動設計的指導。
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
Heuristic 啟發式設計是用戶體驗設計的重要原則之一,涉及了許多與真實世界匹配、用戶控制、一致性和準則等方面,通過一些具體的例子解釋了這些原則的重要性。本文還提供了一些相關的視覺系統狀態和系統與真實世界匹配的例子,同時附帶了一些相關的教程和資料來源。
Thumbnail
Heuristic 啟發式設計是用戶體驗設計的重要原則之一,涉及了許多與真實世界匹配、用戶控制、一致性和準則等方面,通過一些具體的例子解釋了這些原則的重要性。本文還提供了一些相關的視覺系統狀態和系統與真實世界匹配的例子,同時附帶了一些相關的教程和資料來源。
Thumbnail
程式設計中不可或缺的一部分 介面是使用者與程式互動的媒介,因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面,可以讓使用者輕鬆地使用程式,並獲得良好的使用體驗。 需要與程式設計師密切溝通 設計師需要了解程式的功能和需求,並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
Thumbnail
程式設計中不可或缺的一部分 介面是使用者與程式互動的媒介,因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面,可以讓使用者輕鬆地使用程式,並獲得良好的使用體驗。 需要與程式設計師密切溝通 設計師需要了解程式的功能和需求,並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
Thumbnail
系統的分析與規劃 在談到程式設計時,首要的是進行系統的分析與規劃。程式設計的起點通常是系統分析與規劃,這涉及到如何分析和設計系統的大原則和方向。為了達到預期效果,重要的是擁有對產業的清晰邏輯認識和深入了解。 進行深入了解 若要進行系統分析,必須對企業的設計和程式設計的對象進行深入了解,以充分理
Thumbnail
系統的分析與規劃 在談到程式設計時,首要的是進行系統的分析與規劃。程式設計的起點通常是系統分析與規劃,這涉及到如何分析和設計系統的大原則和方向。為了達到預期效果,重要的是擁有對產業的清晰邏輯認識和深入了解。 進行深入了解 若要進行系統分析,必須對企業的設計和程式設計的對象進行深入了解,以充分理
Thumbnail
替產業做設計 有人要我談程式設計,那我就稍微談一下。我從事的大都是產業的工作,所以我們也從如何替產業做設計來談起。基本上,每個產業都會有自己的作業流程,大同小異。但是基礎來做都是一樣的,都會有客戶、物料、產品、供應商、員工等資料。不同的是,由於企業型態的不同,他們每個人有不同的作業流程。這個作業流
Thumbnail
替產業做設計 有人要我談程式設計,那我就稍微談一下。我從事的大都是產業的工作,所以我們也從如何替產業做設計來談起。基本上,每個產業都會有自己的作業流程,大同小異。但是基礎來做都是一樣的,都會有客戶、物料、產品、供應商、員工等資料。不同的是,由於企業型態的不同,他們每個人有不同的作業流程。這個作業流
Thumbnail
新系統建構時,可考慮採購建置VM機器,DB機器,備份機器以及網路設備等硬體機器。
Thumbnail
新系統建構時,可考慮採購建置VM機器,DB機器,備份機器以及網路設備等硬體機器。
Thumbnail
介紹C++ 語法 資料型態,架構說明 程式語言為人類與電腦溝通的工具 程式設計流程: 定義問題 -> 問題分析 -> 撰寫演算法 ->程式撰寫 -> 程式執行及維護
Thumbnail
介紹C++ 語法 資料型態,架構說明 程式語言為人類與電腦溝通的工具 程式設計流程: 定義問題 -> 問題分析 -> 撰寫演算法 ->程式撰寫 -> 程式執行及維護
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News