流程圖 Flowchart：紀錄流程的好幫手

最近在補一些文件，裡面就會需要寫流程圖

於是就把相關的重點整理起來放在這裡

忘記了可以回來看

流程圖

流程圖就是將流程以圖表的方式記錄下來，通常被用來描述解決問題的流程，在各個領域上都看的到它的身影，例如在飲料店裡，會有製作飲料的 SOP，就可以用流程圖的方式記錄下來，如下圖是製作一杯奶茶的流程：

用途

使用流程圖有以下好處：

1. 相較文字敘述，可以快速且清楚地了解整個流程
2. 觀察流程圖後，能找出重要/不重要的步驟，甚至找出一些流程上的缺陷和瓶頸，進而做改善
3. 能知道流程所需的資源(輸入)和產出(輸出)

因此，只要遇到要紀錄流程的時候，除了用文字紀錄外，也可以附上流程圖，加速閱讀者的理解。

符號介紹

這邊列出流程圖常用到的符號~

終端

圓形長方形通常都用來表示終端，代表整個流程的開始或是結尾，流程圖中如果不是那種簡單的流程，最好都要標上開始和結尾，以免誤解意思。

流程線

流程圖中各個點都是靠這個流程線來標明接下來要往哪邊走的，流程線如下圖。

程式

如果要將資料做一些處理，就會使用正方形的圖案來代表程式，常見的可能是做運算，或是處理資料。

輸入/輸出

如果整個流程會需要輸入跟輸出，則會用平行四邊形來顯示，像是：等待使用者輸入參數、輸出數值到螢幕上。

決策判斷

流程中可能也會有需要依照條件判斷的部分，這時候就用菱形來表示，那菱形的角可以依照不同的判斷拉出多條的流程走向，通常符合條件的會放置在下方，其他的放置在左右。

如下圖，如果 a > b 則為 True，往下走；反之如果 a <= b 則為 False，往右邊走。

檔案

在流程圖中，有時候也會出現檔案，則以下圖左邊這種奇怪圖案表示，如果檔案有很多個，則會疊起來像是下圖右邊的圖案顯示。

資料庫

如果是寫程式上的流程圖，那就有機會看到資料庫，因為會需要資料庫來存取資料，拿到資料來顯示或是回傳，亦或是將使用者資料儲存起來。資料庫的圖案都是以圓柱體來做表示，如下圖。

副程式

如果先前已經有定義過某個流程了，我們就可以直接使用，有點類似程式中的函式，與 Process 的差別在於，副程式是需要定義的。

例如，我們在其他地方已經有定義過如何將數字轉成二進位的數字的流程，那我們就可以在這邊直接使用，可以將一個很大的流程，拆分成小的流程，定義一次就好，不用重複呼叫。

迴圈初始化

如果操作需要重複執行很多次，可以用迴圈來代替，如下圖。

Reference

• Wiki 流程圖
• What is the significance of a flowchart?
• 流程圖授課講義
• Flow Chart for Two’s Complement of a Binary Number Using Functions in C