我們寫的程序都是有邏輯順序的,即是有流程的,流程圖的作用則是對這種邏輯順序的一種描述,是對解決問題的方法、思路或者算法的圖形化的展示。
流程圖采用的符號
Axure里的流程圖形狀組件面板
下面這的內容介紹來自(https://www.douban.com/note/310371289/)
1、矩形
作用:一般用作要執行的處理(process),在程序流程圖中做執行框。
在axure中如果是畫頁面框架圖,那么也可以指代一個頁面。有時候我們會把頁面和執行命令放在同一個流程中做說明,這個時候將兩類不同的矩形做色彩區別,然后做說明就好了。
2、圓角矩形或者扁圓
作用:表示程序的開始或者結束,在程序流程圖中用作為起始框或者結束框。
3、斜角矩形
作用:斜角矩形平時幾乎不使用,可以視情況自行定義。或者在其他的流程圖中,有特殊含義,暫不知曉,也希望有識之士指點一二。
4、菱形
作用:表示決策或判斷(例如:If...Then...Else),在程序流程圖中,用作判別框。
5、文件
作用:表達為一個文件,可以是生成的文件,或者是調用的文件。如何定義,需要自己根據實際情況做解釋。
6、括弧
作用:注釋或者說明,也可以做條件敘述。一般流程到一個位置,做一段執行說明,或者特殊行為時,會用到它。
7、半圓形
作用:半圓在使用中常作為流程頁面跳轉、流程跳轉的標記。
8、三角形
作用:控制傳遞,一般和線條結合使用,畫數據傳遞。
9、梯形
作用:一般用作手動操作。
10、橢圓形或圓形
作用:如果畫小圓,一般是用來表示按順序數據的流程。
如果是畫橢圓形,很多人用作流程的結束。如果是在use case用例圖中,橢圓就是一個用例了。
11、六邊形
作用:表示准備之意,大多數人用作流程的起始,類似起始框。
12、平行四邊形
作用:一般表示數據,或確定的數據處理。或者表示資料輸入(Input)。
13、角色
作用:來自於use case 用例,模擬流程中執行操作的角色是誰。需要注意的時,角色並非一定是人,有時候是機器自動執行,有時候也可是是模擬一個系統管理。
14、數據
作用:就是指保存我們網站數據的數據庫。
15、圖片
作用:表示一張圖片,或者置入一個已經畫好的圖片、流程或者一個環境。
如何繪制流程圖?(https://www.edrawsoft.com/cn/How-to-draw-flowchart.php)
當我們還是新手的時候,我們中的大多數不知道如何繪制流程圖,但是隨着時間和經驗的積累,我們獲得一些新的技能。一個好的流程圖幫助我們理解系統的流程。如果一個流程圖沒有繪制好,就會誤導系統的設計師或者導致不好的結果。因此,創建流程圖時,細心和技能都很重要。我會建議您使用流程圖方便您理解它的流程。
盡管有許多符號在流程圖中可以用來表示不同的步驟,精確的流程圖只會使用其中幾種符號,比如說過程、決定、開始、延遲、雲等符號。
流程圖的基本元素是一個簡單的行動,可以是現金付款,是由一個方塊代表的。流程圖就像是一個方塊連接着一個方塊,連接這些方塊的是箭頭。
當必須要做出決定的時候,過程就會變得越來越復雜,這個時候必須采取替代行動。在流程圖中“決定”的形狀是菱形,決定的答案只有“是””或者“不是”兩種,就像在圖形2種展示的那樣。復雜的決定都是由簡單決定結合而成的。
關於決定,過程經常會出錯,要么是問了錯誤的問題要么是給了錯的答案。
當方塊不能夠用線直接連接,分開的線和匹配名字的方塊互相協調。這通常發生在線交叉到下一個頁面的時候。
圖形3. 跨頁的持續流程圖
通過使用多個連接,這樣繪制大型的流程圖就變得相當簡單了,但是流程圖太大了理解起來就會變得困難。理想的流程圖大小是一頁就夠了,這樣的話,流程圖就給人一種視覺上的“主干”感覺,這樣也很方便使用。
大的過程可以分解成層級的小的流程圖,作為分過程方塊。這就像一個高級別的普通行為方塊,可以“放縮”成另一個流程圖,就像圖形4中顯示的那樣。
圖形4. 分過程
在分析過程是等待方塊的時候,一個額外的行為方塊很重要,這樣就會突出延遲(也就是不 行為)。這就是一個典型的點,一個過程的總體花費可以通過表演或許是在其他過程減少延遲來提升。