PAGE2PAGE55/8標(biāo)準(zhǔn)程序流程圖的符號及使用約定一、引言程序流程圖（Progranflowchart)作為一種算法表達工具,早已為工國計算機工作者和廣大計算機用戶十分熟悉和普通使用.然而它的一個明顯缺點在于缺乏統(tǒng)一的規(guī)范化符號表示和嚴格的使用規(guī)則。最近,國家標(biāo)準(zhǔn)局批準(zhǔn)的國家標(biāo)準(zhǔn)(GB1525-89）〈〈信息處理——數(shù)據(jù)流程圖,程序流程圖，系統(tǒng)流程圖,程序網(wǎng)絡(luò)圖和系統(tǒng)資源圖的文件編制符號及約定〉〉為我們推薦了一套標(biāo)準(zhǔn)化符號和使用約定，根據(jù)這一標(biāo)準(zhǔn)畫出的程序流程圖我們稱為標(biāo)準(zhǔn)流程圖.1。程序流程圖表示了程序的操作順序。它應(yīng)包括:(1)指明實際處理操作的處理符號,包括根據(jù)邏輯條件確定要執(zhí)行的路徑的符號。（2）指明控制流的流線符號。(3)便于讀寫程序流程圖的特殊符號.二,符號常見的流程圖符號及含義圖標(biāo)符號名稱詳細注釋數(shù)據(jù)(斜四邊）表示數(shù)據(jù),其中可注明數(shù)據(jù)名,來源，用途或其它的文字說明.此符號并不限定數(shù)據(jù)的媒體.處理(矩形)表示各種處理，過程/活動描述功能。例如,執(zhí)行一個或一組特定的操作，從而使信息的值,信息形世或所在位置發(fā)生變化,或確定對某一流向的選擇.矩形內(nèi)可注明處理名或其簡工功能。待定處理帶有雙縱邊線的矩形表示已命名的特定處理。該處理為在另外地方已得到詳細說明的一個操作或一組操作，便如子例行程序,模塊。矩形內(nèi)可注明特定處理名或其簡要功能。準(zhǔn)備（長六邊）表示準(zhǔn)備.它表示修改一條指令或一組指令以影響隨后的活動.例如,設(shè)置開關(guān),修改變址寄存器，初始化例行程序.判斷（菱形）表示判斷或開關(guān).菱形內(nèi)可注明判斷的條件。它只有一個入口,但可以有若干個可供選擇的出口,在對符號內(nèi)定義折條件求值后,有一個且僅有一個出口被激活.求值結(jié)果可在表示出口路徑的流線附近寫出.循環(huán)（上/下）界限表示循環(huán)的開始和循環(huán)的結(jié)束.兩種循環(huán)：一對符號內(nèi)應(yīng)注明同一循環(huán)標(biāo)識符?？筛鶕?jù)檢驗終止循環(huán)條件在循環(huán)的開始還是在循環(huán)的末尾，將其條件分別在上界限符內(nèi)注明(如：當(dāng)A>B)或在下界限符內(nèi)注明（如:直到C<D).下圖給出了當(dāng)終止條件成立時進入循環(huán)和直到終止條件成立退出循環(huán)的兩種不同的表示。圖一連接符（圓形)表示連接符，用以表明轉(zhuǎn)向流程圖的它處，或從流程圖它處轉(zhuǎn)入.它是流線的斷點。在圖內(nèi)注明某一標(biāo)識符，表明該流線將在具有相同標(biāo)識符的另一連接符處繼續(xù)下去(參看以下關(guān)于連接符使用的約定）。端點符（扁圓）形表示轉(zhuǎn)向外部環(huán)境或從外部環(huán)境轉(zhuǎn)入的端點符.例如,程序流程的起始或結(jié)束，數(shù)據(jù)的外部使用起點或終點.流線表示控制流的流線。關(guān)于流線上表示流向的箭頭,其使用方法見后面的約定.虛線用于表明被注解的范圍或連接被注解部分與注解正文,也參看圖2.省略符若流程圖中有些部分無需給出符號的具體形式和數(shù)量,可用三點構(gòu)成的省略符.省略符應(yīng)夾在流線符號之中或流線符號之間，參看圖3.開/結(jié)橢圓用來表示一個過程的開始或結(jié)束。“開始"或“結(jié)束”寫在符號內(nèi)。連線箭頭用來表示層層步驟在順序中的進展.連線的箭頭表示一個過程的流程方向。并行方式一對平行線表示同步進行兩個或兩個以上并行方式的操作。并行方式的示例如圖5,圖中在處理A完成后才能進行處理C,D和E;同樣，處理F要等處理B,C，D完成以后進行.但處理C可以處理D開始和（或)結(jié)束前開始和（或)結(jié)束.圖4注解符注解符由縱邊線和虛線構(gòu)成，用以標(biāo)識注解的內(nèi)容.虛線須連接到被注解的符號或符號組合上。注解的正文應(yīng)靠近縱邊線.請參看圖5給出的注解符使用示例.文擋標(biāo)志用來表示屬于該過程的書面信息，生成的任何供人閱讀的信息,例如打印結(jié)果.文件的題目或說明寫在符號內(nèi).三,使用約定（1)關(guān)于流程圖符號的使用約定，簡要地說明以下幾點:1。圖的布局：流程圖中所用的符號應(yīng)該均心地分布，連線保持合理的長度,并盡量少使用長線。2.符號的形狀:流程圖中多數(shù)符號內(nèi)的空白供標(biāo)注說明性文字。使用各種符號應(yīng)注意符號的外形和各符號大小的統(tǒng)一，避免使符號變形或各符號大小比例不一。3。符號內(nèi)的說明文字：應(yīng)使符號內(nèi)的說明文字盡可能簡明。通常按從左向右和從上向下方式書寫，并與流向無關(guān).如果說明文字較多,符號內(nèi)寫不完,可使用注解符。若注解符干擾或影響到圖形的流程，應(yīng)將正文寫在另外一頁上，并注明引用符號.4.符號標(biāo)識符:為符號規(guī)定標(biāo)識符是為了便于其它文件引用該符號.便如，程序清單中引用到流程圖中的特定符號.符號標(biāo)識符一般寫在符號的左上角，參看圖6（a)。圖6符號標(biāo)識符和符號描述符5.符號描述符：為便于進一步理解符號的功能，可標(biāo)注符號描述符.通常描述符寫在符號的右上角，如圖6（b)所示。6.詳細表示：在處理符號或數(shù)據(jù)符號中畫一橫線，表明該符號在同一文件集中的其它地言有更為詳細的表示。橫線在符號內(nèi)靠近項端，詳細表示的標(biāo)識符寫在符號內(nèi)橫線之上,見圖7(a)。端點符用作詳細表示的開始符號和結(jié)束符號,在此符號中應(yīng)給出加橫線符號中的標(biāo)識符，見圖7（b)。圖7加橫線符號及其詳細表示7。流線(1）標(biāo)準(zhǔn)流向與箭頭的使用：流線的標(biāo)準(zhǔn)流向是從左到右和從上到下.沿標(biāo)準(zhǔn)流向的流線可不用箭頭指示流向，但沿非標(biāo)準(zhǔn)流向的流線應(yīng)用箭頭指示充向.（2）流線的交叉：應(yīng)當(dāng)盡量避免流線的交叉.即使出現(xiàn)流線的交叉，交叉的流線之間也沒有任何邏輯關(guān)系,并不對流向產(chǎn)生任何影響,如圖8(a）所示.(3)流線的匯集:兩條或多條進入線可以匯集成一條輸出線，此時各連接點應(yīng)要互錯工以提高清晰度，并用箭頭表示流向，如圖8（b）所示.圖8漢線的交叉與流線的匯集(4)符號流線進出:一般情況下,流線應(yīng)從符號的左邊或項端進入,并從右邊或底端離開。其進出點均應(yīng)對準(zhǔn)符號的中心.(5）連接符：為避免出現(xiàn)流線交叉和使用長線,或某個流程圖能在另一頁上延續(xù),可用連接符將流線截斷。截斷始端的連接符稱為出口連接符,載斷末端的連接符稱為入口連接符.兩連接符中用同一標(biāo)識符。換頁截斷可用與連接符相連的注解符表示，如圖9所示.圖9出口連接符與入口連接符8.多出口判斷的兩種表示方法（1)直接從判斷符號引出多條流線,如圖10（a)所示。(2)從判斷符號引聘條流線,再從它引出多條流線，如圖10(b）所示.圖10多出口判斷多出口判斷的每個出口都應(yīng)標(biāo)有相應(yīng)的條件值，用以反映它所引出的邏輯路徑，如圖11所示。圖11多出口判斷出口處標(biāo)出條件值四，示例Axure里的流程圖形狀組件面板

對于畫流程圖,是我們經(jīng)常會遇到的問題.我們和程序工程師溝通，用再多的口水，也無法挑明的事情，畫一張簡明的流程圖，就能很直白的說明關(guān)鍵問題。

有時候你可能會懊惱，因為程序員的思維猶如計算機，你告訴他為什么沒有用，你就告訴他該怎么做，是左是右，是0是1就好了。這個時候，產(chǎn)品經(jīng)理需要的是理性思維，清晰的思路，如果你不清晰，工程師大多數(shù)會跟著你的思路亂做一團。所以多畫幾個流程，多根據(jù)頁面需求畫清晰的流程，就能解決實際的問題。

話不多說，本章主要介紹流程圖里面的工具，因為圖形其實很好介紹，簡單的英文翻譯就好了，所以也順帶說說這些圖形在流程里的作用。方式還和以前一樣，編號，對號入座，咱們來一個蘿卜，一個坑：

1、矩形

作用：一般用作要執(zhí)行的處理（process），在程序流程圖中做執(zhí)行框。

在axure中如果是畫頁面框架圖，那么也可以指代一個頁面。有時候我們會把頁面和執(zhí)行命令放在同一個流程中做說明，這個時候?qū)深惒煌木匦巫錾蕝^(qū)別，然后做說明就好了。

2、圓角矩形或者扁圓

作用：表示程序的開始或者結(jié)束，在程序流程圖中用作為起始框或者結(jié)束框。

3、斜角矩形

作用：斜角矩形平時幾乎不使用,可以視情況自行定義.或者在其他的流程圖中，有特殊含義，暫不知曉，也希望有識之士指點一二.

4、菱形

作用：表示決策或判斷（例如:If。..Then..。Else），在程序流程圖中,用作判別框。

5、文件

作用：表達為一個文件，可以是生成的文件，或者是調(diào)用的文件。如何定義，需要自己根據(jù)實際情況做解釋。

6、括弧

作用：注釋或者說明，也可以做條件敘述.一般流程到一個位置，做一段執(zhí)行說明,或者特殊行為時,會用到它。

7、半圓形

作用：半圓在使用中常作為流程頁面跳轉(zhuǎn)、流程跳轉(zhuǎn)的標(biāo)記。

8、三角形

作用:控制傳遞，一般和線條結(jié)合使用，畫數(shù)據(jù)傳遞。

9、梯形

作用：一般用作手動操作。

10、橢圓形或圓形

作用:如果畫小圓，一般是用來表示按順序數(shù)據(jù)的流程。

如果是畫橢圓形，很多人用作流程的結(jié)束.如果是在usecase用例圖中,橢圓就是一個用例了。

11、六邊形

作用：表示準(zhǔn)備之意，大多數(shù)人用作流程的起始,類似起始框。

12、平行四邊形

作用：一般表示數(shù)據(jù)，或確定的數(shù)據(jù)處理.或者表示資料輸入（Input）。

13、角色

作用：來自于usecase用例，模擬流程中執(zhí)行操作的角色是誰。需要注意的時，角色并非一定是人,有時候是機器自動執(zhí)行，有時候也可是是模擬一個系統(tǒng)管理。

14、數(shù)據(jù)

作用：就是指保存我們網(wǎng)站數(shù)據(jù)的數(shù)據(jù)庫.

15、圖片

作用：表示一張圖片,或者置入一個已經(jīng)畫好的圖片、流程或者一個環(huán)境.

基本上，axure講基本流程圖、頁面框架圖、usecase用例圖涉及到的一些關(guān)鍵圖形都囊括在流程圖流程工具中，模糊了流程圖的區(qū)別,而盡量貼近交互設(shè)計時的工作內(nèi)容.

流程圖