4.2 图形符号说明
工程化的图形设计必须要统一制图标准,制图标准的统一可以快速、精确地表达和传递图中的含义,提升沟通与设计的效率及质量。图形符号是构成图形的基本要素,主要用于表达架构模型。
4.2.1 图形符号的构成
由于本书设计图形表达方式的原则是:让没有接受过制图训练的读者也可以快速理解图义,所以绘图方式采用的是“自然表达”方式,而不是“设计语言(如UML)”,为此确定了如下两个选择图形符号的原则。
(1)采用具有广泛代表性的模型,尽可能地让读者不要从图形符号的定义上去理解图的含义。
(2)采用最少数量和具有广泛认知度的符号以利于记忆和表达。
基于上述考量,本书推荐的图形符号分为三大类:要素块、关联线、背景框。
1.要素块
要素块,表示了图形中的要素,它是构成图形的核心内容,要素块可以再细分为两类:业务要素、系统要素,见图4-3。
1)业务要素
在业务设计的范围内,用来表达具有业务含义的要素,如财务系统、材料采购模块、合同签订功能、角色、交付物等。这类图标都与业务有关联。
2)系统要素
在业务设计的过程中,有一些与业务设计紧密相关的系统要素,如数据库、数据处理器等。这类图标与技术设计有关,在业务设计中仅标出与这些系统要素有相关性。
图4-3 要素块
2.关联线
用来表现节点之间的关联关系,如连接、方向、顺序、从属等。分为两大类:实线类、虚线类。关联线是表达三元素中“逻辑(关联)”的主要手法之一,见图4-4。
图4-4 关联线
3.背景框
背景框主要有两个用途,一是整合图形中的要素群,在同一背景框内的要素具有相同的目的,具有内聚性,通常是来表达“系统、模块”的含义的。二是用来为图形增加辅助信息(如组织)。背景框是表达三元素中“逻辑”的主要手法之一,见图4-5。
图4-5 背景框
4.2.2 图形符号的用法
分析与架构所采用的图形虽然形态不同,但都是使用了简单的点、线、面,以及通过它们之间的关联形成的,相同的图形符号可以构成不同的图形以表达不同的意思。下面以图4-6为例,对前述的各种图形符号的使用做一个综合示范,流程图与图形符号的使用说明如下。
图4-6 流程图与图形符号的使用
1.要素块
● 流程节点:表达了从节点“签约”到“支付”构成的业务流程,以及活动的数量。
● 合同书/报告书:表达了活动的产出物(实体)。
● 总经理:表达了角色(岗位)。
● 数据库:表明了流程中各步骤积累的数据存储到了“数据库”。
● 数据加工:表明对“数据库”中的数据进行了加工处理,经过加工的数据变成了信息,并形成了报告书。
2.关联线
● s与e:表示了流程的起点和终点。
● 签约到支付:表明了流程中有多少个节点(业务活动)。
● ◇:分歧判断,表明从“签约”出发,根据条件可以流转到“加工”或是“采购”。
● 实线箭头:表明了流程的走向,从s到e是流程的本体。
● 虚线箭头:表示将报告交给总经理,但这不是系统支持的部分,只是示意标注。
3.整合框
背景框1:框内的要素块构成了业务处理的过程。
背景框2:框内的要素构成了数据处理的过程。
背景框3:框内的要素构成了系统外处理的过程。
关于这张流程图的画法还有几点需要注意,如图4-7所示。
图4-7 流程图的绘制原则
● 要素块一定要用文字进行标注,说明这个“要素块”是用来表示什么内容的,如图4-7(a)所示。
● 箭头的“头”一定要与要素块的“边框”的连接点紧密相连,如图4-7(b)所示。
● 要素块和分歧块之间用无箭头的线相连,表明分歧的内容与要素块的内容是一体的,如图4-7(c)所示。
● 流程中特别要强调的节点,可以用3D的形式表现(带阴影、带色彩),如图4-7(d)所示。
用“关联线”建立了“要素块”之间的关系,“关联线”的背后必须要有清晰明确的逻辑作依据。关联线不可随意关联,要表现出准确的逻辑含义,同样,“背景框”也不可以是随意的“框”,因为“背景框”也表达了逻辑关系。
4.2.3 背景框的用法
要素块、关联线的用途容易理解和使用,但是整合框的作用就不是很清晰了。
背景框并非只是简单的“白色背景”,它不仅可以用简单白色框来对要素进行整合,表达要素之间简单的逻辑关联关系,而且还有提供多维度信息(如组织结构、时间维度等)的作用。结构图与具有维度信息的背景框相结合后,能够使得结构图表达更多的信息。下面举例说明结构图与背景框的协同关系。
【案例1】绘制物资采购流程图。
单独绘制的业务流程图、审批流程图上没有组织结构、岗位等信息,如果将有组织和岗位的“表格”作为背景图,与流程相叠加,就可以看出流程上每个节点代表的工作是由哪个部门、哪个岗位来完成的,如图4-8所示,这个背景框是“纵向泳道”的形式。
图4-8 物资采购流程图(一维背景框)
【案例2】绘制工程进度图。
将表达工程进度的“进度棒(条)”与表达“时间/工序框(二维)”的背景框相叠加,形成了工程进度图,如图4-9所示。这个背景框是“双向泳道”(此图也称为“甘特图”)。
图4-9 工程进度图(二维背景框)