使用Visio绘制数据流图

实验一、 使用Visio 绘制数据流图实验目的：1．掌握在Microsoft Visio中绘制图形的基本方法；2．认知数据流图的基本元素；3．掌握使用数据流图对系统进行自顶向下逐步求精的分析过程。

实验内容：根据下面的描述，按要求画出“教育基金会捐助资金管理系统”的数据流图。

某教育基金会捐助资金管理系统的基本功能如下：1．由捐助者向基金会提出捐助请求，经身份确认后被接受，对捐助人进行登记并授予捐助证书，捐款存入银行。

2．由教育单位提出用款申请，在进行相应的合法性校验和核对相应的捐款储备后做出支出。

3．每月给基金会的理事会一份财政状况报表，列出本月的收入和支出情况和资金余额。

实验要求：1．确定“教育基金会捐助资金管理系统”的数据源点和终点，画出该系统的顶层数据流图；2．分析系统的主要功能，细化系统的顶层数据流图，画出系统的第1层数据流图；3．细化系统的各个主要功能，画出系统的第2层数据流图。

提示：1．系统中有三个实体：捐助者、教育单位、基金会的理事会；2．系统的主要功能有：收入处理、支出处理、产生报表。

其中收入处理可以细分为：接受请求（捐助请求）、确认身份和登记收入（存入款项）；支出处理可以细分为：接受请求（用款请求）、合法性检查和登记支出（支出款项）；3．系统需要存储的信息：捐助者信息、教育单位信息和收支状况信息。

实验所需的基本技术知识，参见基础知识一。

基础知识一、Visio基本绘图知识Microsoft Visio 2002为我们提供了强大的绘图功能，使用Visio中提供的图形模板，我们可以轻松绘制数据流图、系统流程、程序流程图、ER图、UML类图、Gantt图等图形，这些图形是我们在软件工程系统分析和设计过程中使用的非常重要的系统描述工具。

利用Visio，我们不仅可以绘制ER图，还可以对一个现有的数据库结构进行反向工程来生成数据库的ER图和具体的表的定义结构。

Visio支持包括Microsoft SQL Server、Microsoft Access、Oracle 和 IBM的DB2在内的多种数据库。

首先，我们学习利用Visio进行绘图所需的基本操作。

利用Visio进行绘图的大致步骤可以概括如下：1.打开模板，添加图形.2.移动图形或者改变图形的尺寸.3.添加文本.4.将图纸中的图形连接到一起.5.格式化图形.6.保存制图.下面我们将分6个循序渐进的单元学习使用Visio绘图的基本操作。

1: 初学绘图在本节，你将学会:1．打开模板2．在图纸中添加图形3．查找图形打开模板1.在File菜单选择New, 然后单击Choose Drawing Type.2.在Category下, 单击某一个分类, 并在Template 下, 单击某一个模板.提示 如果你不知道应该选哪一个模板，单击Block Diagram 类别，并单击Basic Diagram 模板。

这样会打开Basic Shapes stencil, 其中包含矩形、圆形、三角形、箭头等基本形状。

Visio中可以用于软件工程的模板列举如下，但不限于此：1．系统流程图：FileÆNewÆFlowchartÆBasic Flowchart2．数据流图：FileÆNewÆFlowchartÆData Flow Diagram或者FileÆNewÆSoftwareÆData Flow Model Diagram3．实体－联系图：FileÆNewÆDatabaseÆDatabase Model Diagram4．UML模式图：FileÆNewÆSoftwareÆUML Model Diagram5．Window用户接口：FileÆNewÆSoftwareÆWindows User Interface6．Jackson图：FileÆNewÆSoftwareÆJackson7．Gantt图：FileÆNewÆProject ScheduleÆGantt Chart在打开模板之后，你可以采用两种方式将图形添加到你的图中，一是从stencil 中拖拽一个图形，一是使用绘图工具绘制。

从stencil拖拽一个图形1.点击stencil标题栏，显示其中的图形2.从stencil中拖拽一个图形到绘图纸上利用绘图工具绘图•点击任意绘图工具，比如Rectangle或者Ellipse, 然后在绘图纸上画出图形从图中删除某个图形•点击这个图形，然后按下DELETE 键.有些时候，你选择的template的stencil中没有你需要的图形。

例如，当你打开Basic Flowchart 模板时，它打开三个stencils: Basic Flowchart Shapes, Backgrounds, 和 Borders and Titles. 你会发现其中没有你需要的computer 图标. 如果是这样，你可以键入名字进行搜索，或者打开其他stencils查找.打开其他stencils1.在File菜单，指向Stencils, 点击Open Stencil.2.双击某一个文件夹, 然后双击某一个stencil ，之后查找你需要的图形.查找图形，当你不知道应该打开哪一个stencils的时候1.在File菜单，点击Find Shape.Find Shape 面板会出现在stencil 所在的区域，在绘图纸的左侧.2.在Search For编辑框中，输入一个或者多个可以描述你需要的图形的关键字.3.点击Go.4.当你查找到你需要的图形时，从Find Shape面板将它拖拽到绘图纸中.提示 如果想关闭stencil 或者 Find Shape 面板, 右键单击标题栏，然后在快捷菜单中，单击Close.练习1.在File菜单，指向New, 然后单击Choose Drawing Type.2.在Category下, 单击Flowchart, 然后在Template下, 单击Basic Flowchart.3.在图纸中添加图形：拖拽Process图形到图纸上.4.再拖拽一个Process图形到图纸上，将它放在第一个Process图形下方.5.拖拽一个Decision图形到图纸上，将它放在第二个Process图形下方.6.拖拽一个Predefined process图形到图纸上, 将它放在Decision图形的右侧.7.拖拽另一个Process图形到图纸上, 将它放在Decision图形的下方.8.拖拽一个Terminator图形到图纸上, 将它放在最后一个Process图形下方.2: 移动图形或者改变图形的尺寸在本节，你将学会：1．移动图形2．改变图形的尺寸3．缩放图形移动某个图形1.单击工具栏中的Pointer工具.2.移动鼠标到图形上，鼠标变成十字箭头形状.3.拖动图形。

或者，用键盘上的箭头键移动图形.你可以利用绘图纸上的网格对齐图形，或者放置图形到适当的位置.一次移动多个图形1.按下SHIFT 键，点击每个图形. 或者，如果你想移动的图形聚在一起, 在选中Pointer工具的情况下, 点击这些图形周围的空白区域，拖拽鼠标选中所有你想移动的图形.2.将鼠标放在选中图形的中央.3.拖动这些图形. 或者，用键盘上的箭头键移动图形.提示 你可以利用Rotation 工具旋转一个图形.改变图形的尺寸1.选中Pointer工具.2.选中图形.3.其余操作类似在Word中改变图形的大小.指定一个或者多个图形的精确尺寸1.选中一个或者多个图形.2.在View菜单, 点击Size & Position Window.3.在Size & Position窗口中, 输入图形的宽度和高度.X：距离图纸左边沿的距离Y：距离图纸下边沿的距离Width：图形的宽度Height：图形的高度有时，你很难移动或者改变特别小的图形的尺寸. 为了能够准确的放置图形的位置，需要将图的一部分进行放大，你可以利用快捷键或者工具栏上的Zoom 工具.你也可以利用Pan & Zoom 窗口将一个大的图缩小，以观察其全貌.使用快捷键缩放图纸1.为了放大图的某个部分，选中Pointer工具, 然后按下CTRL+SHIFT 键，用鼠标拖拽出你想放大的部分.2.为了迅速缩小图纸以查看你的制图的全貌，你可以按下CTRL+W 键.利用Pan & Zoom window，缩放图纸1.在View菜单, 单击Pan & Zoom Window.2.在Pan & Zoom 窗口, 拖拽出你想放大的区域，这个区域会被用红色的边框围起来.3.如果你想变换视图, 在Pan & Zoom窗口中拖拽红色边框的位置或者大小即可.练习继续前一节的练习.1.删除最后一个Process图形（在Terminator图形上方的那个Process图形）.2.为了更精确的制图，按下CTRL+SHIFT 键，用鼠标拖拽出一个区域以放大该区域.3.选中图中除了Terminator图形之外的其他图形（用shift键或者用拖拽的方式）.4.移动选中的图形到图纸中的适当位置.5.按下CTRL+W 键，看看你的制图的全貌.3: 添加文本本节，你将学会:1．添加一个图形的文字2．添加独立的文字3．格式化文字给一个图形添加文字•双击图形，输入文字。

或者选中Text工具, 点击图形，然后输入文字.将图形中的文字删除•双击图形，图形中的文字呈反显状态，按下DELETE 键. 或者选中Text工具, 点击图形, 选中你想删除的文字, 然后按下DELETE 键.添加独立的文字•点击Text工具, 单击你想添加文字的地方，在文本框中输入文字即可.删除独立的文字•点击Pointer工具, 点击文字区，然后按下DELETE 键.在绘图纸上移动一个文字区1.选中Pointer工具, 点击文字区.3.拖动文字区到目标位置.格式化文字1.选择文字a.选中Pointer工具，点击文字区或者包含文字的图形可以选中整个文字区或者图形内的文字.b.如果想选择部分文字，则双击文字区或者图形内部的文字。

2.在Format菜单, 单击Text, 然后在Text对话框中更改文字的属性. 或者单击工具栏上的格式化按钮, 比如Bold（加粗）, Italic（倾斜）, 或者Underline（下划线）.如果工具栏中没有这些按钮, 右键单击工具栏, 然后在快捷菜单中单击Formatting.技巧 为了显示更多的文字格式化按钮，你可以右键单击工具栏，然后在快捷菜单中选择Format Text.练习继续前面的练习.添加文字到流程图的图形中1.单击第一个Process图形, 输入1.2.单击第二个Process图形, 输入2.3.单击Decision图形, 输入3.4.单击Predefined process图形, 输入A.5.单击Terminator图形, 输入B.6.选中流程图中所有图形.7.为了改变文字的颜色，选择所有图形，单击Text Color按钮右侧的小箭头, 选择红色.8.为了给你的流程图添加一个标题，单击Text工具, 在流程图的上方的适当位置单击,然后输入123AB.4: 连接图形在本课中，你将学到:1．使用Connector工具连接图形；2．使用stencil中的connector连接图形；3．给connectors添加文字.Connectors 可以将图中的图形连接起来,用于标明图形之间的某种关系.在Visio中当你移动被连接的图形时，连接线也会跟着图形移动.注意：如果使用Line 工具连接图形,当你移动被连接的图形时，你将不得不重新绘制图形之间的连接线.因此，务必使用Connectors连接图形.连接绘图纸上的图形1.单击Connector 工具.2.将鼠标移动到需要连接的图形之一，这个图形的边框将变为红色.3.拖动鼠标到需要连接的另一个图形，这个图形的边框也变为红色.删除 connector•单击connector, 然后按下DELETE 键.利用stencil中的connectors连接图形1.从stencil中拖出一个connector, 然后拖动它的一个端点到需要连接的图形之一，直到图形的边框变成红色，或者connector的端点变成红色.2.拖动connector 的另一个端点到另一个需要连接的图形.提示 Microsoft Visio 包含Connectors stencil, 其中包含许多不同类型的connectors. 如果你在现有打开的stencils中找不到，可以试试Visio Extras 文件夹中的Connectors stencil.给connectors添加注释文字•选中Pointer工具, 单击connector, 然后输入文字.5: 格式化图形本课，你将学到:1．格式化二维图形；2．格式化一维图形；3．利用control handles改变图形的外观格式化二维图形1.单击二维图形，也可以选择多个二维图形.2.采用下面的方法之一:•在Format菜单, 单击Line改变直线的颜色、粗细或者样式.•在Format菜单, 单击Fill改变填充颜色和填充样式.•单击任何格式化按钮, 比如Fill Color按钮.提示 为了显示更多的格式化按钮，右键单击工具栏，在快捷菜单中单击Format Shape.技巧 你可以利用Format Painter 工具将一个图形的格式化属性——文字、填充、线等的属性拷贝到另一个图形。