软件开发绘图工具Visio.ppt

实验：软件开发绘图工具Visio,一.背景知识,Visio系列产品大约从1990年开始研发。Visio软件秉承了“模块化”和“可重用性”的先进设计思想，通过提供许多应用领域的基本图形模块，准许用户通过拖放图件来组合出自己所需要的图形，使用十分简单，大大简化了用户的工作，产品受到广泛的欢迎。1995年，该研发Visio软件的公司干脆更名为Visio，并于同年完成了股票上市。1999年，Microsoft以股票交易方式并购了Visio公司，不久之后，便推出了新版本的Visio软件。至此，和大家熟悉的Word、Excel等软件一样，Visio也成为Microsoft Office家族的一员，得到Microsoft强大的技术支持。,Visio并不是真正意义上的CASE工具，而只能说是一个绘图工具软件。但是，在目前已有的各类绘图软件中，Visio是建立流程图、组织图、日程表、行销图、布置图等各种图形图表最快速、最简便的工具之一。Visio带有一个绘图模板集，包含了用于各种商业和工程应用的符号。其中的软件和系统开发模板提供了流程图、数据流图、实体-联系（E-R）图、UML图以及其它许多图形符号。模板提供了一个用于存储图标元素的定义和描述信息的有限资料库，并且这些模板还在不断地补充和发展中，其使用范围也将越来越广泛。由于其所具有的强大的专业绘图功能系统分析和设计人员可以用Visio来创建CASE应用中所需要的任何系统模型。,1.Visio的功能与特色 Visio软件的核心功能包括了智慧图元技术、智慧型绘图和开发式架构，最大特色就是“拖曳式绘图），这也是Visio与其它绘图软件的最大区别之处。用户只需用鼠标把相应的图件拖动到绘图页中，就能生成相应的图形，可以对图形进行各种编辑操作。通过对大量图件的组合，就能绘制出各种图形。,我们说Visio功能强大，是由于他不但能绘制各种各样的专业图形，还可以绘制丰富的生活图形，无论是办公用户还是工程技术人员，都可以用它来绘制自己的图形，包括程序流程图、工艺流程图、企业机构图等等。,Visio提供的模板包括：（1）Web图表。（2）地图。（3）电气工程。（4）工艺工程。（5）机械工程。（6）建筑设计图。（7）框图。（8）灵感触发。（9）流程图。（10）软件。（11）数据库。（12）图标和图形。（13）网络。（14）项目日程。（15）业务进程。（16）组织结构图。用户也可以根据自己的需要建立个体性化的新模板。因此，Visio的应用范围几乎是没有限制的。Visio与Office系列软件等有着很好的整合性，同时，用户也可以轻松地利用局域网和Internet来分享他们的图表，沟通想法等。,2.Visio的安装 Visio的安装过程十分简单，并且不同版本的安装过程大同小异，其间需要输入作为产品密钥的产品序列号。安装过程中，Visio安装文件被复制到硬盘上，安装完成时删除这些文件，可以节省大约300M的磁盘空间。但是，安装过程会建议保留它们，以有助于协助Visio的维护和更新。,3.Visio的文件类型 Visio文件共有4种类型，即绘图文件、模具文件和工作环境文件。（1）绘图文件（.vsd）；用于存储绘制的各种图形。一个绘图文件中可以有多个绘图页，它是Visio中最常用的文件。（2）模具文件（.vss）：用来存放绘图过程中生成各种图形的“母体”，即形状（图件）。Visio自带了大量对应于不同绘图场合的模具文件，给绘图带来了很大的方便，用户还可以根据自己的需要什自己的需要，生成自己的模具文件。,（3）模板文件（.vst）:同时存放了绘图文件和模具文件，并定义了相应的工作环境。Visio自带了许多模板文件。用户可以利用Visio自带的或者自己生成的模具文件，对操作环境加以改造，进而生成自己的模板文件。（4）工作环境文件（.vsw）：用户根据自己的需要将绘图文件与模具文件结合起来，定义最适合个人的工作环境，生成工作环境文件。该文件存储了绘图窗口、个组件的位置和排列方式等。在下次打开时，可以直接进入预设的工作环境。此外，Visio还支持其他多种格式的文件，可以在Visio的打开或保存操作中使用这些文件类型。,二.实验目的,1）了解Visio工具软件的功能特色、安装、工作环境和基本操作等各方面的基本 知识。2）掌握应用Visio工具绘制软件开发图形 的基本操作。,三.实验内容与步骤,本实验中，我们以Microsoft Visio Professional 2003中文版为例，来学习Visio的工作界面和基本操作。1.Visio的工作环境 Visio的工作环境包括工作窗口、菜单、工具栏、定位工具以及帮助等内容。,（1）工作窗口 对应所打开Visio文件的不同，工作窗口也会有所差异，但其基本样式类似。如图1是新建的Visio数据流程图文件的工作窗口。,菜单：通过单击菜单命令的操作，可以实现Visio的各项功能。工具栏：可以快速执行各项功能和操作，是菜单的快快捷方式。绘图页面：相当于一张图纸，可以在它上面生成并编辑图形。一个绘图文件可以产生好几个绘图页面，可以通过“页面标签”来切换。网络：在绘图时对图形的位置进行校正，但打印时一般并不显示。标尺：用于对图形进行更为精确的定位。绘图窗口：相当于一个工作台，在上面放置绘图页面等其他组件。形状（也称图件）：是Visio中最核心的部分。通过鼠标的拖曳而在绘图页面中产生对应的图形副本。将鼠标指针在图件上停留片刻，可以看到对该图件的注释，及对该图件功能和使用范围的说明。模具：存放各种图件的仓库。,（2）视窗的调整 主要依靠菜单中的“视图”、“窗口”命令和“视图”工具栏来实现。视窗调整中常见的操作包括：缩放操作 利用该操作可以调整页面的显示比例，以便更有效地进行绘图操作，该功能改变的只是页面在屏幕上的显示效果，对实际大小并无影响。提示：“视图”菜单中有几个命令比较特殊：“全屏显 示”仅显示页面中的内容；“整页”是页面恰好显示为一页；“页宽”是页面在页宽方向上最大显示。,显示方式调整 当有多个文件同时打开时，可以用“并排”、“水平”和“层叠”三种排列方式来显示视窗。并排排列可在“窗口”菜单中单击“平铺”命令；水平排列可再按下Ctrl键的同时，在“窗口”菜单中单击“平铺”命令：层叠排列可在“窗口”菜单中单击“层叠”命令。,（3）任务窗格 这项功能提供了一些常用的命令选项。Visio的任务窗格功能主要有开始工作、帮助、剪贴画、信息检索、搜索结果、新建绘图、模板帮助、共享工作区、文档更新和审阅等。在“视图”菜单中单击“任务窗格”命令，可以调出任务窗格并显示在屏幕右侧。,（4）小视窗 Visio有4 个小视窗，堪称其“显微镜”，它们分别是：扫视和缩放窗口、自定义属性窗口、大小和位置窗口和绘图资源管理器窗口。可以通过“视图”菜单中的相应命令来打开他们，还可以使小视窗始终处于绘图窗口的最上层。利用这4个小视窗，可以更加方便快捷的观看并修改图形的各种信息。,四个小视窗的功能分别为：扫视和缩放窗口 该视窗将显示出完整的绘图页面略图。移动或改变红色矩形框的位置和大小可以局部放大绘图页面中对应位置的图形，并实现改变结果的同步显示。自定义属性窗口 在绘图页面选中图形，则在该窗口中可以看到所选图形的自定义属性，可以在此对自定义的属性值进行修改。大小和位置窗口 利用该视窗可以显示和修改所选择图形的位置坐标和尺寸。绘图资源管理器窗口 该视窗口列出了当前打开绘图文件中的所有资源数据，例如页面、图形、图层、背景页、图件等。,练习：（1）操作并熟悉Visio的工作窗口。（2）分别新建几个绘图文件，调整并观察它 们的显示方式。（3）打开并观察三个任务窗格。（4）打开并观察小视窗，体会他们中各个栏 目的含义。（5）请记录：操作能够顺利完成吗？如果不能，请说明为什么。与你用过的其他绘图工具相比较，感觉如何？,2.菜单 Visio的菜单栏提供了各种绘图命令，包括文件、编辑、视图、插入、格式、工具、形状、窗口和帮助等9个菜单项。通过菜单操作，可以完成几乎所有的图形编辑功能。用户还可以在系统默认的基础上，通过“工具”菜单中的“自定义”命令来定制个性化菜单，即根据个人的使用习惯，在原有菜单命令的基础上，添加新的菜单命令或是添加新的菜单。,3.工具栏 Visio提供了12个工具栏，利用它们可以完成绝大多 数对象的操作，而且使用效果同菜单命令时一样 的，还可以使用“自定义”选项来定制包含特殊要求 的工具栏。练习：（1）打开并观察所有的工具栏，尽量找出其命令按钮同菜单命令的对应关系。（2）试着添加一个新的工具栏，其中包含“插入图片”和“插 入符号”两个命令按钮。（3）请记录：操作能够顺利完成吗？感觉如何？如果不能，请说明为什么。,4.定位工具作为一种绘图软件，提供必要的工具以进行精确定位是非常重要的。Visio提供了多种定位工具，主要有标尺、网格、参考线和连接点等四种。可以在“视图”菜单下找到这些工具。,（1）标尺：分为垂直标尺和水平标尺两种，分别位于绘图窗口的左侧和上方。标尺的单位可以根据需要，在“文件”菜单中单击“页面设置”命令，在对话框“页属性”选项卡的“度量单位”中进行修改。默认情况下，水平标尺和垂直标尺的坐标零点都位于绘图页的左下角，而绘图窗口左上角处水平标尺和垂直标尺相交的位置称为“辅助点”，在按下Ctrl键的同时，用鼠标拖动“辅助点”，可以改变标尺坐标零点的位置；而用鼠标双击“辅助点”，可以将坐标原点恢复成默认值（及绘图页面的左下角处）。,（2）网格是必不可少的，它的作用是用来对齐对象，使图形的整体效果整齐美观。网格只是起到辅助绘图的作用，在实际打印是一般并不出现。网格的格式设置如网格线的粗细、间距等，可以通过在“工具”单中单击“标尺和网格”命令来进行。,（3）参考线（定位导线）这同样也用于帮助对齐各种图形。与网格不同的是，参考线可以在绘图窗口中随意产生和移动，而且在移动参考线时，所有和它对齐的图形也将随之移动。将鼠标指针置于水平或垂直标尺上，当形状变为双箭头时，按鼠标左键并拖动，参考线就会自动产生随鼠标移动。参考线平常为蓝色虚线，而在被选中时若是在“辅助点”处开始进行拖动操作的话，最终将会产生一个小型的十字参考线辅助点。选中参考线，再单击Delete键即可将其删除。,（4）连接点：这是Visio的最大特色之一。Visio的图形一般都有若干连接点，利用这些连接点，不但可以准确定位，而且通过连接点的“粘和”操作还能将多个图形连为一体，相当方便快捷。在“视图”菜单中单击“连接点”命令，可以显示图形上的连接点，所有的连接点都标记为蓝色叉号。在Visio中，连接点可以根据实际需要随意增加、移动和删除。,练习：（1）使用标尺、网格、定位导线和连接点、体会他们的定位功能。（2）请记录：操作能够顺利完成吗？感觉如何？如果不能，请说明为什么。,5.文件操作 文件操作通常包括新建、打开、保存和保护等。Visio 中的文件操作同其他软件相比有一定差别。,（1）新建文件。每次进入Visio程序时，首先看到的都是“新建和打开文件”。该窗口分为两部分：选择绘图类型和新建绘图，在“选择绘图类型”部分按类别列出了Visio提供的适用于各种场合的绘图模板。选择新建绘图文件要使用的模板。双击它便可以生成一个新的基于该模板的绘图文件。若不想使用任何现成模板，那么直接单击右侧任务窗格中“打开”栏下的“新建绘图”就可以了。（2）打开文件。进入Visio时，单击右侧任务窗格中“打开”栏的“打开”项，可以在“打开”对话框中选择已经存在的Visio文件、打开文件的类型等，选定后，单击“打开”按钮。,（3）保存文件。在“文件”菜单中单击“保存”命令，或者直接单击工具栏上的“保存文件”按钮，都可以保存文件。如果是第一次保存文件会弹出“另存为”对话框。设定完毕后单击“保存”按钮，将弹出“属性”对话框可对“常规”、“摘要”和“内容”三个选项卡进行相应设置。最后单击“确定”按钮即完成保存操作。（4）保护文件。在Visio中，可以对文件设置保护，可以设置哪些对象需要保护，哪些对象不需要保护。具体操作方法是：在“视图”菜单中单击“绘图资源管理器窗口”命令，打开“绘图资源管理器窗口”小视窗，右键单击当前打开的文件，在快捷菜单中单击“保护文档”命令此时，将弹出“保护文档“对话框。在此可以选择设定想要保护的部分。设定完毕，单击“确定“按钮使之生效。,6.绘图页面操作 Visio为绘图页面提供了强大的编辑功能，利用它们可以完成绘图页面的打印格式页面设置、绘图页的增加和删除以及背景页的生成等各种操作。（1）页面属性设定。在绘图文件的打开状态下，可以对绘图页面的属性进行设定。在“文件”菜单中单击“页面设置”命令，将弹出“页面设置”对话框，可在其中进行“打印设置”、“页面尺寸”、“绘图缩放比例”、“页属性”和“布局和排列”等选项操作。,（2）增加新绘图页，当建立一个新的绘图文件时，Visio已经自动生成了一个新的绘图页，将其命名为“页-1”并显示在“页面标签”中。每个绘图文件都可以包含多个绘图页，在每个绘图页中都可以绘制各自的图形。为增加新的绘图页，可在绘图窗下方的“页面标签”上单击鼠标右键，按快捷菜单中单击“插入页”命令，此时，将弹出“页面标签”对话框，可在其中填入新绘图页的各项属性，如类型、名称等，然后单击“确定”按钮即可。当然，也可以使用系统默认值而直接单击“确定”按钮。,（3）删除绘图页。在“编辑”菜单中单击“删除页”命令，或者使用右键快捷菜单，可选择删除某个绘图页。（4）重命名绘图页。再要重命名的绘图页的“页面标签”上单击鼠标右键，在弹出的右键菜单中单击“重命名页”命令，则对绘图页名称进行修改。（5）背景页操作。在绘图文件中加入背景页，可以是图形显得更加美观和专业。生成背景页有多种方法，简单的方法是利用Visio提供的“背景”模具。,当我们打开Visio程序时，就是使用某个模具来建立新文件，则“背景”模具一般是自动打开的；如果“背景”模具没有自动打开，则可以在“文件”菜单中单击“形状”“其它Visio方案”“背景”命令或者单击“常用”工具栏上的“形状”按钮进行选择。用鼠标选中“背景”模具中任意一个图件，并拖放到绘图页面上，此时将弹出以对话框询问是否要为所选择的绘图页面增加一个背景页，单击“是”按钮，系统自动生成一个背景页，内容便是刚才选取并拖动的图形。,用户也可以用自己绘制的页面作为背景。方法如下：步骤1：插入一个新页面“页-2”，其“页属性”中类型设为“前景”，背景设为“无”。步骤2：在该新建页上绘制自己的图形或写上文字。步骤3：编辑完毕后，在“文件”菜单中单击“页面设置”命令，在弹出对话框的“页属性”选项卡下将类型设置为“背景”。单击“确定”按钮，则该页设置为背景页。步骤4：此时再切换到“页-1”页面，在“文件”菜单中单击“页面设置”命令，打开“页面设置”对话框，在“页属性”选项卡的背景选项列表中可以看到在前面设置的几个背景选项。从中选择一个作为“页-1”的背景页面。类似地，可以进行删除背景页的操作。但需要注意的是，在删除背景页之前，需要先将其从所有以它为背景的绘图页面中移走，否则会出现警告对话框，且不能完成背景页的删除操作。,（6）页眉与页脚的设定。与Office系列的其他软件一样，Visio的页眉和页脚也是给绘图页面编上页码，加入作者、日期和文件名称等各种附加信息，使打印出来的图形更加美观、更专业和方便读者阅读。页眉与页脚的设置方法是；在“视图”菜单中单击“页眉和页脚”命令，在弹出的“页眉和页脚”对话框的对应栏中填入内容即可。,（7）其他设定。Visio还允许对他的其他一些功能进行设定。这些功能设定主要集中在“选项”对话框中。在“工具”菜单中单击“选项”命令，可在对话框的不同选项卡中对不同类型的功能进行相应的设定。,7.制作第一个Visio图形 在对Visio有了初步了解的基础上，接下来，我们来制作第一个Visio图形。将要制作的图形是一个关于演示C程序运行步骤的流程图。步骤1：启动Visio，进入“新建和打开文件”窗口。如果Visio已经启动，单击”文件“”新建“”选择绘图类型“。步骤2：在“选择绘图类型”栏的“类别”中单击选择“流程图”“基本流程图”模板，Visio自动启动相关模板，并生成新的空白绘图页。可以看到，窗口左侧是绘图模具，里面放置了大量绘图所需的图件，将鼠标指向图件时，将自动显示该图件的用途。,步骤3：在模具中选中一个图件，将其拖放到绘图页面上的合适位置。步骤4：重复上述拖动步骤，将进程、判定、顺序数据和终结符等图件拖入页面中，并排列，如图所示。,步骤5：单击“常用”工具栏上的“连接线工具”按钮（注意观察鼠标指针形状的变化），将鼠标移动到第一个要连接图形的连接点附近，当连上图形时，在连接点处会出现红色方框，表示连接线和连接点已经连接上了。步骤6：按下鼠标，移动到下一个图形的连接点上，带出现红色边框是松开鼠标，此时完成了两图形间的连接。步骤7：重复上述步骤，完成其他图形之间的连接，如下页图所示。,步骤8：所有图形连接完毕后，单击“常用”工具栏上的“指向工具”按钮，退出连接状态，恢复到鼠标选取状态。步骤9：接着进行线型设定。用鼠标单击要改变线型的连接线将其选中（若要同时选择多条连接线，需再按下Shift间的同时进行选取），然后单击“格式”工具栏上的“线型”按钮选择线型。步骤10：在第一个图形上双击鼠标进入文字编辑模式，输入文字“开始”，如果对文字的字体和大小不满意，可以先将文字选中，然后再“格式”工具栏的“字体”和“字号”选项中进行设置。,步骤11：重复上述步骤，在图形中输入其他文字，连接线上的文字也可以通过双击连接线进入文字编辑模式来输入。至此，流程图便基本制作完成，为了显得更加美观和专业，还可以给它加上背景页以及页眉和页脚等。步骤12：最后，记得执行存盘操作，保存文件。请记录：操作能够顺利完成吗？如果不能，请说明为什么。请简单描绘此时你对Visio工具的使用感受，与你使用过的其他绘图工具相比，有什么方便之处。,8.Visio应用实践 通过上述操作，我们可以对制作一份Visio绘图文件需要经过的6主要步骤总结如下；选择合适的模板建立绘图文件。从模具中向绘图页拖入图件形成图形。用连接线工具将相互间有关系的图形连接起来。为图形和连接线加上适当的文字说明。对绘图文件进行美化处理。保存绘图文件。,下面，请根据已经取得的操作经验，制作一份 程序流程图，如下页图所示。请注意体会整个过程中对文字和绘图页面的各 种操作，并注意绘过程中经历了那些主要步骤。请记录：（1）流程图绘制操作能够顺利完成吗？如果不 能请说明为什么、（2）Visio绘图流程图实验完成请交我确认：或者：课下继续完成，并且按以下文件名格式保存制作文件，并在下次上机时交给我检查：_程序流程图.vsd,