網(wǎng)站流程圖規(guī)范

1、網(wǎng)站流程圖規(guī)范與繪制技巧IT管理部：戚銀2012年10月15日一、簡介 流程圖可以簡單地描述一個過程，是對過程、算法、流程的一種圖像表示，在技術(shù)設計、交流及商業(yè)簡報等領(lǐng)域有廣泛的應用。流程圖可分為：數(shù)據(jù)流程圖和作業(yè)流程圖。 流程圖較思維導圖要嚴謹一些，也是思維導圖一種表現(xiàn)，使用圖形表示算法的思路是一種極好的方法，因為千言萬語不如一張圖。流程圖由包含具有確定含義的符號、簡單的說明性文字和各種連線。 流程圖是流經(jīng)一個系統(tǒng)的信息流、觀點流或部件流的圖形代表。在企業(yè)中，流程圖主要用來說明某一過程。這種過程既可以是生產(chǎn)線上的工藝流程，也可以是完成一項任務必需的管理過程。 在繪制流程圖的過程中盡可能用簡單

2、明了的圖形與線條表現(xiàn)現(xiàn)有的事件流、思想和算法，但是在需要加強記憶的流程圖中可以用較為形象的圖形和柔和的線條表現(xiàn)使大腦更容易快速的記憶和理解流程圖的含義。 二、繪制流程圖的軟件 1. Visual Graph是一套非常完善的專業(yè)圖形系統(tǒng)，專門處理交互圖形，在可靠性、兼容性、易用性、擴展性、完備性、容錯性等多方面均達到了較高的水平。2. 億圖圖示專家（EDraw Max）是一款基于矢量的繪圖工具，包含大量的事例庫和模板庫。可以很方便的繪制各種專業(yè)的業(yè)務流程圖、組織結(jié)構(gòu)圖、商業(yè)圖表、程序流程圖、數(shù)據(jù)流程圖、 工程管理圖、軟件設計圖、網(wǎng)絡拓撲圖等等3. Office Visio是當今最優(yōu)秀的繪圖軟件之

3、一，是微軟公司推出的非常傳統(tǒng)的免費流程圖軟件。它有助于IT和商務專業(yè)人員輕松地可視化、分析和交流復雜信息。4. 在Microsoft Office Excel 2007、PowerPoint 2007、Word 2007或Outlook 2007中都可以繪制流程圖。如PowerPoint在插入選項卡里面的“SmartArt”，選擇“流程”、“層次結(jié)構(gòu)”、“循環(huán)”或“關(guān)系”來繪制流 程圖。5. MindManager，中文商標譯作C，俗稱“腦圖”，是一款創(chuàng)造、管理和交流思想的通用標準的繪圖軟件，由美國Mindjet公司開發(fā)，界面可視化，有著直觀、友好的用戶界面和豐富的功能， 這將幫助您有序地組織

4、您的思維、資源和項目進程。MindManager也是一個易于使用的項目管理軟件，能很好提高項目組的工作效率和小組成員之間的協(xié)作性。它作為一個組織資源和管理項目的方法，可從腦圖的核心分枝派生出各種關(guān)聯(lián)的想法和信息。備注：我較為常用的是MindManager和億圖圖示， 尤為MindManager較為出色， 是一款不錯的思維導圖和流程圖的繪制軟件！三、繪制流程圖的步驟1. 認證梳理各項業(yè)務流程；2. 構(gòu)思業(yè)務流程的主流程圖并描述；3. 分解主流程圖中的復雜活動并描述；4. 審視流程圖，查找遺漏、錯誤，進行修改；5. 再次分析業(yè)務邏輯，對比流程圖，對不合理的地方進行修改；6. 完成流程圖的繪制。四、

5、流程圖中常見的符號 ：準備，流程開始； ：流程圖結(jié)束； ：決策、判斷； ：過程、處理框； ：輸入框、數(shù)據(jù)； ：流程線； ：連接點； ：文件；五、流程圖結(jié)構(gòu)說明1、簡單的流程結(jié)構(gòu)：語意：程序開始-處理程序1-處理程序2-結(jié)束;運用時機：適用于簡單的程序流程，繪制流程圖從上到下就是程序的處理流程，簡單 明了。技巧：簡單單一的流程，可以省略流程準備和結(jié)束。處理程序1處理程序2五、流程圖結(jié)構(gòu)說明2、分支結(jié)構(gòu)2.1、二元分支結(jié)構(gòu)（ifelse）語意：通過“條件”決策是/否，來判斷程序的流程，用于表現(xiàn)如果或的關(guān)系；運用時機：在簡單的判斷/決策后，選擇不同的處理程序來確定程序的流程和走向；程序應用：特別適用

6、程序中的ifelse和三元運算結(jié)構(gòu)的表現(xiàn)；技巧：選擇或決策結(jié)果，可以用是、否、通過、不通過或其它相對文字，來 敘明不同路徑處理程序。條件是否處理程序2處理程序1五、流程圖結(jié)構(gòu)說明2.2、多分支結(jié)構(gòu)（ifelse ifelse）語意：根據(jù)不同的判斷(決策)來執(zhí)行不同的程序流程；運用時機：在復雜的分支中使用，根據(jù)不同決策來執(zhí)行不同的流程，在同一個決策中出 現(xiàn)多個結(jié)果或情況，可以使用該結(jié)構(gòu)；程序應用：適用于程序中ifelse ifelse和switch語句的表現(xiàn)。條件nN=2N=1N=x處理程序1處理程序2處理程序x五、流程圖結(jié)構(gòu)說明2.3、嵌套分支結(jié)構(gòu)程序結(jié)構(gòu):if(條件)if(條件)程序1els

7、e程序2else程序3判斷1否是判斷2否是程序3程序1程序2五、流程圖結(jié)構(gòu)說明3、重復流程結(jié)構(gòu)3.1、while結(jié)構(gòu)語意：通過決策判斷，不滿意就返回程序開始，知道滿意為止。應用時機：適用于需要審核、測試等情況的時候，直到審核(測試)通過。判斷程序1程序2否是駁回駁回五、流程圖結(jié)構(gòu)說明3.2、dowhile結(jié)構(gòu)語意：先將程序走一遍，再判斷，如果不滿意就返回重新執(zhí)行程序流程。應用時機：在生產(chǎn)環(huán)境中較為常見的一種流程結(jié)構(gòu)。幾乎可以應用在所有的生產(chǎn)環(huán)境當 中。程序結(jié)構(gòu)：類似程序中的dowhile結(jié)構(gòu)。程序1程序2判斷是否六、流程圖的繪制原則1、流程圖分中心主軸及旁支說明，主軸內(nèi)各流程圖文字請鍵入KEY

8、 WORD， 各細部流程若需補充說明，請精簡條列以虛線旁支說明，每點以不超過二 行為原則。2、各項細部流程有辦理期程者，應注明。3、各項步驟有選擇或決策結(jié)果，如（可、否）、通過、不通過或其它相 對文字時，請回饋校正流程是否有遺漏，以避免懸而未決狀況。4、注意各流程圖動線勾稽的合理性、并考慮是否需建置分表或合成簡要總表， 分表與總表應以符號、顏色或字段等區(qū)隔，使人一目了然。5、流程圖符號繪制排列順序，為由上而下，由左而右。六、流程圖的繪制原則6、處理程序必須以單一入口和單一出口的特性繪制。程序1決策修正前程序1決策修正后六、流程圖的繪制原則7、當流程圖的連接線由右向左、由下向上是必須用箭頭指明流

9、程的方向，而由左向右、 由上向下的流程連接線則可以省略箭頭。8、符號內(nèi)的說明文字盡可能簡明，通常按從左向右和從上向下方式書寫，并與流向無 關(guān)。如果說明文字較多，符號內(nèi)寫不完，可使用注解符。若注解符干擾或影響到圖 形的流程，應在另外一頁正文上注明引用符號。9、開始符號在流程圖中只能出現(xiàn)一次，但結(jié)束符號則不限。若流程圖能一目了然，則 開始符號及結(jié)束符號可省略。10、選擇結(jié)構(gòu)及重復結(jié)構(gòu)之選擇或決策條件，文字敘述應簡明清晰，路徑并加注是 及否或其它相對性文字指示說明。11、流程圖中若有參考到其它已定義流程，可使用已定義處理程序符號，不必重復繪制。 如圖：程序1預定義程序六、流程圖的繪制原則12、處理程

10、序請以阿拉伯數(shù)字，由1開始，依處理程序排列順序編號，并以文字依處理 程序功能命名。文字命名部份，以動詞受詞及簡明扼要敘述為原則。若須 表示處理程序之單位，則在編號之后，加上單位名稱。如圖：1.處理程序12.處理程序2六、流程圖的繪制原則處理程序若屬并行操作關(guān)系，其編號請多加一碼（如8.1，8.2等依序編號），并宜排列在流程圖同一高度，而下一個處理程序編號，則自動增加1（如9）。 如圖：1、程序12.1、程序12.2、程序1六、流程圖的繪制原則13、流程圖一頁放不下時，可使用連接符號連接下一頁流程圖。同一頁流程圖中，若 流程較復雜，亦可使用連接符號來述明流程連接性。連接符號內(nèi)請以文數(shù)字標示， 以

11、資區(qū)別。14、相同流程圖符號宜大小一致。15、路徑符號宜避免互相交叉。如圖：程序1程序2程序2六、流程圖的繪制原則16、同一路徑符號的指示箭頭應只有一個。例：123是否是否修正前123是否是否修正后七、總結(jié)1、符號的應用： 開始用六角菱型或圓角矩形或橢圓； 矩形方框表示具體活動過程； 菱形框表示決策、審核、判斷； 結(jié)束終止用橢圓； 平行四邊形表示輸入輸出； 箭頭代表工作流方向。2、流程的結(jié)構(gòu)： 線性結(jié)構(gòu)(簡單流程); 分支結(jié)構(gòu)(決策/判斷結(jié)構(gòu)); 循環(huán)結(jié)構(gòu)。3、繪制規(guī)則。八、附錄(詳細的符號意義)1. 矩形作用：一般用作要執(zhí)行的處理，在程序流程圖中做執(zhí)行框。2. 圓角矩形或者扁圓作用：表示程序

12、的開始或者結(jié)束，在程序流程圖中用作為起始框或者結(jié)束框。3. 菱形作用：表示決策或判斷，在程序流程圖中，用作判別框。4. 文件 作用：表達為一個文件，可以是生成的文件，或者是調(diào)用的文件。如何定義，需要 自己根據(jù)實際情況做解釋。5. 括弧作用：注釋或者說明，也可以做條件敘述。一般流程到一個位置，做一段執(zhí)行說明， 或者特殊行為時，我會用到它。6. 半圓形作用：半圓在使用中常作為流程頁面跳轉(zhuǎn)、流程跳轉(zhuǎn)的標記。7. 三角形作用：控制傳遞，一般和線條結(jié)合使用，畫數(shù)據(jù)傳遞。8. 梯形作用：一般用作手動操作。八、附錄(詳細的符號意義)9. 六邊形作用：表示準備之意，大多數(shù)人用作流程的起始，類似起始框。10. 平行四邊形 作用：一般表示數(shù)據(jù)，或確定的數(shù)據(jù)處理。或者表示資料輸入（Input）