流程图的画法,各图形详解
系统流程图(PPT34页)

举例说:如果投资1000元,年利率为 0.05,
明年的投资总值为: 1000*(1+0.05)=1050 元 后年的投资总值为: 1050*(1+0.05)=1102. 5 元
反过来,若n年后收入1000元,则只相当于现在:
明年相当于现在: 1000/(1.05)=952 元 后年相当于现在: 1000/(1.05*1.05)=907 元
否
条件
是
(2)意义:重复执行处理程序直到满足某一条件为止,即直到条件变成真(True)为止。 (3)语法:REPEAT-UNTIL 条件 DO 处理程序
(4)实例:
课件制作
课程试讲
不通过
ቤተ መጻሕፍቲ ባይዱ
评审
通过
颁证备案
(5)运用时机: 1.本结构适用于处理程序依据条件需重复执行的情况,而当停止继续执行的条件成立后 ,即离开重复执行循环至下一个流程。 2.本重复结构是先执行处理程序,再判断条件是否要继续执行。
例1:教师图书采购管理
例2:机票预定系统
1. 工作顺序与工作关系
2. 审核业务过程分解图
3. 入库业务过程分解图
4. 系统流程图
经济可行性分析
——从经济上衡量一个项目是否有开发价值,主要研究 两个方面的内容:一是新系统成本的估计;二是新系统可 能产生的效益。又称为成本/效益分析。
【详细教程】如何绘制流程图

【详细教程】如何绘制流程图流程图是一种展示系统工作以及工作顺序的图表,它由一些图框和流程曲线组成,其中图框表示各种操作的类型,图框中的文字和符号表示操作的内容,流程线表示操作的先后顺序。
日常工作中,有各种程序的事情,我们都会通过流程图来使过程更清晰、明了。
一、流程管理的目的与步骤企业流程管理主要是对企业内部改革,改变企业职能管理机构重叠、中间层次多、流程不闭环等,使每个流程可从头至尾由一个职能机构管理,做到机构不重叠、业务不重复,达到缩短流程周期、节约运作资本的作用。
1、流程管理的目的(1)第一种观点·保证业务流程面向客户·保证管理流程面向企业目标(品质技术成本速度)·流程中的活动都是增值的活动·员工的每一个活动都是实现企业目标的一部分·流程持续改进,永不过时(2)第二种观点·梳理——工作顺畅,信息畅通·显化——建立工作准则,便于查阅流程,便于了解流程,便于工作沟通,便于发现问题,便于复制流程,便于公司对流程的管理·优化——不断改善工作,提升工作效率·监控——找到监测点,监控流程绩效(绩效管理)·监督——便于上级对工作的监督2、流程管理的步骤流程管理的原则:·面向企业目标原则·工作流程设计体现全流程观念·业务流程形成闭环管理·面向客户的原则二、如何画流程图1、画流程图基本要求·复杂流程图请分主分流程图来绘制,不要画在同一流程图中。
·流程不能在同一页绘制,可使用连接符连接到下一页中。
·流程图禁止死循环。
·流程图须以单一入口,单一出口特征绘制。
“开始”符号只能出现一次,但是“结束”符号可以出现多次。
·相同流程图,符号大小应为一致。
·流程图符号绘制顺序,应从上至下,从左到到右的顺序。
·同一路径,指示箭头应只有一个。
第3讲 流程图的绘制方法

第3讲流程图的绘制方法【本讲重点】流程图的有关问题绘制流程图生活中的一条原则:如果一件事情我不能在5分钟之内解释清楚,我就不会去使用它。
——菲利普〃克罗斯比(由公司经理转成的福音传道者)流程图的有关问题1.流程图的通常画法——矩阵式流程图的名称也要编码,一般用英文字母表示,比如总裁用A,部门总监用B,生产管理部用C,物流中心用D,营销公司用E,工厂或者子公司用F等等。
纵坐标是时间顺序,即先做何事,后做何事,按照时间顺序编为1、2、3、4、5、6、7、8、9、10。
2.流程图的层次◆第一个层次是公司级的。
即全公司的主导业务流程、公司的决策流程等。
◆第二个层次是职能部门的。
例如人力资源管理、财务管理、审计、生产管理、计划管理流程等。
◆第三个层次是某一个部门内部的。
例如人力资源管理中的员工管理、薪酬管理、培训管理及考核管理流程等。
3.流程图的编号◆公司代号——×(表示第×个层次)——×××(表示第×个层次的第×××张图)。
◆编号为管理信息化提供依据。
◆在ERP等系统里,编号代表节点。
◆节点一定要有编号,而且这个编号是唯一的。
◆流程图下面要注明公司名称、编制单位、编制人和密级。
◆标明流程图的页数。
◆注明流程的主管部门。
4.图示方法◆流程图不要太复杂,一般只用三种图形:■第一种图形椭圆,只表示开始和结束两个节点。
■第二种图形矩形,表示任务。
■第三种图形菱形,表示判定。
例如审批这种环节都用菱形。
◆进口、出口与交叉通常矩形和菱形都要求有进口和出口,如果只有进口没有出口,或者只有出口没有进口,都说明流程图有问题。
一些工作做完以后,并不一定和其他人有关系,就要用一条曲线表示结束。
例如某计划总裁批准后,交档案室存档,就要用虚线和表示结束的椭圆形连接。
两条线交叉时用拐弯的箭头,表示两条线并未相交,不存在节点。
5.管理标准和管理表单管理标准是一种表格,与流程图相匹配,是对流程图的解释。
流程图的画法-各图形详解

流程图的画法2009年10月26日星期一 13:331、各司其职的形状在我的流程图中,适用于不同目的和功能的形状都有各自确定的规范。
到目前为止,我一共定义了以下一些形状:(1)开始和结束作为整张流程图的头和尾,必须标清楚到底具体指哪个页面,以免日后出现歧义.(2)网页如你所见,网页的形状是一个带有漂亮的淡蓝色过渡效果的长方形,它的边框为深蓝色,中间写明了这个网页的用途,括号中的数字代表这个形状所对应的demo 文件的名称(比如这里是2.html),我有时会把流程图输出为网页的形式,并把每个网页形状和它所对应的demo文件链接起来,这样查看起来非常方便。
对OmniGraffle来说这是小菜一碟,如果你被迫用Visio,嗯……另外,所有从形状出来的线条,都具有和此形状边框一样的颜色。
这样的做法不仅看起来漂亮,在复杂的流程图中还能轻易地标明各形状的关系.我没有见过类似的做法,所以这是由我首创也说不定,呵。
(3)后台判断很常见的一个形状.我在用法上有一点和其他人的不同在于,我几乎总是让‘是’的分支往下流动,让‘否’的分支向右流动。
因为流程图一般都是从上向下、从左到右绘制的,遵循上述规则一方面可以让绘制者不用为选择方向操心,另一方面也方便了读者阅读。
(4)表单错误页既然有表单,当然会有错误信息。
其实这个信息很重要,用户出错时惶恐不安,就靠着错误提示来解决问题了。
你不在流程图里说什么时候显示错误页、不在demo 里提供错误页,有些程序员会直接在网页上写个“错误,请检查",所以UI设计师一定要对这个东西重视起来。
但一般来说也没必要把每种错误都在流程图中表示出来,因为含有两个文本框的表单就有三种出错情况了,多了就更不用说了。
所以我都是把错误页变为表单的附属页,比如表单页的编号为2,那么此表单错误页的编号就从2。
1开始排下去,每种错误放到一个附属页中,这样程序员在拿到demo时也能搞清楚什么意思。
结合网页和表单的形状,一个表单验证的流程图就是这样的:(5)后台动作并非所有后台动作都绘入流程图中(否则流程图就会变成庞然大物了),只有需要特别强调的后台动作(和用户体验直接相关的)才使用此形状。
流程图的画法

定义
流程图是由一些图框和流程线组成的,其中图框表示各种操作的类型,图框中的文字和符号表示操作的内容,流程线表示操作的先后次序。
图形
一般用椭圆或圆角表示“开始”与“结束”。
图表1终结符
用矩形表示处理的内容
图表2处理框
用菱形表示问题判断或判定
图表3判断框
箭头代表工作流方向
图表4 箭头
输入输出为平行四边形
图表5 IO框基本结构
顺序结构
图表6顺序结构分支结构
图表7
标准分支结构
图表9常用分支结构2 注意y=x*10为关键处理
图表10多选择分支注意不是并行执行
循环结构
图表11 while循环
图表12 do-while循环例子
流程图用例一
图表13 计算N的阶乘流程图用例二
图表14函数流程
流程图用例三(此图与实验九有出入,请勿作为实验报告流程图)
流程图用例四(此图与实验九有出入,请勿作为实验报告流程图)。
业务流程图画法及实例ppt课件

可编辑ppt
9
领料人
领料单
复核
已批准 文件柜 领料单
发料单
发料
未批准 领料单
库工
库工
(1)由领料人填写领料单; (2)库工接收并复核领料单; (3)领料单合格,库工发料; (3)领料单不合格,则退回 给领料人重新填写; (4)库工开发料单给领料人, 并把领料单存入文件柜留 底。
库存台帐 发货单
可编辑ppt
用户
16
EX2:请根据以下业务过程画出某物资的订货业 务流程图:采购员从仓库收到缺货通知单后,查 阅定货合同单,若已经订货,则向供货单位发出 催贷请求,否则,填写订货单送供货单位。供货 单位发出货物后,立即向采购员发出取货通知。
可编辑ppt
17
仓库
采购员
供货单位
缺货通知
缺货 处理
定货单
定货 处理
定货合同单 催货单
EX2:
可编辑ppt
取货通知
采购员
18
EX3:请根据以下业务流程画出领料业务流程图: 车间填写领料单送给仓库要求领料,库长根据用 料计划审批领料单,未批准的退回车间,已经批 准的领料单被送到仓库保管员处。仓库保管员查 阅库存台帐,若有货,则通知车间前来领料,否 则将缺货通知采购员采购。
可编辑ppt
4
• 业务流程图绘制图表
B2 系统分析
B 2.2
表格名称
业务流程
(本框内容为具体流程)
第 图 /共 张 图 图例说明
业务处理 单位
业务处理 描述
表格制作
业务名称: 单位名称:
流程图的各种画法图文详解

流程图的各种画法图文详解导语:流程图可以让原本枯燥无味的纯文本,变得更加生动有型。
通常高手绘制流程图都会有很多种的方法。
本文就来介绍一下各种流程图的画法。
免费获取亿图图示软件:/edrawmax/高手是用的什么流程图软件?高手绘制的流程图为什么效果好?当然是借用了专业的流程图软件来绘制。
亿图图示,是一款专业的图形图表设计软件,它可用于绘制全系列的流程图。
软件内置一万多个矢量符号,丰富的符号,专业的图形,帮助你快速有效绘图,还有大量现成的精美泳道流程图模板,让你快速绘制精美流程图,办公效率只增不减。
亿图图示软件特色:1、丰富的背景样式:几十套背景样式供用户使用,且只需拖拽样式到画布即可替换背景。
2、无限量的图框:可以在画布中添加无限量的图框,大大满足用户的创作需求。
3、页面适应到绘画:画布可无限量之大,一键点击“页面适应到绘图”,软件即可自动剪切画布至绘图区域。
4、免费更新提醒:当软件有新的版本或模板更新时,软件可提醒用户进行更新操作。
5、软件咨询服务:在绘图过程中遇到操作难题,可在线与客服人员联系,并解决问题。
看高手如何使用亿图图示快速绘制流程图第1步:打开软件,“新建”-“流程图”,然后根据自己的需求,选择绘图模板。
比如选择基础流程图,双击鼠标即可打开绘图面板。
值得一提的是,亿图图示里除了模板,还有对应的例子,如果是新手绘图,可以借鉴流程图例子帮助自己加深认识。
第2步:从左侧符号库里选择所需的图形符号,并拖动至画布中。
并依次添加,直至完毕。
第3步:使用连接线符号,对各个图形符号进行连接。
亿图图示软件的连线十分便捷,鼠标点击需要连线的两端,即可生成直角连线。
如果连线的位置不满意,也可以通过鼠标拖动线条的方式进行修改。
第4步:最后再添加文字和注释,一份完整的流程图即可大功告成。
另外,亿图软件还有丰富的背景图案以及标题栏样式可以选择,这将大大提升流程图的颜值。
获取更多流程图软件支持与帮助:/support/。
流程图的各个图标详解

流程图的各个图标详解 doc
流程图(Flowchart)是一种表示过程或步骤的工具,用来清晰、快速地传达信息。
它使用特殊的符号和图表来表示任务、步骤或活动中的不同部分。
1. 开始/结束:开始/结束符号标识流程图的开始和结束。
2. 流程:流程符号表示操作的流程,通常从上到下,从左到右。
3. 判断:判断符号表示要做一个决定,通常有两个或多个分支,沿着路径执行,如果条件不满足,则可能有另外一个分支。
4. 子流程:子流程符号表示流程图中的一个小流程,它可以由一系列步骤组成,也可以是另外一个完整的流程图。
5. 数据:数据符号表示参与流程的输入和输出数据,如文件、数据库等。
6. 连接:连接符号表示在流程的不同部分之间的连接,它可以将不同的部分联系在一起,以便实现流程的连续性。
7. 箭头:箭头符号表示流程图中的流程方向,它指示从一个步骤到另一个步骤的方向。
流程图的绘制方法

流程图的绘制方法流程图的有关问题1.流程图的通常画法——矩阵式流程图也要编码,一般用英文字母表示,比如总裁用A,部门总监用B,生产管理部用C,物流中心用D,营销公司用E,工厂或者子公司用F等等。
纵坐标是时间顺序,即先做何事,后做何事,按照时间顺序编为1、2、3、4、5、6、7、8、9、10。
2.流程图的层次◆第一个层次是公司级的。
即全公司的主导业务流程、公司的决策流程等。
◆第二个层次是职能部门的。
例如人力资源管理、财务管理、审计、生产管理、计划管理流程等。
◆第三个层次是某一个部门内部的。
例如人力资源管理中的员工管理、薪酬管理、培训管理及考核管理流程等。
3.流程图的编号◆公司代号——×(表示第×个层次)——×××(表示第×个层次的第×××张图)。
◆编号为管理信息化提供依据。
◆在ERP等系统里,编号代表节点。
◆节点一定要有编号,而且这个编号是唯一的。
◆流程图下面要注明公司名称、编制单位、编制人和密级。
◆标明流程图的页数。
◆注明流程的主管部门。
4.图示方法◆流程图不要太复杂,一般只用三种图形:■第一种图形椭圆,只表示开始和结束两个节点。
■第二种图形矩形,表示任务。
■第三种图形菱形,表示判定。
例如审批这种环节都用菱形。
◆进口、出口与交叉通常矩形和菱形都要求有进口和出口,如果只有进口没有出口,或者只有出口没有进口,都说明流程图有问题。
一些工作做完以后,并不一定和其他人有关系,就要用一条曲线表示结束。
例如某计划总裁批准后,交档案室存档,就要用虚线和表示结束的椭圆形连接。
两条线交叉时用拐弯的箭头,表示两条线并未相交,不存在节点。
5.管理标准和管理表单管理标准是一种表格,与流程图相匹配,是对流程图的解释。
◆第一栏是任务名称。
◆第二栏是跟流程图对应的节点。
流程图中不明白的地方,依据节点查管理标准。
◆第三栏是任务程序和重点,也是最核心的一栏。
流程图画法

流程图画法流程图的画法及特点框图是表示一个系统各部分和各环节之间关系的图示,它能够清晰地表达比较复杂的系统各部分之间的关系.具体来讲主要研究有关程序流程图、工序流程图及一些实际问题的流程图,在画流程图时应注意先后顺序、逻辑关系和简单明快.一.流程图的特点在我们所介绍的流程图内,每一个框代表一道工序,流程线则表示两相邻工序之间的衔接关系,这是一个有向线,其方向用它上面的箭头标识,用以指示工序进展的方向.显然,在工序流程图上不允许出现几道工序首尾相连的圈图或循环回路,当然对每道工序还可以再细分,还可以画出更精细的统筹图,这一点完全类似于算法的流程图表示:自顶向下,逐步细化.注意:在程序框图内允许有闭合回路,而在工序流程图内不允许出现闭合回路.二.流程图的画法1.程序流程图的画法程序流程图是一种用规定的图形,指向线及文字说明来准确表示算法的图形,具有直观、形象的特点,能清楚地展现算法的逻辑结构.画程序框图的规则:使用标准的框图符号;框图一般按从上到下,从左到右的方向画;除判断框外,大多数程序框图的符号只有一个进入点和一个退出点,而判断框是具有超过一个退出点的唯一符号.例1.到银行办理个人异地汇款(不超过100万)时;银行要收取一定的手续费.汇款额不超过100元,收取1元手续费;超过100元但不超过5000元,按汇款额的1%收取;超过5000元,一律收取50元手续费.设计算法求汇款额为x元时,银行收取的手续费y元,只画出流程图.【分析】根据题意写出算法步骤,然后用程序流程图表示该算法便可.【解析】要计算手续费,首先要建立汇款数与手续费之间的函数关系式,依题意知流程图如图所示【点评】解答该类问题的步骤一般是:先把待解决的问题“细化”即先用自然语言描述题中的算法步骤,然后把自然语言用流程图较形象直观的表示出来,2.工序流程图的画法常见的一种画法是:将一个工作或工程从头至尾依先后顺序分为若干道工序(即所谓自顶向下),每一道工序用矩形表示,并在该矩形框内注明此工序的名称或代号.两相邻工序之间用流程线相连.有时为合理安排工程进度,还在每道工序框上注明完成该工序所需时间.开始时工序流程图可以粗疏画出,然后再对每一框逐步细化.例2.某公司招工需要遵循以下程序:在招工前要明确招工事宜,如果是大学毕业的,需出示大学毕业证及身份证,填写应聘书,直接录取;若不是大学毕业的,需要参加考试培训,首先要填写考生注册表,领取考生编号,明确考试科目和时间,然后缴纳考试费用,按规定时间参加考试,领取成绩单,如果成绩合格,被录用,并填写应聘书,成绩不合格不予录用即落聘.请设计一个流程图,表示这个公司招工的程序.【分析】实际生活中的流程图没有程序框图那样严格规范,但要弄清各步之间的逻辑关系,画流程图时可利用流程线来体现它们的逻辑关系.【解析】流程图如图所示:【点评】流程图一般按照人们的习惯,从左到右、从上到下画出,日常生活中用到的流程图相对于程序框图更自由,可以使用不同的色彩,也可以添加一些生动的图形元素.3.流程图的优劣例3. 想沏壶茶喝,当时的情况是: 开水没有, 烧开水的壶要洗, 沏茶的壶和茶杯要洗, 茶叶已有,问应如何进行.【分析】本题的最终目的是沏茶,在此前应完成洗水壶、洗茶壶、洗茶杯、拿茶叶、烧开水五件事情,不同的操作方式带有的效果可能不同.【解析】方案一:洗好水壶、灌入凉水,放在炉子上,打开煤气.待水烧开后,洗茶壶、茶杯,取茶叶,沏茶,用流程图如图3-1所示表示为(注:方框上部数字为每道工序之间的时差):方案二:先做好准备工作,即洗水壶,洗茶壶,茶杯,取茶咔,灌凉水烧开水,沏茶,将此方案用如图4-2所示表示出来,则有方案三:洗好水壶,灌入凉水烧开水,在等待水开的时间内洗茶壶、茶杯,取茶叶,水开后沏茶如图3-3所示.【点评】解答此类问题的关键在于分析好每道工序的时差为多少,在这段时差内,哪些工序可以平行进行,以达到省时省力的目的.总之,画流程图一般要按照从左到右、从上到下的顺序来画.画流程图时可以使用不同的色彩,也可以添加一些生动的图形元素.用流程图来描述一个过程性的活动时,若活动包含同时进行的两个步骤,画流程图时,需要从同一个基本单元出发,引出两条流程线。
工艺流程图图标、符号、图示、标志及含义画法

⼯艺流程图图标、符号、图⽰、标志及含义画法设备布置图的画法1)视图表⽰⽅法⽐例与图幅,分区,视图配置2)设备表⽰⽅法定型设备和⾮定型设备;同⼀位号的多台设备,在图上可画出⼀台设备的外形,其他的可以只画出基础或⽤双点画线的⽅框表⽰;设备⼀览表。
特征管⼝的⽅位⾓2.3设备布置图的阅读某物料残液蒸馏系统设备布置图样中有平⾯图和I-I剖⾯图。
按⼯艺要求,冷凝器E0401架空,其物料出⼝的管⼝⾼于真空受液槽V0408A和V0408B的进料⼝,物料可以⾃流到V0408A和V0408B中,为便于E0401的⽀承和避免遮挡窗户,将其靠墙并靠近建筑轴线②附件布置。
为满⾜操作维修要求,各设备之间留有必要的间距。
剖⾯图表达了室内设备在⽴⾯上的位置关系,剖⾯图的剖切位置在平⾯图上I-I处,蒸馏釜和真空受槽A和B布置在标⾼为5m的楼⾯上,冷凝器布置在标⾼为6.95m处。
3、管道布置图3.1、管道布置图的图⽰1)⼀组视图⽤平⾯图、剖视图等表⽰整个车间(装置)的设备、建筑物的简单轮廓以及管道管件、阀门、仪表控制点等的布置安装情况。
2)尺⼨标注管道管件、阀门、控制点等的平⾯位置尺⼨和标⾼以及建筑物轴线编号、设备位号及说明等。
3)指北针表⽰管道安装的⽅位基准。
4)标题栏注写图名、图号、⽐例、修改、签字等。
5)管⼝表在图纸右上⾓,列出与所有设备管⼝有关内容的管⼝表。
3.2、管道的图⽰⽅法1)管道视图的配置与画法管道视图的配置2)管道视图的画法a.设备的画法b.管道的画法管道的画法替换⾼清⼤图管道的连接画法管道⽤三通的表⽰法各种管道的画法c.管道附件的画法⽰例:根据图(a)所⽰管道(装有阀门)轴测图画出其平⾯图和⽴⾯图。
分析:该段管道有两部分,主管道的⾛向为⾃下向上⼀向后⼀向左⼀向上⼀向后;⽀管向左。
管道上有四个截⽌阀,上部两个阀的⼿轮朝上(阀门与管道为法兰连接),中间⼀个阀的⼿轮朝右(阀门与管道为螺纹连接),下部⼀个阀的⼿轮朝前(阀门与管道为法兰连接)。
流程图中各种图形都代表什么含义

流程图中各种图形都代表什么含义
小知识:流程图中各种图形都代表什么含义2018-06-16 20:59大家
来源:紫豆子设计站(公众号)
作者:紫豆子
之前想把Axure的所有教程压缩成5天,后来发现是一件很难的事,接受也不会太全面,所以从学习角度出发,豆子尽量把课程讲的详细一点,课程也会多一些,大家觉得有用的话可以多多转发,感谢。
大家在绘制流程图时,有各种各样的形状,有圆形、菱形、矩形等等,他们都代表什么概念呢?
如果我们画的流程图用错图形,发给别人看,那是一件很尴尬的事。
重要的事说三遍,不要用错图形符号!不要用错图形符号!不要用错图形符号!掌握并熟练使用各种流程图图形,才能让我们的流程图显得更加清晰、易读,显得我们更加专业。
1,开始形状/结束形状,“跑道圆”形状代表开始或者结束。
2,处理过程,“矩形”
这里可以写一些“工序”“处理过程”
3,判断,“菱形”
判断是流程图中经常用到的
判断是否
判断条件4,文件
普通的流程图中文件长这样↑
Axure中的文件↑
文件一般是用在输出文件或者写入、修改文件
5,括弧,注释
用于注释流程、条件叙述。
6,平行四边形,数据的输入或者输出
表示数据输入或者计算机输出信息7,双边矩形,预设处理
可以理解为子流程,像一个黑盒。
双边矩形中包着一个流程图,只是没有详细显示而已。
Axure中并没有这个图标。
常见的图形都介绍完了,其他的一般用不到,豆子也没用过。
详细的自己可以看看资料。
用对图形只是基础,大家在画流程图的时候,思路清晰才是最重要的。
流程图绘制基本技巧精品PPT课件

二、怎么画流程图?(2)基本要求
➢ 3.路径符号应避免相互交叉。
9
二、怎么画流程图?(2)基本要求
➢ 4.动作环节要用规范动词表述。 ➢ 5.一个流程应该只有一个起点。
10
二、怎么画流程图?(2)基本要求
➢ 6.需要反馈的流程要形成闭环
➢ 7.相同流程图符号应大小一致。
11
二、怎么画流程图?(2)基本要求
动作、工步) 例:
加入购物车
吃早饭
判断
不同方案选择,判断某一条件是否成立 例:
不通过 总经理审批
失败 是否成功
通过
成功
流程线 有向线段,表示执行的方向和顺序
文档
以文件的形式输入或输出,即流程中涉及的文档 例: 销售订单
预先定义的进程,使用某一预先定义的流程进行处理
预定义流程 例:
成品入库
作业办法
5
二、怎么画流程图?(1)符号说明
品保
零件制造生产
工业工程
生管
采购
备注
开始
开立重工申 请
重工作业单
1..品保开立 <<重工作业单>>申 请, 并由部门主管签核。
2.召开重工会议
6.样品提供
5.人员排定
4.SOP制作 工时预算
3.排产
重工工单
7.判定
2.QE依据 <<重工作业单>>申请 拟定具体的重工方案, 开出单后半小时内视情 况决定召开重工会议, 会议时间为20分钟。
数据 归档
连接符
批注 多文档
表示数据的输入/输出 例: 文件和档案的存档 例:
引入BOM数据
归档
页内引用:连接本流程图内的两个点 离页引用:指向另一页
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
流程图的画法
2009年10月26日星期一 13:33
1、各司其职的形状
在我的流程图中,适用于不同目的和功能的形状都有各自确定的规范。
到目前为止,我一共定义了以下一些形状:
(1)开始和结束
作为整张流程图的头和尾,必须标清楚到底具体指哪个页面,以免日后出现歧义。
(2)网页
如你所见,网页的形状是一个带有漂亮的淡蓝色过渡效果的长方形,它的边框为深蓝色,中间写明了这个网页的用途,括号中的数字代表这个形状所对应的demo 文件的名称(比如这里是2.html),我有时会把流程图输出为网页的形式,并把每个网页形状和它所对应的demo文件链接起来,这样查看起来非常方便。
对OmniGraffle来说这是小菜一碟,如果你被迫用Visio,嗯……
另外,所有从形状出来的线条,都具有和此形状边框一样的颜色。
这样的做法不仅看起来漂亮,在复杂的流程图中还能轻易地标明各形状的关系。
我没有见过类
似的做法,所以这是由我首创也说不定,呵。
(3)后台判断
很常见的一个形状。
我在用法上有一点和其他人的不同在于,我几乎总是让
‘是’的分支往下流动,让‘否’的分支向右流动。
因为流程图一般都是从上向下、从左到右绘制的,遵循上述规则一方面可以让绘制者不用为选择方向操心,另一方面也方便了读者阅读。
(4)表单错误页
既然有表单,当然会有错误信息。
其实这个信息很重要,用户出错时惶恐不安,就靠着错误提示来解决问题了。
你不在流程图里说什么时候显示错误页、不在demo里提供错误页,有些程序员会直接在网页上写个“错误,请检查”,所以UI设计师一定要对这个东西重视起来。
但一般来说也没必要把每种错误都在流程图中表示出来,因为含有两个文本框的表单就有三种出错情况了,多了就更不用说了。
所以我都是把错误页变为表单的附属页,比如表单页的编号为2,那么此表单错误页的编号就从2.1开始排下去,每种错误放到一个附属页中,这样程序员在拿到demo时也能搞清楚什么意思。
结合网页和表单的形状,一个表单验证的流程图就是这样的:
(5)后台动作
并非所有后台动作都绘入流程图中(否则流程图就会变成庞然大物了),只有需要特别强调的后台动作(和用户体验直接相关的)才使用此形状。
(6)多重分支
多重分支指的是几种并列的情况,每种情况都有发生的可能,发生哪种取决于分支起始处的判断结果。
(7)对话框
有时候一些操作可以利用对话框来完成,这些对话框由js生成,显示在父界面之上。
(8)注释
这个形状(比如页面)详细的内容,或者需要解释的业务逻辑,甚至用户此处的
情况等,我都会放到注释中,这样既降低沟通成本,又可作为备忘。
(9)跳转点
在一个复杂的流程图中,往往出现跳转到另外一个远处结点的情况,此时如果直接用线连过去,未免使得流程图显得凌乱,用一个跳转点就解决问题了。
在点内标明跳转到的形状的编号,画起来容易,看起来也清楚。
此外,也可以利用跳转点来分割篇幅巨大的流程图,Yahoo!就这么用。
(10)子流程
分割篇幅巨大的流程图,更好的办法是用子流程。
要注意的是,如果你在流程图中使用了子流程这一形状,一定记得同时附上子流程图,以消除影响项目质量的不确定性因素。
另外,在子流程图中也可以标明其所属关系。
(11)流程块
可以用流程块将整张流程图分隔为几个部分,并为每个部分单独命名(比如“流程块1”等)。
这样做的目的在于从视觉上使复杂的流程图变得更为清晰,在沟通时也方便。
2、图例和流程图信息
在团队合作中,图例是必须的,否则没人知道你画出来的东西到底是什么。
即使流程图只给自己看,也最好养成标注图例的好习惯。
其实这道理有点类似程序中的注释。
流程图信息也是必备的。
其内容至少应包括作者、时间、流程图名称和版本(如下图)。
这一方面可以让读者(其他同事)在有问题时能够方便地找到作者你,也起到了meta的作用。
3、绘制流程图的工具
Mac下首选OmniGraffle,Windows下除了Visio,似乎没有更好的选择(虽然
Visio已经很难用了)。
4、评价流程图的好坏
我觉得一个好的流程图至少应做到以下几点:
1.密切地迎合了用户的心理状态、如实的反映了用户的操作习惯。
流程图是
要指导UI设计的,是UI设计的参照物,如果流程图本身无法正确描绘出用户的情况的话,UI十有八九会出问题;
2.覆盖了各种可能的情况和细节。
这非常重要。
任何在先期不确定的因素,
都会在项目中成为随时引爆的地雷,都会直接降低最终上线的UI质量。
此种情况真是屡见不鲜。
但同时这条又很难做到,因为它不仅要求设计师熟悉用户,也要设计师充分知晓产品的商业逻辑,还要了解系统的运作机制,落下以上任何一个方面,都会在流程图中留下死角。
这个问题我不知道有没有更好的解决方案,不过与PD和系分反复沟通是个行之有效的方
法;
3.考虑到系统的设计和承受能力。
系统的运作机制和承受能力必须在绘制流
程图过程中考虑进去,以免出现流程图被开发人员枪毙的情况。
我的习惯是,在绘制流程图时和系统分析师频繁沟通和交流,确保每一个环节都是可行的;
4.确保别人看得懂你的流程图。
别人现在看不懂,你自己以后也一样看不懂。
为了降低沟通成本,把流程图画清楚吧。
5、其它
(1)想办法把流程图绘制得漂亮些。
谁不喜欢漂亮的东西呢?
这是我做过的一些流程图,当然文字全部模糊掉了(放图之前犹豫了好长时间-这样做不知是否有损我的职业道德。
我特意请教了Fenng,他觉得没事。
如果谁觉得有问题请直言不讳地告诉我)。
(2)如果你在公司里不是一锤定音式的人物的话,你就需要对你的文档进行版本管理。
流程图也不例外,什么时间发布的什么版本,都要清楚地标出来,“ 最新”是个用不得的词。