网站流程图规范

1、网站流程图规范与绘制技巧,IT管理部：戚银 2012年10月15日,一、简介,流程图可以简单地描述一个过程，是对过程、算法、流程的一种图像表示，在技术设计、交流及商业简报等领域有广泛的应用。流程图可分为：数据流程图和作业流程图。 流程图较思维导图要严谨一些，也是思维导图一种表现，使用图形表示算法的思路是一种极好的方法，因为千言万语不如一张图。流程图由包含具有确定含义的符号、简单的说明性文字和各种连线。 流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。 在绘制流程图的过程中尽可能

2、用简单明了的图形与线条表现现有的事件流、思想和算法，但是在需要加强记忆的流程图中可以用较为形象的图形和柔和的线条表现 使大脑更容易快速的记忆和理解流程图的含义。,二、绘制流程图的软件,Visual Graph是一套非常完善的专业图形系统，专门处理交互图形，在可靠性、兼容性、易用性、扩展性、完备性、容错性等多方面均达到了较高的水平。 亿图图示专家（EDraw Max）是一款基于矢量的绘图工具，包含大量的事例库和模板库。可以很方便的绘制各种专业的业务流程图、组织结构图、商业图表、程序流程图、数据流程图、 工程管理图、软件设计图、网络拓扑图等等 Office Visio是当今最优秀的绘图软件之一，是

3、微软公司推出的非常传统的免费流程图软件。它有助于IT和商务专业人员轻松地可视化、分析和交流复杂信息。 在Microsoft Office Excel 2007、PowerPoint 2007、Word 2007或Outlook 2007中都可以绘制流程图。如PowerPoint在插入选项卡里面的“SmartArt”，选择“流程”、“层次结构”、“循环”或“关系”来绘制流 程图。 MindManager，中文商标译作C，俗称“脑图”，是一款创造、管理和交流思想的通用标准的绘图软件，由美国Mindjet公司开发，界面可视化，有着直观、友好的用户界面和丰富的功能， 这将帮助您有序地组织您的思维、资源

4、和项目进程。MindManager也是一个易于使用的项目管理软件，能很好提高项目组的工作效率和小组成员之间的协作性。它作为一个组织资源和管理项目的方法，可从脑图的核心分枝派生出各种关联的想法和信息。,备注：我较为常用的是MindManager和亿图图示， 尤为MindManager较为出色， 是一款不错的思维导图和流程图的绘制软件！,三、绘制流程图的步骤,认证梳理各项业务流程； 构思业务流程的主流程图并描述； 分解主流程图中的复杂活动并描述； 审视流程图，查找遗漏、错误，进行修改； 再次分析业务逻辑，对比流程图，对不合理的地方进行修改； 完成流程图的绘制。,四、流程图中常见的符号,：准备，流程

5、开始； ：流程图结束； ：决策、判断； ：过程、处理框； ：输入框、数据； ：流程线； ：连接点； ：文件；,五、流程图结构说明,1、简单的流程结构： 语意：程序开始-处理程序1-处理程序2-结束; 运用时机：适用于简单的程序流程，绘制流程图从上到下就是程序的处理流程，简单 明了。 技巧：简单单一的流程，可以省略流程准备和结束。,处理程序1,处理程序2,五、流程图结构说明,2、分支结构 2.1、二元分支结构（ifelse） 语意：通过“条件”决策是/否，来判断程序的流程，用于表现如果或的关系； 运用时机：在简单的判断/决策后，选择不同的处理程序来确定程序的流程和走向； 程序应用：特别适用程序中

6、的ifelse和三元运算结构的表现； 技巧：选择或决策结果，可以用是、否、通过、不通过或其它相对文字，来 叙明不同路径处理程序。,条件,是,否,处理程序2,处理程序1,五、流程图结构说明,2.2、多分支结构（ifelse ifelse） 语意：根据不同的判断(决策)来执行不同的程序流程； 运用时机：在复杂的分支中使用，根据不同决策来执行不同的流程，在同一个决策中出 现多个结果或情况，可以使用该结构； 程序应用：适用于程序中ifelse ifelse和switch语句的表现。,条件n,N=2,N=1,N=x,处理程序1,处理程序2,处理程序x,五、流程图结构说明,2.3、嵌套分支结构 程序结构:

7、if(条件)if(条件)程序1else程序2else程序3,判断1,否,是,判断2,否,是,程序3,程序1,程序2,五、流程图结构说明,3、重复流程结构 3.1、while结构 语意：通过决策判断，不满意就返回程序开始，知道满意为止。 应用时机：适用于需要审核、测试等情况的时候，直到审核(测试)通过。,判断,程序1,程序2,否,是,驳回,五、流程图结构说明,3.2、dowhile结构 语意：先将程序走一遍，再判断，如果不满意就返回重新执行程序流程。 应用时机：在生产环境中较为常见的一种流程结构。几乎可以应用在所有的生产环境当 中。 程序结构：类似程序中的dowhile结构。,程序1,程序2,判

8、断,是,否,六、流程图的绘制原则,1、流程图分中心主轴及旁支说明，主轴内各流程图文字请键入KEY WORD， 各细部流程若需补充说明，请精简条列以虚线旁支说明，每点以不超过二 行为原则。 2、各项细部流程有办理期程者，应注明。 3、各项步骤有选择或决策结果，如（可、否）、通过、不通过或其它相 对文字时，请回馈校正流程是否有遗漏，以避免悬而未决状况。 4、注意各流程图动线勾稽的合理性、并考虑是否需建置分表或合成简要总表， 分表与总表应以符号、颜色或字段等区隔，使人一目了然。 5、流程图符号绘制排列顺序，为由上而下，由左而右。,六、流程图的绘制原则,6、处理程序必须以单一入口和单一出口的特性绘制。

9、,程序1,决策,修正前,程序1,决策,修正后,六、流程图的绘制原则,7、当流程图的连接线由右向左、由下向上是必须用箭头指明流程的方向，而由左向右、 由上向下的流程连接线则可以省略箭头。 8、符号内的说明文字尽可能简明，通常按从左向右和从上向下方式书写，并与流向无 关。如果说明文字较多，符号内写不完，可使用注解符。若注解符干扰或影响到图 形的流程，应在另外一页正文上注明引用符号。 9、开始符号在流程图中只能出现一次，但结束符号则不限。若流程图能一目了然，则 开始符号及结束符号可省略。 10、选择结构及重复结构之选择或决策条件，文字叙述应简明清晰，路径并加注是 及否或其它相对性文字指示说明。 11

10、、流程图中若有参考到其它已定义流程，可使用已定义处理程序符号，不必重复绘制。 如图：,程序1,预定义程序,六、流程图的绘制原则,12、处理程序请以阿拉伯数字，由1开始，依处理程序排列顺序编号，并以文字依处理 程序功能命名。文字命名部份，以动词受词及简明扼要叙述为原则。若须 表示处理程序之单位，则在编号之后，加上单位名称。 如图：,1.处理程序1,2.处理程序2,六、流程图的绘制原则,处理程序若属并行操作关系，其编号请多加一码（如8.1，8.2等依序编号），并宜排列在流程图同一高度，而下一个处理程序编号，则自动增加1（如9）。 如图：,1、程序1,2.1、程序1,2.2、程序1,六、流程图的绘制

11、原则,13、流程图一页放不下时，可使用连接符号连接下一页流程图。同一页流程图中，若 流程较复杂，亦可使用连接符号来述明流程连接性。连接符号内请以文数字标示， 以资区别。 14、相同流程图符号宜大小一致。 15、路径符号宜避免互相交叉。 如图：,程序1,程序2,程序2,六、流程图的绘制原则,16、同一路径符号的指示箭头应只有一个。 例：,1,2,3,是,否,是,否,修正前,1,2,3,是,否,是,否,修正后,七、总结,1、符号的应用： 开始用六角菱型或圆角矩形或椭圆； 矩形方框表示具体活动过程； 菱形框表示决策、审核、判断； 结束终止用椭圆； 平行四边形表示输入输出； 箭头代表工作流方向。 2、

12、流程的结构： 线性结构(简单流程); 分支结构(决策/判断结构); 循环结构。 3、绘制规则。,八、附录(详细的符号意义),矩形 作用：一般用作要执行的处理，在程序流程图中做执行框。 2. 圆角矩形或者扁圆 作用：表示程序的开始或者结束，在程序流程图中用作为起始框或者结束框。 3. 菱形 作用：表示决策或判断，在程序流程图中，用作判别框。 4. 文件 作用：表达为一个文件，可以是生成的文件，或者是调用的文件。如何定义，需要 自己根据实际情况做解释。 5. 括弧 作用：注释或者说明，也可以做条件叙述。一般流程到一个位置，做一段执行说明， 或者特殊行为时，我会用到它。 6. 半圆形 作用：半圆在使用中常作为流程页面跳转、流程跳转的标记。 7. 三角形 作用：控制传递，一般和线条结合使用，画数据传递。 8. 梯形 作用：一般用作手动操作。,八、附录(详细的符号意义),9. 六边形 作用：表示准备之意，大多数人用作流程的起始，类似起始框。 10. 平行四边形 作用：一般表示数据，或确定的数据处理。或者表示资料输入（Input）。