navigate site menu

Start learning with our library of video tutorials taught by experts. Get started

Visio 2010 Essential Training
Esther Watson

Visio 2010 Essential Training

with David Edson

 


In Visio 2010 Essential Training, Microsoft Certified Professional David Edson shows how to create a wide variety of diagrams with this popular data visualization tool. The course starts off with a tour of the Visio 2010 interface, then demonstrates the ins and outs of creating the most common type of Visio diagrams, connected diagrams. With this foundation in place, the course then shows how to use Visio's tools to make more complex diagrams, including brainstorming diagrams, organizational charts, timelines and calendars, and data-driven pivot diagrams. Exercise files are included with the course.
Topics include:
  • Using SmartShapes in a basic connected diagram
  • Formatting shape fills, lines, and text
  • Inserting pictures, clip art, charts, and CAD drawings
  • Adding callouts and hyperlinks
  • Adding milestones to timelines
  • Importing calendar data from Outlook
  • Creating and managing layers in a diagram
  • Applying themes
  • Creating prototype diagrams with Visio wireframes
  • Printing diagrams
  • Saving to PDF, JPEG, and HTML file formats
  • Saving diagrams to SharePoint
  • Exporting data to Word and Excel

show more

author
David Edson
subject
Business, Web, Charts + Graphs
software
Visio 2010
level
Beginner
duration
6h 11m
released
Apr 13, 2011

Share this course

Ready to join? get started


Keep up with news, tips, and latest courses.

submit Course details submit clicked more info

Please wait...

Search the closed captioning text for this course by entering the keyword you’d like to search, or browse the closed captioning text by selecting the chapter name below and choosing the video title you’d like to review.



Introduction
Welcome
00:04Hi, I'm Dave Edson and welcome to Visio 2010 Essential Training.
00:08In this course I'll show you how to become truly proficient in the Visio environment and create many diverse Viso diagram types.
00:15Together we'll create connected datagrams
00:18in the form of flowcharts,
00:20and use those to understand the ins and outs of Visio diagram creation.
00:24We'll create hierarchical diagrams both in the form of brainstorming diagrams and organizational diagrams.
00:31Together we'll build time sensitive diagrams by creating Visio timelines and calendars.
00:36We'll also dive into the creation and use of Visio pivot diagrams to visualize structure data from external data sources.
00:43We'll wrap up by taking a look at Visio's tools for creating wireframe diagrams
00:48for prototyping Windows user interfaces.
00:51Whether you are brand new to Visio or you feel you are a seasoned user who would like to learn faster, easier, and
00:56better techniques for creating Visio diagrams, I'm sure you'll enjoy the experience and come away with a far greater level
01:02of confidence in your Visio usage skills.
01:05So if you're all set,
01:06let's get started with the power of Visio 2010.
Collapse this transcript
Using the exercise files
00:00Exercise files are available to premium subscribers of lynda.com or those
00:04who purchase the DVD.
00:06Simply download the exercise Files to your computer and place them on the
00:10Desktop for ease of access.
00:12The exercise files are organized by chapter number.
00:16Whenever an exercise file is available for a video, you'll see a yellow
00:21overlay at the bottom of the screen that indicates the location and the name
00:24of the exercise file.
00:26Working with the exercise file can be of benefit in reinforcing each of the tips
00:30and techniques I'm showing.
00:31However, if you don't have access to the exercise files, you can still follow
00:35along with the videos,
00:36use your own files, and still have a great learning experience.
Collapse this transcript
1. Starting Visio 2010
Starting Visio 2010
00:00Visio 2010 can be started in a couple of different ways.
00:04Number one, we can begin from the Windows Start menu or we can begin from a
00:08Windows Desktop shortcut.
00:10Additionally, we can also start with an existing diagram and launch Visio
00:14utilizing that diagram.
00:16I'm going to walk you through how to start from the Windows shortcut.
00:19So we'll come down to the gym, and we'll select the gym, and select All Programs and
00:25Microsoft Office, and click on Visio 2010.
00:28That will launch the Visio 2010 and places immediately into the backstage view.
00:34As I said, another way to launch into that is to select a desktop shortcut.
00:40If one is not already been created for you. Simply select the same path,
00:43All Programs, and in this case when we get down to Microsoft Office, right-click
00:48on Visio 2010, and select Send to Desktop (create shortcut).
00:54That will create the Visio item on your Desktop, and from there simply
00:59double-click to launch that item, and again you'll be presented with a backstage view.
01:04Now as I said an alternate method to launch Visio 2010 is to launch with
01:09an existing diagram.
01:10So I'm going to go to a folder where I have a diagram.
01:13Notice it says in this case Decision Tree.
01:16It's a Visio diagram. And simply double- click on that diagram, and in doing so
01:21it's going to bring up the Visio environment and place you directly into the
01:25drawing environment with that drawing ready to work with.
Collapse this transcript
Solutions available in each edition of Visio 2010
00:00I'd like to walk you through how to create a Visio diagram based on a
00:04specific template, and certainly Visio contains lots and lots of different
00:08templates available.
00:09So what I'm going to do is go ahead from our Desktop shortcut launch Visio, and
00:13we're immediately placed into the Backstage view.
00:16In that Backstage view, on the left we have the usual file type of function,
00:20such as saving, and opening, and closing documents.
00:24In the middle of the screen beneath the Recently Used Templates, we have all of
00:28our categories of templates that are available to us.
00:32Now this will vary based on which particular edition of Visio 2010 you're using,
00:36whether it's Standard, Professional, or Premium.
00:39I happened to be using Premium here, which has the complete content and in a few
00:43minutes I'm going to talk you about some of the differences in the editions.
00:47Now I'm going to open up the Business category simply by clicking on it and
00:51you're presented with a visual indicator of all the different template types
00:57within the general Business category.
00:59These include things like Audit Diagrams, and Cause and Effects, and some
01:03general Charts and Graphs, and I will not walk you through each, but you can see
01:07visually the collection of things within a Business category.
01:11Let me step back and take you into the Engineering category.
01:14These are all available only in Professional and Premium.
01:18We've got Electrical and Fluid Power and Piping and Instrumentation and all
01:22the very technical engineering type of diagrams available to us.
01:26Within the Flowchart category, you're going to find various contents based on the edition.
01:31So Basic Flowcharts and Cross- Functional Flowcharts, SDL Diagrams, IDEF0, and
01:37Workflow are all part of the Visio Standard package.
01:41But the BPMN Diagram and the SharePoint Workflows are only within the Premium sku.
01:46I'm going to jump back again and let's look at general.
01:50We have Block Diagrams and Blocks with Perspective.
01:53Within the Maps and Floor Plans, and this is in the Professional category,
01:58we have lots of architectural and engineering and facilities and management diagram types.
02:03Everything from Electrical and Telecom, to standard Floor Plans, Office Layouts,
02:07Plumbing, Reflected Ceiling, Security, lots of information.
02:11Within the Standard, we also have Directional and Directional 3D.
02:16If you're trying to do graphical maps of given areas, they are a very good set of
02:20tools for working with that.
02:22Network again, is Professional and Premium, and we have Active Directories,
02:26Detailed Networks, Rack Diagrams, etcetera.
02:30Then within Schedule, we have Calendars, Gantts, PERTs, and Timelines.
02:35In the final category we have Software and Database. It brings us to things like
02:40architectural designs for software, COM and OLE, Conceptual Websites, Data Flow Diagrams.
02:46Also within this category we have Wireframing, which used to be called
02:50Prototyping Environments.
02:52Now we call this Wireframing as well as UML.
02:55So that's kind of a list of different-- and just to show you how to start one,
03:00I'm going to go into the Flowchart area and by double-clicking on Basic
03:04Flowchart that will launch it in the current default units.
03:08If you're within the United States, that would be US Units, feet and inches.
03:12If you're outside the US, it's Metric Units.
03:15Centimeters, millimeters, etcetera.
03:18You have the ability over on the right side to choose either Metric Units or US Units.
03:24So even if you are within the US, if the particular output is desired to be
03:28metric, simply click on Metric Units and click Create.
03:32Double-clicking will always create a diagram in your default units, but at
03:36anytime you can choose your units and click Create.
03:40I'll go ahead and double-click the Basic Flowchart and as you'll see that'll
03:44bring up the drawing environment.
Collapse this transcript
2. Understanding the Visio 2010 Environment
The Drawing environment versus the Backstage view
00:00I like to talk a little about the differences between the Backstage view, which
00:04is what we're currently looking at as we've immediately started Visio, and the
00:08drawing environment.
00:09They're two separate realms within the new paradigm of Microsoft Office products.
00:15Some of the tools and utilities that used to exist within a working environment
00:20have all been pulled out to this new environment called Backstage.
00:24This is where we used to call things Getting Started as well in
00:28previous versions of Visio.
00:29So the Backstage environment itself contains tools for managing the Visio files.
00:35It allows us to save a file if we're already working on a file, save a
00:40file under a new name if we want to change that and create literally
00:45phases or states of the diagram or just simply change the name for
00:49whatever purpose that makes sense,
00:50to open an existing diagram, to close any diagram, or to find out
00:56information about any diagram.
00:58Also within the Backstage view we can click on the Recent and Recent will give
01:03us then a palette of different diagrams that we've recently been working on.
01:08New will take you right back into the standard Backstage view, allowing you to
01:15see the Recently Used Templates, up at the top you'll have a collection, and
01:19you can control the number of these that appear, in a collection of your most
01:23recently used diagrams.
01:25Beneath that, we have the collection of different categories of templates
01:30choosing the type of diagram we want to begin based on a specific template, and
01:35down beneath that, then other ways to get started include creating a new totally
01:39blank drawing, and I want to emphasize that for just a moment. A totally blank
01:44drawing means absolutely no stencils open, no shapes open.
01:47It's just a completely blank environment.
01:50We can also go out to Office.com, which is Microsoft's site, and pull down the
01:55additional templates that are not included in the base content of the edition of
02:00Visio that you purchased.
02:01We can select Sample diagrams and if when you loaded Visio in the first place
02:06onto your Desktop you had opted to load samples, that is in a directory of lots
02:11of different sample diagrams you can work with.
02:14Then New from existing allows you to select an existing diagram and create a
02:19brand new diagram using that as a base starting point.
02:24Now no matter which of these areas you utilize,
02:27Recently Used, Template Categories, or Other Ways to Get Started,
02:31when you select a specific, and I'm going to click on Flowchart here, when you
02:35select a specific one you're going to get a little paragraph letting you
02:39understand what that particular diagram is about. So you can make a conscious
02:43decision that that is in fact the particular diagram type that you want to work with.
02:49Beneath the New category, we also have Print, the ability to fire off a print,
02:53and if you have multiple printers configured allowing you to select a particular
02:57printer you're interested in.
02:59Save & Send allows you to take your Visio diagrams and publish them out to
03:04various sources, including Microsoft SharePoint.
03:07Help brings up the help system and there are effectively two help systems
03:11you should be aware of.
03:12Number one is if you are totally disconnected and you'll get a minimalist
03:16amount of help, and if you are connected in online, Help will then include a
03:21far more robust and expanded help based on being able to pull it from online
03:26sources within Microsoft.
03:28Under Options, this is the area that used to be included in the Visio
03:32working environment.
03:33We select it from the working environment tools and then Options.
03:38That's been moved out to the Backstage view, and we can click on Options and
03:42it brings up a dialog.
03:44The dialog is effectively the same information tools that you used to know in tools options.
03:50But now within Visio 2010, it's been those little cleaned up, a little
03:54rearranged, and you can understand it in a better manner.
03:56So general options of things you want to show, giving your initials and
04:00your name in there.
04:02Proofing options about spelling. Saving options in terms of you can also going
04:09to select in this area if you want to use AutoRecover and tell it the number of
04:14minutes you'd like to use for auto recovery.
04:17Language options, and under Advanced options--
04:20And this is something I think is incredibly important for you to understand.
04:24Go down to the bottom under your Advanced options, scrolling down to the bottom,
04:29and in the General area, you'll want to select Run in developer mode.
04:34You only need to do this one time.
04:36Visio will remember it.
04:37Now it does not mean that from this point forward you have to write C# code to
04:41get anything done in Visio.
04:43What it means is that a lot of things that otherwise would have been hidden from
04:47you and lots of menu sets and options are instantly made available to you.
04:52So I strongly recommend that every Visio user checks Run in developer mode.
04:58This is the area you can also use to customize the Ribbon and we'll be talking
05:03about the Ribbon in just a few moments, but it's already laid out with that
05:08which is existing on your Ribbon and you can add and subtract from that in any
05:12way that makes sense.
05:13This is where you can also change the Quick Access Toolbar and that's a tiny
05:18small toolbar in the very upper left-hand corner of your Visio environment.
05:23As you can see in mine from the upper left-hand corner, we have a Save and
05:28Undo and a Repeat in there.
05:31This can be expanded to include any other options you want.
05:35You can see Save, Can't Undo, Can't-- in this particular case, because no
05:40action has been taken.
05:42Also within this Visio Options, we can manage all the add-ins, plug-ins that are
05:47used on top of Visio.
05:49We can always deal with the Trust Center and we can establish the level
05:53of trust we have for VBA, code that might run with Visio or any outside applications.
05:59So that's always in the Options environment, and then we can also through the
06:04Backstage view of course exit Visio.
06:07So that Backstage view is a staging area for any type of work you want to do,
06:12and the trigger to move you back and forth between the Backstage view and the
06:16drawing environment is simply the File tab of the Ribbon, and by clicking on
06:21that we toggle back and forth.
Collapse this transcript
The Fluent UI (the Ribbon)
00:00We're in the Backstage view and I want to begin a new drawing so that we can
00:04talk about the fluent UI, or more commonly known as the Ribbon.
00:08I am going to actually open up a blank drawing that I've previously saved, and
00:12it is in the exercises.
00:13But you can just as easily begin by selecting Blank drawing in Other Ways to Get sSarted.
00:18In my case I'll go ahead and select Open and I'll navigate to my desktop and
00:24into my Exercises, in Chapter 2, and select my blank drawing.
00:31Now, in my blank drawing I am looking at a series of items on a Ribbon tab and
00:37this is a new environment for Visio.
00:40With Office 2007 it obtained the Ribbon environment.
00:43Visio is still using the menu system. Not until 2010 did it obtain this
00:48entire Ribbon environment.
00:50As we know, the File tab of the Ribbon will toggle us back and forth between that
00:54backstage view and the drawing environment.
00:57While we are in the drawing environment the Home tab gives us a collection of
01:01the most commonly needed tools to work on a general basis.
01:06The Insert tab allows us to insert objects and items within our Visio diagram.
01:13We can add new pages in the Pages area.
01:16Within the Illustrations area we can select Pictures or Clip Art or Excel
01:21Charts or AutoCAD Drawings in both the DXF or DWG format.
01:28We can select new diagram parts.
01:30These are brand new to Visio 2010.
01:32Containers and Callouts.
01:35We can add hyperlinks to any Visio shape, and we can work with different
01:40forms of inserted text.
01:42Either a text box, a ScreenTip, which allows you to float over a shape and see
01:47that, an object inserted from any other application such as Microsoft Word or Excel,
01:53a text field-- these are the same sorts of text fields that you're used
01:57to working with in other applications such as Word-- or symbols, for example an
02:02ampersand symbol, the type of symbology that you would include into your flow of text.
02:07So the Insert is our tab for being able to work with those options.
02:11The Designing tab is where under 2007 the themes exist.
02:16Themes were introduced under 2007 and certainly have been enhanced under 2010.
02:22To the left we have our Page Setup, our Page Orientation that we can change
02:27from Portrait to Landscape, our Page Size that we can change to any given standard size.
02:34This of course is based on the units that we used to start our drawing.
02:38If we're using US units you can see 8.5x11, 11x17.
02:43If we were working in metric units, as you can see down to the bottom, we can do
02:47things like A3 and A4, etcetera.
02:50There is a function within this tab called the Auto Size and that allows the
02:54page to expand or contract based on standard page increments, if the information
03:00that you're drawing in a diagram tends to lap off the page, and you can choose
03:05to toggle that on and off at will.
03:08The old Page Setup dialog box that was available in Visio 2007 is still fully
03:14available in the lower corner of the Page Setup.
03:17We can click on Page Setup and that will bring up that same dialog which you've
03:22been used to for a long time in Visio.
03:25So none of the options have been removed.
03:26Some have just been relocated slightly.
03:29To the right of the Themes area we now have the Backgrounds section of the Design tab.
03:35On the Backgrounds section we have a collection of backgrounds.
03:40In our Stencils on the left we no longer have a Background stencil.
03:45The backgrounds are now confined within this area.
03:47So you can choose a particular background you might like to add to a diagram.
03:52We also have Borders & Titles.
03:54Again, there's no longer a stencil for Borders and Titles; they've all been
03:58confined within this area.
04:00You can choose a border and title that you like the look of.
04:03To the right of that on the final area of the Design tab we have Re-Layout Page,
04:08which allows us to shift and re-layout shapes.
04:11As I start into talking about building diagrams and laying out diagrams we'll be
04:16utilizing this information.
04:18Finally, Connectors allows us to change the style of the connectors that glue
04:22the shapes together.
04:24After the Design tab we have the Data tab.
04:27This is available only in Professional and Premium edition and it allows us to
04:32link to external data sources, display that information in a graphical format on
04:37top of our shapes, and then also show and hide specific features such as data
04:43windows and external data windows.
04:45The Process tab allows us, and again this is available only in Professional and
04:50Premium SKUs, to create sub- processes from selections of shapes.
04:56So if our diagrams are getting too cluttered we can move some of that off to
05:00another page and have a marker on the first page as a subprocess marker, which
05:05will hyperlink us off to that next page.
05:08We also under the Premium SKU have the Check Diagram feature, and this allows us to
05:13validate our diagrams against current standards that are out there for that.
05:18Then also with Premium SKU only we have the ability to send and pull information
05:23from SharePoint workflows.
05:25The Review tab is where all of our proofing tools are, our Spell Check and being
05:30able to do thesaurus and research type of work.
05:32the same thing that you're used to within Microsoft Word certainly. Also to
05:36translate languages and work with additional languages and set your
05:40language preferences.
05:42Also within this area we have the ability to add Windows Office style comments,
05:48and edit those comments, delete them, etcetera.
05:51We also have an area called Markup which allows for team review and
05:55collaboration so that we can set a diagram into Collaboration mode, save it, and
06:01pass it off to other people in the same manner that within Microsoft Word when
06:06you set up reviewing, if you delete a paragraph, it doesn't really delete it.
06:10It actually simply changes it to strikethrough text and put a bubble out of the
06:14side saying it was deleted by so and so, and as a reviewer you can choose to
06:19accept or reject those markups.
06:21That's all fully available within Visio.
06:24Also we have the Shape Reports.
06:27This under Visio 2003 was found under Tools > Reports and under 2007 it was found
06:34under Data and Reports, and they've been moved yet again under 2010.
06:38They're now found on the Review tab.
06:41Finally, under the View tab, we have the ability to turn on and off
06:46different elements.
06:47We can move to a Full Screen View, and the shortcut for that by the way is F5 if you need it.
06:53We can show different elements, show rulers or hide rulers, page breaks, grid,
06:58guides, and by dropping down the list the different forms of task panes are
07:03available. We can show or hide those task panes.
07:07We can also work with Zoom, Fitting to Window, Page to Window, and
07:12Zoom parameters there.
07:14That's also by the way fully available in the lower right-hand corner under the
07:18Zoom area available to you.
07:22We have other visual aids such as the Dynamic Grid, the AutoConnect,
07:25and Connection Points.
07:26We can toggle the use of these on and off through Visual Aids.
07:30And we can manipulate and manage all of the windows, because Visio itself is
07:35what's called an MDI or multiple document interface.
07:39It means that we can have multiple drawings opened at the same time and we can
07:44manage the windows and bring forward or send back the different windows, the
07:47different drawings we're working on.
07:49In this area also in View, we can view the particular macros and add-ons that
07:54have been added into our Visio environment.
07:56So that's a good look at the Ribbon tabs that are available to control the
08:00overall drawing environment.
08:02The Ribbon tabs do tend to be context sensitive, meaning as you're working in
08:07specific things, one tab or another may bring itself to the forefront to help
08:11you work in context with the type of work you need to do.
08:14But at anytime if you tend to get lost, simply return to the Home tab, which is
08:19going to be your general drawing tools, your clipboard information, fonts,
08:24paragraphs, the different drawing tools, different shape tools, the ability to
08:30arrange and align those shapes, and your general editing tools.
Collapse this transcript
The Shapes and Drawing windows
00:00I am going to go ahead and start another new drawing, this time based on
00:04the Basic Flowchart.
00:05If you've not already found it in your Recently Used Templates I am going to
00:08select Flowchart and in that category double-click.
00:13Any way that you need to, you're going to end up in the drawing environment set
00:16up to run a basic flowchart.
00:18Now let's talk a little bit about what we have going on.
00:22initially starting with the left hand side, what's called the Shapes window.
00:27Within the Shapes window we have a collection of Stencils.
00:31Going back historically to the early days of Visio, the reason these are called
00:34stencils is we had something called barrel ellipse templates and you used to
00:38stick your pencils to that green plastic template and draw an ellipse, etc.
00:42In working with those, shapes on a stencil are pre-drawn shapes that we can
00:47drag off a stencil.
00:49Every single Visio diagram that you create,
00:52unless you start it with a totally blank drawing,
00:55will always open up one or more stencils, giving you an environment that's ready
01:00to begin creating that particular type of drawing.
01:04In this case based on Basic Flowchart, I can see that I have the Basic Flowchart Shapes.
01:10The things which you're used to doing in working with a standard flowchart --
01:13a Process shape, a Decision shape, a Document shape, a Data shape, Subprocess, Start/End, etc, etc.
01:21There's lots of available pre-drawn shapes, making it easier to create a Visio diagram.
01:28Notice the other additional stencil is open, Cross-Functional Flowchart Shapes,
01:33and these are the things that allow you to create swimlanes as necessary.
01:37We can create both horizontal and vertical swimlanes.
01:40We also have an item under Visio 2010 called Quick Shapes.
01:44And Quick Shapes are the stencils of the things that you might want to use most often.
01:50I am going to switch back to Basic Flowchart Shapes because the next thing I
01:53want to show you is if you move your cursor to the divider bar between the
01:58Shapes pane or the Shapes window and the standard drawing area to the right,
02:03notice it changes to a little double vertical bar symbol.
02:06And if I left click and hold I can downsize that,
02:10make it smaller, and when I do it sort of becomes extended down there.
02:14And I can even downsize it one step further to where I am seeing only the
02:18symbology and no names and I can drag that of course back out.
02:22So they can be resized anyway you need to get them out to the size that
02:26makes sense for you.
02:28Notice at the very top of your Shapes pane there's a little left pointing arrow.
02:32And if I click on that, that will automatically fully minimize that.
02:37And if I right-click on it again I can extend it back out.
02:41So you can collapse and expand that Shapes window to suit your needs.
02:45Now as I said, every diagram you create will open up a series of stencils
02:49with masters on them,
02:51master shapes on them, to allow you to create a diagram.
02:55But you're not limited to that palette of shapes.
02:58At any time you want, you can add additional shapes to your collection of shapes available.
03:05And we do that by coming up to the area that says More Shapes and simply
03:10clicking on the little right-pointing arrow and finding the different categories
03:15of shapes that are available to us.
03:16So I notice if I come here to Flowchart, in addition to the Basic Flowchart
03:21Shapes that we're using and the Cross- Functional Flowchart Shapes that we're
03:25using and note we have both Metric and US units, we can add additional.
03:31So I can come down here and select Miscellaneous Flowchart Shapes in US units.
03:37And that will add that additional stencil of shapes that are available to me.
03:42Now if I decide I don't want that one,
03:44it's just too much visual clutter and I don't need that stencil, at anytime I
03:48can right-click on the header of a stencil and simply select Close.
03:54Before I do that however, I also want to show you that you can float a stencil,
03:59remove it from the docked position and move it wherever you'd like to move it in your diagram.
04:06You can dock it up to another side of your diagram if you wish.
04:10So at any time you have the full ability to control what shapes you want to see,
04:14when, where, and how you'd like to see them.
04:17Now that we've talked about the shapes themselves, let's do a quick exploration
04:22of the rest of the areas of the Visio drawing environment so that you're
04:25comfortable with all that before you begin creating drawings themselves.
04:30Notice immediately above and to the left of your drawing environment we have
04:35rulers-- horizontal and vertical rulers-- which show you the size of the sheet
04:40of paper that you're working with.
04:42In this particular case an 8 and a half by 11 sheet of paper.
04:46The grid itself under 2010 stops at the edge of the printable area of the sheet
04:52of paper based on the particular printer that you have configured.
04:57And that will vary from printer to printer.
05:00A standard laser printer in this case does not allow printing on the last
05:04quarter inch around it so we could see the grid stops within that area.
05:09And these were controlled again through the View menu by turning on or off the
05:14rulers, turning on or off the grid, and we can turn on or off the ability to see
05:21guides and page breaks as we work with larger pages.
05:25At the bottom of the drawing environment in the lower left, we have page tabs.
05:30Right now this particular diagram only has one page and it's listed as Page-1.
05:35And if I click on the little area immediately to the right of it then it says Insert Page.
05:40It will insert a new page so that's Page-2.
05:43At anytime I want I can right-click on these page tabs and either Insert more,
05:49delete them, rename them, or set up information, configure them in any way we need,
05:56or reorder the collection of the pages.
05:59At the lower right we have the ability to just to zoom in and out of our diagrams.
06:04So I can adjust that in any way I would like.
06:08Also of course, you're used to with any Windows application the ability scroll
06:12left and right and the ability to scroll up and down based on using scrollbars.
06:17We can also fit our page to our current view, which effectively zooms to the whole page.
06:25And we can also open up a pan & zoom or a birdseye window that will allow us to
06:30navigate around large diagrams at anytime we want.
06:34We can also from the drawing environment switch different windows if we're
06:37having multiple drawings that we're working with.
06:41This is the drawing environment and the Shapes pane,
06:45all of the areas that we will need to work with as we start to create diagrams.
Collapse this transcript
3. Creating Connected Diagrams
Dropping a SmartShape from a stencil
00:00We are now going to look at creating connected diagrams.
00:04Fully half of all Visio diagrams that we create are what we refer to
00:07as connected diagrams.
00:09We have smart shape symbols connected to other smart shape symbols via
00:13dynamic connectors.
00:14We are going to look at every aspect of creating these and to do that let's
00:18start together with a Basic Flowchart.
00:20So, I am going to select the Flowchart category and I am going to select
00:24the Basic Flowchart.
00:26And again, we'll have our typical Visio drawing environment.
00:30Open collection of shapes on the left, drawing environment on the right.
00:35The first thing we need understand in building a Visio diagram is how to draw up
00:39a shape and it's really quite intuitive.
00:42We simply click on a particular shape we want, hold, drag it across and drop it
00:49into the Visio environment wherever we'd like to place it and release.
00:53And when we release it, it's already automatically selected for us.
00:57We can see the sizing handles at top, bottom, left, right, four corners.
01:02We can see a small rotation handle above and when we float our cursor over it,
01:07we see some controls,
01:08little outlined blue triangles that allow us to connect to other shapes.
01:13The thing that's most important to understand about dropping shapes is what goes
01:16on in the background when we draw up a shape.
01:19Now, I'm going to go ahead in addition to dropping this process shape, I am
01:23going to grab a little document shape and drop it out in the Visio
01:26environment as well.
01:27Notice little visual guides come up to help me space and align these, which are
01:32really helpful, and I am going to release that.
01:34And now I have two shapes out in my environment.
01:37I am going to switch over to my Developer tab and in the Developer tab in
01:44the Show/Hide area,
01:45I'm going to click on Document Stencil.
01:48Now, notice my Document Stencil and this stencil is local to this document alone;
01:55the other stencils that we work with came from the open template that
01:59we were working with.
02:00But with this particular one, I can see that I have both the Process master
02:04and a Document master.
02:06The important thing to understand is the first thing that Visio does.
02:10Every time you drag a shape off a stencil and drop it in your Visio
02:14environment, Visio creates a local copy of that external master from that
02:22external stencil and it's saved as part of your Visio drawing, as you can see,
02:27because we can toggle this off.
02:29By default that local document stencil is never seen, but we can look at it
02:35at any time we want.
02:37Why is this important?
02:39Because it gives us the ability to wholesale change lots of functions about
02:44individual shapes without having to work with them one at a time.
02:48Now, I am going to go ahead and replicate this particular rectangle shape.
02:54I am going to drag out just a couple more of these. There we go.
02:58I want to come back to the local document stencil and on that local document stencil
03:03I am going to right-click on that Process master and select Edit Master and Edit Master Shape.
03:11A new window opens up which allows me to make any change I would want to this local master.
03:18So, if I select this shape and right now if I look to the bottom I can see
03:21that the height of this is 0.75 inches, and I am just going to grab its little
03:27handle here and drag it up and make it 1.025 inches tall.
03:33Now, when I go to close this out, don't click the red X box.
03:39That would close all of Visio. Close the little X below it.
03:43It will say do you want to update this Process master and all of its instances?
03:48So, I will say yes I would like to.
03:51And notice it's going to update that shape and grow the shape to accommodate that.
03:57So, the local document stencil is very important.
04:00It's where you can make changes-- and I can close that anytime I want-- to
04:04anything that you need.
04:06To add shapes to your drawing, simply drag and drop, place where you'd like to place them.
04:15It's just that simple.
Collapse this transcript
Arranging the top four SmartShapes on a stencil
00:00I'm again starting with a new blank Basic Flowchart drawing.
00:05If you look at the top of the Visio environment, mine right now says Drawing3. Yours may differ.
00:10It could say Drawing2, Drawing1, Drawing11.
00:13Depending on how many drawings you've opened and maybe not saved during the same
00:17Visio session, that could differ.
00:19The important thing is that we're starting with a clean blank Basic Flowchart drawing.
00:23And again, I'm going to go ahead and drag a shape out and drop it onto the page.
00:28Now notice as I float my cursor over that shape at anytime, four little blue
00:32triangles show up outlined.
00:35Starting with Visio 2007, if I had a shape selected on the stencil, whatever
00:42shape was selected on the stencil, in this case I am going to click on a data
00:45shape, if I touched one of those blue triangles, I will do that quickly,
00:50you will see that it added that shape automatically to the diagram.
00:54Not only added it automatically, but properly aligned and properly spaced that.
01:00That was a feature that was added in 2007.
01:01I am going to do Ctrl+Z to back up a step so we have just got the one shape.
01:08Under Visio 2010, that feature of being able to automatically very quickly add an
01:14additional shape has been greatly enhanced.
01:18Again, if I select this shape and I look over here on the stencil, the order of
01:23these shapes, starting with Process, Decision, Document, and Data, following on
01:29with Subprocess, Start/End, etcetera, etcetera, is actually rather important. Why?
01:36Because if I move my cursor over one of these blue arrows in the diagram
01:40and float it without clicking on it, notice right at my cursor tip the top four shapes,
01:46Process, Decision, Document, Data, show up right at the tip.
01:52This is quick selection, and if I click on any one of those it will
01:56be immediately added.
01:58Now, I said the order was important and it is because I can grab any other shape.
02:03Let's just pick on Custom 2 for right now. And drag it up and reorder the
02:09order of these shapes.
02:11So now I have Process, Decision, Document, and Custom 2, so that when I float
02:16my cursor over that, I can see that shape is available to select and add to the diagram.
02:23And again, I can do this in any of the four directions.
02:27So that ability to rearrange the shapes and place them in an order that makes
02:31sense to you is fundamentally important to understanding the fastest and easiest
02:37way to create Visio diagrams.
Collapse this transcript
Using the Cursor-Tip selection list
00:00From within the Chapter 3 exercises, I've opened the Connected_Diagram_01 file.
00:06This is the file I was working with a little earlier.
00:10Notice that we have two shapes connected together.
00:12I'm actually going to go ahead and select that second shape and delete that
00:17shape just by selecting the shape and hitting the Delete key.
00:20Notice that it deleted the connector that went along with it, so I don't have to
00:24do a lot of cleanup.
00:25And I am going to move this a little off to the side.
00:29Now we've talked about the fact that the top four shapes can be selected in any
00:34order we want and by rearranging the order make them available to our quick
00:39select at our cursor tip, which we accomplish by floating out to the end.
00:44So what I'm going to do is I am going to actually make sure that I have Process,
00:49Decision, Document, and Data selected in my proper order either on my Quick
00:55Shapes or my Basic Flowchart Shapes, which in fact I do.
00:59And I am going to now start building a connected diagram.
01:03So, sliding right, I'm going to select a second Process.
01:07I will now select a Decision and from that Decision, I am going to move upward
01:13and select another Process. Leading off that Process, I'm going to select a Data store.
01:19Coming back to my Decision and note that I do not have to select it currently;
01:24just floating over it gives me the arrows that I need.
01:27I will come down, select another Process, and from here come out to a Document store.
01:36Very quickly and easily building and arranging those shapes based on the
01:41current cursor selection tip order of the shapes, to do a simple,
01:46straightforward flowchart.
Collapse this transcript
Using the Auto-Connect selection points
00:00From within the Chapter 3 samples and exercises and files, I've opened up the
00:05Connected_Diagram_02, which we were working on earlier.
00:10I am using this to demonstrate now that we can work with these connection points.
00:14Again, by floating over the diagram, we can see the available
00:18connection directions.
00:19We have come in from the left of this particular data shape and by floating over it
00:24we note that we have three additional directions still available to us.
00:29So what I'm going to do is actually come in, noting the top four that I have
00:34available to me, I'm going to bring the Data up to the third position, the
00:40Database as it were, and the External Data to the fourth position.
00:45Now representing from this original Data shape, I can float over and say I
00:50want to talk about a Database here from Data and coming back down here, an
00:56External Data store here.
00:59I still have available to me another direction and I can add yet another item as necessary.
01:06This allows me to do branching routines simply by floating over and using the
01:10available connection points on any given shape.
Collapse this transcript
Inserting a SmartShape between two existing SmartShapes
00:00From the Chapter 3 directory within our sample exercise files, I've opened
00:05up the Connected_Diagram_03 file.
00:07What I want to talk about is the ability to add a shape between two shapes in
00:14the diagram that we're currently looking at.
00:17If I had an additional process that need to happen between this first process
00:21and this second process, and I were using an earlier version of Visio,
00:26I certainly could left-click, drag and select everything except the first shape,
00:35gathering them together, pulling them off to the right, trying to keep them
00:40aligned as best I can, and opening up additional space.
00:44Now, if I were using Visio 2003, I would select this connector, disconnect the
00:51connector, drag out an additional shape, putting it in place, reconnecting that
00:58connector, selecting my Connector tool, and adding the next connector to put that in place.
01:08Not difficult, but certainly a lot of steps.
01:11I am going to Ctrl+Z my way back before that happened, still having moved
01:16all those to the right.
01:17With Visio 2007, I could simply grab that shape, bring it down into place, and
01:25when I have got it in place release it, and it would take care of splitting that
01:29connector and placing that shape between them.
01:33Now, that's wonderful and I do have two individual connectors. That does all the
01:37cleanup work for me; however, I still had to push things to the right.
01:42So I am going to undo everything I've done here and move this back.
01:46With Visio 2010, I will simply select a shape, drag it out, and move it between
01:52the two shapes that I'm interested in.
01:54And when I release my cursor, notice how Visio simply pushes everything to the
02:00right to open up the proper spacing between these, so all the shapes still
02:06remain properly spaced, properly aligned.
02:10Simply drag the shape off the stencil, move it between two shapes.
02:14When you see the ends of the connector or highlight, release your left
02:18mouse button and it will automatically adjust the diagram to accommodate
02:23the new shape.
Collapse this transcript
Deleting a SmartShape from between two existing SmartShapes
00:00From the Chapter 3 exercises, I've opened up Connected_Diagram_04.
00:05I am looking at this diagram. Perhaps in the end result, we decided that this
00:10particular second process was actually not necessary and we needed to delete it.
00:16If I were working with Visio 2003 and I selected the shape and hit my Delete key,
00:22I would be left with two hanging connectors, and in fact, that's true with
00:27Visio 2007 as well, two hanging connectors that I would have to clean up.
00:33I delete one of the connectors and reconnect by stretching and going to a
00:38connection point, the existing remaining connector.
00:42With Visio 2010, I'm simply going to hit the Delete key and notice how the
00:48connector takes care of healing itself.
00:51I don't have to remove the shape or move one connector reconnected. It simply re-heals it.
00:55It did not however push that information back.
01:01it actually left that space there, because perhaps I actually wanted to place
01:06some other shape in there.
01:07I am going to come over to my stencil and grab a Subprocess, drag it out and
01:11drop it between, and take care of adding that in there.
01:14So, Visio leaves the gap for you.
01:17It takes care of cleaning up all the connections, but it doesn't
01:19automatically change the spacing.
01:22I am going to Ctrl+Z to undo what I've just done.
01:25If you do want to adjust that spacing to bring that back into position, with
01:32Visio 2010, under the Home tab I will select Auto Align & Space.
01:38Notice that I don't have any shape selected. I simply click on Auto Align &
01:42Space and the diagram pulls itself back together.
01:46It analyzes all the particular items in the diagram and resets all the
01:51positioning so that I have equal spacing between all of my shapes.
Collapse this transcript
Using Auto Align and Space to organize SmartShapes
00:00From the Chapter 3 exercises, I have opened up the Connected_Diagram_05 file,
00:06which is the state I had left my diagram in the last time I was working with it.
00:10I'm going to deliberately change some of the positioning of the shapes itself.
00:15I am going to drag this one off here and maybe this one back here aways, this one
00:20forward, this one up, this one back a little bit as well, maybe even this one.
00:27Perhaps this one off-center.
00:29I have things totally out of position and out of place.
00:33If I were using earlier versions of Visio, I had have to carefully come in and
00:37using the tools I have available, I can use the rulers and things to find the
00:41position and get things organized the way I want.
00:44Using 2010, again under the Home tab I will select Auto Align & Space.
00:50And when I click Auto Align & Space, note that the Visio diagram will clean itself up.
00:56Do notice that it is not a 100% perfect cleanup.
01:01There really is no such thing as an absolute perfect layout algorithm. Visio
01:05will attempt to get things organized as best it can; however, you may still need
01:10to select a shape and utilizing the Auto Align tools that are available to you,
01:16just simply bring it into position to let alignment shows up properly and release.
01:20And again, do the same thing here, get them in position, do the auto alignment
01:24spacing, selects them in the proper order, the proper position.
01:29Now, as my diagram has moved up near the top of the page, I'm simply going to
01:34select all the items and without having to group them or change anyway,
01:39simply with them all selected, put my cursor over shape and drag them down
01:43into position in something that makes sense to center them in the drawing
01:47area that I'm interested in.
Collapse this transcript
Using Re-Layout to rearrange connected diagrams on the page
00:00I've opened up the Connected_Diagram_06 from the exercises 3 folder on my desktop.
00:07This is the same diagram
00:08I've been working with as I've been building this connected diagram.
00:12As the diagrams get larger and larger, they will start to get to a point where
00:17they're not going to necessarily fit on a page or they just simply become too
00:21cluttered in their current arrangement, and you may have very well want to
00:25change that alignment to something else that makes sense.
00:29But rather than having to drag individual shapes to their new positions and
00:34trying individually get them aligned, simply come up to your Design tab on the
00:40ribbon and on the Design tab over on the far right under Layout is an item
00:46called Re-Layout Page.
00:49And if you will drop that down by selecting the little down-pointing grey arrow
00:53there, you will see that there is a palette of different alignment types.
00:57There are four for Flowchart, four for Hierarchy, four for Compact Tree, another
01:03one for Radial, another one for Circular, and at the bottom More Layout Options.
01:09One of the features of Visio 2010 is something called Auto Preview, so that if I
01:14float my cursor over any one of these items and I am going to float it over the
01:19very upper left one under Flowchart, notice how the diagram simply rearranges
01:25itself under Auto Preview to let me see what it would look like under any one of
01:31these different permutations.
01:33And I can very quickly and easily float between them, make the decision that I
01:38need to make before I actually apply that particular formatting.
01:44So, there's an entire series of predefined forms.
01:49Now, notice when I selected Circular, it actually opened up two new page areas
01:54with the auto page sizing, because it would not allow that to fit on one
01:58single page, and if I move it back to another format it closes those
02:02additional pages back down.
02:04This allows me to choose a format that works for the type of diagram that
02:09I'm creating and ensure that I'm getting the most common and compact format for that.
02:15I am going to come under the left to right, perhaps for whatever reason I want
02:19to go right to left, and I will select that and it's now created that as a right
02:24to left based diagram.
02:25If I don't like it for any reason, I can select Ctrl+Z of course and undo the
02:30formatting that was done.
02:32Another item that's under this Re- Layout Page that's important to understand is
02:37down at the very bottom, the More Layout Options, and if I select that, that
02:41brings up the Configure Layout that you would have found under Visio 2007, under
02:46Shapes & Configure Layout.
02:48But within this dialog, I can select any one of the styles that I want, from
02:53Radial through Flowchart, Circular, Compact Tree, or Hierarchy.
03:01And again I think I'll select Flowchart, and with that I can then set my
03:06Direction Left to Right, Top to Bottom, Right to Left, etcetera, and I will
03:10select Right to Left.
03:12I can choose the Spacing between them, within the connectors I can choose the
03:17Style of connectors, whether it be Flowchart or Right Angle or Straight or
03:21whatever it might be.
03:22Perhaps I'm going to select a Center to Center type of formatting.
03:26And the appearance of these rather than being straight, maybe I want them Curved
03:30and I want to apply that routing style to connectors.
03:34And if I wish to, over on the right, I can select Enlarge the page to fit the drawing.
03:38This is the same as the auto feature for page sizing that's there.
03:43If I click OK, you will see that it's taking care of rearranging that and I have
03:48decided that maybe that's not the best one for me, so I am going to Ctrl+Z and
03:52undo what I've done.
03:53By default, Visio remembers the last 20 Ctrl+Z or undoes.
03:59Through the Backstage View Options dialog, you can set that range anywhere from back
04:05only one step through back 99 steps. You have complete control over the undo
04:11capabilities and Visio will always remember that.
04:15So again, under the Re-Layout Page, you can either choose and auto preview any
04:21of the style of layouts or come down to More Layout Options and granularly
04:26configure the options for your re-layout of your diagram.
Collapse this transcript
Using the Snap settings and techniques
00:00I am continuing to work with the diagram under the Exercises 3 folder called
00:04Connected_Diagram_07.
00:07This is the diagram that we have been building a connected diagram with.
00:12Now, as you are starting to apply and add additional shapes, the layout of the
00:17shapes as you manually drag shapes out from the stencil, which I will do here,
00:22their positioning on the page is determined by a couple of different features.
00:28And I want to walk you through first of all the settings for snapping to shapes.
00:34This is found under the View tab of Visio 2010.
00:40If I come on to the View tab and look under the Visual Aids area, I can see that
00:44I have Dynamic Grid, Auto Connect, and Connection Points all checked.
00:49In the lower right hand corner of that it says Snap & Glue and I if I open
00:53that up, this brings up the same Snap & Glue dialog that you might have been
00:58used to under Visio 2007.
01:00Note there are two tabs, the General tab and an Advanced tab, and under Currently
01:05active, we can choose whether snapping is active or not, as well as gluing.
01:11Whether the Dynamic grid, that's those orange helps are showing up and
01:15other drawing aids.
01:17Under the Snap to column, we can choose the items that the Visio shapes will snap to.
01:23Do we want to have our shapes snapped to the ruler subdivisions?
01:27Do we want to have them snapped to the grid on the page?
01:31Do we want to have them snap based on the alignment box or the shape extensions
01:37or the shape geometry or guides on the page?
01:42Shape intersections, shape handles, shape vertices, and connection points.
01:46You have complete control over what facet of a given shape is being managed by
01:52these snap settings.
01:54I am going to cancel out of that dialog for just a moment because I want to
01:57bring up one of the shapes to again talk about the different facets.
02:01And I'm going to zoom in very, very close on this particular shape.
02:04So, let me get in here nice and close on the shape itself. There we go.
02:11Now the bounding box, which is not necessarily the parameter of the shape, is
02:17controlled by the sizing handles.
02:19We have the four corners, top-center, bottom-center, middle-left, and middle-right.
02:23Notice when I selected this shape, it's encompassing it because it's
02:27a rectangular shape.
02:28However, if I move over to this Data shape, notice how the bounding box has
02:34pieces of the geometry falling outside of it and some that are within it.
02:38The bounding box is one of those snap settings.
02:42Do I want to use the parameters of the bounding box or would I prefer to use the
02:46actual geometry of the shape when I'm trying to snap to things? We choose that.
02:52Remember that the center of every single shape, if I move up against the
02:56rotation handle, has a pin and all rotation and all sizing takes place around
03:02that pin and that pin can be used as a location for our snap as well.
03:08Again, if we come up to our Visual Aids, we choose whether we use shape
03:13intersections, shape handles, those are the sizing handles, shape vertices,
03:18that's the individual vertices of the geometry, the connection points on the
03:23shape or any facet thereof, the extensions, geometry, guides etc.
03:29Under the Advanced tab, not only can we choose from the General what we want to,
03:35but we can choose the Snap strength, the relative strength.
03:40We want to have guides to have priority.
03:43we want to have the geometry to have priority.
03:45We simply adjust the slider to set the strength of what we're trying to snap to,
03:50and it takes precedence over that which is weaker. In this case the geometry for
03:55a shape, will take much higher precedence than the rulers or the grid on the
04:00page, just based on the sliders.
04:02And I can also choose when I am choosing shape extensions
04:06which shape extensions I would like to use as snapping positions and points.
04:12And I will cancel out of this right now.
04:14So, as you can see, you have complete control over how these react.
04:19One of the things that I've heard people saying many, many times is how do I
04:23make sure that that all my shapes are auto aligned as I simply drag them out
04:28without having to worry about manually bumping them around, and that's exactly
04:33what we do with the Snap settings.
04:36So, the Snap settings themselves are found under the Visual Aids in the lower
04:40right-hand corner, bringing up the Snap & Glue dialog.
Collapse this transcript
Using the Glue settings and techniques
00:00Again, I'm going to work with the Connected_Diagram_07 file from the
00:04exercises in Chapter 3.
00:07This is our diagram for connected shapes.
00:10Now, I talked a little about snapping in a previous video.
00:14In this particular video, I want to talk more about the glue settings.
00:17And I am going to again under our Visual Aids on the View tab open up the
00:22Snap & Glue dialog.
00:24Here under the Glue to column, I can choose whether I want to be able to Glue to
00:30shape geometry, guides, shape handles, shape vertices or connection points.
00:37Note that by default, if I'm trying to manually glue,
00:41that I will glue to guides and I'll Glue to connection points.
00:45I am going to cancel out of this dialog and to give you an example of how that
00:49works, I am going to come back to my Home tab and select the Dynamic Connector and
00:53I am just going to draw a dynamic connector out on to the page and return to my
00:58Pointer tool and let me zoom in on that little bit closer.
01:03By default, under Visio 2010, notice that we do not see any connection points on
01:09the shapes, those little blue Xs of things we know we can connect to.
01:13But if I grab the beginning or the end point of any connector and start to move
01:19it in close to a shape, notice how they appear on the shape.
01:23This avoids a lot of visual clutter.
01:25When I am near it, they disappear; when I move close to it, they appear as needed.
01:31So, right now my glue settings state that I can glue to connection points.
01:36So, I can move that over to the connection point and that says Glue to Connection
01:41point and gives me a little hollow red box and when I release, it will actually
01:46glue there and give me an indicator that it's glued.
01:48Now, I'm going to try and do that by disconnecting and re-gluing to a corner and
01:55notice I do not get any indicator.
01:57I am not allowed to glue to a corner of a shape.
02:00However, if I go back under my View menu, to my Visual Aids, and say that I want
02:06to be able to glue to shape vertices and say OK, now when I grab this notice
02:13that I can now glue to a vertex.
02:17So again, just as with snap settings, with glue settings you have complete
02:21control over what it is you want to glue to.
02:25Just connection points, just particular vertices and intersections of shapes.
02:30Whatever makes the most sense for the type of diagram you are trying to build,
02:35you choose with your settings what you want Visio to do.
Collapse this transcript
4. Formatting SmartShapes and Associated Text
Formatting shape fills
00:00I've opened up a particular sample file called Formatting Visio Shapes from your
00:05Chapter 4 directory.
00:07We're going to work with this for the next three videos, both on working with
00:11formatting our fill, formatting our lines, and formatting on our text.
00:15But I want to focus right now on formatting the fill of a shape.
00:19So I'm actually going to zoom in on these top two shapes just so you can see
00:24them a little bit better. There we go.
00:25This is called a 2-D shape and this is called a 1-D shape, and believe it or not
00:30it has absolutely nothing to do with the physical look of them.
00:35Any shape can be 2-D or 1-D.
00:37So the biggest difference that you need to understand is that both shapes can
00:43contain fill, as long as there is a closed boundary for a filled area.
00:49So quite obviously, a line does not have a boundary that encloses the shape,
00:53therefore it has no fill.
00:55But if I select any given individual shape, two things control the fill of the shape.
01:01The first thing that controls the fill of any given shape is whether or not a
01:06theme has been applied to it.
01:08Themes are something I will be discussing in much greater detail at another time.
01:11But for right now for our discussions, I want to make sure we simply come up to
01:15the Design area, and under our Themes, set this to No Theme.
01:21So we specifically have no theme being applied here.
01:24Now individual formatting takes precedence over anything. And I can control the
01:30formatting of a shape in several different ways, but the easiest way is simply
01:34to select the shape, right-click, and come down to the Format context menu and
01:40select Fill, and that will bring up the format Fill dialog.
01:45I'm going to Cancel that for just a moment, just to show you that you can go to
01:49the Home tab as well, and under the Home tab, we can actually control the Fill
01:55of a shape from the Shape area in the Fill drop-down menu and Fill Options.
02:01That will give us access to exactly the same dialog box.
02:05So I want to talk through the different items that are within here and I'm
02:08going to move this to the sides so you can actually see the shape as we're
02:12applying these different items.
02:14Obviously, the first one when we're talking about fill is controlling the Fill
02:17Color, and we can use any of the predefined Theme Colors, and these are the same
02:23Theme Colors that are coming out of that palette of themes that we were working
02:27with, or we can use Visio's Standard Colors, and simply by clicking on any given
02:32item we can see a preview of what that's going to look like.
02:36But we can also come down to the bottom under More Colors and bring up a
02:40sub-dialog box that gives us the traditional Windows hexagonal pattern of
02:46different standard fill colors, or we can click on Custom and using the
02:53little crosshairs drag it around and see a preview in the lower right of
02:59what that's going to look like.
03:00Notice as I'm dragging this around, it's adjusting the R, G, and B, Red, Green,
03:06and Blue values, using RGB color model.
03:09I can also use HSL, which is Hue, Saturation, and Luminance, and adjust those
03:15numbers, and I can individually control them and you'll see how it moves that crosshair.
03:20The point I'm trying to make with this is that you literally have absolute
03:24complete control over the fill color of any given shape.
03:28If in your organization, you're interested in particular Pantone colors,
03:34the Pantone color chart has a match to HSL and RGB so you can literally type-in
03:40the values of a Pantone chart, get the exact color that's going to match that
03:45Pantone color for any of the Visio shapes that are in your diagram to ensure
03:50that your diagram meets with the specifications of your corporate color
03:54standards and for some organizations that's absolutely critical.
03:58In addition to adjusting the fill color, and I'm going to set this back to
04:02white for just a moment,
04:03we can also adjust the pattern.
04:06Now right now the Pattern is set to Solid, meaning it's going to be a
04:09solid whatever color.
04:11I can also say None, which would turn the fill off altogether, or I can choose
04:17any one of these little hatch patterns, and right now they are not showing up
04:21very well because the particular secondary color I have is very pale gray and
04:25I'm going to set that to black.
04:27Now these patterns are going to show up much better for you to see.
04:30So we have slash patterns, and hatch patterns, and series of dots, and things.
04:35We also have more creative patterns down towards the bottom with gradient sorts of fills.
04:40So if we wanted to set something up with a gradient fill left to right, I could
04:44set that up, going from let's just say a very, very deep green on the left to a
04:50very, very pale frosty green on the right.
04:53When I click Apply, you can see that fill pattern is applied to the shape.
04:58The center of the fill is always the pinpoint of the shape, which by default is
05:04the center of the shape, but you can adjust that.
05:06So the center of the gradient can be off in any area you want.
05:11You also have complete control over the transparency of the shape, and I can set
05:16this for examples to 40% transparency and click Apply, and now I can see
05:20through the shape to whatever is behind it at a given rate.
05:24For Fill, you will always have change of Color, change of Pattern, change of the
05:28Pattern Color, change of the Transparency.
05:31In the same dialog, you can also control the shadow of a shape.
05:35By the way, if I'm using shadows, I'm going to set my Transparency generally
05:39back to 0, because if I set up a shadow and I'm going to click Apply here,
05:45if I had a transparency over here around 20%, you can see that I'm actually
05:50seeing through the shape as transparent as the shadow shows through, which I
05:53don't find to be very attractive.
05:55So I will tend to set my Transparency at 0 for the shape as I use a shadow, if
06:00I'm going to use one.
06:02And again with the shadows, I can set up a given color that makes sense.
06:05I came to set up patterns for shadows, though I'm not certain why you would
06:09probably want to do that, but you can if you wish.
06:12Then again you can even set up a transparency for the shadow itself.
06:16So I've got a 40% transparency in sort of a silver gray, and I'll apply that,
06:20and that becomes my transparency for the shape, for the shadow, which is
06:25certainly a lot more effective, a lot subtler in doing so.
06:29Now with the Offset, I have all of the standard different ones that I might like
06:35to apply, but I can also do an Offset custom and an Oblique custom.
06:39So in an Offset custom I can choose through the Shadow dialog, and I'll just say OK here.
06:46But under my Home tab, if I come under Shadow, I can set the Shadow Options and
06:53here I then have very granular control of the X and Y offsets of the shadow to
07:00the shape, as well as the other options we fully discussed.
07:03So in terms of the fill formatting of a shape, note that you can format the fill
07:10of the shape. Notice also as you can format the shadow of the shape.
Collapse this transcript
Formatting shape lines
00:00I've opened up the Formatting Visio Shapes Diagram found in your Chapter 4 directory.
00:06The diagram itself has a 2-D shape and a 1-D shape and then a particular dynamic
00:12connector and them some text areas underneath it and I want to zoom in and focus
00:16in right now on the top area here so that I'm looking at the dynamic connector,
00:221-D and the 2-D shape.
00:25Now a dynamic connector itself is nothing more than a very specialized, very
00:29intelligent form of a line so what we're going to be talking about here is
00:33formatting lines and I am going to show you how we can apply that formatting to
00:37any number of different types of shapes, whether it would be a 2-D shape or a 1-D
00:41shape or a dynamic connector.
00:44If I select the shape, again the easiest and fastest is to right-click and
00:49select Format and Line, bringing up the Format Line dialog.
00:55Again, just so you're aware, you can also achieve that same thing by selecting
01:00the shape and coming up on your Home tab, under the Shape area and under Line,
01:05selecting Line Options.
01:08Either way you'll get the same dialog up, and I am going to move this to the side.
01:12This time when we're talking about the color we are talking about the color of
01:16the line and not the color of the shape itself. So if I wanted to have a bright
01:21red line I could change that to red and I could change the line weight. Right
01:27now it's at a quarter of a point. I could bring that up to let's just say 3
01:30points and quickly click Apply here and you can see how it's applied a much
01:35heavier red line to the outside of that shape.
01:38Now I am going to change a few other things because I want to talk through each
01:42of the options for you.
01:43The Dash type controls what that line is going to look like, whether it's long
01:48dashes, literally dots, or dash dots or any combination of things that you're
01:52interested in seeing. You can set those options for it.
01:56If I wanted just the individual colored dots around that, I can apply that and
02:00you can see I get individual dots on it.
02:03I don't think that works that well on a 2-D shape so I am going to set that
02:07back to a solid pattern.
02:09However, and I'll just click OK here, if I took a line, by definition of course it
02:14has no real fill to it because there is no bounded filled area, if I right-click
02:19on that and select Format and Line maybe I would like to have a dashed line of
02:24some form so I can select Dash line and maybe I'd like this in some sort of a
02:30bold blue and I'll click Apply there and OK.
02:33And you can see that we now have a dashed blue line.
02:36And just to prove the point again, I'll select this dynamic connector and select
02:40Format and make sure we're getting a line instead of fill, there we go, I'll get
02:44the Dash type, the Weight, the Color.
02:47The Cap refers to when I have an open- ended shape whether the ends of that will
02:52be square or rounded.
02:53To illustrate that let me come down here, and I'm going to use my Drawing tools
02:58and I am going to draw a line and let's just draw one up at a diagonal here and
03:04we'll zoom in on that shape and we're now going to right-click and select Format and Line.
03:11And in doing so I am going to change the line weight initially to
03:14something relatively heavy, maybe about 3 point, and let's change that to maybe a dark blue.
03:21When I click OK, notice the ends of that line are rounded.
03:25If I come back into that dialog, Format > Line, I can change that Cap from being
03:33Round to Square, I'll click Apply, and notice how that's literally squared that
03:39off so it's no longer rounded on the ends. It's nice and crisp and sharp.
03:43You control how that works.
03:45Let me cancel out of this for just a moment and I'm going to draw a different
03:50line now. Let's go ahead and delete this one.
03:53Using our Line tool again I am going to draw something with a couple of vertices to it.
03:57There's a interesting line form. Let's right-click on that, and Format >
04:03Line, and we're going to set this now to something again somewhat heavier, 3
04:07point, and we'll make this, I don't know, maybe a dark brown and we'll do square ends to it.
04:13I can again control the transparency of that line if I wish.
04:17And I can also control the corner rounding.
04:20Now the corner rounding is what happens at each vertex. Right now that's
04:26perfectly square but I can set that, let's just try this one for a moment, you
04:31can see the preview here and if I click Apply you can see how that's applied
04:35that rounding to that.
04:36I can get really obtuse with it and apply that. It's going to really flatten it out.
04:41But you control the amount of corner rounding at each vertex as you work with these things.
04:47Now you can also control through that same dialog box not only the line itself
04:53but you can control the arrowheads that show up on the end.
04:57By default, a line when it's drawn has no arrowheads, even a dynamic connector
05:02has arrowheads only because it's been defined with that template as having that
05:07particular arrowhead.
05:09But we have a complete palette of different arrowheads.
05:12Now remember I do this from left to right. So I am going to start with the ending
05:16one here and I am going to say I might like a big triangular arrowhead on that.
05:20And we can control the end size for those arrowheads as well.
05:25And even though I started out with Visio when the company began, I swear to you
05:29folks I had nothing to do with the naming convention for these arrows.
05:34We have Very Small, Small, Medium, Large, Extra Large, Jumbo, and Colossal.
05:41So I am just going to set this one to Large right now and apply it and you can
05:44see that I get a large arrowhead on the end.
05:47And if I want something to show up on the beginning, again I have a complete
05:50palette of different types of things like I have a hollow block showing up on
05:54that and just have that small and I'll get a hollow box.
05:58Complete control over the formatting of your lines as well as your fill of
06:04any given shape. Remember that arrowheads will only show up where you have an
06:09open-ended line. If you have a closed loop you will get control over the corner
06:16rounding which you won't be able to apply any form of an arrowhead to a closed
06:20loop, fairly obviously.
06:23So that is formatting the line of a given shape.
Collapse this transcript
Formatting shape text
00:00I've opened up the Formatting Visio Shapes from the Chapter 4 directory for
00:05our student exercises, and in it we can see we've got 2-D and 1-D shapes and
00:10we've got a dynamic connector and down at the bottom of that diagram I've
00:14listed something that says Text for SmartShapes, and I am going to zoom in
00:17here just a little bit.
00:19And the thing to realize about a text shape before anything else is that
00:25effectively all shapes are exactly the same thing. A bit earlier we had talked
00:30about formatting fill and formatting lines.
00:34If I were to look at this shape and right click and select Format > Fill,
00:39notice that right now the Pattern is set to None. I could set that to Solid and apply
00:45that and I'd actually have a filled shape.
00:48The reason I go through all this, and I'll cancel out of all this. Oops, let's
00:51make sure we get this back to where it was before, Format and Fill, and we're
00:55going to set this thing back to under Pattern, no fill.
01:01The important thing to remember about a text shape that's created by using the
01:05Text tool in Visio, it is nothing more than a standard rectangle shape with a
01:10fill and the line turned off.
01:12A shape is a shape is a shape.
01:14But the only thing that's left for us to see in this shape is in fact the text.
01:18Now if I click on that text it highlights the whole shape and of course you're
01:22seeing the bounding box for that shape, and if I start typing I don't have to
01:27double-click on the shape.
01:29If you talk to most Visio users, when you ask them how to edit the text of a
01:33shape they would say "Oh, double-click on it," and in fact, if I double-click it
01:37does take me into text editing mode where it highlights all of the text and I
01:42could start then clicking my cursor in somewhere and adding an additional word,
01:46whatever I want to put in there.
01:48But if I'm trying to add text to a shape that has no text or wholesale change
01:54the text, the only thing I have to do is select and begin typing.
02:00Very easy to add any text to any shape simply by selecting it and begin typing it
02:04and it will accept that text.
02:06That's the default behavior for every Visio shape.
02:08Now there is a lot of options around text other than just being able to type in
02:14the text on any given shape.
02:15And just as you would do to format the line or format the fill of a shape, by
02:21right-clicking on the shape and selecting Format > Text it's going to bring up a
02:26dialog with all the possibilities for formatting that text.
02:30I am going to cancel out of there for just a moment because I want to show you
02:34in addition to getting at formatting your fill and your line and your Shadow up
02:38here we can come down here and change the fill or the text color for a shape,
02:44change its size, do the underlining, the standard kind of things, but to
02:49granularly change every aspect of it, simply right-click, select Format and Text,
02:56and it'll bring up this dialog.
02:58The first tab of this dialog allows you to set the particular font that
03:02you're interested in.
03:04Set the style, whether it's Regular, Italic, Bold or Bold Italic.
03:08Set the font size in points.
03:10Set the color of the text and again, this is the same as setting the color of
03:15fill or setting the color of line.
03:17You can also choose whether it's all uppercase, all lowercase, etcetera. You can
03:22subscript it or superscript it.
03:24Set up a single or double underline.
03:27Set it up as strikethrough, single or double.
03:29You can control the transparency.
03:32Every aspect of that font can be controlled.
03:34If I switch to Character tab I can set the Scaling for that.
03:39A 100% meaning standard default per the point size but I can also shrink and
03:44expand that as necessary in width by setting the scaling of that, and I can also
03:50set that Expanded or Condensed in its Spacing.
03:54And if I said that, for example, Expanded I can tell it by what width I would
03:58like that, By 1 point, By 1.5, just type-in a value in there.
04:02Under the Paragraph area I choose the Alignment for the text within that
04:08bounding box Left, Centered, Right or Justify, just as you would with
04:13any paragraph of text.
04:15I can also set the Indentation for my text.
04:18Before the text overall, after the text overall, just for the first line, and the
04:23spacing before, after, and between lines.
04:26With the Text Block I can choose whether that text should be Top, Middle, or Bottom aligned.
04:32I can also set the margins within that block.
04:36The Margin Left to Right and Margin Top to Bottom so Top, Bottom, Left to Right margins.
04:41By default, the text background is turned off.
04:44I can actually tell that just the area around the text, not the whole shape area,
04:49but just the text, to have a particular color if I wanted it to.
04:54There was some need to highlight just right around the text, and again
04:59set its transparency.
05:01I can also set up any number of tab stops, so that if I use the Tab character on
05:07my keyboard I can actually tab things in and I can set their positions so I can
05:12have one at a quarter inch and the next one in 1.0125 inch.
05:17Whatever it might be I can set them all up and set up the alignment for my tabs,
05:22and right now my default tab stops are every half an inch, so I can add
05:27additional tabs as I wish.
05:29Under Bullets, I can use any of the predefined bullet sets. By default you'll
05:34have none but you can set up any of the predefined.
05:37You can also, using custom characters set up a bullet character.
05:42If I want to have the bullet character be the capital letter H, I can have it
05:47do that and it can be in a different font than the regular text. I could have
05:51it be some sort of a symbol like a dollar sign. Whatever I would like I can
05:55set up for these bullets.
05:56I can even use ASCII character codes. For example if I did Alt+0169 that brings
06:03up the copyright symbol on there.
06:06So you have complete control over the bulleting as well.
06:09Now another thing that I wanted to make sure you're well aware, and we've
06:12actually set the bullet up on this, is that in addition to changing numerous
06:17aspects about the text, Auto-preview also works with the text, which I think is
06:22wonderful and this is new to Visio 2010.
06:24But if I come to this drop-down list of different fonts, as I start moving my
06:30cursor through the fonts notice that it's showing me all of them, and I can
06:35auto-preview which of these looks the best in what I'm trying to do, and maybe
06:40it's Brush Script here, and I can set up Brush Script and maybe bring that up to 18 point.
06:46Now, I deliberately brought this up to a point where you can see that it started
06:50to word wrap and I have training and the then g down in the next line, which
06:55doesn't help me out very much.
06:57So another thing we can do in formatting our text is come up next to the Text
07:02tool we have something called the Text Block tool and the Text Block tool allows
07:09me to control the width of the text block different than the width of the text
07:15shape that it's a part of.
07:17So notice if I pull this a little bit wider I can set this up any way I want.
07:22I can get rid of some of those word wrap sorts of issues.
07:25Now I am going to show this on a different shape. I'm going to just use a
07:29Rectangle tool here and I'll fill the Rectangle tool very, very quickly. Format >
07:34Fill, and let's give it some sort of a color like, there we go, it's a nice
07:38gradient fill and I'll just type some text on here, there we go.
07:43Now that I have the text in there let me zoom in on this shape just a little bit.
07:47And as I said, if I select the shape and then select the Text Block tool, I can
07:53come to this rotation handle if I like and I can rotate the text independent of
07:58the shape and resize the text block, put the text wherever I'd like to put it.
08:03You have complete control over the text.
08:06It's still associated with the shape. If I come back to the Pointer tool and move
08:10it around, it's still a part of the shape, but you have complete control over
08:14every aspect of the text in any given Visio shape.
08:18So remember to edit that text for all of its different parameters. Simply
08:22right-click and select Format > Text to bring up that very expansive dialog
08:28box with every aspect.
08:29If you want to control the Position, Size and Rotation, use the Text Block
08:35tool and you can also set the font and its size right there from the Font area of that.
Collapse this transcript
5. Inserting Additional Objects into Diagrams
Inserting foreground and background pages
00:01I've begun a new Basic Flowchart diagram.
00:03This has one page in it.
00:06It's the only page in it.
00:07It does not have any additional pages.
00:08What I want to spend a little time talking about now is inserting both
00:12foreground and background pages.
00:15Inserting a foreground page is certainly very, very easy.
00:18I simply come down to the page tabs and click on the little page with a spark
00:24and it'll add a new page.
00:25And you can see each page gets sequentially numbered Page-1, Page-2, etc. etc.
00:31And I can move back and forth between them.
00:34And just to prove the point so it's easy to see, on Page-1 I am going to put this
00:38little database symbol out on the front and in Page-2 I am going to put a little
00:43document symbol down here.
00:44And as I toggle back and forth between the pages you can see the two foreground pages.
00:49Now I am going to eliminate that page too.
00:52I am just simply going to delete the page.
00:54And it will delete anything that's on that page as well, so use caution when
00:58deleting a page and it will end up deleting it.
01:01We talked in a previous chapter about adding a background image.
01:06And that's very easy to do.
01:08Under the Design tab I can select Backgrounds and when I select Backgrounds
01:14and select a background I'd like to use, for example this world map,
01:18it actually in addition to making a Background, notice in my page tabs it's
01:23created a background page and placed a sort of watermarked, if you will, image
01:30onto that background page.
01:31It's actually created a Visio shape and put it on that background page and
01:35applied that background to the foreground.
01:39So you can see the little world map showing up behind our database symbol.
01:44Now I am going to delete that background page and I am going to start by
01:49eliminating the shape on my foreground page because now I want to talk about
01:53doing all of this manually in terms of building pages.
01:57When you click that new page tab it always, underscore always, creates a new
02:02foreground page by default.
02:05But if you want to create a background page, the best and easiest way to do this
02:09under Visio 2010 is simply come up to your Insert menu and where it says Blank Page
02:15on the far left, don't just click on the page icon.
02:19That'll create a foreground page. But click this little drop-down and select
02:24that you would like to create a Background Page.
02:27And it'll bring up the Page Setup dialog and if you've worked with previous
02:30versions of Visio, you'll be quite comfortable with that Page Setup dialog.
02:34You can name a nackground page anything you want, My Background. There we go.
02:41There's My Background and I'll click OK.
02:44So it's created a new page.
02:46You see down the page tabs, My Background and it's left me off on the
02:50My Background page.
02:51Now just to show how this all works I am going to go ahead and grab a few shapes
02:57here and put them down in the lower corner here as I am working with these. There we go.
03:04These are on my background page.
03:06These four little symbols here.
03:08If I go to my foreground page I do not see them at all.
03:13How do I get that background page to show through to my foreground page?
03:18When I went to my Design tab and I selected Backgrounds, it automatically did
03:23all of the work necessary so that my foreground page could see through to my background page.
03:29It's not difficult to set that up yourself.
03:32Simply come to your Design tab and in the Page Setup area go to the lower
03:36right-hand corner and click the Page Setup and on the Page Properties tab you'll
03:42notice that there's the name of the page.
03:44Right now by default that's Page-1, but I could change that to any name I like.
03:49And then in the Background area right now it says None.
03:52And then using that drop-down list I can say I would like the background for my
03:57foreground Page-1 to be My Background,
04:01the background page we created.
04:03When I click OK, you'll see that I am still on Page-1 by looking at my page tabs.
04:08But I can see through my page to my background and there's my four little shapes showing up.
04:16So we can add foreground pages at will, we can add background pages at will, and
04:21we can assign a foreground page to a background page.
04:24Now the interesting factors here are that I can actually assign a background
04:30page to a background page.
04:33So I am going to go to My Background. Under the Insert I want a new Background Page.
04:40And I am going to call this Way Back.
04:46And I am going to put this little hexagonal shape in the upper left-hand corner
04:51of my Way Back page.
04:53I am going to come to the My Background page and I am going to come over to the
04:59Design tab and down to Page Setup and tell under the Page Properties that my
05:05background page should have its own background called Way Back. Click OK.
05:11And now my background page sees the Way Back page behind it like layers or transparencies.
05:17And if I come to Page-1, because Page-1 uses the My Background which uses the Way Back,
05:24I am seeing through three levels of pages.
05:27You can actually use these like the Disney transparencies where you have the
05:31mountains and then you have the forest and then you have Bambi's mother, etc. Very easy to do.
05:36Set these up anyway you like.
05:38Now what's really interesting is if I create a new foreground page just
05:43by hitting the Insert Page tab, it will already use whatever backgrounds
05:49are predefined for it.
05:50I don't have to go and do assignments.
05:52By setting up a background page as you create new foreground pages,
05:57they will utilize the existing background page until you tell it to utilize something else.
06:03You may have as many foreground pages and as many background pages as you like.
06:08Any of those background pages can have as many different foreground pages
06:12assigned to a given background page and any background page can have its
06:16own background pages.
06:17You have complete control over the structure of how these pages work within
06:23your Visio environment.
Collapse this transcript
Inserting illustrations including pictures, clip art, charts, and CAD drawings
00:00I want to talk for a little while about creating additional content in your
00:04Visio diagrams beyond the use of all of the Visio shapes you have available.
00:09There are many, many things that we can incorporate and add into a Visio diagram
00:14to make them more effective.
00:17The first thing I want to talk about is inserting illustrations into your Visio diagrams.
00:22You can use any form of illustrations that you like.
00:26I am going to come up to the Insert menu in Visio and under Illustrations we can
00:31insert pictures, clip art, charts, and even CAD drawings.
00:34And I am going to start with pPictures and I am going to select Picture.
00:38And I am going to navigate to the directory where all of my exercises exist and
00:44come into my chapter for this.
00:47And we can see that Maria Vitalia is our CEO of Two Trees Olive Oil.
00:53And I would like to get her picture in my drawing.
00:55So I simply select her picture and click Open.
00:59And when I do, her picture is automatically added to Visio.
01:03Now what you need to be aware of is that what Visio does when it brings in an illustration,
01:08a graphic like this, a JPEG image, is that it wraps a shell of a Visio shape
01:14around it and that's why you still see sizing handles and a rotation handle.
01:19Therefore, I can grab the rotation handle and rotate her picture any way I would like,
01:23kind of do an offset for a bit of flair.
01:26I can increase the size of it or decrease the size of it at will.
01:30You can also pull on the sides and distort, though I don't really recommend
01:34doing it because you just added a few pounds to Maria and I am sure she wouldn't
01:37appreciate that, so I am going to Ctrl+Z and undo that.
01:40But it wraps a shell around it.
01:42In an earlier video I talked about whenever you grab the Visio shape and drug it
01:47out and drop it in a diagram, the first thing that Visio did was make a copy of
01:51that external master on the diagrams own local stencil.
01:55And then everything became an instance of that.
01:58This was originally done for portability reasons so that when you send a
02:01diagram everything was already there with it.
02:04But it also meant that you could adjust that master and it would adjust every
02:08instance of that master.
02:10I am going to come back to the Developer tab and I am going to open up the
02:13local Document Stencil.
02:14And notice there is no master there even though I've dropped a photograph in.
02:19Images are not considered shapes even though they have a shape shell
02:24wrapped around them.
02:25And therefore, every time you add an image to your Visio diagram it is going to
02:30increase the size of your Visio diagram.
02:34You just need to be very aware of that.
02:36So if you start trying to add tens of thousands of illustrations, it will
02:41dramatically increase the size of your Visio diagram.
02:44But they're very, very easy to add.
02:46We simply go to the Insert menu and click on what we want to add.
02:49So we've added a JPEG type of image.
02:53We can also add clip art types of images as well.
02:57So I can click on Clip Art and then we can go search for that clip art
03:02at Office.com, etc, etc.
03:04And rather than trying to be connected to Office.com I am just going to
03:08insert it directly as a picture but it's the same piece of clip art that I
03:11might get elsewhere.
03:12And there is my corporate logo and again I can put that wherever I would like
03:16and it will resize it in any way, shape, or form that makes sense.
03:20So adding illustrations, whether they be JPEG type of images of people or any
03:24form of clip art, getting them from any source that we would like is very,
03:29very straightforward.
03:31Okay, we're next going to talk about adding charts to Visio.
03:35And what I am going to do in this particular case is I am going to minimize down
03:39Visio for just a moment, but before I do, I want to launch Excel.
03:43And in your student files, and I am going to select File and Open here and we'll
03:49go out to Desktop and in your Exercises folder under Chapter 5, you'll see that
03:55we have an Excel Bar Chart and Data file.
03:58And I am going to open that up just so that we can see that we've taken this
04:02information done as a very simple spreadsheet and created a bar chart from it.
04:08Now I can select that bar chart and I can do a Ctrl+C to copy.
04:14Then I can come back to Visio and in my Visio diagram I can now do a Ctrl+V to paste that in.
04:22And you'll see that I've pasted in that bar chart.
04:24And again, because it's an object I can resize it, I can move it around, I could
04:30even rotate it as necessary.
04:33Now you certainly do whatever you would like with that.
04:35With inserted objects quite often I do not recommend rotating them because as
04:41you could see things can get a bit jagged if you do. But keeping them straight
04:45and vertical they look very nice.
04:47So that's an inserted Excel spreadsheet.
04:50Now the last item I want to show within this is how to insert a CAD drawing and
04:55I've just switched to my second page here.
04:58Again, under the Insert menu we'll select CAD Drawing.
05:02And this will allow us-- and I'll navigate to where those drawings live.
05:07Navigate to any AutoCAD DWG or DXF file.
05:12DWG is AutoCAD's major format.
05:14DXF is all the other CAD interchange formats.
05:17Simply select the file and click Open.
05:20When you do, a dialog is going to appear.
05:23It's going to ask you to set the parameters for this.
05:27Notice that my Page Scale right now is 1 inch equals 1 inch.
05:32So my CAD drawing is much, much larger than the page.
05:36But what I am going to do is set up a custom scale. 1 inch equals let's just say 24 inches.
05:43And my CAD drawing now fits very nicely within the page.
05:45I could actually probably decrease that to 12 inches and it looks it's still
05:50going to fit very, very nice.
05:51So this is 1 inch equals a foot. And I'll click OK.
05:55And it brings that drawing in very, very nicely.
05:59So at anytime I can view the CAD drawing in my Visio environment.
06:04Why is this important,? Because even though this has been brought in as a single
06:08CAD object, I still have the ability to snap and glue to information within
06:14that CAD environment.
06:16So if I want to add particular pieces of electrical equipment or lighting
06:20or people or PCs, etc,
06:22I can use the information in the CAD to snap to it.
06:26Now once I have the CAD drawing in my Visio diagram, I can right-click on that
06:32and then select CAD Objects and Properties.
06:36And I can choose under Layers which one of those layers I would like to see or
06:41not see of the CAD layers.
06:43I can also under the General tab choose to convert if I want.
06:48I can right-click on the CAD Object and say Convert and I can choose any one
06:53of the layers that I might want to convert from AutoCAD information to
06:58becoming Visio information.
07:00So if I had a particular layer that I wanted, maybe a chairs layer that I wanted
07:05to convert from CAD simple objects with no data to Visio shapes where I could
07:12add data to them, I might convert the CAD layers.
07:15But note that after CAD conversion is done it cannot be undone.
07:19So it's a one-way street.
07:21But it's very easy to add CAD information into your Visio diagrams as well.
07:26So we've taken a look at being able to add JPEG type of photographs, clip art
07:32that we can obtain from any source, any charts out of Excel spreadsheets, and
07:37graphs and CAD drawings into our Visio environment.
Collapse this transcript
Inserting the new Visio 2010 diagram parts including containers and callouts
00:00There are many different things that can be added to a Visio diagram, in addition
00:04to standard Visio shapes and lots and lots of the external data such as
00:08photographs and CAD drawings, etc.
00:10But Visio 2010 has brought about a few new objects which can be added to the
00:15Visio environment that I want to make sure we cover definitively.
00:19And I am going to go ahead and start by just grabbing a shape and dropping it out here.
00:22The first of these two objects I want to talk about is something called a container.
00:26Let's drag a couple more shapes out here as well. There we go.
00:33Now let's say these two shapes here at the top absolutely needed to remain together.
00:38Under Visio 2007 and prior we would probably select the two shapes. Under the
00:44Home tab we would select Group and Convert to Group and say OK.
00:50They have now become part of a group.
00:52And the data that was associated with these two shapes just
00:56disappeared altogether.
00:57I am going to Ctrl+Z and undo that.
00:59Just drag that one back out here.
01:01Remember that if I select a shape and come up to the Data menu and select Shape
01:06Data Window I can see the Shape Data window and I can see all the different
01:11properties that are available to them.
01:12In this particular case it was Cost and Process Number and Owner and Function,
01:16Starting and Ending Date, and Status, etc.
01:19There's lots of data associated with the shapes that we can either fill in
01:23manually or attach to external data sources.
01:26But if I group these shapes,
01:28I'll select the two shapes and under the Home tab, under Group select Group,
01:33nNow the group has no data.
01:35we've submerged that data down inside the group and that's really less than helpful.
01:40So instead of doing that what we're going to do is use a new object type.
01:45And again under our Insert menu we have new diagram parts and one of those
01:49is called a Container.
01:51So I'll select the two objects that I am interested in, select Container, and I
01:56have an entire palette of different containers available.
01:58And again Auto Preview allows me to see what these containers might look like.
02:03And I just happened to like of the look of this one so I'll select it.
02:06Now notice when I have a container in here it contains the two shapes and if I
02:10move the container the shapes move right along with it just as they should, just
02:15as they would if they were grouped.
02:16But at any time, I can simply click on an object directly and get full access to
02:21the data that's associated with it.
02:24Containers are a wonderful way of organizing information without submerging that
02:29information in there.
02:31Now at any time I want I can select a container and expand it if I would
02:35like and throw another object inside of it.
02:39And now I have three objects in my container. If I move the container around,
02:42they will come with it.
02:44I can remove an item from a container. Co they're very, very, very easy to work with.
02:50Now notice if I select the container itself a new tab shows up that says Format.
02:56And again, just like themes I can choose the look of these
03:01different permutations.
03:02And I can drop that down to see all the permutations of what I would like that to look like.
03:07I can also select Heading Style and again look at all the different heading
03:12styles that I would like for my particular container.
03:14So you have great flexibility in the visual look and feel of the
03:19individual containers.
03:21I can lock a container.
03:23If I lock a container nothing can be added to, nothing can be deleted from the container.
03:30I can also choose to select all the contents of a container and to disband a container.
03:37But before I do that let me show you this one other thing.
03:40If I were to select this container and hit the Delete key, anything inside the
03:45container gets deleted as well, as it should be.
03:48it's a container for those objects.
03:50But if I come under my Format and select Disband Container, it will get rid of
03:55the container and leave the objects there.
03:58So containers are an entirely new class of objects that's available within Visio
04:032010, within all skis, Standard, Professional and Premium.
04:08Another new item that's available within 2010 as a new object type are callouts.
04:14And callouts are really exciting.
04:15Before I show you callouts however, we're going to select under More Shapes and
04:21down to Visio Extras we're going to select Callouts.
04:25And for a long time Visio has had an entire palette of different callouts.
04:29And these are sort of been semi-intelligent callouts.
04:33In other words I can create a 2-D word balloon and it gives me the ability
04:37through a control handle to manipulate the mouthpiece of that item.
04:43And I can change the text on it.
04:44But what the new Visio 2010 callouts really shine, and let me delete that, is I
04:50don't have to open up a new stencil in any way, shape, or form.
04:54I simply select the shape that I am interested in and notice if I float over
04:59that it's giving me the top four off that stencil as it should.
05:03But if I come under the Insert menu to Callout I get a palette of the new 2010 callouts.
05:09And because I selected the shape first, when I click on the callout it
05:14automatically not only adds it in association with a shape, but notice how it
05:19moves right with the shape.
05:21And if I select the callout and drag it around, it still stays connected to the shape.
05:27And I can add any text I want. Oops!
05:32I guess I need to add that to the callout itself. More Text Here.
05:39So I have the ability to adjust content of that.
05:43I can add data fields to that.
05:45It stays associated with the shape.
05:47If I move the shape around, I can move it around.
05:50They're just much better. Very, very intelligent objects to act as callouts.
05:56Now as long as I am talking about callouts there are some things to be aware of.
06:01Under the Review tab there is this thing called Comments.
06:05And I know you've probably seen comments in lots of Office applications and if
06:08I select this and say add New Comment, you've all seen that sort of thing
06:13pop up and I can type in what I want. Here we go.
06:19And if I click off of it, it collapses down to a small box and clicking it again
06:25shows me what I had in there and a date.
06:28The downside to these is if I move the shape, the callouts do not move with them.
06:34They're not associated and they don't understand the relationship with
06:38the object they were.
06:40Not saying don't use the comments.
06:42They can be used in a lot of different ways.
06:44I just find that the new object found under the Insert menu and under Diagram
06:49Parts > Callouts will do a lot better job of keeping outside information
06:55associated with the shapes themselves and offer a lot more flexibility in
06:59working with callout types of information.
Collapse this transcript
Inserting hyperlinks
00:00One of the exciting things about Visio diagrams is that each and every shape can
00:05contain hyperlinks out to additional sources of information.
00:09These sources of information allow us to access that information on-the-fly from
00:15within our Visio diagram.
00:17Here we are looking at a BPMN Transaction Activity Flow.
00:21This is a business process modeling notation diagram which explains some aspect
00:26of a particular organization, for example our Two Trees organization's
00:31transaction activities.
00:33I'd like to be able to link this out to additional sources of information and
00:38it's very, very easily done within the Visio environment.
00:42Two possible ways. I can select a shape and having it selected, go to the Insert
00:48tab on my Ribbon and select Hyperlink.
00:52This will bring up the Hyperlinks dialog box and this dialog box has been
00:56the same for lots of releases, so it should be quite comfortable and familiar to you.
01:01To the right of Address and to the right of Sub-address we have two different
01:05Browse buttons and if I click on the first Browse button, notice that it says I
01:09could insert an Internet address, a URL, or I could simply type one there.
01:15I can type in http://www.microsoft.com and that's added that hyperlink in there
01:27and you would want to add a description because if you don't add a description
01:30it's going to use whatever is listed in that address.
01:33But I could say "Go to the Microsoft site," and if I could type I'd even be in
01:41better shape here. Let's clean up my typo errors, there we go, and click OK.
01:46Now that I've done that if I float my cursor over that, notice how the
01:50cursor changes to an arrow with a small hyperlink symbol and it'll say Go to
01:54the Microsoft site.
01:56Under Visio 2010 I can hold my Ctrl key down and click on the shape to take
02:01that hyperlink, or I can right-click on the shape and find the hyperlink and select it.
02:07Either way it will take me out to the Microsoft site.
02:11Any shape can have as many hyperlinks on them as you want.
02:16I can still keep that shape selected, click on Hyperlink, and then click on
02:21New and add a new one.
02:23So in addition to going out to URLs, I can also go out under address to a local
02:29file and that's any file that your machine can see.
02:34So anything on your local PC, anything on anything that's connected to your
02:38network. I am going to change my file types from Visio Files to All Files so I
02:44can see all of the things I have and I have got a Word document here and I am
02:48going to open up that Word document and it's inserted that and notice the
02:52Description is the same again is the Address, which isn't really that pleasant
02:57looking, so Text Gibberish and say OK.
03:03Now that I have established two hyperlinks, if I float over it, it's going to
03:07say Multiple Hyperlinks.
03:09But if I right-click it will show me the individual hyperlinks and if I take
03:13this to Text Gibberish one, of course I get that wonderful error message letting
03:18me know that everything is unsafe, do I really want to open the file and of
03:21course yes I absolutely do, and so it opens up that Word document and there's
03:25all of my Latin text gibberish.
03:28Interestingly enough, and I'll close this out,
03:31I can edit that hyperlink and I can select Text Gibberish, and if the particular
03:37document file, the Word document file, had a bookmark in it and I listed that
03:43bookmark in the Sub-address, not only would it take me to that document file but
03:49it would additionally take me to that location within the document, and because
03:54I can have multiple hyperlinks and those hyperlinks could all be pointing to the
03:57same document by different bookmarks; you can actually have multiple different
04:02locations in a document attached to a Visio shape and have it open that up.
04:06By the way I can either select Insert Hyperlink up from my Ribbon tab or I can
04:10right-click on a shape and select Hyperlink, which will get me to the same dialog as well.
04:16So you have two ways of getting at that.
04:18But under the Sub-address, the Sub- address is by default a location within the
04:24same Visio diagram. Only if you are using an address of an external file would
04:29you be able to add bookmarks.
04:30But if I am presuming I am just dealing with this standalone file and I would
04:34just like to bookmark to a new location,
04:36I can select going from Page 1 to Page 2 with this shape and I can also choose
04:42a particular shape to focus on and a particular zoom that I am interested in.
04:47But I am just going to go to the page and say "Go to the next Page" and say OK.
04:55Now when I float over this it will say Go to the next Page and if I right-click
05:00and select Go to the next Page, it will take me to page 2 of my diagram.
05:04So I can to hyperlinks to external sources, I can do hyperlinks to internal
05:10sources all within the same Visio diagrams, and each shape can have as many
05:16hyperlinks as you would want.
05:18As you save a Visio diagram to external sources, do note that if you save this to
05:23PDF or to HTML or to Visio Services, all of those hyperlinks are fully
05:31preserved, allowing you a lot of flexibility in the way that you manage your Visio
05:36diagrams to external sources.
Collapse this transcript
Inserting text-related objects including text boxes, screen tips, text fields, and symbols
00:00I am going to spend a little time with you talking about inserting text-related
00:04objects into your Visio diagrams.
00:06Specifically I am going to talk about including text boxes, screen tips,
00:11text fields and symbols.
00:14So let's start by talking about inserting text boxes.
00:17We know that we can use different tools including a Text tool.
00:21If I select the Text tool I can drag out a rectangular area that I'm interested
00:28in and add text to this, and as we have discussed earlier there is nothing more
00:37than a Visio shape with the fill and the line turned off, so that I just sort of
00:42have text floating in what otherwise would be a rectangular Visio shape.
00:46So that's certainly one way of adding text, but I can come up to the Insert menu
00:51and under the Text area select Text Box and I can have a horizontal or a
00:55vertical text box, and if I select Horizontal Text Box notice that it allows me
01:01to define the size of that and I can type in information into it.
01:06But I can also insert a Vertical Text Box and when I do so, it becomes vertical.
01:19Now because it's just a piece of text I can certainly rotate that as necessary.
01:24So text boxes are very, very straightforward, very easy to add your diagrams.
01:31The next thing we want to talk about our screen tips, and again I am going to
01:35drag out a little shape here.
01:36You could do this just as easily with a under your Home tab, under any of your
01:40Tools, by drawing something or use any Visio shape.
01:44But what I'd like to have is the ability to float my cursor over a shape and
01:49have some text pop up, which would be really, really helpful.
01:53So I am going to come back under my Insert menu and select ScreenTip, and
01:58it brings up a little dialog says what's the Shape ScreenTip information
02:02you're interested in?
02:04And I am going to put in "It is getting warmer this time of year."
02:13Maybe this information is all about different locations within our organization.
02:18It is getting warmer this time of year. And when I click OK, now if I take my
02:22cursor and float it over the shape and leave it there long enough, it will
02:26pop up that ScreenTip.
02:29Now interestingly enough there is a lot more that I can do with this than just
02:32having text show up.
02:34However, the little dialog only allows me to just pop up that base information.
02:41One of the things that I mentioned very, very early on in this video series is
02:45that every person should go to their backstage view and make sure that Run in
02:49Developer Mode is turned on and part of the reason for that is, is that any
02:53time not only do I have access to the Developer tab, but I can click on Show
02:59ShapeSheet. And you have to say that of course very carefully.
03:02I have had literally people ring me up at 8 o'clock at night and say "I think
03:06I just broke Visio.
03:07I did something in this weird spreadsheet came up in front of me."
03:11The Visio Shape Sheet is nothing more than an Excel-like spreadsheet broken down
03:16into discrete columns, and those discrete columns display different forms of
03:21information, so we can see the Width and the Height of the shape and the Angle
03:24of the shape and some User- defined Cells and some Shape Data.
03:28There is our Cost and Process Number and Owner and Function and Start/End Date
03:32and Status that we've been seeing all along with all of our flow shapes.
03:36But if I scroll down far enough in here to the Miscellaneous section, we can
03:41see in the Comment cell there is that same text. It is getting warmer this time of year.
03:46In addition to just having quoted text I can actually have values that are from
03:53this particular spreadsheet.
03:55Notice I have cells called Width and Height and within those cells I can put in
04:02now a piece of text that says "The height is: ",
04:10an ampersand which is a concatenator, and then the word Height.
04:16That's the name of that cell and notice how the IntelliSense Contextual is
04:20kicking in. And now another ampersand and then a quote, space, The Width is:,
04:30space, quote, &Width, and then click OK.
04:32Having done so with this I will close that Shape Sheet out and now when I float
04:38my cursor over that, it's going to say the Height is 0.75 inches and the Width
04:42is 1 inch, and if I adjust this, make it bigger, it will now say the Height is
04:481.125 the Width is 1.75.
04:49So you can use combinations of static text and dynamic information coming out of
04:56information from within the shape itself to add very intelligent information
05:01into your shapes using these callouts or screen tips.
05:05The thing to remember here is that if you use the tool, Insert > ScreenTip,
05:09you're only going to be able to add just base level text information.
05:13But if you open up the Shape Sheet and use the names of cells and the
05:18concatenator operator with pieces of text, you can get very powerful
05:22information in there.
05:23In an earlier episode about callouts, and I will refresh your mind to that.
05:27That's a new diagram part to Visio 2010.
05:30Select the shape, select Callouts, find the style of callout that you'd like to utilize.
05:37You get live preview working with those. Maybe you've got something like this
05:40going on, a brace pair, and then in that I am tugable and when I move the
05:48shape it moves right along with it and yet I can still independently position it as I wish.
05:53So the callouts are very, very powerful as well and very flexible and very usable.
05:59So the object types that we looked at were text boxes, screen tips, and now I
06:04want to talk about for a moment about text fields.
06:08Remember if I select this shape, and certainly I have that kind of pop-up
06:11information going on,
06:13if I come back to my Data tab and select the Shape Data Window I see that I have
06:19Cost, Process Number, etcetera, etcetera.
06:20I am going to double-click on my shape, so I have got a blinking cursor and I am
06:25going to say The cost of this Process is, space, colon, space, and now with my cursor still blinking there,
06:35I am going to go back to the Insert menu and select Field and in the
06:40Field information I have lots of different categories of information that I can
06:44add to a particular Visio shape.
06:46I am sure you're all very used to being in a Word document and selecting
06:51Show Headers and Footers, Switch to Footer, then Page, Page Number of, Number of Pages.
06:57That's Word's version of particular text fields and Visio can do the same thing.
07:02So I want to select Shape Data and I am going to select Cost and say OK.
07:07Now there is a 0 right now that's because my cost is blank, but if I come up to
07:11my Shape Data here under Cost and make this cost $548.95, click in here, you'll
07:20see that that immediately is reflected in there.
07:23Text fields can be added to any shape and I can have as many text fields added
07:29to a shape as I would like to add.
07:31Based on all of these data fields or any other cells of information from within this shape.
07:39I can also add symbols if I would like.
07:41I am going to come down and the same thing and hit a couple of Enter signs and
07:44under the Text area of the Insert menu, I can down click on the Symbol area
07:50and I can see that I have lots of symbology and I can put a copyright symbol
07:55if I want in there.
07:56I can also click on More Symbols and have it bring up a typical Windows font selector.
08:03Select a particular font that I might be interested in.
08:06For example, Wingdings and get a telephone there and click Insert and then close
08:11and you will see that there is a telephone in my shape as well.
08:15So adding text fields and text information is a very straightforward and gives
08:19a lot more power to the kind of texture adding into your specific shapes.
08:25So we can insert text boxes, screen tips, callouts, text fields and symbols
08:32into our diagrams.
Collapse this transcript
6. Showing and Hiding Visual Elements in Diagrams
Toggling between Normal view and Full Screen view
00:00Working with Visio many people have a need to look at things in much
00:04greater detail and certainly we can pan and zoom in many, many different ways
00:09and we have talked about the tools that are down in the lower
00:11right-hand corner for doing that.
00:13Well one of the things that I hear very, very often is "This diagram is great.
00:17Now how do I get it into PowerPoint?"
00:19Because they want to see just the drawing environment and not eliminate lots
00:23of other Windows and try and diminish things to try and get more real-estate
00:27for the image itself.
00:29So they will bring the Visio diagram into PowerPoint and display it
00:32through PowerPoint.
00:33But one of the things Visio has had for a long, long time is the ability to
00:38display a diagram in Full Screen mode.
00:41In order to do that we can do one of two things.
00:43Either from the View tab on the Ribbon select Full Screen and that will take
00:51this right up to Full Screen mode where I am looking at the diagram and only the
00:54diagram or the alternate to that is pressing the F5 key in Visio and that will
01:00perform exactly the same action.
01:02The beauty of multi-page diagrams with hyperlinks, etcetera, etcetera, is that as
01:09long as I stay within the Visio environment, even if I am in Full Screen mode,
01:14all of the hyperlinks that I might have set up, all the navigation, all the access
01:19to data is still there.
01:20I am still working fully in the Visio environment, but I can present actively
01:25and fully right within Visio, without having to leave Visio at all, without
01:29having to build a separate PowerPoint presentation.
01:32To toggle back out of it, simply hit your Escape key or your F5 key once again
01:37and that will toggle you right back out of it.
01:40So Full Screen mode viewing in Visio is as simple as either going to View > Full Screen
01:46and then to leave that hit your Escape or press F5 to go into Full
01:51Screen mode and F5 again to leave Full Screen mode.
Collapse this transcript
Showing/hiding rulers, grids, page breaks, and guides
00:00While we are working with Visio diagrams, there are many graphical elements,
00:04visual elements, that help us work with the diagrams much easier.
00:08Now those elements include things like rulers, grids, page breaks, and guides.
00:14Now by default when you start a Visio diagram, the rulers will be shown.
00:18They are typically shown in any diagram.
00:20You can see them at the top and the left of the drawing environment that we are
00:24looking at right now.
00:26At anytime I want I can come up to the View menu and turn those rulers off and
00:31if I turn them off they simply disappear and I can turn them back on simply by
00:35clicking on that again.
00:37So rulers act as visual guides to help me understand sizing but if they are in
00:41your way, simply turn them off if they are not needed.
00:44In addition to ruler, we have grids, and the grid right now is being hidden
00:50because we have a background page that has an image that's lying over the top of
00:55the grid so we are not seeing it.
00:57The grids still work; they're just not visual.
01:00So to help you understand that I am going to actually minimize down this drawing
01:03and start with a new blank drawing just to show you what that grid looks like
01:08and show you how we can turn them on or off.
01:10So I am going to select File and under New we will select a totally blank drawing
01:16here, and we can see the grid in our diagram now.
01:19So to turn them off again we go to the View menu and simply check or uncheck Grid.
01:25Now notice that the border is still showing there.
01:28The printable area is still showing, even though I have turned visually the grid
01:32off and I can turn it back on.
01:34But the grid will only go out to the edge of the printable area of the page.
01:38Let me minimize that blank diagram back down and return to the larger diagram.
01:44So the grids are capable of being turned off; so are the page breaks itself.
01:49If I were to position a shape out onto the edge of a page so that it forces the
01:55expansion into a new page out there, I actually have page breaks that are being
02:00shown and again because I have got a background image that's not really helping
02:04me out a lot to show it in this particular diagram.
02:07I am going to do Ctrl+Z and undo that.
02:08I am going to switch back over to our other diagram here. And again if I drop a
02:13shape in the diagram and I am just going to open up a shape real quick here.
02:17Under Flowchart we'll pick our basic flowchart shapes, and I am going to draw up
02:21something so that it's crossing off the page, and of course that's kind of
02:25pushed it off to the right.
02:26So let's start with something on the page and we are just going to start adding
02:30additional shapes to the page as we go along.
02:32Ctrl will drag out another one and another one, and notice that dashed line and
02:38I am going to zoom out so you can see this very carefully.
02:41We can see we have two pages in width and if I don't want to see that dashed
02:45line defining the two pages, again under the View menu I simply come up to
02:50Page Breaks and uncheck that item and it turns that off. Checking it again turns it back on.
02:56So these are just visual elements that assist you, turning rulers on or off,
03:01grids on or off, page breaks on or off.
03:04Now an item that you may not be used to working with too often in your
03:08diagram, I find most Visio users aren't even aware that exists, is something called a guide.
03:13Guides are used to help you align and move things en mass.
03:18And the way we do that is we move that up to the edge of a ruler and drag out a guide.
03:23That's a horizontal guide and that's a vertical guide, and of course we can
03:27glue things to guides.
03:29They are wonderful, wonderful tools.
03:31Guides never print, so you don't have to worry about them and you can certainly
03:35have as many guides as you like.
03:37But if the visual clutter of the guides is getting in your way, again under the
03:41View menu simply uncheck Guides and they'll turn off.
03:45Checking it again, they will turn back on.
03:48So the four elements that we are talking about visually being able to turn on
03:52and off are rulers, page breaks, grids and guides.
03:57All from the View tab of the Ribbon in the Show area. Simply check or uncheck
04:02as necessary.
Collapse this transcript
Showing/hiding task panes
00:00While working with a Visio diagram, there are many, many different visual
00:04aspects that you may want to move out of your way or may not be showing when you
00:08need them, when you need to bring them back.
00:10So there are some very, very ways to get at that information.
00:15I want to talk a little about showing the Dynamic Grid and using it, dealing
00:20with the Shapes pane, the Shape Data window, the Pan and Zoom window and the
00:25Size and Position window.
00:27So let's start with the task panes including the Shapes pane.
00:30The Shapes pane is over here on the left.
00:32We used to call it the Stencil area; it's now called the Shapes pane.
00:35We can certainly just minimize it, moving it off to the left, buying us lots and
00:41lots of additional space and we can maximize it back again when we need it.
00:45But under the View menu we certainly have the ability to turn it off
00:49altogether, and under Task Panes we find Shapes and simply select that. It will
00:55turn it off altogether.
00:56Not just minimize it but completely get rid of it, and under Task Panes we can
01:00bring it right back again.
01:02Same is true with the Shape Datawindow. If I select an individual shape, right
01:06now that shape has lots and lots of information on it.
01:09But I am not seeing that.
01:11So under my Task Panes, actually in this case it's easier to go to the Data
01:15window and select the Shape Data Window, and that's right now floating.
01:20I like to take mine and dock it up at the bottom underneath my shapes and this
01:26is my shape data and I can view that at will.
01:29So at any time I can toggle that on and off simply by going to the Data window
01:34and clicking on the Shape Data Window, to toggle on or off at will.
01:39The Pan and Zoom window usually shows up in the lower right of your Visio
01:43environment when you choose to use it.
01:45So again coming back to the View menu and under Task Panes we can go to the Pan
01:53and Zoom item and that shows up as a bird's eye area.
01:56Now with that Pan and Zoom window, it gives me the ability to click into it and
02:00drag out a window that I am interested in and we will zoom into that area and I
02:05can resize that at will.
02:07I'll make it large or any way that I want to.
02:10Move it around, pan and zoom.
02:12I can zoom in and out using the plus and minus controls.
02:16I can slide in and out, just utilizing those controls.
02:20So the Pan and Zoom is a great window.
02:22I can close it out with the little X to that window at any time or come up to
02:26Task Panes and just click on Pan and Zoom window again and turn it off.
02:31Same is true with the Size and Position window.
02:34With the Size and Position window, again under Task Panes > Size and
02:38Position. I can see the information about this shape.
02:41I can see that it's one-inch wide and three-quarters of an inch high.
02:44Now if I want to change those values I could, but in order to show or hide
02:49that window I simply can toggle it from the Task Panes or to turn it off again
02:54click the small X next to it.
Collapse this transcript
Showing/hiding visual aids
00:00There are additional elements, which can be viewed or not viewed based on your
00:04personal preference.
00:06I am going to go ahead and launch a basic flowchart.
00:09And in this basic flowchart, I'm going to go ahead and add a few elements so
00:13that we can understand what's going on.
00:15If I drag the first shape out and I now try to drag another shape out, notice
00:21how the Dynamic Grid, that's these little orange indicators, helps me understand how
00:26to align and properly space these shapes.
00:29If I don't want that kind of assistance again, under the View menu I can choose
00:34to turn off the Dynamic Grid and now when I'm dragging things out, I will not
00:40get that kind of help that I otherwise would expect.
00:44You choose when you want to have that Dynamic Grid helping you or not.
00:48Another aspect that I can deal with is the Auto Connect feature.
00:52That's when I float over a shape and get those four little blue triangles that
00:56help me auto connect something that's out there.
00:59Again, I can choose whether those are shown or not simply by toggling that on or off.
01:04If it's not toggled on and I float over a shape, selected or not, I'm not going
01:09to get those blue triangles whatsoever. Toggling it back on, I can get the blue
01:14triangles, very easily see what I need to connect to.
01:18Now, through Visio 2007 we always saw the connection points.
01:24That was with the tiny blue axis showing up on every shape and especially with
01:27basic flowchart shapes, we had top center, bottom center, middle left and middle right.
01:33And if I zoom in on my diagram here, I'm not seeing those little blue axis at all.
01:38Now, strange enough Connection Points is being shown, and if I go back to my
01:42Home tab and select the Connector tool and drag out a Connector tool-- go back
01:46to my Pointer tool.
01:48As I move closer they actually, show up.
01:52Here is the left, the right, the top or the bottom, and then you can see all of them.
01:56As I move away, they disappear.
01:58But if I go back to my View menu and turn off the Connection Points, then at
02:03that point in time it will still glue to them, they are still there, but if I
02:07don't want to see them at all I can turn off the view of the Connection Points.
02:13Again, the choice is yours.
02:14Personal preference, best practice, I would leave them on.
02:17In special sense they only show up as you're approaching them and don't provide
02:21a lot of additional visual clutter.
02:23So the Visual Aids and the Dynamic Grid, the Auto Connect and the Connection
02:28Points, allow you to choose what you need to see in working with your day-to-day work,
02:33 under the Visual Aids area of the diagram.
Collapse this transcript
Working with windows in the Visio environment
00:00A feature that has been available in Visio for a long, long time has been the
00:04ability to work with multiple diagrams simultaneously.
00:08Visio has what's know as an MDI or Multiple Document Interface. That means we can
00:13open up numerous drawings at the same time and work with them.
00:17Through the use of windows we can also work with two of them not only
00:21simultaneously but also concurrently, and we can work with two
00:26different disparate views of the same diagram concurrently by
00:30utilizing different windows.
00:32So what am I going to do is I am going to come with my BPMN Transaction Activity
00:36Flow diagram and select under the View menu, the window management and I'm a
00:42click on New Window and I am going to close out the data for that, and now I am
00:48going to select Arrange All and notice I'm looking at two views of exactly the
00:54same diagram. And I'm going to minimize down the Shapes area because right now
00:58I don't really need to worry about those.
01:00And I'm going to zoom in, in different areas of the same diagrams.
01:05So I am going to zoom in here with this diagram and yet zoom in here with this
01:12diagram and I'm looking at exactly the same diagram but two different areas.
01:17And if I needed to work, I can alternately jump back and forth between them.
01:22simply by creating a new window-- and it opens up the same diagram in the new window.
01:27Notice this is Diagram Complete:1. This one is Diagram Complete:2.
01:33So, it's very easy to work with multiple windows into the same diagram.
01:37I am going to close this window out and I am going to open up another diagram.
01:42So I am going to select it from Backstage View, Open, and I am going to select my
01:46little Decision Tree and click Open and there's my Decision Tree diagram.
01:51And again, I'll select Arrange All windows and now I'm looking at both of my diagrams.
01:57If I come over here to Diagram Complete I can zoom out to the overall diagram.
02:02I'm looking in both diagrams and maybe I need to reference some of the
02:06information that's in this diagram to complete the work I'm doing over here.
02:10So by selecting the Decision Tree diagram, I can zoom in on the area of interest
02:14to me, come over to the BPMN Transaction Activity, zoom into the area that
02:19interests me, and then alternately while viewing this actually work on this.
02:25So working with windows is very straightforward and allows you to work with
02:29differing views of the same diagram or views of different diagrams at the same time.
02:36New Window is going to open up a new window, filled with whatever content you need.
02:41Arrange All allows them to be arranged.
02:44Cascade allows them to be just quite literally that. There's Decision Tree and
02:50there is the Diagram Complete, the Cascade working from the upper left down
02:54below, and I can also select the window to switch between quite readily between
03:00them as I need to work on multiple windows.
Collapse this transcript
7. Publishing Diagrams
Printing diagrams
00:01After we've worked with a Visio diagram for the many hours that we might put into
00:04accurately defining, in this case defining a Transaction Activity Flow,
00:10we want to be able to share our diagrams with lots of other people.
00:14So I am going to spend some time now talking about how to go about printing a
00:18Visio diagram and some best practices around ensuring that the Visio diagram
00:23that comes out on the piece of paper is in fact the same diagram that you are
00:27used to working with in the Visio environment.
00:30To print in a Visio diagram, we can do a couple of different things.
00:34One, we can certainly customize by clicking on the little down arrow in our shortcuts.
00:41We can say we would like More Commands on our Quick Access Toolbar and we've
00:47come down to our File area that we're interested in and let's come down to File
00:54Tab and we can find Print and add that. Click OK.
00:59And we can see the printer icon is up there.
01:02Clicking on that icon or clicking on Ctrl+P will print the Visio diagram to
01:08whatever is the default configured printing device.
01:13And if you don't have one configured you are going to have to configure one.
01:16But for a lot of people if they don't have it configured, they might have a copy
01:20of some other application that they can capture to such as OneNote and that
01:25will be their default printer.
01:27If you want to print to a specific device, go to your Backstage view by
01:32selecting File and come down and select Print and then Quick Print is
01:37exactly what you would get.
01:39The default printer without any changes, but coming beneath that and selecting
01:45Print will allow you to print to whatever from the list of configured printers
01:51might be and select the properties for that printer.
01:55And select the range that you would like to print, the current page. Pages from
02:011 to 2 in this particular case since I have a two page document.
02:04Do you want the background printed along with it?
02:07Do you want printed as grayscale?
02:09Have the color printed as black?
02:10Do you want to print to a file that can be utilized and handed off to some
02:15external print operation?
02:17So it's very straightforward to select and get the printer you want.
02:21Use the default or configure what you need.
02:24But one of the things I would like to talk about quickly is how to ensure that
02:29this image is exactly what's going to hit the piece of paper.
02:33And in order to do that we need to come back under the Design area and under Page Setup.
02:42Note that in the Print zoom, by default Visio says that it's going to adjust to
02:48100%, meaning it's going to try and push this out to a printer exactly 100% of
02:56the way it was designed.
02:58And that may not be the case that really works for you.
03:01If you want to ensure that the entire diagram even if it's larger than the sheet
03:05of paper will entirely fit on the sheet of paper, in other words zoom it to
03:11ensure that it stays on one sheet of paper,
03:14instead of Adjust to 100%, in your Print zoom select Fit to 1 sheet(s) across
03:21by 1 sheet(s) down.
03:23And under your Page Size tab rather than Let Visio expand the page as needed,
03:30set it to a specific piece of paper size.
03:34In this case, 8.5 by 11 inch Letter mode, which becomes landscape 11 across 8.5
03:41high, with Page orientation Landscape.
03:44By setting those two settings, fit to one across by one down and specifically
03:50picking your paper size, you will ensure that under Print Preview that is in
03:55fact going to come up exactly the way you want it to.
04:00So, if I now, come back to File and Print and Print Preview, my Print Preview is
04:07going to show me exactly what's coming out in the printer and for an 8.5 by 11
04:10sheet of paper I am spot on.
04:12That's exactly right.
04:14So again, there are two things to always remember to print out is rather than
04:18using quick tools, unless you know hundred percent you're right, close that.
04:23Back to the diagram.
04:24Go to your Design tab, under Page Setup make sure that you set for Fit to 1
04:31sheet(s) across by 1 sheet(s) down and on your Page Size tab, make sure you
04:36select a particular piece of paper and you're good to go.
Collapse this transcript
Saving diagrams as PDFs
00:00Whenever we save a Visio diagram, and print the diagram what we end up with is a
00:05sheet of paper. The sheet of paper is visually graphically rich
00:09in that it has shapes, in that it has text on it.
00:12But that's the limitations of what that diagram has.
00:15One of the advantages of being able to save to a PDF format is not only is it
00:21as the name suggests a portable document format,
00:24but the PDF preserves any hyperlinks that are embedded in any shape, including
00:29multiple hyperlinks.
00:31Therefore, it's very advantageous to be able to save a Visio diagram in PDF format.
00:35This does not require additional external tools at this point of time.
00:39All we need to do is simply come up and select File > Save As, change our file
00:47type from Drawing, which is VSD, to PDF, point it to wherever we would like it to
00:56live and click the Save button.
01:00And it will generate that PDF file and preserve all of those hyperlinks.
01:04Very easy, very straightforward, and this is native now within all
01:08applications as well as Visio.
Collapse this transcript
Saving diagrams as JPGs and GIFs
00:00When we save a Visio diagram out to PowerPoint, we end up getting only the
00:06information that exists on the current active page and not the background image.
00:11So in order to ensure that we are getting all of the information we want to see
00:15in an image format, it makes sense to be able to save that out easily as an
00:20image that incorporates every one of the foreground and background pages
00:25required for that particular foreground page.
00:27In this case our Page 1 is utilizing VBackground-1 as its background.
00:34We want to ensure we get both of those.
00:36So the way we do that is we simply select File > Save As and now we are going to
00:44save this as either a Graphics Interchange Format, GIF, or as a JPEG or PNG or TIF
00:51or whatever makes sense for the type of work you need to do.
00:54In my case, I'm going to go ahead and save it as a JPEG.
00:58Point to where you want that to live and click the Save button.
01:02Now a dialog is going to come up which allows you to fine-tune that JPEG or image output.
01:08In this case, the Operation is Baseline, Background color is transparent,
01:13Color format is RGB, the Quality is 75%, Rotation normal, Resolution is the same
01:19as Screen, Size is the same as Source.
01:22You can adjust these options anyway you like but when you've got them set for
01:26what makes sense, go ahead and click OK and that will right out and create that image.
01:32Now I am going to go to the directory where that lives and we can see that
01:37image is here, and if I go ahead and double-click on that, you are going to see
01:41that same Visio diagram, as it's been saved as a JPEG image which we could
01:46then, easily import into a PowerPoint presentation slide anyway we need to work with that.
Collapse this transcript
Saving diagrams to the web as HTML files
00:00When we print a diagram out to hardcopy and paper, we're creating a flat ,
00:05non-data accessible file.
00:07The only information's available to us is a text on the face and a physical look
00:11of the shapes themselves.
00:13We set a step above that was to save as PDF which certainty preserves the
00:17hyperlinks, but doesn't provide us full fidelity and full access to the data.
00:22Starting with Visio 2003, we've had the ability to save a Visio diagram out as
00:28an intelligent webpage and in doing so, provide full access to not only the
00:34images but all the data that is behind them as well as providing additional
00:39tools and utilities for working with these diagrams.
00:42It's really very straightforward and very easy.
00:45We simply go to the File menu, select Save As, and change our file type from
00:50Drawing VSD to Web Page HTML.
00:54Don't click the Save button. Click the Publish button.
00:59And in the Publish button, we are going to be able to choose which pages we
01:02would like to publish. The details.
01:05Do we want access to the data?
01:06Absolutely, yes we do.
01:08Do we want to have a navigation control or Go to Page? Yes, we do.
01:12Do we want to be able to search our pages? Yes, we do.
01:15Do we want to be able to pan and zoom? Yes, we do.
01:18And if we've created any custom reports,
01:20we would like to add them into our navigation as well.
01:23We are going to change the text for the title of the diagram
01:28in this case to BPMN Transaction Activity Flow. So that will be the title of
01:41our browser window.
01:42We are going to click the OK button.
01:48Visio will then gather up all that information, save it out as a webpage, and
01:52publish it to the location we have told it to publish to.
01:55From there we can open up the directory where that exists and simply open it up
02:01in a supported browser.
02:02In this case, I am going to use Internet Explorer and in doing so we can see
02:06the diagram with full fidelity.
02:08We have the graphics that we need.
02:10Notice that it says Ctrl+click a shape in the drawing to view the details.
02:16I am going to hold my Ctrl key down and click on one of these shapes.
02:20And notice in doing so it brings up all the data that's in the shape data for
02:25each one of those shapes.
02:26It also allows me to do things like find things.
02:30So for example, I know that the assignments on this are hidden.
02:35So I am going to type in in my little search area below the word Hidden and the
02:42Search browser beneath, when I click that, will give me a list of every single
02:47shape that conforms to that particular item.
02:51I am going to do the same thing with 6a, so I have a shorter list.
02:55I'll search for 6a and we can see the items that conform to that and if I click
03:01on that item, it will point out exactly where the item lives and if I click on
03:05the next one, it will point me to where it lives, even on a different page.
03:09And I could then expand the data for that particular item as well.
03:15I have a full fidelity pan and zoom window that allows me to move around the
03:20diagram at will and notice even a very close resolution how crisp and clear all of this is.
03:26So I can pan and zoom, do whatever I would like, go out to the full page if I want.
03:32I have a navigation control that allows me to move back and forth between the
03:36particular pages in my diagram very readily and easily and if I've created any
03:41of those custom reports, I can view those as well.
03:46So viewing in a browser environment is amazingly powerful.
03:50Now another thing to remember about the browser environment, and I am actually
03:53going to close this browser out.
03:55is if I look at the file that's created, it's created one HTML file and one
03:59support folder for that file.
04:01I could zip these two together as a single ZIP file, attach that to an email, and
04:09send that off to anybody I needed to.
04:12they could therefore unzip it to their desktop double-click on HTML file and
04:18open it up and have that same functionality remotely.
04:21So I can give fidelity rich, data rich diagrams to other people who may not
04:27have Visio on their desktop at all.
04:29So that's saving as an intelligent webpage.
04:32File > Save As, change your type to Web Page, click on Publish, navigate to where
04:38it needs to be displayed and save it.
Collapse this transcript
Saving diagrams to Microsoft SharePoint as VDW files
00:00Many organizations now are starting to make dramatic steps in their use and
00:05publishing and working with Microsoft SharePoint technologies and amongst those
00:11new features available within SharePoint, starting back with 2007 with the
00:15ability for many Office applications to save their information in a
00:20SharePoint accessible format.
00:22For example, Excel worksheets could now be saved in Excel services format.
00:29SharePoint lists can act as data sources connected to Visio diagrams.
00:34Visio diagrams can also be saved starting with Visio 2010 as Visio Services diagrams.
00:42Now, I want to explain the difference between a Visio diagram and a
00:46Visio Services diagram.
00:48If I were to publish this diagram to Visio Services, this information that
00:53resides in this diagram-- and I'll go to the Data tab and click on the
00:57External Data Window.
00:59The information that's filling these shapes was brought in from an Excel worksheet.
01:04It shows me the identifier, the particular category of information that's in
01:09there, it shows me the particular process cost and the event cost and gives me
01:13the tracking, is it on time, is it late etc.
01:16And based upon the data that's in there we've created data graphics.
01:21And those data graphics, if I zoom in on the Legend, show me exactly what
01:25those little icons mean.
01:27If it's a checkmark, it's On Track.
01:29if it's a triangle with an exclamation point it's Not yet Started.
01:33If it has an information icon, that's Delayed and if there are white X on the
01:38red field it's Late.
01:40So I can look at the information of my diagram and see where I've got problems,
01:44where things aren't started, where are my bottlenecks that are happening in here.
01:47And I won't be able to do that and publish this out to a SharePoint environment,
01:53such that the viewers do not need to have Visio on their desktop at all.
01:57That's what Visio Services is all about.
02:00So step one, we build the Visio diagram.
02:03Step two we create a data source
02:05that is SharePoint accessible, in this case an Excel Services file.
02:10And once that data is there we attach that Excel services data to our Visio diagram.
02:16With that attached to the diagram, we then build the custom data graphics that
02:20we would like and when the diagram is ready to publish now we need to publish
02:25this out in a brand-new format.
02:27The way we do that is simply selecting again, from the Backstage view,
02:33we can either select Save As and change our format here to Web Drawing, which is
02:40actually an extension VDW, Visio drawing for the Web, or, and I'll cancel out
02:46of that for just a moment, we can select File > Save & Send and in doing so
02:55select Save to SharePoint and set the file type as a data refreshable drawing
03:01for use for Visio Services on SharePoint and we click that and then we will
03:06click Save As and we point it to where we want that VDW file to live.
03:12Now in my particular case, I am saving it to a student folder here.
03:16In the case of a production environment, you would save it to the URL which
03:20is in fact, where that document repository, that document library lives in
03:25SharePoint and I'll go ahead and select this diagram complete and it will
03:29save it now as a BPMN.
03:32Now it's telling me right now that the data source that I have connected here
03:36is an Excel worksheet, not a Excel Services file. It is not valid for publication
03:42and that's perfectly fine in our case.
03:45But it will save all that information out there and publish the VDW file, that
03:50being published out in a SharePoint environment we would be able to open that
03:54up in the SharePoint environment and see it.
03:58And if the data changed out in the SharePoint environment, that data is
04:03attached out there,
04:04for example, this changed from late to on time and has a little green checkmark,
04:09all I would have to do in the SharePoint environment is click the Refresh button
04:13and the Visio diagram will automatically refresh to reflect that change in
04:17data, without the necessity of Visio in the interim at all.
04:21A direct connection between the Visio diagram and VDW file and the data file,
04:27in this case Excel Services file.
Collapse this transcript
8. Navigating Diagrams
Zooming in/out on a diagram
00:00When working with Visio diagrams, especially as they get larger and larger, [00:00:04.9 2] it's really important to be able to move about the diagram easily, especially getting
00:09in close to the work that you're working on.
00:12We fully realize that in working with the diagrams most people tend to use the
00:17scroll bar at the right to move up and down and scroll bar at the bottom to
00:23move left and right.
00:24If you were working with previous versions of Visio, on your standard toolbar
00:29there was a drop-down list of zoom percentages.
00:32All of these certainly worked to move around your diagram but are most probably
00:35the least efficient way of doing so.
00:38So I want to walk through the ability to zoom in and out of a diagram much
00:43faster and much easier by utilizing a keyboard shortcut and for zooming in and
00:49out of diagrams, the keyboard shortcut all revolves around holding your
00:53Ctrl+Shift keys down at the same time.
00:57Notice that when I press Ctrl+Shift my cursor changes to a small magnifying glass
01:02and while I'm holding my Ctrl+ Shift keys down, if I click with the left
01:08mouse button and hold I can drag out a windowed area that I'm specifically
01:13interested in, and when I've reached the area of that bounding box window of my
01:18zoom area, all I have to do is release that left mouse button and I'm instantly
01:24zoomed in to that area.
01:26I'm also going to move my cursor right over this little arrowhead between
01:32Process Box 1 and Event 2.
01:35As I've placed my cursor right there, again I am going to hold Ctrl+Shift down
01:41and I am going to start tapping with the left mouse button.
01:44As I tap with the left mouse button, notice that I zoom in at the location of my cursor.
01:50Still holding Ctrl+Shift down, if I tap with the right mouse button I zoom out at
01:57the location of the cursor.
01:59So we can see that moving around a diagram is much faster and much easier using
02:04the keyboard shortcut combination Ctrl +Shift, and then using the left mouse
02:08button, tapping to move in, right mouse button, tapping to move out, and by
02:13clicking and holding the left mouse button we can drag it to an area.
Collapse this transcript
Panning around a diagram
00:00We talked about techniques for being able to zoom in and out of diagrams using
00:04the keyboard shortcut Ctrl+Shift.
00:07We can also use that keyboard shortcut Ctrl +Shift to be able to pan around a diagram.
00:13I am going to zoom in on the diagram just a little bit here so we can work
00:17with a smaller area.
00:19Notice I'm not seeing the entire diagram and as I build larger-and-larger
00:23diagrams it's very important to be able to move around that diagram, and using
00:28scrollbars is certainly the least efficient way of doing this.
00:32So again if I hold Ctrl+Shift down my cursor changes to a small magnifying
00:37glass and if I now click and hold with the right mouse button and move the
00:43mouse just slightly, notice that my cursor changes to a little hand, and while
00:49I'm in this Pan mode holding Ctrl+Shift down and holding the right mouse button
00:53down I can drag my mouse around to pan around the diagram.
00:58I can use sort of a brushing technique by right mouse clicking and holding and
01:04release, right mouse clicking, holding, release, and easily navigate and move
01:08around large diagrams at the current zoom percentage.
01:13Combining that with the ability to zoom in and zoom out, it makes it very easy
01:18to navigate around these diagrams.
Collapse this transcript
Zooming to see the full page
00:00If I need to navigate around a diagram and I've zoomed myself into a small
00:04area and I need to then get back out to see the overall diagram, I can do this
00:10very quickly and easily.
00:11To begin with I am going to zoom into a small area here and let's say we've been
00:15working on this particular area and it's very important to get back out to see
00:19the overall diagram.
00:21Certainly I can come down to the lower right and using this particular icon, Fit
00:26page to current window, and zoom out there.
00:29That's one technique under 2010, but a faster and easier way is simply holding
00:33your Ctrl+Shift+W. Ctrl+Shift+W will zoom out to the overall window.
00:41So again the two techniques for being able to zoom out to the overall window are
00:45either Ctrl+Shift+W or coming to the very lower right of your Visio environment
00:51and selecting Fit page to current window.
00:53Clicking on that will zoom you out to the overall window as well.
Collapse this transcript
Using multiple diagram windows
00:00As I start to build more-and-more complex diagrams with lots of information in
00:04them it would be nice to be able to zoom into multiple areas at the same time so
00:09that I can work in detail in any given area that's necessary.
00:13So what I am going to do is I am going to start by dragging out this little
00:16start message shape and dropping it into the diagram and again my dynamic
00:20guides are helping me understand a good location to hold that and I am going to drop it.
00:25But now that that shape is in my diagram, perhaps that shape actually needed to
00:29be in another part of the diagram, positioned in a very careful way.
00:33So rather than having to zoom in and out and pan around and do a lot of
00:37additional work what I can do very quickly and easily is open up a new window
00:43on the same drawing.
00:44I do that from the View tab and selecting New Window.
00:47I am going to close down the external data area there and I am going to
00:52minimize down both of these Shape Data windows and what I'm going to do is in
00:57this left window I'm going to zoom into the area of interest to me so I can
01:03see that start message shape and over in the other window I am going to zoom
01:07into the area where I'd like to move that to. And remember these could be very,
01:11very large drawings.
01:13In the Landscape mode that would be eventually plotted out on a roll feed plotter
01:18rather than 8.5x11, so these could be very large drawings.
01:22So I am going to select this start message from the left window and simply drag
01:26it over and move it to where I need to have it moved to, in the right window and release.
01:33Now when I close out the secondary window and notice the first one says
01:37Diagram Complete:1 and this one says Diagram Complete:2. This is the second
01:43window I opened up.
01:44If I close that window out and now Ctrl+ Shift+W to zoom all the way out, we can
01:50see that that shape was moved from the left to the right with great accuracy,
01:54simply by using the ability to open up a second window on the same drawing.
Collapse this transcript
9. Understanding Layering Concepts
Understanding how adding SmartShapes can create layers in a diagram
00:00Layering is a concept that Visio utilizes to help organize data in your diagrams.
00:06For those of you who worked in a CAD environment you're probably quite
00:09familiar with layering.
00:10However Visio's layers differ significantly from CAD layers.
00:15In the CAD world every single object must be assigned to a layer and if you do
00:20not assign it to a layer it'll get assigned to a layer called zero.
00:25In Visio a shape can be assigned to no layer at all, any one layer, or
00:30any number of layers.
00:32Now I've started a brand-new drawing based on the basic flowchart again.
00:36I tend to use that often.
00:38But with that drawing if I come up on the Home tab to the far right under Layers
00:43and drop that dialog down and select Layer Properties I can see that right now I
00:49do not have any layers in my diagram. It's a blank drawing. I don't have any
00:53shapes on it. I don't have any layers per se.
00:55I am going to go ahead and cancel out of that dialog right now and I am going to
01:00grab one of these process shapes and drop it into my diagram.
01:04Now having done so if I go back to that Layers dialog and under Layer Properties
01:09I can see that bringing that shape in, that shape had predefined as part of the
01:14shape a layer, in this case a layer called a Flowchart.
01:19So bringing a shape in can in fact add layers in and of itself.
01:25Let me cancel out of that dialog box and I am just going go ahead and connect up
01:29yet another process box.
01:33Now that not only added a process box but of course it added a connector between them.
01:37So if I select Layers and Layer Properties again, notice that the connector
01:42itself adds a layer called Connector to that particular diagram.
01:48Layers are automatically created by dragging shapes that have predefined layer assignments.
01:54Now if you are working with your own shapes, shapes that you're designing, you
01:58may not have pre-assigned a layer to that particular object and therefore your
02:04shapes as you bring them in may not bring layers.
02:07But most of the Visio shapes will bring layers in with them and that's
02:11important to understand.
Collapse this transcript
Creating layers
00:00As I am working with a Visio diagram, and we've learned that dragging shapes in
00:04will add layers, I might want to further categorize the information by adding my
00:09own layers and assigning shapes to them. It's actually a very, very
00:12straightforward process.
00:14We certainly are looking at a diagram right now that has a series of process
00:18boxes, a decision, a data, and a document shape in the diagram and if I come up
00:24to the Layers dialog again under Layers from the Home tab and Layer Properties,
00:30I can see that because of the shapes had pre-assignments for those layers that
00:34we have a Connector and a Flowchart layer.
00:36To add an additional layer into a diagram, we simply click on the New button
00:43and we give that a name. And I am going to give this one a name of Process and I'll click OK.
00:50Notice that's added that layer to my list of layers and they are in alphabetical
00:55order in the dialog regardless of what order you create them in.
00:59Let's take just a moment to talk about this dialog as we are creating new layers.
01:03The first column is in fact the name of the layer but the second column that has
01:08a little pound sign up above it has a series of numbers beneath and this just
01:12simply tells you the number of shapes that have been assigned it to that layer.
01:16I can see right now that I have six shapes assigned to the Connector layer.
01:20So I have six connectors in my drawing. Let me pull this off to side a little bit.
01:25Count those, one, two, three, four, five, and six, and we have seven flowchart shapes.
01:31Quite obviously there is a seven flowchart shapes.
01:34The second column here is Visible.
01:37That's the properties of turning them on and off.
01:40We are going to talk about these a whole lot more but the columns are fairly
01:43self-explanatory as to what they do.
01:46I've created a Process layer. I am going to also create another new layer called
01:50Decision and I can certainly create one called Data and finally another new one
02:02called Document. Very easily creating the layers that I want within my diagram.
02:12Once I've created the layers within my diagram I'll click OK to close that
02:16dialog box and now I can start assigning shapes to layers.
02:22That's very easily done. We simply select the shape or shapes we like to assign to
02:27a layer and I'll hold my Shift key down and get the other process boxes there,
02:31four of them there, and under Layers instead of selecting Layer Properties
02:36from that Home tab we select Assign to Layer.
02:41Now notice in the Assign to Layer dialog box, just listed as Layer, it shows
02:46check that these are assigned to Flowchart and we know that from when we drag
02:50them in they are assigned to that Flowchart layer.
02:52I can remove that assignments simply by unchecking that assignment in the list
02:58and then I'm going to assign them to the Process layer and I'll click OK.
03:03Just that easily done, creating layers and assigning shapes to layers.
Collapse this transcript
Deleting layers
00:00Once we've created a series of layers in our diagram, we might also need to get
00:05rid of unnecessary layers.
00:07In the particular diagram that we're looking at if I open up the Layer dialog box,
00:11we can see that we created layers for our Process, our Flowchart, Document,
00:17Decision, Data, and then certainly our Connector layers and we can see the
00:20number of items that are created for them.
00:23Notice that I have one now created for the Decision layer and what I am going
00:28to do is select my Decision shape and under Layers and Assign to Layer I'm
00:35going to uncheck that decision and I am just going to reassign it to a Flowchart layer.
00:43Now having done so, I now have a layer that does not have any shapes referenced on it.
00:48For example if I come back under the Layer Properties dialog box I can now see
00:52that my Decision layer has no shapes assigned to it.
00:57So to remove that layer, simply select the layer that you want removed and
01:01click the Remove button.
01:04Now notice that it says removing this layer will also delete all shapes
01:09belonging to it, and asks you if you really want to remove that layer and then
01:13I'll say yes, I do, and because they don't have any shapes assigned to that
01:17layer it doesn't affect my diagram whatsoever.
01:19I am going to cancel out of this right now. I'm going to Ctrl+Z back just a
01:23little bit and make sure that in my Layers dialog box my Decision layer now
01:28has one assigned to it.
01:30So now if I select this and click Remove, do I want to remove that layer?
01:36If I now say Yes, watch the Decision shape. When I click OK, it's going to go away.
01:44So be very careful when you're removing layers that you ensure you don't have
01:48any shapes assigned to those layers prior to removing them, unless you really do
01:53in fact want to get rid of anything assigned to a layer and it's a very handy
01:57and very quick way of removing a lot of information that you may not any longer
02:01need in your particular diagram.
02:04But deleting a layer, simply go into the Layers dialog box under Layer
02:07Properties, select the particular one you want, and click on the Remove button
02:13and then OK. Just that simple.
Collapse this transcript
Managing layer settings
00:00We spent a little bit of time looking at Layers and the Layer Property dialog box,
00:04which again is found on the Home tab under Layers and selecting Layer
00:09Properties, bringing up that dialog, and again the first column with a pound
00:15sign shows us a number of shapes assigned to that layer.
00:19The second column, which says Visible, tells us whether any shapes assigned to
00:24that layer will be visible or not.
00:26For example I can see that my Process layer has four shapes assigned to it and
00:32if I uncheck the Visible property of that Process layer and click Apply, you can
00:39see those process shapes just simply turn off.
00:42They are still in my diagram. They're still available to me. They're just not
00:47visible because I've unchecked the Visible property of them. I am checking that
00:51again and selecting Apply. They will come right back.
00:53So the first column simply states whether something will be visible or not visible.
00:59The next column over is printable.
01:02Now certainly I am not going to print something out to a hard copy as part of
01:04the video, but if I were to uncheck the Process layer and make it not printable,
01:12when this went out into a hard copy, everything in the diagram would print
01:16except for that which is assigned to the Process layer. So my four process boxes
01:21simply would not print.
01:23This can actually be a very handy tool and one I find that a lot of people
01:26don't use often enough.
01:28For example if your company had some company-sensitive information and as long
01:34as that document is being passed around internally within the company it's
01:37perfectly fine for everyone to see everything, but if you have an outside
01:41consultant and you don't want that information to leave the company, simply by
01:46assigning things to a given layer and making that layer nonprintable when it
01:50goes out and in hard copy to that consultant, they will never see that
01:54information, it makes it very, very easy to manage the security of that
01:58information as it's printed out to a hard copy.
02:01So Print is a wonderful, wonderful tool.
02:05Active, if I make a layer active, for example if I made the Process layer
02:10active and I then drag a shape from a stencil, if that shape already has a
02:17layer assignment when it comes in, not only will it maintain that layer
02:23assignment, as we know where these flowchart shapes you will get a Flowchart layer,
02:28not only will it maintain that assignment, but it will take on the layer that
02:32you have checked as active.
02:34So in this case if I were to drag another process box out, it would take on the
02:39Flowchart layer and additionally the Process layer, if you need to have
02:44multiple layer assignments.
02:45One of the beauties of Visio shapes is that they can be assigned to more than
02:49one layer at a time.
02:51The Lock layer is rather interesting in that its visibility for the shapes
02:56assigned to a layer certainly are controlled by the Visible column, but Lock
03:00controls whether you or anyone else can interact with that layer.
03:05So for example if I were to check the Process layer and lock it and click OK,
03:12now if I'm working in my diagram I certainly can select the decision,
03:17the document, and the data shapes, but I simply cannot select or interact in any way,
03:25shape, or form with those process boxes. They are locked down.
03:30It's a very nice way when you place things exactly where you want them and you
03:33don't want anyone else to be altering them, to keep them locked down, and it
03:38makes it very easy. People just can't touch them or interact with them.
03:41I can certainly move this off to the side if I wanted. That's fine.
03:44But I am not going to be able to drag these off any other direction. I can't
03:48change the physical properties of it. They are just simply locked.
03:52I'll come back to the Layers and Layer Properties and uncheck the Lock
03:56property and apply that.
03:59Snap and Glue simply state can I snap to or glue to any shape on a given layer, yes or no?
04:08So you can control the snap-ability or glue-ability if you will of a shape by
04:15assigning it to a layer and then changing the settings for Snap and Glue.
04:20The final item on here is Color, and Color is a bit of a difficult one to understand.
04:25To show you how that works, I'll click OK, come out of here.
04:28I am going to take this particular shape and I am going to right-click on it,
04:33selecting Format and Fill.
04:36I am going to change this to a nice lovely blue color, and in fact I am going to
04:41turn off Themes because you can see it's got a gradient theme applied to it.
04:45So we'll come under our Design area and we'll come under our Themes and we'll
04:50select No Theme whatsoever, so we can get just a standard blue.
04:55Now that I have assigned a blue color to this, I am going to come back in my
05:00Home tab and to my Layers dialog under Layer Properties.
05:05For the Process layer I am going to check Color, and now that I've assigned a
05:10color-ability to that layer, I am going to come down under the Layer color and
05:16assign and let's just use bright red.
05:19Now before I click OK, what do you think is going to happen to this particular
05:24blue shape or any of the process shapes?
05:27Most people would tend to say oh well, we've assigned the color red to that, so
05:31it's certainly going to turn red.
05:33Let's take a look at what happens when I apply that.
05:36Notice that it did not change the fill color of the shape whatsoever;
05:42it changed the color of the line, and if there was any fill color assignment it
05:48turned it to white.
05:50So all of these shapes just instantly went white in their fill, but their line
05:55color went to red. And if I uncheck that and apply it, it will go right back to
06:02whatever I've assigned.
06:03So it doesn't lose the memory of what it had. It's just that when I assign a
06:07color to a layer, it changes the fill to white and assigns the line color to
06:14whatever color we've assigned for that layer.
06:16Now there certainly are uses for that. I don't see it done that often out there,
06:21but if you wanted to highlight a specific layer of things because for whatever
06:26reason those were critical on a critical path, you could change the line color
06:31of them to critical path. They would all turn white.
06:33So there are uses for them.
06:35So again Visible controls the visibility, Print controls the printability,
06:40Active controls whether it will take on an additional layer assignment, Lock
06:45controls whether we can interact with it, Snap and Glue control whether we can
06:50snap or glue to shapes assigned to a layer, and Color controls the line color for
06:56the shapes as the color is turned on.
Collapse this transcript
Assigning/unassigning SmartShapes to/from layers
00:00When working with layers in Visio we've learned that we can assign a shape to no
00:05layer at all, any one layer, or any number of layers at a given time.
00:10In the particular diagram that we're looking at right now, if I open up the
00:14Layers dialog box, again under the Home tab, selecting Layers and Layer
00:19Properties, I can see right now I've got lots of things assigned to the Process layer.
00:25I've only got six items assigned to the Connector layer.
00:28I am going to cancel that for just a moment.
00:31If I select that particular connector and come up to the Layers dialog and
00:36look at Assign Layer, I can see that it is assigned to the Connector layer, as it should be.
00:43I'll click cancel here.
00:44I am going to come down to this particular shape and under Layers, Assign to ayer,
00:49LI see that it's assigned to a process layer and that's not helping me out
00:54much at all and the reason I state that is if I came into my Layers dialog box
00:59under Layers Properties and I went to turn off my Connectors and clicked OK,
01:06notice that the connectors up here all turned off as they should, but all of
01:10these connectors are still being seen.
01:13They are improperly assigned to the wrong layer.
01:15So what I want to do is reassign them to the correct layer.
01:20Let me come back to my Layers dialog box and I am going to go ahead and make
01:23that visible once again, but I am now going to come in, click on this first
01:28shape, hold my Shift key down and click on each of the additional connectors,
01:33being really careful to ensure that I am clicking on the connectors, not the
01:36process boxes themselves. Here we go.
01:39Now that I have got those eight assigned there, I'll come up under the Layers
01:44dialog, click on Assign to Layer and I am going to remove that assignment to the
01:51Process layer and change that over to the Connector layer, and I'll click OK.
01:57Now if I click off of there, come back to the Layers dialog box, selecting Layer
02:02Properties, and if I now notice that the number of connector items has increased
02:08and the number of process items is decreased, as it should.
02:12If I now uncheck the Visible property of the Connectors layer and click Apply,
02:17you can see now all of my connectors are turned off, as they should, and checking
02:23the Visible again and applying they will turn back on.
02:26So you can validate quickly and easily where you have assignments that don't work.
02:31Now I've said earlier that we can assign things to more than one layer, so
02:36what I am going to do is I am going to actually just say OK here and I am
02:40going to create a new layer, under Layer Properties I will click New, and I am
02:44going to call this Path. Now I'll say OK.
02:49Now what I'm going to do by clicking OK here, I am going to again select these
02:54particular items, make sure I get all eight of them selected and only those
02:59selected, and once I have selected all of the items that I'm interested in I am
03:04going to come under my Layer Assignments and I am going to assign them not only
03:10to the Connector layer but also to my Path layer and I'll say OK.
03:16Those eight items below now have two layer assignments.
03:20So if I come back into the Layers dialog box and I now turn off the visibility
03:29of the Path layer and I click Apply, you're asking yourself well why didn't they
03:35turn off, since you turned off the visibility of that layer?
03:38Remember that they were assigned to two layers at the same time.
03:42If I come into the Connector area and uncheck that, turn off its Visibility,
03:48click Apply, they will turn off along with those that were just assigned with the
03:52Connector layer. Turning the Connector layer back on and applying, they are all
03:57going to turn on and that's because they have dual layer assignments and when
04:01you assign something to more than one layer at a time, it will take on the
04:06constraints of the worst-case condition. In this case because connectors were
04:12being seen, even though we unchecked Path it's still being seen because the
04:17Connector layer is being seen.
04:19So, be aware that if you assign things to multiple layers, you will need to
04:23understand what is your worst-case condition in terms of visibility and
04:28printability, etcetera.
Collapse this transcript
10. Working with Themes
Themes vs. styles (Visio 2007 and prior)
00:00With the advent of Office 2007, a new concept was introduced called Themes and
00:07Themes were designed to assist and getting a unified look and feel to all of
00:13the documents that were to make up an entire presentation or portfolio or
00:17whatever it might be.
00:18So Visio under Visio 2007 introduced themes as well.
00:24However, let's step back a ways. From the very very beginnings of Visio, Visio
00:29has always contained something called styles.
00:33A style was a named collection of formatting.
00:37So for example if I grabbed a process box and brought it out and dropped it,
00:42right now it's a white box with a black line and if I zoom in on this, and I'll
00:48just put the word text in the middle of this,
00:54that has really no formatting. It's using the standard formatting applied to the
00:59document as a whole.
01:01In other words if I come back to Home tab and I select the shape I can see that
01:05it's Calibri, 8 point text, white fill, it has a standard black line around it.
01:11Very typical of what you would see right on the master.
01:14At any time I want with Visio 2007, I could certainly right click on that shape,
01:21and select Format > Line, and I could make them maybe 2 1/4 point. I could make
01:29it square edged. Let's just make it a brown color and slight corner rounding and
01:37say OK, we formatted the line. We'll come back in here and select, right clicking
01:42Format and Fill and we'll come in here and we'll select a pattern, and I am going
01:49to bring a pattern in of some sort of gradient fill, that will work for me, and go
01:55from a very, very light color to something a little bolder and say OK.
02:04Now we can see that fill taking place. I can come with a shape selected and
02:08change it to some other font that makes sense for me. Maybe Britannic Bold and
02:14make that 12 points and Italics.
02:19So we can format this any way we want.
02:21Then with Visio 2007 and prior we can save this collection of formatting
02:27options as a style.
02:30So styles have been around since Visio 1.0 and were still there through 2007.
02:35But with the introduction of 2007 we introduced the concept of themes.
02:40Let me back up with some of this formatting that I've done and if I now come up
02:45to the Design tab of the Ribbon, front and center is Themes and if I drop down
02:51the list of Themes, I can see the application of themes to my shape as I preview
02:58them via Live Preview, which is very, very nice. And so what is a theme?
03:03A theme collects two different types of formatting styles.
03:08We have Theme Colors and Theme Effects, as you can see the upper right of the Themes area.
03:14Themes Colors certainly apply only to the color of the fill shape.
03:20Now if I don't like any of the built-in ones I can certainly click on Create New
03:25Theme Colors and we see that it applies to the different color aspects, not only
03:29to the Text, but also the Line, the Connector, the Fill, the Fill Pattern, the
03:33Shadow, Accent colors, the Background, etcetera.
03:37Color controls every color aspect of the shape.
03:41Under Effects we can control things like the Font of the text, the Line Weight
03:48and Line Style and Corner Rounding, the Fill Patterns, any Shadows, and then
03:56how connectors work.
03:58So the difference between a style and a theme is that a style was nothing
04:04more than a named collection of formatting whereas a theme is universally
04:10applied across an entire document and a theme gives you greater flexibility in organizing it.
04:17We'll be talking later about how to block the application of a theme if we don't
04:22want it, but remember that themes apply to all shapes selected or not unless
04:28they're blocked, whereas styles you needed to preselect the shapes and then
04:34assign a style to them.
04:36Styles have disappeared altogether under Visio 2010.
04:42We only have themes available to us now.
Collapse this transcript
Applying a theme
00:00We now understand the difference between styles and themes and understand that
00:05themes are the only thing left to us under Visio 2010.
00:07So as long as we are going to be working with themes, we need to understand how
00:11to apply the themes and the various permutations.
00:14Again we go to the Design tab of our Ribbon and under the Design tab, we can
00:20drop down a list of all of the available themes that are built in to this
00:26particular defined document and we've got a full collection of them as you can
00:30see, we also have an item called the No Theme and right now that's what I've
00:36assigned to this particular diagram.
00:38There is no theme assignment.
00:40Notice that as I float my cursor over the individual themes, the Auto Preview
00:47kicks in and allow me to see what that's going to look like before I apply it.
00:53Now by the way I deliberately selected this specific color, Bevel
00:57highlights effects.
00:58You'll need to look very closely, but notice because of the corner rounding
01:02that's happened on the Decision shape there that the arrow is not even
01:07touching the edge of that shape any longer. It's actually standing back
01:11just slightly from it.
01:13When we do corner rounding, that can affect that.
01:15Notice if I go back to this green one that the arrowhead is actually touching
01:18the edge of the shape.
01:19So do understand it themes have other implications other than just the visual
01:25aspect of them, and this one we go to dotted lines, etcetera.
01:28There are just lots of them.
01:31So applying a theme is simply a matter of scrolling over to find the one you
01:34want under an Auto Preview and maybe that's the one we like and then when we
01:39click on it, it will apply that theme to the overall diagram.
01:44I am going to Ctrl+Z back before that happened.
01:48In addition to applying a full-blown theme which includes both theme colors
01:53and theme effects, I can apply just Theme Colors if I like. Maybe the Civic color here.
02:01I've not affected any of the rounding whatsoever.
02:05I can come under Theme Effects and say I am interested in this one because I
02:10like the little drop shadows and then select it.
02:13So I don't have to use a unified collection of theme colors and effects.
02:18I can choose separate theme colors and themes effects as I'm applying them.
02:22But the application of the theme is really as simple as previewing to find out
02:27what you need and what you want and then clicking on it to apply it.
02:31By the way do notice under Visio 2010 that not only did it apply that
02:37application of the theme to the items within the diagram itself, but looking to
02:42the left in the stencil area it's actually updated the masters in the stencil to
02:49show a preview of what they're going to look like when dropped on the page.
02:54So if I look at this particular document shape, I can see that it has corner
02:58rounding, that it has that sort of brownish fill, and it has a drop shadow behind it.
03:03If I grab it and drop it out into my diagram, we'll see that certainly that has
03:08been applied out in the diagram itself.
03:11That's a new feature of Visio 2010,
03:13in that your masters now show the application of the themes and they're live
03:20representations of what they really are going to be in the diagram rather than
03:24static representations of the way the shape might have initially been designed.
Collapse this transcript
Applying a theme color
00:00To apply only a theme color, rather than a full theme to a given diagram,
00:06rather than dropping down and selecting from the list of all of the themes
00:10that are available to you, simply come up to Colors on the right of the Themes
00:15area and drop that down and find the list of all the colors that you might be
00:20interested in and then apply that particular color, whatever makes sense for
00:25you and the way you want to work.
00:28It does not affect any other aspect other than the colors and again when I say
00:33colors, we're referring to not only the fill color of the shape, but also the
00:40text color, line color, the color of connectors, the fill pattern color, the
00:47shadow color, any accent colors and the background.
00:51So applying a color is simply selecting from the drop-down list, applying the
00:57color that makes the most sense, previewing it first and then clicking on it to
01:01apply the particular color.
Collapse this transcript
Applying a theme effect
00:00To apply a theme effect rather than an overall theme, again go to the right of
00:07the Themes area and find the Theme Effects and drop down the list and you'll find
00:13lots and lots of different effects.
00:15So I can do corner rounding, I can do very bold corners, I can do patterns,
00:22very square stripes.
00:25Effects control many, many aspects of the shape, controlling the text itself, the
00:34font, the line in terms of pattern, weight, transparency and corner rounding,
00:40the fill in terms of the fill, pattern and transparency, again not the colors,
00:47but the pattern and transparency, the shadow in terms of the shadow style and
00:52transparency and any Offset positioning and for connectors the pattern, weight,
01:00transparency, the end styles and the corner rounding.
01:04So rather than applying a full theme to apply an effect, simply come down, go
01:09through the list of effects that make sense to you, maybe it's Raised Surface,
01:14click on it and you got the theme effect applied.
Collapse this transcript
Blocking the application of a theme to a SmartShape
00:00We have learned that themes are highly pervasive.
00:03We don't need to preselect shapes, and I'll drop down our list here. Float over
00:08a given theme, it will apply both the theme color and the theme effect to those
00:12to all shapes in a diagram without pre-selecting them at all.
00:17But what happens if I want to block a shape from accepting a theme?
00:22There is an easy way to accomplish this and I am going to do that with this
00:26particular shape here.
00:27Simply select the shape and right- click on it and by right clicking, select
00:33Format and notice down at the bottom of that context menu, we have Allow Themes
00:40and I'm going to uncheck that Allow Themes.
00:44Notice if I right-click on that again, we can see that that's now unchecked in there.
00:49So with that unchecked, knowing that that shape is now no longer going to allow
00:53themes, if I float over it, you can see that all the other shapes are changing,
00:58but that one does not allow a theme.
01:00So you can select one or more shapes in a given diagram and tell it not to allow
01:09the application of a theme.
Collapse this transcript
Removing a theme from a SmartShape
00:00As we are working with themes, we might also want to remove a theme from a
00:05specific shape that had a theme already applied to it.
00:08So I am going to start by applying a theme to my overall diagram.
00:13I want to select that and apply the theme and now I want to remove the theme.
00:18Let me zoom in just a little bit on this and maybe I want to remove the theme
00:22from these three shapes, P4, P6a and P6b. So I am going to select those three
00:29shapes, holding down the Shift key to have them all selected, and I'll right
00:34click on that and again under Format, I'll simply come down here and select Remove Theme.
00:41I removed that theme, and I'll zoom back out, from those three shapes. Very easy to do.
00:47However, if I go to apply another theme, notice they'll instantly take it along with it.
00:53If I want to remove it and block it from taking a theme, after I have removed
00:59the theme, I will still need to select the shapes and right click and under
01:04Format uncheck the Allow Themes and now as I float over the different ones,
01:11it will remove them.
01:13Remember that at anytime even though I have removed a theme and blocked a theme,
01:18the shape can still be formatted in any way I choose.
01:23I can choose a particular font, I can choose the particular fill, color, and
01:27pattern. All the formatting things you are used to are still fully available to you.
01:32It's just that themes are not then imposed upon the given shapes.
Collapse this transcript
Defining a theme
00:00We've learned all about how themes work within Visio 2010 diagrams.
00:05Unified themes, as well as theme colors, and theme effects.
00:09We've also learned how to block the application of a theme and how to remove a theme.
00:14Next, I want to walk us through exactly how to create our own themes.
00:20In order to create a theme, we need to create one or both of theme colors and theme effects.
00:27So I want to come down to the Theme Colors to start with, and I'm going to
00:31scroll all the way to the bottom of Create New Theme Colors, and I'm going to
00:36give mine a name, and I'm just going to call this VenturaColor.
00:45I'd like my text for whatever reason to maybe be a very dark blue rather than a
00:51black, and I'd like the lines to be maybe a more medium blue, and if I'm using
00:58connectors, I'd like them also to be that particular medium blue.
01:01The fill pattern, maybe I'd like to have some sort of a pale gray for my fill
01:09color, and if I'm using a fill pattern, then I'd like that to be maybe in a very
01:15light purple sort of thing, and the shadows, I think that the shadows are very
01:20dark there, so I'm going to use a lighter shadow color.
01:23Accents are defined within the shapes themselves and rarely tend to be used in
01:27most of the shapes that you're going to be working with.
01:30So you certainly can assign accent colors, but not mandatory.
01:34Background is if you apply a color to a background page.
01:39Assign a solid shape and a background color.
01:41So again, you can decide to use that or not use that at will.
01:45I'm going to go ahead and use a very, very pale color there just to have it.
01:50I get a preview of what's going on as I'm assigning these things, and that looks pretty good.
01:55So that's my colors setup and I will click OK.
01:57That's my VenturaColor.
01:59It says "This theme has a background color.
02:02Click on Backgrounds and choose a background design to see the background color
02:06from the theme," and it's just letting me know that right now I don't have a
02:09Background, so I can't preview that.
02:11But if I did have a background, I'm fine with that.
02:14So I'll click OK there, and it's applied to that particular theme color to
02:19what I'm working with.
02:21I'm going to do the same thing for Theme Effects. Again, come down and create
02:24a New Theme Effect.
02:26In this case, rather than using the Calibri Font, maybe I want Century Gothic.
02:31I like the look of that font.
02:35Come under Line and we're going to make the line pattern maybe be a dashed
02:41line, and the weight on that be maybe three quarters of a point, and the
02:46transparency, maybe we'll make it 30% transparent, and slightly rounded corners.
02:53We'll come under our Fill and we'll set up a fill pattern so that we can use
02:57both the pattern and the background, and we'll just kind of do a sliding scale
03:03here gradient fill.
03:05That looks pretty good.
03:06Then we'll come under Shadow, and we'll tell it to use offset lower right for our shadow.
03:12We want the transparency really high there so it's a faint shadow.
03:16I am fine with the offset for that.
03:18Then for Connectors, maybe I want the end of a connector to have an arrowhead on
03:24it, some sort on it.
03:25Now that I've defined all of that, I want to come back to the General tab and
03:29I'm going to use this as my VenturaEffect and say OK.
03:37Having done so, I'm now seeing the application of that in my diagram.
03:42If I drop-down my list of overall Themes now, I can see that in This Document,
03:48I have Ventura colors and Ventura effects, and it's used by all pages.
03:53So it will add it to this particular document.
03:56Now I've added it to this singular document and I've made these changes so that
04:00I can see this in this document.
04:03If I wanted this more pervasive, I can actually do this same technique of
04:09Theme Color and Theme Effect to create my own theme and I could save what
04:14I've done as a template.
04:16So in other words, I can open up the Basic Flowchart Shapes and have a
04:20brand-new blank document, set up a theme color, set up a theme effect.
04:25Once I've done so, then select File and Save As, and change my file type from
04:32Drawing to Template, and that creates a VST file, a Visio Template.
04:41Then any new diagram created based on that template will already have that
04:45unified theme available to it, and not only available, but in this case applied to it.
04:52This is how you can develop standardized look and feel for all of your
04:56corporate diagrams.
04:58So defining a theme and then saving that theme as part of a template will
05:02allow you to create new documents based on the template, giving you the look and feel you want.
05:07If you only want to apply it to this particular document, then by all means,
05:11select your theme colors, theme effects, and it'll be fully available at any time
05:15in this particular document.
Collapse this transcript
11. Creating Brainstorming Diagrams
Understanding the structure of brainstorming diagrams
00:00There are many different types of diagrams within Visio.
00:04In fact, within the Premium SKU, there are over 75 different
00:07templates available.
00:09We have what we generally classify as connected diagrams.
00:12Those tend to be things like our basic flowcharts and cross functional
00:16flowcharts, etcetera, etcetera.
00:18We also have a secondary class which I refer to as hierarchical diagrams, and
00:23there are numerous hierarchical diagrams.
00:26When we speak of hierarchical diagrams, most people think initially of an
00:31organizational diagram.
00:33starting from the CEO and working our way down to the lowest intern.
00:36That's a very classic hierarchical diagram.
00:40However, there is another class of hierarchical diagrams that most people aren't
00:44even exposed to because of the labeling of it, and it's called a brainstorming
00:49diagram, and we find that under the Business category.
00:52So I'm going to select under my Template Categories the Business category and we
00:56can see the Brainstorming Diagram is right there.
00:58A lot of people say "Well, geez!
01:00I don't do Brainstorming. I wouldn't touch this particular diagram."
01:04However, this is a very flexible and very powerful diagram type.
01:09I'm going to go ahead and double- click on this to begin a new one.
01:13Notice that when the environment opens up we have our typical stencils on the
01:17left, drawing area on the right.
01:19But also notice in the lower left of the drawing area we have something
01:23called an Outline Window.
01:26Right now, the top level of the hierarchy in our Outline Window is in fact the drawing.
01:31Now yours may not say Drawing3; it may say Drawing11, Drawing4, Drawing
01:35whatever, depending on how many times you open diagrams within the same session of Visio.
01:41But in fact the drawing itself will be the highest level and for each element
01:47that's stacked below that in the hierarchy, not only is it going to show itself
01:51in the diagram, but it will also show itself in the Outline Window.
01:57So what we're going to accomplish in the next series of videos is how to build a
02:03hierarchical diagram, a Brainstorming Diagram, and take advantage of all the
02:07features that are available to that diagram.
02:11We'll start with a main topic and work our way down through subtopics,
02:17multiple subtopics, and we'll be using the dynamic connectors and associations
02:21to make all of this work.
Collapse this transcript
Adding the top-level topic
00:00When creating a brainstorming diagram, we have to have a starting point and in
00:05our Outline Window the top-level of our hierarchy is in fact the diagram or the
00:09document itself, in my case Drawing3 right now.
00:13I'm going to go ahead and simply start with my main topic. I am going to
00:16drag it out and drop it somewhat center top of my diagram and notice that it
00:22says Main topic on that, which certainly is a little bit less than helpful to me.
00:27I need to change that in some way, shape, or form. Let me zoom in on that just a little bit more.
00:32Most people if I ask them how do I go about changing the text on a shape,
00:37they will tend to say, "Oh double-click on it," and in fact if I wanted to edit or
00:42modify that text, I certainly could either double-click or press the F2 key.
00:48If I double-click, that takes me to Text Editing mode where I can then click
00:52again to place my cursor where I want it and make a change in any way, shape, or
00:58form that I need and when click off of it that's done.
01:01But if I'm just trying to wholesale change the text, I don't need to
01:05double-click. I don't need to press F2.
01:07If I'm working with a shape that has no text or if I want to just wholesale
01:12change that text, simply by selecting the shape and starting to type, I'm just fine to go.
01:19So you can see that's changed the text for me and I am going to zoom back out
01:25to the overall page.
01:27So I've added the top level node to my diagram.
01:31Notice that in my Outline Window underneath the drawing itself the first level
01:37node is now Automotive.
Collapse this transcript
Adding a single sub-topic
00:00Now that I've created the top-level node in my diagram, and I am going to open
00:04that up in my Outline Window so that we can see it a little better.
00:07Now that I've created that top-level node, I want to start creating the hierarchy
00:11that falls underneath it. I want the next level of my hierarchy that works down.
00:17By selecting the shape itself, notice I have on my series of Ribbon tabs a
00:22Brainstorming tab, and I have the ability to add a single subtopic or multiple
00:29subtopics beneath that.
00:31So to create a single subtopic beneath that, I simply click on the subtopic or
00:37right-click on the shape and select Add Subtopic. Both of these perform an
00:43identical task. It's just whatever you are most comfortable working with. If you
00:47like to right-click on shapes by all means that's what I tend to do.
00:51However, if you're a menu-driven sort of person, simply select Subtopic and
00:57it's going to add a subtopic out there.
00:59Now it's going to start by calling it New Topic, but you can change this to
01:02whatever you want, and since my top level is Automotive I'm just going to call
01:06this one GM, and that works perfectly fine for me, and say OK.
01:10Very easy to add a node beneath it, a single node. Notice in my Outline window
01:16I've gone from the diagram down to my top-level topic, Automotive, and added a
01:21single item, GM, in there.
Collapse this transcript
Adding multiple sub-topics
00:00Just as we added one subtopic, in this case our GM subtopic, we can add multiple
00:07subtopics at the same time and it certainly saves a lot of time as we build our
00:11brainstorming diagram.
00:13And again just as we've done before I could either select the shape that
00:17I'm interested in, right-click and select Add Multiple Subtopics, or from
00:24the Brainstorming tab of my Ribbon I can come up to the Add Topics and
00:29click on Multiple Subtopics.
00:32Either way both are going to bring up this same dialog Add Multiple Topics and
00:37in here I can then type-in the topics that I'm interested in.
00:41So since we're dealing in Automotive and we've added GM we'll go ahead and add a
00:45few additional ones.
00:46For example, Chrysler and Ford and my personal favorite, Jaguar, and then
00:56finally just another one to throw in there, BMW, and when we've added them we'll click OK.
01:05Now however before I do, I just want to draw your attention to the item that says
01:09the top and this is critical. It says "Type the topic text, then press Enter
01:15for each new topic," and that's the only important thing you've got to remember here.
01:19You can use a single word like I'm using. You can use a sentence, you can
01:23paragraph, you can use a chapter, War and Peace, whatever makes sense. You just
01:28mandatorily need to press that Enter key for Visio to understand that it's a new
01:33topic between each one.
01:35So I've done that, and I'll click OK and we can see that it's laid those out.
01:40It's kind of drifted off the page a little, so I'm going to pull my diagram down
01:43just slightly and we can see those out there.
01:46Now it's about this point in time that you're probably saying yourself, "Well,
01:50you know, this is really an ugly looking diagram" and I'd probably be the
01:53first to agree with you.
01:55But bear with me because as we stepped through the entire process of building
02:00this hierarchical diagram, when we get done it's going to be a very elegant, very nice diagram.
02:06So we right now have five subtopics off of Automotive. We can see them in the
02:11diagram and looking in our Outline window we see our five subtopics coming
02:17underneath Automotive as well.
Collapse this transcript
Using the Brainstorming window to edit topics
00:00Thus far as we've been working with our Brainstorming diagram we've been working
00:05solely within the drawing environment itself. We've been adding subtopics by
00:09either selecting the shape and right-clicking on it
00:12to add a single subtopic or multiple subtopics, or we've been using the
00:16Brainstorming tab of the Ribbon and selecting Subtopics or Multiple Subtopics as well.
00:23We are not confined however to working within just the diagram.
00:27We can actually work directly within the Outline Window.
00:32So for example I could select my Jaguar shape and we'll add a subtopic as well
00:37and we'll get our XJS, and we can come under Ford and right-click and select add
00:45a subtopic as well here, and we can see that it shows up in our hierarchy and
00:51maybe we'll do a 300 series.
00:55Now I notice that I've made a mistake here.
00:58Ford does not have a 300 series; Chrysler does. So what do I do?
01:03Do I Ctrl+Z to undo before this, do I select the 300 and delete it and start
01:10again, do I try and disconnect it and move it and reconnect it?
01:13A much easier way is to work right in the Outline window and we're going to
01:17drag our 300 series from the Ford right to the Chrysler, and when I drag it in
01:25notice that it's added it right over here in the Chrysler.
01:32So Visio diagram takes care of itself based on the changes that we make right
01:36in the Outline Window.
01:38We can use this brainstorming window, this Outline Window, to add topics, delete
01:44topics, rearrange topics, change the order, move them around.
01:49This allows us to play what-if scenarios. What if this person said reporting to
01:53that person reports to another person, what if this particular process step is
01:57actually a part of another process rather than this? We can play what-if
02:00scenarios very easily utilizing the Outline window and the diagram will simply
02:05take care of itself.
Collapse this transcript
Changing the look of the topic shapes
00:00As we are working with our brainstorming diagram, we may want to change the
00:04physical look of any one of the nodes.
00:07And this is very easily done and accomplished in Visio simply by selecting the node.
00:11I am going to select the GM node right now. And either going up to the
00:15Brainstorming menu and selecting a change from there. We can change the topic here.
00:23That will bring up this dialogue. Or just as easily again right clicking on it
00:28and selecting Change Topic Shape.
00:31We have a fixed palette of different shapes that we can use.
00:34In other words, you can't use absolutely any shape that you'd like.
00:38You're confined to the shapes as they exist with in the brainstorming solution.
00:43I am going to kind of spin through some of them so you can see.
00:46I could change this one to an Oval if I wanted.
00:50I can change it to a Cloud form if I like.
00:55I can change this to a Rectangle and I'll keep just kind of checking through these.
01:02A Line, which is of course what we started with here, and two more then.
01:07We have a Freehand shape that's just sort of like a circle and a very light gray.
01:12You might want to darken that up if you're going to use that. And then finally
01:16we have something called a Wave.
01:17So you can easily change the look of any node at any time you would like simply
01:22by either right clicking on it and selecting Change Topic or from the
01:27Brainstorming Ribbon click on Change Topic as well.
Collapse this transcript
Changing the layout
00:00Again as we are working with our Visio diagram, we have lots of flexibility in
00:04the way that we can work with them.
00:06We have talked about changing individual topic shapes simply by selecting the
00:10particular shape or right clicking on it and selecting Change Topic Shape and
00:15making it anyway we want. Very straightforward, very easy to do.
00:19And we talked about being able to add levels of the hierarchy.
00:22So under my Jaguar, I can come down very quickly and easily and add a subtopic
00:27under here and have the text XJS as it were, and I can also add under my
00:33Chryser I can have my 300 series as well, by adding a subtopic under there and
00:38having my 300 series.
00:40Very quickly and easily adding the topics that I want.
00:44Earlier I had talked about how this is not necessary the most attractive
00:47diagram, but with a few quick and short changes we could make this thing very,
00:52very attractive and a very usable diagram.
00:55So what I want to walk you through at this point of time is the two-step
00:58process and being able to organize this, changing the layout and the look of
01:03this to get it really elegant.
01:06I am going to do this from the Brainstorming tab as well.
01:09There are two items here that we need to pay attention to.
01:12One is a Diagram Style and the other is the Layout.
01:16And I am going to start with the Diagram Style.
01:19So I am going to select Diagram Style and up comes this dialog box.
01:23This dialog is a fixed palette of different styles.
01:28About half of these I think work incredibly well; the other half are somewhat
01:32less than effective in my mind.
01:34Simple is the way we have started with, the oval at the top and individual
01:38lines cascading out from underneath that.
01:41Billowing is just a whole series of clouds and it's not necessarily what I think
01:46the most effective type of topic.
01:48Boxy is a nice clean corporate look.
01:50Elliptical is a little bit more casual but unified. That's a great look.
01:55Mosaic 1, still has the cloud out there and I probably wouldn't be prone to using that.
02:00Mosaic 2 alternates between an oval and a rectangle and ovals, and I probably
02:06then individually need to change those lines out to be rectangles well to get a
02:10unified look, knowing that can be done.
02:13And then finally, Starburst to my mind is pure cartooning and I just can't see
02:18a sense why I would tend to use that one at all.
02:20So I am going to pick on Boxy just because I like the look of it and I going to say OK.
02:25And notice it's changed them all to boxes.
02:28Now, because we are using Visio 2010, themes are applied to these diagrams by default.
02:35In fact every Visio diagram under 2010 has a theme applied to it, and themes
02:40block the kind of formatting that we are used to.
02:44The reason I say that-- and I want to come back to the Design tab and I'm going
02:48to select No Theme.
02:50Now notice when I have turned the themes off for this diagram, then all of a
02:55sudden we note that the each level of this hierarchy is in fact in a different
03:00color and that's been the default behavior for Visio brainstorming diagrams
03:04since we started them years and years and years back.
03:07I think it's absolutely elegant. I don't have to worry about colorizing these at all.
03:11It sets up each level of the hierarchy with its own color.
03:15And it looks very, very nice.
03:17So remember that by default if you have the built-in theme going on, you get
03:23just sort of this plain white with a barely gradient sort of fill.
03:27And in order to get that colorization, simply turn your themes off and you'll
03:31get the colorization and they look really very nice under Boxy.
03:35We said that we are going to deal with both Diagram Style and then Layout.
03:40So under the Arrange area, under the Brainstorming tab, I am going to select Layout.
03:45And Layout brings up a dialog, which allows us to choose the layout for our
03:50brainstorming diagram.
03:51Default is from center outward.
03:53That's what we've been working with thus far.
03:55But we can also set this up Left to Right, Right to Left, Top to Bottom, and Bottom to Top.
04:02And what I think of a hierarchical diagram, I tend to think of top-down.
04:07So I am going to select top down and because I'm using boxes, rather than using
04:12curved connectors that you're seeing here, I am going to change that to
04:15straight connectors.
04:17And when I click OK, we can see that the diagram itself is now built itself
04:22around a top-down hierarchy, setting each one at its own level using straight
04:27connectors and is a very clean, very elegant looking diagram.
Collapse this transcript
Sending data to Microsoft Word
00:00Now that our diagram has been actually created-- we have the hierarchy in place,
00:05we have changed the style of it, we have changed the layout of it, and we have
00:09something that looks very, very effective--
00:12we may very well want to share the information contained within this diagram
00:16with other applications, within the Microsoft product suite or in fact within
00:20other applications completely outside of the Office suite.
00:23And we do this very quickly and very easily again from the Brainstorming menu,
00:28which is the fastest way to get at this information.
00:31We have our Export and Import Data and I am going to select under Export Data
00:36that I would like to export this initially to Microsoft Word.
00:41Before we do our export, I need to make you very, very aware of in order for
00:45this to work you need to be using compatible versions of Office and Visio.
00:51In other words, if you're using Visio 2007, you'll need Office 2007.
00:55If you're using Visio 2010, you'll need Office 2010.
01:00If you don't have a compatible version, these items down here will in fact be
01:05grayed out. You'll not be able to do this. But as long as you have compatible
01:09equal versions thereof, you'll be able to very easily do this.
01:12So I am going to select on Export Data and I am going to click on Export To Microsoft Word.
01:19When I do, it's going to ask me where I would like to place an interim XML file
01:26that it's going to create, and I am going to place this certainly in exactly
01:29the same location that I have before from my desktop.
01:33I'll go to my Exercise Files and I'll go into Chapter 11 here and our
01:39Brainstorm 06 file.
01:41So I'll click on Save and when it does, its going to right out and create the
01:45XML file, and then it's going to launch Microsoft Word.
01:49And notice that our top-level topic, Automotive, shows up in Heading 1 style.
01:57Each one of our manufacturers GM, Ford, Chrysler, Jaguar and BMW all show up in
02:05Heading 2 and the individual models,
02:09the Chrysler 300 and the XJS, are showing up in Heading 3.
02:14I presume all of you are very comfortable and very aware of understanding that
02:18structure of Heading 1, 2, 3 and 4 for formatting options within Microsoft Word.
02:25So when Visio creates the export to Word, it takes each level to hierarchy and
02:30puts it in the different heading levels.
02:32Now by default Microsoft supports and we can see through Heading 5, but I think
02:38it supports actually through Heading 9 all the way down.
02:41So you can have a very deep nested hierarchy in Microsoft Word and generate
02:45the diagram by applying the styles and then again you can format this in any way you want.
02:51What this gives you the ability to do of course is take the data out of your
02:55Visio diagram and push it out into Word in an outline format that you can then
03:00flash out and do a lot more information, with once you have got that outline put
03:05together the way you want utilizing the Brainstorming tool.
03:08I'll go ahead and close out Microsoft Word and return us to the Visio diagram.
Collapse this transcript
Sending data to Microsoft Excel
00:00Just as we sent an output from a Visio diagram out to Microsoft Word and
00:05it showed up utilizing Word's outline heading formats of Heading 1, 2, 3, 4
00:10etcetera, we can also send the data from our Visio diagram out to an Excel file.
00:16And again, it's just as simple as selecting the Export Data and sending to Excel.
00:22Now just as a reminder, you will need to have compatible versions of Office and Visio.
00:27So in the case of Visio 2010, you will need Office 2010. Visio 2007 you will
00:32need Office 2007. But I am going to go ahead and click on Excel and it's going
00:36to ask us where we want to place that interim XML file.
00:40So I will again place that in my exercise folder and click Save.
00:46Now in this case once it has written the XML file, it's then going to generate
00:50our Excel workbook and you can see that it's taken our topics that we have in
00:54there and it's generated an additional column showing me the hierarchy.
01:00So notice our Automotive,
01:02which is our top-level hierarchy, shows up as T1, our individual manufacturers
01:07show up as 1.1, 1.2, 1.3, 1.4 and 1.5, and the individual models under the
01:16Chrysler 300 becomes then 1.3.1 and under Jaguar 1.4.1, and this would be
01:23continued for as deep as the nesting of the hierarchy is put together.
01:28So Visio does a wonderful job of generating the raw XML data such that it can be
01:33pushed out and generate the Excel files, etcetera.
01:36Let me close that out and come back to Visio and I won't save the changes here.
01:41Just to make you aware, in addition to exporting to Word and Excel, we can also
01:46just generate the XML file.
01:48That way any application capable of consuming XML could have access to the data
01:54from this brainstorming diagram.
01:56Do note that there is also an Import Data item here and it says "Import an
02:01outline in XML format as a brainstorming diagram," which means that you can craft
02:07an XML file to use as a data source for input.
02:11However, you can't just start with an Excel spreadsheet.
02:15You would need to generate the XML file.
02:18Actually what's not stated in here, just to make sure that you're very aware of it,
02:23is that the only valid application input for the brainstorming diagram is
02:29Microsoft Word, and what you will need do is very carefully use heading 1, 2,
02:333, 4, etcetera in your Word document, and within your Word document it will then
02:38save the Word document in Word's XML format, and when it's saved out to XML you
02:44can then use that data as an import by clicking on Import Data and bringing that in.
02:50Now when it's brought into Visio you are going to have a single oval and a
02:53whole lot of sticks going from center outward, but as we've seen in earlier
02:57videos, it is very quick and very easy to change the diagram style and the
03:02diagram layout to get something very attractive.
Collapse this transcript
12. Creating Organizational Charts
Adding the top-level executive SmartShape to the diagram
00:00Probably the most classic hierarchical diagram in all the Visio diagrams is an
00:06org chart and we tend to think of org charts as being that penultimate
00:10hierarchical diagram, starting from the executive at the top, the CEO, and all the
00:15way down to the newest hired intern that might be part of the team.
00:20I've started a new diagram based on a file called Org Chart 00.
00:24However, I have started with a blank org chart, so you could just as easily
00:29select File and then New, and in your Business Category you'll notice there is
00:35both Org Chart and Org Chart Wizard and I'm using Org Chart itself.
00:40I am going to talk about the differences between these two in a later video and
00:45why you should always, underscore, always use Org Chart and not use Org Chart
00:51Wizard, but for the work we're doing we are going to use Organizational Chart.
00:54So if you don't have the student file, by all means just start a new
00:58organizational diagram based on Org Chart.
01:01I will return back to my diagram.
01:03So the first thing we need to do in manually building an org chart is to
01:07drop the executive.
01:09So just as we are always used to doing in Visio, we drag and drop.
01:12We will drag executive out and drop them.
01:15Now when you do, a dialog is going to pop up that says to connect the shapes,
01:20drop a shape on top of the superior shape.
01:23Once you have seen this hundred times over, building lots of the things, you'll
01:28very gladly and cheerfully check this little checkbox here that says Don't show
01:32me this message again.
01:34All this is designed to do is reinforce for you that in order to build the
01:38structure of these diagrams, you'll always drop the subordinate on top of the
01:43superior and Visio will take care of the layout and connectivity for all of it.
01:48So building the top level starts with dropping the executive top center, and
01:55note that it's going to have a shape called an executive shape, and let's talk
01:59through these shapes for just a moment.
02:00There is an Executive shape, there is a Manager shape, a Position shape and then
02:07similar to the Position shape there is a Consultant Assistant and Vacancy shape.
02:12There are also some additional shapes that will talk about as we work with
02:16the diagram further.
02:17Now the thing to remember at all times about the Visio organizational
02:21diagramming solution is that this is a very closed, very fixed solution.
02:27In other words you can't use your own shapes at all, and in fact you can't
02:32modify the shapes in any way. You need to work with them just as they are.
02:37They are quite powerful and they will do a lot for you, but you do need to work
02:41with them just the way they are.
02:43So starting any organizational diagram, we start by dropping the executive
02:47shape and I tend to drop it top center.
Collapse this transcript
Adding manager sub-shapes to the diagram
00:00Once we have our top-level executive in position at the top of our diagram,
00:05we now want to start laying out those people reporting to that executive and just
00:10as the dialogue stated when we dropped executive in the first place, in order
00:13to add a subordinate to the diagram, we simply drop the subordinate on top of the superior.
00:20So for adding Managers or Vice Presidents or Directors, whatever works for you,
00:25under the top-level CEO we simply grab that and drop it right on top of that shape,
00:31and in doing so, again we have that message that pops up, but it will
00:37then drop them beneath and the first one is going to show up centered on that.
00:43I then come in and grab another one and it'll put it to the right.
00:49Grabbing another one it puts it to the left. Grabbing another one puts it to the right.
00:55Grabbing another one puts it to the left.
00:59And then we will stagger them starting with center, then right left, right left,
01:03right left, and will continue doing this in a totally horizontal manner for as
01:07many people as you're dropping underneath the superior above it.
01:12Later on we will talk about how to rearrange the order of these things.
01:15You are not in any way, shape, or form confined to having a purely horizontal layout.
01:20That's just the default in the way it's going to drop them initially, but as you can see.
01:26we now have five subordinates reporting up to our top-level executives.
01:32So this could very easily be the CEO and this could be the VP of finance,
01:36operations, sales, marketing, R&D.
Collapse this transcript
Adding position sub-shapes to the diagram
00:00Once we have that second tier in place, starting from our top-level executive
00:06and then working with the managers beneath them, we can apply exactly the same
00:10technology, starting to add position shapes beneath these managers.
00:15Again, we simply grab the shape and drop it right on top of the superior and
00:20the first one will be added immediately beneath, and if I add yet another one,
00:25it will be added to the right, another one added to the left, etcetera.
00:31Very straightforward. It's always going to lay them out initially in a
00:35totally horizontal manner.
00:38Again, we can change that order in any way, shape, or form we want, change the
00:43layout very easily and effectively, and we'll be talking about that soon enough.
00:47The philosophy always is take the subordinate and drop it on top of
00:52the superior.
Collapse this transcript
Defining alternate layouts for subordinate SmartShapes
00:00As I've stated before, when Visio lays out each level of the hierarchy in
00:05our organizational diagramming solution, it lays them out in a purely horizontal manner.
00:10So as you can see in the diagram we're working with, the executive is at the
00:14top, the five VPs or directors are beneath that.
00:19And then beneath those manager shapes we have position shapes, and they are also
00:23laid out totally horizontally, starting from center then working right, left,
00:27right, left, right, left, etcetera.
00:29You and I both know that there is no way in the world an entire organization is
00:34going to fit on an 8.5x11 sheet of paper, especially if they're running out
00:37purely horizontally.
00:39So at any time we want we can define an alternate layout for the subordinates
00:44that we're working with.
00:46The important thing to remember here is that we need to select the manager and
00:51we can change the layout of the people beneath that manager.
00:56So we'll go up to the Org Chart tab on our Ribbon and over here in the Layout
01:01area we have three different categories of layouts.
01:05We have a purely horizontal layout, which is centered and that is the default.
01:11We can also have them stacked to the right from left to right.
01:15We can have them stacked from the right to the left. We can have them Left
01:20Offset, Right Offset or Staggered.
01:23In vertical layouts we can set them up Left or Right, Center Left, Center
01:29Right, Left Offset, Right Offset, and then using staff members, Staff Left and Staff Right.
01:35We can also under side-by-side use a single side.
01:39In other words, it's going to stack them side-by-side but connect them to
01:42the side of the shapes.
01:43We can also use Single Top, which will stack them side-by-side and connect them into
01:48the tops of the shapes.
01:49We can also have double ranked, which will give us four columns connected at the sides,
01:54or Double Top which is four columns connected at the top.
01:58I'm going to go ahead and change ours to Single Top.
02:01When I click on Single Top, notice that it just change the hierarchy,
02:05the layout of those subordinates, to be side-by-side in two column ranks, connected
02:11at the top of each shape.
02:13You of course determine the layout, that works the best that makes the most sense
02:17for what you're doing, and choose that layout.
02:20At anytime you want during the process of this you can change that order.
02:24The important thing to remember: always select the manager or the superior and
02:30it will re-layout the subordinates beneath that superior.
Collapse this transcript
Reordering team members
00:00We look at how to lay out our subordinate shapes, starting in a hierarchy working
00:05from the top and the CEO, working down to the managers or directors, working down
00:10to the positions, and we've noted that it initially lays things out in a
00:14horizontal manner starting from center then going right left, right left.
00:19Now we've also noted by selecting a manager we can use the alternate layouts
00:24under the Layout area of the organizational Ribbon and select any alternate
00:28layout that makes sense.
00:30But because it's laying them out center then right left, right left,
00:33it may not lay these out in an order that is optimal to the way you want your
00:38organizational structure to work.
00:40For example you may want the CIO, before the CFO, before the COO, and you may
00:46want them in some sort of alphabetical order.
00:49So at anytime you want you can select a particular person or particular
00:54position, a manager, whatever you need and under the Arrange area under the
00:59Organizational tab of the Ribbon you can choose to move them left or up or right or down.
01:06Now notice that I have this particular manager and their team at the far left
01:11and maybe I needed that manager and their team the next slot over to the right.
01:16So by selecting that particular manager I simply click on Move Right/Down and it
01:22will move it right and it's adjusted those.
01:24Now I am going to zoom in on this area. As a matter of fact what I'll do is
01:29I'll come under Data and select the Shape Data Window and the name of this
01:33person I'll just call Sue and the name of this person I'll just call Fred.
01:39Now having done that I might want Sue or Fred to be swapped. So I can select
01:45Fred and come back to the Organizational Chart and say I want to move Fred up
01:51and that will swap out the position of those as well.
01:53So you have the full control to move things right or left, up or down, and
01:59rearranging the order of the people, the positions, within a structure that
02:03you're working with.
Collapse this transcript
Adding consultant, assistant, vacancy, and staff sub-shapes to the diagram
00:00In addition to being able to drop a series of managers under that executive and
00:04a series of positions under a given manager we also have the ability to lay in
00:11consultants, vacancies, and assistants as alternate shapes to the standard set of
00:16three shapes in building our hierarchy.
00:19So I want to walk you through the ability to drop in consultants, assistants, and
00:25vacancies and staff sub- shapes to the diagram itself.
00:30It's really very straightforward and very simple. The same methodology that
00:34we've always used before.
00:36To lay in an assistant, we simply grab the Assistant shape and drop it on the
00:41person that they are going to be assigned to.
00:43To drop in a consultant we can select the Consultant and drop it on the person
00:49that they're going to report to.
00:50It will add a consultant.
00:52The methodology is always the same: drop the subordinate on top of the superior.
00:58So to lay in an open requisition under this particular manager I'll grab a
01:03Vacancy here and drop that in here and it's going to add that open
01:07requisition underneath that.
01:09Now certainly when we get down beneath the level of the staffing and I'm zooming
01:15in here a little bit just so can see this somewhat better, we might have what
01:20are called staff positions under.
01:22They are not a snow position; they are additional staff, the lowest level of hierarchy.
01:28We have an item here called Staff.
01:29So I'll grab Staff and I am going to drop that under Franco and it's going to
01:33lay that one out there, and of course that one was centered and if we have
01:37another staff position, it will drop it off to the right and another one to
01:41the left, etcetera.
01:42Again, everything is always laid out initially in purely horizontal format and
01:48at anytime after we get them dropped we can come into the Org Chart and come
01:53into the Layout area and change not only the layout but then in the Arrange area
01:59change the ordering of them within the given hierarchy.
Collapse this transcript
Adding team frames to the diagram
00:00As our hierarchies become more-and-more complex, within the working structure of
00:04any organization we might have teams that work together and those teams can
00:08certainly cross individual managers.
00:11So one of the shapes that's available to you and if I scroll down through here
00:15is we'll find something called a team frame, and I am going to go ahead and drag
00:20out a team frame and drop it in my diagram, and I'll resize that team frame to
00:25encompass the people that I want to show working together.
00:28I am just kind of move that out and right down into here and that's fine.
00:35So I'm showing a group of people that work together across different managers.
00:39This particular manager, Suzie, has quite a few people working for her and the
00:44other persons have less of them, but they're all working together as a team on a
00:47specific project and I want to be able to show that.
00:50The team frame does a great job of this.
00:53However, do note something about the team frame that I find rather unusual.
00:57The team frame is designed to be a dashed line with two arrowheads and a gap
01:02between it and the text is showing up down here underneath the shape and I
01:08think it will be far more efficient if the text was showing up between the gap.
01:13So it's a very easy fix, even though I think the shape was not designed spot on.
01:17I am going to select the shape itself and go back to the Home tab and under
01:22the Home tab under the Position menu I am going to come down to the Rotate Shapes
01:28and within Rotate Shapes under Orient Shapes I'm simply going to flip it vertically.
01:34Now once I flipped it vertically with the shape flipped over and notice that the
01:39text now sits in that gap between the two particular arrowheads.
01:44So I can now simply select that and change the text on that to read let's just
01:47say Product Research, and that certainly makes a lot more sense that this is a
01:56product research team and I'm showing them all working together.
02:00So the team frame is simply drag it out, size it, position it where you need it.
02:04I recommend flipping it over so that the text that you type for that shows up
02:09in the gap between the arrowheads and it looks very nice and helps you
02:12understand the relationship of all these people working together.
Collapse this transcript
Creating dotted-line report indicators
00:00One of the things that Visio does not do in an automated manner but you
00:04can always do in a manual manner is lay in what's referred to as dotted
00:09line relationships.
00:11That's where I have an individual who reports directly to a particular manager
00:16but also has a secondary reporting to another manager.
00:20So for example our person Franco here reports directly to Suzie, but Franco
00:26might also report in a secondary manner to this manager out here.
00:30Now he is working outside of this Team frame here. He is doing some additional
00:35work for this manager.
00:36So if I scroll down through my list of Organizational Chart Shapes I can find
00:40something called a Dotted-line report, and what I am going to do is simply drag
00:44that dotted-line report out and drop it on the page and then grabbing the begin
00:49point of that dotted-line report I'll connect it up to the side of Franco here.
00:54Notice the small red hollow box letting me know I'm using point to point glue,
00:59going to that connection point.
01:01Then I'll do the same thing over here, dragging out to the center bottom onto
01:05that connection point here and I've just laid in a dotted line relationship.
01:09So people looking at this diagram will understand that Franco not only
01:13reports directly up through to Suzie using that particular path, but also
01:19using this alternate and dashed line reports up to this alternate manager out
01:23there as well.
Collapse this transcript
Utilizing multiple and three-position SmartShapes
00:00In building a complex hierarchy of organizational structure we want to find as
00:05many shortcuts as we possibly can to make this as fast and easy as possible,
00:10even when we're building this in a manual manner.
00:13Down towards the bottom of your Organizational Chart Shapes, you have the
00:17ability to lay in either Multiple shapes or what's called Three positions, and I
00:22am going to start with Three positions here.
00:24But before I do, let me zoom in on this given area here and I am actually going
00:29to remove, just for clarity's sake, the dotted line reporting.
00:33I want to add three positions underneath this particular manager.
00:37So I come over on to my Organizational Chart Shapes, grab Three positions, and
00:42as we know, we simply drop it on a superior and as you see it will lay in the three positions.
00:49Now, you probably also noted that it is laying them in a purely horizontal
00:53manner and they are overlaying the other items.
00:56So what I would tend to do is select the manager, come up to the Org Chart
01:00menu, and change the layout to Single Top since that one is still overlaying
01:06someone else. Still select that manager and Vertical to Left and now they are
01:12stacked beneath that.
01:13So we can lay in multiples at a time.
01:16In this case, it's three positions.
01:18I am going to go ahead and Ctrl+Z and undo this back a little bit and I'll also
01:23get rid of my connector there.
01:24We also have what's called Multiple Shapes and again if I drag that out and
01:29drop it, it's going to ask us the number of shapes that we want and perhaps I
01:34want in this case maybe five shapes and what I would like to use is Staff, and I'll say OK.
01:41Now, before I do that by the way do notice that you can lay in any one of the
01:46shapes off that stencil.
01:48Executive, Manager, Position, Consultant, Vacancy, Assistant, or Staff.
01:52So you can choose any one you want and you can choose any number of that you want
01:57to lay in at any given time.
01:59So I happen to have chosen 5 and Staff and I'll click OK and it of course lay them
02:04all out horizontally.
02:05So I will select the manager and in this case come under Vertical and do maybe
02:10a Left Offset and they're all showing up in there.
02:14Now in this case, they are conflicting with my team frame slightly.
02:17So I'd probably readjust my team frame and move it in just a little bit.
02:21Now by the way, when you're moving that team frame or when you're moving any shape
02:25you have the ability to do a couple things in Visio.
02:28One of those things that's really fascinating is that you can use your arrow
02:32keys on your keyboard to do what's called nudging a shape.
02:36So with the shape selected I can click on my left arrow and it's going to move
02:39it in just a little bit.
02:40I can go right, left, up or down.
02:44Anything that makes sense to me and if I hold my Shift key down while I'm doing it,
02:49it does it one pixel at a time.
02:51So I am going to establish very, very granular control over how all of this works.
Collapse this transcript
Adding pictures of employees
00:00In addition to manually specifying the organizational structure and what teams
00:06are reporting and how a dotted line works and we can drop in multiple shapes and
00:10multiple positions, etc, we also have the ability within the Visio organizational
00:14solution to drop in photographs of each one of the staff members.
00:19and it's really very, very straightforward.
00:21I'm going to zoom in on our top level here.
00:23I am going to select the shape and in this case I'm going to right-click on the
00:30shape and I can select Insert Picture.
00:33Note that I can also within the Organizational tab insert a picture, delete
00:39a picture or choose to show/hide the picture, even if it remains in the organization.
00:44So I can choose when and where I want it.
00:46But I am going to insert a picture and in this case I'm going to go out to my
00:50particular Exercise Files directory and I find the picture I want and click
00:56Open and it will automatically resize that picture to fit within that particular frame.
01:03And once the picture is in there, you can choose to show or hide that picture.
01:08And it's in there. We just choose whether or not we want to see it, and if we
01:11want to delete it we simply delete the picture out of there.
01:14But very straightforward to add pictures.
01:16It is not an automated process.
01:19For each and every employee shape you will need to click on the shape,
01:23right-click, or use the Organizational Chart tools and select Insert, and manually
01:28insert the picture for each and every individual.
01:31But once they're in there, you can then quickly and easily show or hide them so
01:35they're all available to you.
Collapse this transcript
Breaking down the organizational structure with synchronized copies
00:00In many organizations in the structure of the organizational breakdown can be
00:05quite large and in fact, if we think of very large Fortunate 500 companies, the
00:09structure can be in a multiple thousands of people, and quite obviously multiple
00:14thousands of people are not going to fit on a single 8.5 by 11 sheet of paper.
00:18So what we need to be able to do is have the ability to break this down so that
00:23each manager and their team can have their own page in an organizational diagram
00:29and create a multi-page diagram.
00:31Page 1 becomes the top- level management structure.
00:34Pages 2 through end become each of the breakdown pieces within them.
00:39And Visio does this quite readily and quite easily.
00:42Now one of the things I've done with this drawing is very quickly I've
00:45created a few layers.
00:46We talked about layers in an earlier video, but under Layer Properties, I have
00:49created two layers here for Dotted Line and for Team Frame because, what I want
00:54to be able to do is just turn those off temporarily. I don't need to use them
00:57right now, so I'm going to turn off the Visible property of those and say OK.
01:01So we're now looking at our breakdown structure without that clutter.
01:06In order to take a manager and their team and shred them off to their own page
01:12we use a technique called a synchronized copy.
01:15And I am going to go ahead and select this manager and having done so, I'll come
01:18to the Org Chart and then what we're going to do is select under the
01:22Synchronize area, Create Synchronized Copy.
01:25Now remember just as with anything else,
01:27whatever you want to happen to the subordinates, make sure you select the
01:30manager and it understands that which is underneath it.
01:33So I am going to click on Create Synchronized Copy and when I do so, because my
01:40current document only has one page, it is going to offer to put that
01:44synchronized copy on a new page.
01:47If I had a document that already had multiple pages, I could select existing page
01:53and use the drop-down list and place that some existing page, if that made sense.
01:58Generally, it makes more sense to put it on a new page anyway.
02:01So New page it is and then there's a checkbox here that says Hide
02:05subordinates on original page.
02:07So I will check that and when I click OK, that's going to take all of those
02:13subordinates and move them off.
02:15Notice we have a brand-new Page 2 there and it has taken that manager and
02:20their team, and I am going to move the manager down just a little bit, and put
02:23them off on their own page.
02:25If I go back to Page 1, you'll see that what we're showing here, and I'll zoom in
02:30on it so you can see it more clearly,
02:31we are showing everyone rolled up under that manager and that's what these sort
02:35of multiple stack looks like here. I'll zoom back out.
02:39But if I go to Page 2, I can see all of that information has been moved off to its own page.
02:45So that manager and their team has moved out there, and again at any point in
02:50time I can select the manager and change the view that I want for that
02:54particular manager to whatever makes sense for me.
Collapse this transcript
Expanding and collapsing reporting structure views
00:00Once I've created a synchronized copy and moved a manager's team off onto their
00:05own page, and we see we've done that here. Selecting Page 2, we can take a look
00:10at that manager's subordinate team and come forward again to Page 1.
00:15Once I've created that synchronized copy, the keyword there being
00:19synchronized, I can make fundamental changes-- and I'll come back to Page 2-- to
00:25this particular team.
00:26For example, under this particular person right here, maybe I want to add
00:31an additional vacancy.
00:32So I want to add a vacancy underneath that person and I've added a vacancy.
00:37So I've made a change to the structure of this team, but because these are
00:42synchronized views, if I come back to Page 1, at any time I can select that
00:48manager and I can choose to show or hide the subordinates.
00:52So I'm going to select Show and I can see under any one of those people that I
00:59can show or hide the subordinates and expand that team out and any change I've
01:04made to the first will be made to the second as well or I should say this
01:09subordinate view will be made to the superior view.
01:13The top level view will always get the changes that I've done beneath.
01:16Now if I make changes to the top-level view, it will also then be reflected beneath.
01:21They're always synchronized with each other, and at any time by selecting
01:25a level of the hierarchy, I can choose to roll up or drill down on that given view.
01:30So you determine visually what you want to see on any given view and let Visio
01:36manage showing or hiding those as necessary.
01:40One of the things that I would probably recommend doing just to move you
01:43back and forth is I would select that manager and come under your Insert
01:48menu and select Hyperlink and using the Sub-address line, go to Page 2 and
01:55say OK and I'll say "Go to team."
02:01And now that I have a hyperlink set up for that, I can right click on that and
02:04select Go to team and it will take me to the second page and then here on the
02:08Manager, I would do the same thing.
02:10set up a hyperlink using the Sub-address, go back up to the top-level page, and Return To Top.
02:19Say OK and then by right-clicking on that, selecting Return To Top, will take me
02:23back to the first page.
02:25So setting up hyperlinks of navigation between those pages will make it
02:29much easier for the users of the diagram to navigate back and forth rather
02:33than having to go down to the bottom and have page tabs which may or may
02:37not be properly named.
02:38Page-1 and Page-2 don't tell you a lot, but certainly if we used a particular
02:44manager's name and Go to team, go to Sally's team or whatever it might be and
02:47then return to upper-level management would make a lot of sense and make these
02:51diagrams very easy to navigate.
02:54So the essence here is that we are talking about being able to expand and
02:57collapse the reporting structure of any given area and of course be able to
03:02navigate back and forth between them.
Collapse this transcript
Creating background pages, title blocks, and borders
00:00When I began the discussion about organizational charting, I noted that there
00:04are two ways to begin an automated organizational chart.
00:08we can either use the Organization Chart or we can use the Organization Chart
00:13Wizard and we can do either these from the File menu, selecting File to go to
00:19the Backstage view and under New within the Business category selecting
00:24Organization Chart or Organization Chart Wizard.
00:27At the time I noted that we should always, repeat always, use Organization Chart
00:33and never use Organization Chart Wizard and the reason for this is, is that if
00:38you use Organization Chart Wizard, it will always immediately launch the wizard itself.
00:46The reason we don't want to do that is we want to be able to bring in
00:50a background image.
00:51Now I'm going to come back to my drawing environment and here I've created a
00:55brand-new organizational chart, utilizing the Organization Chart, not the Wizard.
01:03I'm set up with an environment that allows me to go ahead and create an
01:06organization chart, but does not launch the wizard.
01:10This gives me the ability to lay in a background.
01:12So what I'm going to do is now select from the Design tab of the Ribbon under
01:18Backgrounds, I'll choose a background that I like the look of.
01:23I'll go to the Background tab, which notice is VBackground-1 by default within Visio.
01:29I'll select that Background tab. I'm going to right click on that and select
01:33Format and Fill and I'm going to give it a color other than Gray.
01:37Let's go to some sort of medium green which looks very nice there and come back to Page 1.
01:42Now having established to that background, now when I opt to run the wizard,
01:49every new page that it creates will use that same singular background.
01:54If I opted to run the wizard from the Backstage view, it would
01:59immediately launch the wizard.
02:01I'd point to the data set, run the data set and when I did, when it got done, I
02:07would have no backgrounds at all.
02:09I would therefore be forced to either come in and associate each and every
02:14foreground page with that one background page that I created after the fact,
02:20which would be quite tedious, or I could create a new background page for each
02:25foreground page, which would not only be time-consuming and tedious, but would
02:29also dramatically increase the size of my Visio file.
02:33So again the strong recommendation is step one, always begins with the
02:38Organization Chart template, not the Organization Chart Wizard template.
02:43Once you have started the diagram, step two is to then immediately create the
02:50background as I've done, formated in the way you want.
02:54If you indeed want a corporate logo by all means import that as a GIF, JPEG,
02:59whatever it might be, place it where you want it on the background page, and
03:03return to that foreground page.
03:05Now you have an environment set up and ready to go.
Collapse this transcript
Understanding the Organization Chart Wizard
00:00Up to this point in time in our discussions of the hierarchical structure in an
00:04organizational chart, we've talked about doing this manually.
00:08One by one dropping in the executive, dropping in the managers under the
00:11executive, dropping the positions, and all the different items that we do to
00:15manually create an organizational chart, but if we have the data and the
00:20structure of our organization stored in an external file, it would be much easier
00:26to point to that file of information and use it to create the organization that
00:32we want to work with.
00:33What I'm going to do at this point in time is I'm going to actually open up an
00:36Excel spreadsheet and I'll go to my particular directory and open up the Excel
00:42spreadsheet for my organizational structure.
00:45Now you can use literally any ODBC compliant data source.
00:50If you are using an Excel spreadsheet, the only trick to using the spreadsheet
00:55is that row 1 needs to be your column headers.
01:00And they can be anything you want to call them. So this doesn't have to
01:03be called Employee.
01:04It can be called staff.
01:05It doesn't have to be called Title.
01:07You can call these whatever you'd like.
01:09The requirements are number one, row 1 must be your column headers and then the
01:14data falls beneath it.
01:17Requirement two is that you need to have exactly the same names, because you
01:23have to set up a parent/child relationship between who am I, that's in my case
01:30column A, and who do I report to, and that's column C. So that's item 2.
01:35You need to make sure you have two fields of information that equate to who am I
01:39and who do I report to.
01:41And within those fields of information the names have to be exactly the same.
01:47In other words this person's name is Jossef Goldberg and they are the
01:51President & the CEO.
01:52Suzan Fine and Laura Jennings both report to Jossef Goldberg.
01:58The spelling, the capitalization, everything must be identical.
02:01And Suzan's fine. She can't report to Joe Goldberg; she must report to Jossef Goldberg.
02:08As long as these names absolutely match, as long as we have two fields of
02:13information that equates to who am I and who do I report to and as long as
02:19if we're using an Excel spreadsheet, row number 1 are our column headers, we are good to go.
02:26Beyond those two fields of information I can have as many additional fields of
02:30information as I would like.
02:33So I can have the person's title, their department, their telephone number, their
02:38email address, their office number, their current performance rating, their
02:42salary, their tenure in months.
02:44And one last item out here, which is rather of interest, is this thing
02:49called Master_Shape.
02:51And this is really the only field of information that is absolutely mandated to
02:55be a specific field of information.
02:58I'm going to zoom out just a hair so we can see everything. There we go.
03:02Now notice that Jossef Goldberg is our CEO & President and in terms of Manager,
03:06it's left blank. Jossef is the top of the heap.
03:09Visio understands when there is nobody there that he must be the top of the structure.
03:14Laura Jennings is the CFO and she reports to Jossef Goldberg.
03:20So she is going to get one of those manager shapes that show up underneath the
03:25executive shape, but Suzan Fine is an executive assistant and she also reports
03:31to Jossef Goldberg, but she shouldn't get one of those manager shapes.
03:36She in fact needs to be an executive assistant.
03:38So notice out here on this field called Master_Shape, it's an optional field, you
03:44don't have to use it, but if you want to use an alternate shape from a Visio
03:49environment-- and I'm going to switch back to the Visio environment here for
03:52just a moment. There is our shapes, Executive, Manager, Position, Consultant
03:57Vacancy, Assistant, and of course the Staff.
03:59Those specific names, if I want instead of having a Manager shape to have an
04:05Assistant shape, then back in my spreadsheet I'll list the name of the shape
04:10that I want to use rather than the default shape.
04:14So I listed the Assistant shape.
04:16So my executive assistants out here using the Master_Shape field are listed
04:21in here and that way they will get that Assistant shape rather than the default shape.
04:25That's kind of all the parameters to understand about using an external data source.
04:29Let me close that out.
04:31So we're going to use the Organizational Chart Wizard to automate the production
04:37and the creation of a Visio organizational diagram.
Collapse this transcript
Importing data with the Organization Chart Wizard
00:00Now that we've talked about the reasons behind using the Organization Chart
00:05template rather than the Organization Chart Wizard template, the issues of
00:10creating a background first then launching the wizard, and talking about the
00:14structure of the data, in this case from an Excel spreadsheet,
00:19it is actually time to go ahead and get started and go through the process of
00:23running that particular wizard.
00:25So, at any time once we are sure that our environment is set up the way we want it,
00:28we can simply come to the Organization Chart tab of the ribbon and looking
00:34into the Organization Data area select Import, and when we select Import that
00:41will launch the wizard.
00:43This is exactly the same wizard that would've launched had we used the
00:47Organization Chart Wizard template initially.
00:50It forces us into running it immediately.
00:54Now we run it when we want to run it.
00:56So, the first screen of the wizard asks us how we want to create our
00:59Organization Chart.
01:01Do we want to create it from information that's already stored in a file or
01:05database, and certainly that make sense for us, or do we want to run that from
01:10information that we entered utilizing the wizard?
01:13So, rather than typing in the information manually within the wizard,
01:18we have our information stored out in an Excel spreadsheet and I'm going to go
01:21ahead and use that.
01:22So, I will click Next.
01:25It then asks us to choose the particular data source that we want to use.
01:30We can either use a Microsoft Exchange Server directory, which is perfectly fine.
01:35However, as we said before, the requirements for being able to have a data
01:40source are that we need two fields of information:
01:43one that equates to effectively who am I and one that equates to who do I report to.
01:48And since most people's implementation of Exchange Server tends to have who am I,
01:54what's my email alias and possibly what's my telephone extension or what's my
02:00office number, and never seems to have who is my manager,
02:03you would either need to add that field of information into Exchange Server or
02:08choose to use some other data source.
02:10So what other data sources can we use?
02:12Well, we can certainly use a text file that's been saved in comma, space, or
02:16character delimited format.
02:18We can use an Org Plus file that's been saved in text format or as in our case.
02:24we can use an Excel file.
02:26Note that we can also use absolutely any ODBC compliant data source as long as
02:32that data source contains those two fields of information: who am I and who do I report to.
02:38So, we will choose Excel file and select Next.
02:41Now, we are going to browse out to select our data source and it's in our
02:46Exercise files and under Chapter 12, Organizational Sample Data Set or
02:51OrgChart Sample DataSet.
02:52We will select that. Click Open and Next.
02:56Now, Visio is doing a quick analysis of our information in our data source and
03:02in this case it noted that Employee equates to who am I and Manager equates to
03:10who do I report to, and that's perfectly fine for us.
03:14The reason I go through this screen carefully is you could use any type of data
03:18to build a hierarchical diagram using the Org Chart tool as long as the fields of
03:24information equate to that who am I and who do I report to.
03:28Therefore Reports to could also be task and Name could also be subtask, if I were
03:34trying to do a work breakdown structure.
03:36But in our case with organizational data, Employee maps to Name, Manager
03:40maps to Reports to. I click Next.
03:43Now, we look at what information do we want shown on the face of each one of those shapes.
03:51And we see that right now we have the employee's name and their title.
03:56We can add or remove fields quickly and easily.
03:59So if I wanted the department to be shown on there, I could click on Department
04:03in the left column, click on the Add button, and it would push it to the right.
04:07If I had a field that I choose not to use, I can click on-- highlight that
04:12field and click on the Remove button and push it back to the left.
04:15So, you choose which fields of information you'd like to have shown on the face
04:20of that shape, and we have a little graphic that gives us a preview of what that
04:24would effectively look like.
04:25I am satisfied with the employee's name and title so I will click Next.
04:30It then asks us which fields of information do we want permanently bound into
04:35the shape as shape data?
04:37Shape data we used to call in earlier versions of Visio custom properties, and
04:41effectively, I want every one of those fields out of my Excel spreadsheet with
04:46the exception of master shape.
04:49I don't need that field bound in that shape data; I just need it to know which
04:55shape to be used and the wizard does that automatically for me, so that's great.
04:59I will select Next.
05:01The last screen here then says okay, what parameters do you want set up
05:06in laying this out?
05:07Do you want to specify yourself how much the organization to break down each
05:12page or would you like the wizard to do it for you?
05:15And certainly it makes sense for the wizard to do that for you.
05:19The name at the top of the page is the starting point of your
05:23hierarchical breakdown.
05:24By default, that will be Top Executive, the person in the spreadsheet that did
05:28not report to anyone else.
05:30However, if you want some other person as your starting point, you can choose
05:36that person and it will work down from there.
05:38We also can choose whether or not we want those employee shapes hyperlinked
05:42across pages and certainly we do.
05:45We then want to choose whether we want these to be synchronized across pages,
05:49the same way we would have done that manually and we certainly do.
05:52So, we will go ahead and click Finish.
05:55And when we click Finish, the wizard is going to show us the progress through that.
06:00Now, in this particular case where I have seventy people in the organization,
06:04it's going to be an 11-page diagram.
06:06In a very large organization with a Fortune 500 company I that could very well
06:11conceivably take five-seven minutes or so, rather than a few seconds, so be
06:15patient with it with very large data sets.
06:18With ours, we are already done and it leaves us off on the last page of the diagram.
06:23We can then use the little VCR type controls down on our Page tabs to take
06:28us back to the first page. Click on it and we can see the top level of our hierarchy.
06:34Now, as I look at this particular hierarchy and I move my cursor over some shapes,
06:38 I note that some of those shapes have a hyperlink symbol on them and some do not.
06:45Anything that has a hyperlink symbol on it of course will take me to that page.
06:50Now, notice it says Ctrl+click to follow the link.
06:53You can either Ctrl+click under Visio 2010 or right-click. Either way,
07:00by selecting the hyperlink, it's going to take us to that particular page.
07:05Now, you probably have noticed something is a bit of miss here.
07:08The page seems to have shifted.
07:10I'm going to Ctrl+Shift+W to scroll back to the full page here and then I'm
07:16going to take that same hyperlink on this page and I'll take it back to the
07:22first page and it shifted that as well, so Ctrl+Shift+W. I don't like that
07:27behavior and here's how that behavior has come about and a quick way to change that.
07:32The hyperlink for Patricia Brooke here, if I select it and come back to my
07:37Insert tab and select Hyperlink,
07:40note that it's telling me to go to Page-8, then a forward slash and then Sheet.1.
07:47So, it's saying go to the 8th page in my default page listing and focus my view
07:54on the first shape, Sheet.1, the first shape that was created on that page, that
07:59manager shape, which shifted the page down.
08:02And I really don't like that behavior so I am going to click into the
08:05Sub-address and just remove that reference to the particular shape, so I don't
08:10need Sheet.1. And in the Description area rather than having it say Page-8 Sheet 1,
08:16which doesn't make a lot of sense to anyone, I am going to enter in some text
08:21that simply says "Go to Patricia Brooke's Team."
08:26I float my cursor over it, Go to Patricia Brooke's Team. I right-click.
08:31I can select the link and go over there to that.
08:34Now, I need to do the same thing here.
08:36I will select this manager at the top of the page, click on Hyperlink, remove
08:42the reference to the specific shape since I don't need to focus on that shape,
08:47and simply say "Go Back To Management" and click OK.
08:56So, now if I take that hyperlink back, it will take me back up to Management.
09:00And I will want to clean that up for the individual hyperlinks that are in there.
09:05Note that if I click on someone, again I am going to pick on Patricia Brooke.
09:08That data over here in the Shape Data window is showing me all that data that
09:14came in from that spreadsheet: the Department, Telephone, Employee, Title,
09:18E-mail, Manager, Office_Number, Performance rating, Salary, and Tenure.
09:23If for any reason in your environment, you are not seeing the Shape Data window,
09:27go to the Data tab on your ribbon and make sure that the Shape Data
09:33Window item is checked.
09:34If I uncheck it, notice it goes away.
09:37If I check it, it comes back.
09:38This Shape Data window, I tend to dock it on the left.
09:42That's why you're seeing it there but you could click on it, grab the header,
09:45and drag it off anywhere you'd like to drag it to, and float it, dock it anywhere else.
09:51But I like to keep it docked at the bottom of my Shapes task pane.
09:55So, we can see that when we have run the wizard, it fills each and every one of
09:59the shapes with the data from our external data.
10:03It provides the hyperlinks, everything remains synchronized at all time, and it
10:08is up to us to clean up those hyperlinks as necessary.
Collapse this transcript
Re-linking to organizational data after it changes
00:00As we said in our previous video that once the wizard has run, it is a
00:05one time, one way pool from the data source to build the diagram and from that
00:09point forward, it knows nothing about the original data that was used to create the diagram.
00:15Consequently, if that data changes, the Visio diagram knows nothing about and in
00:20the older days we used to just simply re-build the diagram. But all of
00:25formatting, all the changes involved, would be a lot of time wasted to have to
00:30keep redoing that each and every time we rebuild that diagram.
00:35Consequently, starting with Visio 2007 Professional dition or 2010 Professional
00:41and Premium editions, we have the ability to link our diagram back to that source
00:48data and once it's linked, we have then the ability to as the data changes,
00:54simply refresh the diagram from that data.
00:58So, all we have to do is edit the data in the data source, open up the Visio
01:02diagram, click on our Refresh button, and we're good to go with the changes.
01:07Much faster and much easier.
01:09So, I am going to walk you through the steps on how to relink your diagrams back
01:14to that source data and it's really very straight forward.
01:18Again, just to reiterate, it does require Professional or Premium SKU under
01:232010, and I will select the Data tab on my ribbon and I am going to select the
01:29Link Data to Shapes.
01:31Now, this is a bit of a misnomer because you're not actually linking to the
01:34shapes yet; you're actually only linking to the diagram as a whole.
01:39In a second step, we will link to the shapes themselves.
01:43But I am going to click this Link Data to Shapes.
01:46It asks me what data source I want to use.
01:49I notice that I can use Excel workbooks, Access databases, SharePoint Foundation lists,
01:54SQL Server databases, or any OLEDB or ODBC compliant data source.
01:59And in our case, we know that our data source is an Excel workbook.
02:03So next I need to browse out to where that data source lives.
02:07So again we will come under our exercise files and we will find that data source. Next.
02:15Because I'm using an Excel workbook, I can choose a custom range.
02:19in this case Organization, but if I were using an Access or SQL database,
02:23I would choose the particular table query or view that I was interested in and let
02:28it know that the first row of data in my Excel Spreadsheet contains my column
02:31headings as it should, so Next.
02:35On this screen, I will click on Select Columns.
02:38Right now, it says Columns to include.
02:40The fields of information to include are All Columns and under the Select
02:46Columns, I can choose to include or not include any of those and I don't need to
02:50worry about the master shape at this point.
02:52So, I am going to uncheck that one but I certainly do want all the rest of those
02:56fields linked, so OK.
02:59I can even choose the records to include and I can filter on those.
03:03So, if I had a field called permanent staff or temporary staff and I did
03:08not want to link back to the temporary staff, only the permanent staff,
03:12I could filter on that.
03:13But in my case, I certainly want everyone involved there. So Next.
03:19It looked at my data and it noted that each employee's name was unique so it's
03:24recommending that as my link field.
03:28Now, in some organizations that may not necessarily be the case. However, in that
03:33data, you may have an employee number and if you use employee number and those
03:38employee numbers are unique, that's really a wonderful one.
03:41But in this case, it will look for a unique field and I allow that to be checked
03:45and it's recommending that.
03:47So Next and Finish.
03:50When it gets done, it actually builds what's called an external data table.
03:54Now, that's associated with the diagram as a whole.
03:57It is not yet linked to any individual shape and if I zoom in here a little bit,
04:03there are two ways that I can link these data records from the external data
04:08source into the individual shapes.
04:11For example, Laura Jennings here, the CFO.
04:14I can click on the record, then left click, hold, and drag that record right
04:20on top of the shape.
04:21Notice the light blue bounded box that drops over the shape, and release and it
04:27would link that record to that shape.
04:31And that's fine as long as I have got just a few to do, but can you imagine
04:36spending all afternoon dragging these things from one to another?
04:40It would be very tedious, very long-winded to do it, and it is just way too much bother.
04:45So instead, again under our Data tab in the menu, once we have linked the data
04:50to shapes, built the external data table, now we can use the item Automatically
04:55Link and I will click on that.
04:58And it says I want to automatically link to all the shapes on this page, Next,
05:06wherever out in the data source our Employee field equals in our data source the
05:15employee in our Shape field.
05:22So it's really nice and convenient.
05:23I just say wherever I get a direct match between the data source and the shape,
05:29I want to be able to add that in.
05:30And remember when we have first ran the wizard, it created this field called
05:34Employee and built that and filled it with the right data, the first pass
05:38through using the Organizational Chart Wizard.
05:41So, now we are re-linking it makes it very simple to say employee from the data
05:45source equals employee from the Shape field.
05:48So Next and then Finish.
05:50Now, you see the little chain links that you were showing up on the left side.
05:55Out on the diagram itself, you are seeing all sorts of little text and things
05:59showing up out there.
06:00These are data graphics.
06:02We talked about data graphics in an earlier video.
06:04I am going to zoom back out here aways.
06:06I'm going to select all the shapes, Ctrl+A, and under Data I am going to
06:11come under Data under Data Graphics and select No Data Graphic and that will turn them off.
06:16But these shapes are now linked to that external data so that if the data
06:22changes, all I need to do is come under the Data tab of the Ribbon and click on
06:27Refresh All and it will refresh those values.
06:30So, if their e-mail address changes, their office number changes, their
06:33performance rating changes, their salary changes.
06:36If any of that changes, it will automatically update the Visio diagram from the
06:41changes in the data.
06:43The one thing it will not do is if I have a new record added out there in the
06:48data source, it's not going to automatically put a new shape in the
06:52organizational chart.
06:53If someone leaves the organization, I am going to be left with a box with no data in it.
06:57It won't remove that box. And if somebody changes their reporting structure,
07:02they were reporting to one person and they are now reporting to a different,
07:05it's not going to move that box.
07:07Those three types of changes I would have to make myself.
07:11But if data that does not affect position or I'm in or not in the organization,
07:16as long as those aren't affected, any of the rest of data will automatically
07:20update by simply clicking on the Refresh All.
07:23And by the way, under the Refresh All, if I drop that down and select the
07:28Refresh Data..., I can actually configure that refresh to refresh any given
07:35interval that I'm interested in.
07:37As long as the Visio diagram remains open, I can tell it to automatically
07:42refresh down to as granular as one minute, but it can be every minute, every
07:475 minutes, every 60 minutes, take 60 times 24 and that's once a day. Whatever
07:52makes sense for you in terms of minutes, you can have it automatically refresh if you need to.
07:58So, what we have looked at is the ability to connect back to the original
08:03source data so that if the data changes our diagram can automatically refresh and update.
08:09Now, do be aware when we ran this Automatically Link, it said all the shapes
08:14on this page. So I'd have to do it one time for each one of all of the
08:20pages that are in here and in this case I've got an 11 page diagram so I
08:24would have to do it 11 times.
08:25But once it's linked, re-linked, then I don't have to worry about that again.
Collapse this transcript
Applying data graphics
00:01Now that I have my data relinked back to the data source, and I can ensure that
00:05I can refresh that easily and quickly for any type of changes in my data.
00:11I want to develop some graphical indicators that help me understand what's
00:15going on with the data.
00:16Now again, per our last video, we saw that we brought in external data and we
00:21relinked it and we have a huge external data table.
00:24Just to give myself some screen real estate, I'm going to close that external data.
00:29From the Data menu, I can click External Data Window and bring that back.
00:33So I can easily retrieve it if I need it, but right now it's just kind of in the way.
00:37So here I am on Page 1 of my diagram and I'm looking at my overall diagram.
00:42If I were to select an individual shape, I could look down in there and find out
00:47there is Clair's name, she is the Employee, and she is in Operations.
00:51But I really don't want to have to click on each and every shape to try and sort
00:56out what department they're in.
00:58So I'm going to close that Shape Data menu for just a moment here.
01:02What I can do now is use data graphics to display that information.
01:06So I'm going to take my diagram and come up under the Data menu and under Data
01:11Graphics, I'm going to create a New Data Graphic.
01:15I'm going to use this time a New Item and I will choose in this case the
01:21Department field, because I'm interested in being able to visually see very
01:25quickly which departments I have available in my organization.
01:30I want this displayed using Color by Value, so that the shapes themselves will
01:35take on a color based on the individual items.
01:39Now I find it rather disturbing that the Finance department instantly comes in in red,
01:43but we won't go there.
01:44They're actually in alphabetical order.
01:46That's why Finance being first showed up in that first color.
01:49At anytime you want, you can change the fill color to any color you like.
01:54You can even change the text color to any color you like, for any of these items.
01:58But it automatically scanned my diagram and found every department in the organization.
02:03So I'll just go ahead and click OK here and now that I've built that new data
02:08graphic item in there, I'll click OK again.
02:11Now that's built the data graphic, but it's not yet applied to the diagram.
02:16So again, I'll do a Ctrl+A to select everything on this page and then under the
02:21Data Graphics menu, there is my new Data Graphic and I'll apply that and now I
02:26can very readily see the different departments in my organization.
02:30Now if I were using Visio 2007, I would need to manually create some sort of
02:35legend so that the user would understand what red is, what purple is, what tan is,
02:39what green is, etcetera, etcetera.
02:42But the nice thing about Visio 2010 is that I can come up under here and
02:45select Insert Legend and I can insert either a Vertical or a Horizontal
02:50Legend as I choose.
02:52So I'm just going to go ahead and click on a Vertical Legend right now and
02:55it always places that legend in the upper right-hand corner and that's why I
02:59wanted to leave it grayed.
03:00I might choose to pull it down here to the lower left-hand corner if that
03:03makes more sense to me.
03:04Let me zoom in on that so you can see.
03:07It's taken each department and it's shown me the color associated with that
03:11department, gave me a legend, making it very quick and easy to understand what's going on.
03:15I'm going to delete that legend and I'm going to actually create a little
03:20change to my data graphic here.
03:22We'll select Data Graphic, I'm going to right-click on the data graphic that
03:26I created and select Edit, and I'm going to add a couple of additional items in here as well.
03:32I'm going to select New Item and this one is going to be based on their
03:36Performance rating, and I'm going to use an Icon Set, and I've got lots of
03:42different styles of icons.
03:44Some of which you may want to use, some of which you may not.
03:46But in my case I'm going to use some trend arrows.
03:49I'm going to say if their performance rating on a scale of 1 to 5 is greater
03:53than or equal to a four, meaning a 4 or 5,
03:56I want to show then up- trending with the green arrow.
04:00If it's a less than or equal to a 2, meaning a 2 or a 1, then I want to
04:05show it down trending.
04:08If they're just kind of sitting neutral here so that it equals a three, then I
04:12want to show it just as a neutral indicator here.
04:16I can choose the Position for that icon, so I'm going to choose the Right Edge,
04:22and the Top Edge for this particular data graphic, and I'll click OK.
04:28Notice how that's added it to my collection of data graphic items in my data graphic.
04:33Let me do one more new one and we'll base this on the Salary, and again I'm
04:38going to use an Icon Set, and this time I'm going to use one of the stop light indicators.
04:44So I'm going to say if their Salary is less than or equal to, say, let's just
04:49say $70,000 annually, then I wanted to show green.
04:54If it's greater than or equal to, let's just say 125,000 annually, I wanted to show red.
05:04If it's between the 70,000 and the 125,000, then I wanted to show as amber.
05:16I'd like to place this one on the Left Edge and the Top Edge.
05:20So it's in the upper left-hand corner of my shape. And I'll say OK.
05:24So now I have three data graphic items and when I click OK, because I've
05:30already applied the data graphic to the shapes, now when I click OK it's
05:35just simply going to update the data graphic that add the additional two items to them.
05:39So I'll click OK here and we can see that it's added those indicators.
05:43Letting me know who is performing well and costing me way too much money, who is
05:49performing well and not costing me a lot of money, who is performing poorly and
05:55not costing me a lot, etcetera, etcetera.
05:56You get the point here.
05:58You can choose and understand visually and graphically what's going on with all
06:04of these indicators in your diagram.
06:06You can setup as many different data graphic sets as you would like and apply
06:11them at any time you want, so the same singular Visio diagram can be utilized
06:16for numerous different purposes.
06:18In this particular case, this is my who do I sack first, because it is costing
06:22me too much and they are not performing well enough.
06:24I might want another one showing me who has been around the longest, who has got
06:27the greatest tenure, etcetera, etcetera.
06:29There are lots and lots of purposes that these data graphics can serve for.
06:34So in a review, we simply go to Data Graphics, Create New Data Graphic, based
06:39on the criteria, the fields that we want, and set up the type of data graphic,
06:43and the type of indicators, and set their parameters, and then apply that data
06:48graphic to what we are doing.
Collapse this transcript
Publishing organizational charts
00:01Now that we have not only built the Visio organizational diagram, but that we've
00:07re-linked it back to the data and we've applied data graphics to help understand it,
00:11it would be very powerful and very important to be able to share this
00:15information with other applications.
00:16And there are many ways that we can do this.
00:19Certainly one of the easiest ways and one of the most asked for ways is to be
00:23able to share this with Microsoft PowerPoint.
00:25And I am going to show you a couple different methodologies in how to transfer
00:30this information to PowerPoint.
00:33So let's go ahead and start by launching PowerPoint.
00:36And I am going to come under All Programs here and under Office, select
00:41PowerPoint, New > Blank presentation, so I haven't got anything in it.
00:48And then we'll select New Slide and we'll get a blank slide.
00:51At any time you open up the presentation you want, you'll create a new slide
00:55that you're ready to work with for that.
00:57So there is my new slide.
00:58I am going to switch back to Visio now. There we go.
01:02And if I were to do a Ctrl+A to select everything and Ctrl+C to copy and then
01:08switch back over to PowerPoint and then do a Ctrl+V to paste, I will get,
01:17notice, only the foreground image.
01:21I don't get my nice background.
01:23I don't get the title blocks and borders. I don't get logos.
01:26I get only the information that's on the front.
01:29And if you're using Visio 2007 and prior and Office 2007 and prior, what it
01:36will produce when it drops it in is a collection of objects, which means your
01:41PowerPoint presentation is instantly going to get huge.
01:45Under 2010, gratefully the default format now is to drop it in as an Enhanced Metafile.
01:52I am going to Ctrl+Z to undo what I just did.
01:55When in doubt at any time, go to Paste and Paste Special and make sure that
02:03you're selecting Picture (Enhanced Metafile) and click OK.
02:08That's going to mean you're going to get a photographically perfect
02:11representation of what you had in Visio and it's not going to blow it up your
02:15PowerPoint presentation and make it incredibly huge.
02:18Now I am going to again Ctrl+Z to undo what I just did and now I want to talk
02:23about another methodology of getting in your information to PowerPoint.
02:28If you want that nice background or any title blocks and borders and logos, etcetera,
02:32if you want all the information to show up in PowerPoint, then what you need to
02:37do is select within Visio, File > Save As and save it in a format that's a
02:45graphics format, and I tend to choose JPEG as the image format that I like.
02:50But this is going to be an AutoOrg 03.jpeg and it's going to be in my student
02:55directory that I'll place it and I'll click Save and OK.
02:59And once it's created that JPEG file, now if I go to PowerPoint and select
03:06Insert > Picture and go to my directory under Exercise Files/Chapter 12 I'll
03:13find my AutoOrg 03, and click on Insert, I'll get to that image inserted in my
03:19PowerPoint slide including the background.
03:22So just remember that if you just try and do a Copy/Paste, you're going to get
03:26foreground page only,
03:27no backgrounds, and when you do the paste you want to ensure that you paste as
03:31an Enhanced Metafile, not as Visio Objects.
03:34But if you want the background, you'll need to save your Visio diagram as a JPEG
03:39and insert that JPEG into your PowerPoint presentation.
03:42Let me close that up.
03:44Now another methodology is to save out to a PDF file.
03:49And there are some really good justifications and reasons for that.
03:52So I am going to select within Visio, File and Save As, and change my file type here to PDF.
04:02And this will be AutoOrg 03.pdf. So, Save.
04:06And when it generates that PDF file, not only do I see the image in PDF format,
04:13in Acrobat Reader format, which is very nice and clean, but the hyperlinks that
04:17were there are still preserved, so that I can actually navigate around between
04:22them if I've set up the hyperlinks in there, which is a real benefit.
04:26Now in addition to that, another methodology is to publish to the Web.
04:34So I can select File > Save As, and set this as Web Page. AutoOrg 03.
04:45Click on the Publish, not the Save, choose what you want to be published in
04:50addition to the data, the navigation control, the Search, the Pan and Zoom.
04:54We also want to include custom reports like the Org Chart Report and the Count
04:58of Positions and click OK.
05:03And in fact it's going to generate a multi-paged HTML file, so I am going to
05:08end up with one HTML file and one support folder containing all the information
05:13that we need for that and this is an 11 page diagram.
05:17But when it gets done, I'll come out to my folder and I should find a file that
05:23I can then Open with and I am going to use Internet Explorer.
05:25And using Internet Explorer I am going to see that information right there.
05:32This means that people who don't even have Visio have the ability to see
05:36and work with this.
05:37And notice if I hold my Ctrl key down and click, I have access to the data as
05:42well as the graphics.
05:43I can do a search for example.
05:45Connie Waite, and I'll search on Connie.
05:52And when I do so, it's going to give me a list of every instance of Connie that it found.
05:56And if I click on the first instance, it'll give me an arrow pointing to Connie.
05:59If I click on the next instance of Connie, it'll show me Connie leading up her team.
06:04And because Amy reports directly to Connie, if I click on Amy, it'll show me Amy
06:10and I can expand her data and then see Amy reporting to Connie.
06:15I also have the ability to Pan and Zoom very quickly and easily at any time.
06:21I can return to any page I am interested in.
06:24For example, Page-1.
06:25I can also go to any of those reports that I had available and look at those reports.
06:32So publishing as HTML has huge benefits in working with these diagrams.
06:38So again a review can take our Visio diagrams, especially these organizational
06:42diagrams, we can certainly publish them to PowerPoint, we can publish the Adobe
06:46Acrobat format and we can publish them to the Web.
Collapse this transcript
13. Creating Timelines
Adding and configuring a timeline SmartShape
00:00In many organizations it's very important to be able to show things in a
00:05timeline manner. In other words, what's happening on what day, where are
00:08my deadlines, etcetera?
00:10One of the templates available within Visio 2010 is the Visio Timeline template.
00:16Here we're looking at the Backstage view of course and I'm going to go ahead
00:19and go into the Schedule area and select Timeline.
00:23Of course, we're going to be confronted with the typical Visio environment,
00:27our collection of stencils on the left and our drawing area on the right.
00:30Timelines have effectively five different visual aspects to timelines.
00:38All of these five timelines, whether it be the block, the line, the ruler, the
00:44divided, or the cylindrical, function identically.
00:48The only difference between the five of these is the physical look and once you
00:53get a timeline dropped down onto the page,
00:56if you decide you don't like the look of that, simply by right-clicking on it
01:00you can change it to any other look that you like.
01:03So you do need to worry about which timeline you're using based on personal
01:07preference of the look that you like.
01:08I tend to like the Cylindrical one and that's the one I'm going to be using.
01:12Another thing that you should understand about timelines is that not only with
01:17the timeline itself, but also the milestones and the intervals,
01:21anytime you drop an element into a timeline diagram, the very first thing that's
01:27going to happen is it's going to ask you to configure that item.
01:31So just be aware that as you drop something you will be required immediately to
01:35configure it, which is a very straightforward process, and let's go through that.
01:39I'm going to select the Timeline, in my case the Cylindrical because I like the
01:42look of it, drag it out and drop it on to the page.
01:46And the moment I drop it, notice that it asks me to configure that.
01:51So that configuration involves setting a starting date for my timeline.
01:55Let's say our fiscal year goes from July to July.
01:59So I'm going to back this up to July 1st of 2010 and our fiscal year will end
02:07then on June 30th of 2011.
02:11You certainly could configure an actual starting time and ending time if you
02:15wanted, but for the general timeline itself, dates are probably sufficient.
02:21The other decision you need to make immediately is what is the scale of that timeline?
02:26By default it's set to months, but notice I can set that to full years and in my
02:31case I think I'm going to set that to quarters of a year.
02:34Once I've set the parameters for my Time Period, I can go ahead and click OK.
02:40However, before I do, just so you're aware, the other tab on this configuration
02:45for the timeline itself is Time Format.
02:48And in this area you choose the physical look of the date fields that you want.
02:53Do you want the format to be Month/Day/Year?
02:58Do you want it in some other format?
03:00Whatever makes the most sense to you for the way you want to configure your
03:03timeline. You'll do it right here in the time format.
03:05Just set them up the way that makes the most sense to you.
03:09I'll go ahead and click OK and as you can see our timeline starts July 1st, 2010,
03:14goes to June 30th, 2011 and we can see the individual quarterly breakdown
03:20markers on our cylindrical timeline.
Collapse this transcript
Understanding milestones and intervals
00:00Now that we have a timeline itself out in our diagram we're going to start
00:05adding milestones and intervals.
00:07However, before we start adding milestones and intervals to our diagram, a bit
00:11of a review for those of you who might not be as versed in the project
00:15management side of the world.
00:17A milestone is a specific date and time in time.
00:23In other words, I have to meet a specific deadline.
00:26it's due at 8 o'clock in the morning on March, the 30th.
00:29That is a milestone.
00:31I need to meet that specific point in time. Whereas an interval has different
00:37starting and ending dates and times.
00:39I have a sub-project which is to configure a desktop and that sub-project
00:45begins at 9 AM on the 5th of February and ends at 4 PM on the 27th of March,
00:52whatever that might be. It's a time span.
00:54So the biggest thing to understand between milestones and intervals,
00:58milestone is a specific point in time and interval is a span of time.
Collapse this transcript
Adding milestones to the timeline
00:00Let's go ahead and add a milestone to our particular timeline. Over on the left
00:06because I used a cylindrical timeline I'm going to use a cylindrical milestone
00:10and a cylindrical interval as I add items to.
00:14I'll click on the Cylindrical milestone on my stencil, drag it out, and I don't
00:18have to be the least bit accurate about where I place it, because everything
00:23that gets added to a Visio diagram within the Timeline template must be
00:28configured as its dropped. As long as I drop this on the timeline it's going to
00:33bring up a dialog box asking me to configure it.
00:37Right now it's showing this particular milestone is being 7/23/2010, which
00:42doesn't make a lot of sense.
00:43That's not where it really needs to be.
00:45But all I need to do is drop down the calendar and point it to the date where it
00:50should go and I'm just going to click on today's date temporarily and it'll put
00:55it in for today's date. I do, however, need to give it a description and we'll
00:59just call this one Final Client Review.
01:01Now I am going to move that dialog just a little bit because when I click the OK,
01:07watch that milestone shape because it's simply going to hop right into position
01:12where it needs to be.
01:13Now I'm going to zoom in on that and show you that there are two ways of editing
01:21this once you've got it in position.
01:23It's showing 3/10/2011 Final Client Review.
01:28If I right-click on this and select Configure Milestone it'll bring that dialog
01:33right back up and I can alter the date as necessary or at a time as necessary,
01:38but I can also simply grab the shape, drag it along the timeline anywhere I'd like,
01:44and notice it will then update the date on that accordingly.
01:48So I can either use the dialog or simply drag along the timeline to deal with that.
Collapse this transcript
Dealing with text collisions
00:00We now have a milestone sitting on our timeline and I'm going to go ahead and
00:04zoom in on this, and we're going to add a second milestone to this.
00:09So I'll grab my Cylindrical milestone, drag it out and drop it, and we'll give
00:15this a description. Maybe this is our Management Review.
00:17Now even though I've configured this appropriately and everything is set,
00:24I've got a real mess on my screen and I know that a lot of people get very
00:27frustrated over this.
00:28This is what we call text collisions, and I want to walk you through how to get
00:33rid of these text collisions and in doing so we need to utilize again an item
00:38that's been around in Visio since 1.0 and one of those things that most people
00:41just don't know about and these are called guides.
00:44So what I'm going to do is bump up to the ruler.
00:46And as soon as my cursor changes to a double headed-arrow, I'll click, hold, and
00:51drag down a horizontal guide.
00:53I could certainly go to the ruler on the left and drag out vertical guides as well.
00:56In this case, they are not needed.
00:58I'm going to drag out a second guide here and now that I've done so I'm going
01:03to click on the milestone on the right and anytime you see a Visio shape that
01:08has a little yellow diamond on it, these are called control handles.
01:12If you'll float your cursor over a control handle, it tells you what it's
01:15designed to do and this control handle is designed to reposition the text.
01:20So I'll click, hold, drag, and glue that text up to that guide.
01:24Now I'll take the other milestone shape and drag it up and glue it to this guide.
01:31As you can see this very nicely and very easily avoids the text collisions and I
01:36can move this one a little bit over so that it's not crossing that line.
01:40But by using guides I can establish an exact horizontal order of all of my items
01:47and stack them vertically and be able to stagger them.
01:50Anytime I click on the guide and move the guide, anything glued to the guide
01:54moves right along with it.
01:55So guides are an elegant way of organizing that information and getting rid of
02:00these text collisions.
02:02And again as I said before, anytime you need to, you can go to the View menu
02:08and turn off the Guides if the visual clutter is more than you need. Or you can turn them back on.
02:13Guides never print, so you don't have to worry about that.
02:15I'm going to zoom back out.
02:18So we've taken a look at how to add numerous different milestones along our timeline.
02:25Anytime you deal with a text collision, just simply stagger them by using guides
02:29or any other methodology that you would like and you should be in great shape.
Collapse this transcript
Adding intervals to the timeline
00:00We stated earlier that the difference between a milestone and an interval is
00:04that a milestone is a specific point in time whereas an interval is a span of time.
00:09My Timeline already has a couple of milestones in it, so now I want to add an
00:14interval over the top of that.
00:17I'm going to go ahead and grab this interval shape and because again I'm using a
00:20cylindrical timeline I'll choose a Cylindrical interval. I'm going to drag it
00:24out and drop it in my timeline.
00:27This is for example a sub- project of the overall timeline.
00:31I need to give it a description and perhaps this is my Process Improvement Project.
00:36Now, I'm not going to worry right now about the particular dates in that
00:46configuration and the reason I'm not going to worry about them as I zoom in on this,
00:51at anytime I want I can simply grab either the left or right sizing handle
00:57on this shape and as I drag it out you'll see that it updates the dates
01:02accordingly for it, making it very easy to adjust and work with.
01:06I can certainly at any time right-click on that and select Configure Interval and
01:13get that dialog right back there again to work with it.
01:16Now you may have noted that when I dropped this cylindrical interval on top of
01:21my timeline that a couple of things have happened.
01:24Number one, I have obscured the particular milestones and number two, I've
01:30obscured the quarterly breakdown marker.
01:33So by doing so, I've eliminated some of the value of my timeline.
01:36There is an easy way to get beyond this and I'll do this simply by selecting
01:42that particular interval, right- clicking on it, and selecting Format > Fill.
01:49And as you remember, every Visio shape has a Transparency slider.
01:54So I'm simply going to take that Transparency slider and move that up to
01:57around let's just say 35%.
02:00When I click OK, now I can still see the interval, but I can also see through it
02:07to see the particular milestones and the quarterly break down marker.
02:11Now yes, I could very easily move those two milestones forward without changing
02:18the transparency and that would work just fine for those.
02:22But it wouldn't allow me to see that quarterly breakdown marker.
02:25So by setting a level of transparency it does make it much, much cleaner, much
02:30easier to read this in its multidimensional form.
Collapse this transcript
Adding a Today marker to the timeline
00:00When working with timelines it's really beneficial to understand where we are
00:04today versus where the beginning and ending of a particular project might be,
00:09where particular milestones are.
00:11One of the features of the Visio timeline solution is that it has an item in it
00:16called a Today marker, and if I grab that marker off the stencil and again toss
00:22it onto the timeline, it doesn't matter where I toss it onto the timeline, when I
00:26release that it's going to show me exactly where today is.
00:31And it will use, because I am using a cylindrical timeline, it will change that
00:36to a cylindrical marker.
00:38And let me zoom in and you can see that a whole lot clear at that point time.
00:41You can see exactly where Today is and I might actually take my interval and
00:48again by right-clicking on that I can actually bring that forward or send that back.
00:52In fact Bring to Front > Bring to Front.
00:55It's a little sit behind it just like the rest of things do.
00:58And I can also adjust the position of that so it's not interfering with other lines.
01:05Very easily configuring these and making the scenes look nice.
01:07But the Today marker will always show me where today is.
01:12If I were to open up this diagram 6 days from today, the Today marker will have
01:16the moved itself to the right to show me the 6 days.
01:19It's always going to show me, whenever I open the diagram, where Today is in
01:23terms of my project.
Collapse this transcript
Adding an Elapsed Time indicator to the timeline
00:00In addition to being able to provide a Today marker which always shows us
00:04where today is, you may also want to see the progress through the span of the
00:09time that's involved.
00:10We have an additional item here called an Elapsed time marker.
00:14I am going to drag that out and drop it on my timeline.
00:18It will always start at the beginning of my timeline and take me up to
00:23where ever today is.
00:24And again let me zoom in on that so you can see a little bit closer.
00:28But it's showing me up to where today is on my timeline.
00:32And again, each day that I open up the diagram this will move to the right to
00:36show me where today is relative to the beginning of the overall timeline.
00:40This will not be relative to any one of the individual intervals but to the
00:44overall timeline, letting me see my progress through the entire operations.
Collapse this transcript
Creating and adjusting the expanded timeline
00:01The timeline that I've created now has a couple of milestones.
00:04It has an interval.
00:05It shows me the Today marker and it is showing me an Elapsed time marker, but
00:09I might want to look at my process improvement project in greater detail.
00:13Right now my timeline is broken down by quarters of a year and I'd like to look
00:18at that particular project in greater detail.
00:21Visio has a solution as part of the timeline solution called an Expanded timeline.
00:27And if I take this Expanded timeline off the stencil, drag it out and drop it
00:32right on top of that interval, it's going to ask me of course to configure that.
00:37I'm not going to worry about the dates because I can adjust that later, what I
00:41do want to change and what is very important is to change this Scale.
00:46My top-level timeline was broken down by quarters of a year, so I want to go
00:52more granular, and I'm going to break this down by months.
00:55Now do notice that the Visio timelines will allow you to configure things by the
00:59year, quarters of a year, months, qeeks, says, and for the highly retentive of
01:07you out there, hours, minutes, or seconds.
01:11Believe me if you're tracking by the second, I don't think I'd even want to know
01:14about it, but we'll go ahead and set this to Months and say OK.
01:19Notice that what it did was build a new timeline right over the top of
01:24the existing timeline.
01:26And this is a 1D shape, and as we know with 1D shapes we move them and adjust
01:30them by grabbing their endpoints.
01:33So I want to take the right endpoint of this shape and move it down further below.
01:39And then I'm going to do the same thing with the other end of this. Move it down and below.
01:44Now notice in doing so it's move that timeline below and added dotted lines and
01:49showing me where this is relative to my top-level timeline, and notice there are
01:54two control handles here.
01:56I can adjust, by grabbing those control handles, the area that I'm interested in
02:01looking at, pulling those in close, and now I am focusing specifically on the
02:08area of that process improvement project that I'm interested in.
02:12I'll zoom in here a little bit closer and of course certainly you going to want
02:15to take care of your text collisions.
02:17I'll just take care of them temporarily in a very quick manner.
02:23This is an eminently readable diagram type.
02:26I love the fact that these expansions allow me to focus.
02:30You need to be aware that the top-level timeline can have as many expansions as
02:35it wants, and each of those expansions can have as many expansions as they want,
02:41etcetera, etcetera, etcetera.
02:43So that we can actually focus in on numerous aspects and drill down from a very
02:49high-level aspect down to very, very granular details as we expand this out.
02:56And again, if you need larger page area, you can certainly go out to that.
03:00One of the things that we find that we might want is add additional milestones
03:05on an expansion level and we don't want them to show up above.
03:09Notice if I grab a milestone here and I drop it over here and I'll just call
03:16this Project Closeout. Say OK.
03:24That's going to show up here and it's not showing up up above.
03:29So I can keep adding levels of detail here. But what if I've got something down
03:34here that's already showing up here, because it was there initially?
03:38This again is where layering comes in.
03:41I'll go back to my Home tab, select Layers and Layer Properties, and I'll set up
03:47a New layer that I'm going to call Top Level, and I'll say OK and OK.
03:54Now having done so, I'm going to select let's just say my management review and
03:59under Layers > Assign to Layer, I'll assign this to Top Level and say OK.
04:05Now that I've done that, at any time I want I can come up under my Layers dialog box
04:09and simply turn off the visibility of Top Level.
04:14And in doing so, it's still down at the lower level, but it's not visible in the upper level.
04:20So you can by using layers absolutely control what is visible at what time.
Collapse this transcript
Exporting timeline data to Microsoft Project
00:00One of the advantages of using the Visio timeline solution is it can also work
00:06in concert with Microsoft Project, and being able to work back and forth between
00:11Microsoft Project and Visio is a huge advantage.
00:14The one caveat I will state is that you, again just as with other solutions in
00:19Visio, do need to have equal versions of the product.
00:22In other words, if I'm using Visio 2010, I'll need to make sure I have Project 2010.
00:27As long as I do and I select the Timeline tab on the Ribbon, in addition to
00:34Milestone and Interval and Timeline, I will see up in here Import and Export Data.
00:39I've got my Timeline completed. I think it's the way I want it.
00:43I'm going to select the top-level timeline and once I've done so I'm now going
00:49to select Export Data.
00:51When I click on Export Data, it says would you like to export all markers on the
00:57timelines expanded child timeline(s) as well?
01:01And I certainly do want to export all my markers from all expanded timelines.
01:06So I'm going to go ahead and click Yes.
01:07When I do so, it's going to bring up the File dialog box and again I'm going to
01:12go to my Exercise Files and into my particular directory here and I'm going to
01:17give it a name and I'll just call this Output1 and click Save.
01:26It tells me the project has been successfully exported.
01:29That wrote out every milestone and every interval on my timeline, not only the
01:35main one, but all the expansions beneath it.
01:38You need to be very, very aware that the only thing that it's passing out to
01:41Microsoft Project are the milestones and the intervals.
01:45Now I'm not a certified Project professional, but for me it's very, very
01:49nice to be able to lay out exactly what has to happen and when, get all of
01:54this detailed, then be able to pass that off to Project and it will write out
01:58and create a brand new Microsoft.mpp project file with those milestones and
02:04intervals in place.
02:07And then a certified Project professional can open that project up in Microsoft
02:12Project and do things like assigning resources and resource leveling and
02:16baselining and dependencies and all those things that Project does so well.
02:20I concentrate and focus on what makes the most sense for me graphically and
02:24based on time intervals that I need to know about and a project manager focuses
02:29on project management tasks.
02:31I'm going to go ahead and launch Microsoft Project.
02:33So under Programs, we'll come down to Office and Microsoft Project.
02:41There we go, and I'm going to select File and Open and we will go to my
02:48particular directory here into the exercise folders and we can see our Output1
02:54file and I'll click Open.
02:55Now we can see our milestones and our intervals and all the information that was
03:01contained within that Visio project.
03:03Now a Project professional can get ahold of this and do all the wonderful
03:07things that Microsoft Project does.
03:09I'll close that out now.
03:11So again, in summary, we can export information from the Visio file out to
03:16Microsoft Project who can then get a hold of it because it's a .mpp file and
03:21do whatever they need to do to finish that up, to expand it, to flesh it out even further.
Collapse this transcript
Importing timeline data from Microsoft Project
00:00We've talked about the ability for Visio to interact with Microsoft Project and
00:04we've talked about exporting information out to Project.
00:08The other side of that coin is the ability to import information from Microsoft Project.
00:13I'd like to lay out a scenario for you.
00:15Let's say you've been working on a Project file for a period of time and as part
00:19of that Project process, your manager has asked you to present your Project
00:24information at the next quarterly meeting.
00:27So you're thinking, oh this is not a problem.
00:29I'll simply plug in my laptop, hook it to a projector, bring up Microsoft
00:33Project and you'll bring up that Project file, up comes the Gantt chart, and
00:37half of the eyes in the room simply glaze over.
00:40People have a real struggle understanding Gantt charts.
00:44So instead of that what we're going to do is I'm going to launch a new
00:48blank timeline in Visio.
00:50Go to the Timeline tab of my Ribbon and I'm going to select Import Data.
00:57I need to browse to where my file is, and again we'll get out of the exercises
01:02area into our specific chapter and I'm going to select a
01:06ProcessImprovementCertificationProject that I have. I'll click Open.
01:12Next on this screen of the wizard, it's going ask me what do I want to include.
01:17Do I want to include all task types, do I want to include top-level tasks only,
01:22milestones only, summary tasks only, or top-level tasks and milestones?
01:28In my case, I'll go ahead and include everything because it's a small file, but
01:31you choose the granularity of what you want to import. Next.
01:36And then choose the style of importing that you would like.
01:39What's the style of the timeline that you want to use?
01:42Maybe I want to use a Block timeline.
01:45Notice I can use Block, Line, Ruler, Divided, or Cylindrical, but I'm going to
01:50go ahead and select Block.
01:51What type of milestone do I want to use?
01:54I can use Diamonds, Triangles, Lines, Xs, whatever makes the most sense.
01:59I'll go ahead and stay with Diamonds.
02:01And then what type of intervals do you want to use?
02:04So I'll use a little different style.
02:06Bracket interval 2.
02:07Now under the Advanced tab, you can tell it again to configure your date formats
02:13in any way you want.
02:15So next in the wizard, it gives you a summary of what you've asked it to do.
02:19You click Finish and it will build only the top level timeline.
02:25You are going to have text collisions, you're going to have only the top level
02:29timeline, but as you've seen in earlier videos, it's very fast and very easy to
02:34clean up those text collisions and to add expansions to drill into the granular
02:40information that you're interested in.
02:42But Visio does a wonderful job of passing these things back and forth.
02:47If I made changes to this at this point in time, I could then push it back out
02:52by exporting that data back out to Project.
02:55That information, that change, could be pulled back into another MPP file, a
02:59master file, and incorporate those changes in with it.
03:03So the ability to import and export data is incredibly powerful, Visio working
03:08in concert with Microsoft Project.
Collapse this transcript
14. Creating Calendars
Creating a monthly calendar
00:00In the Schedule templates of Visio 2010, and I'll go ahead and go into that
00:05area, we know that we not only have timelines,
00:09we also have PERT and Gantt charts, but we also have calendars.
00:12Calendars are a wonderful way of expressing information to showing people the
00:17information that we're used to in a calendar-based format.
00:20Now you may be asking yourself, "Why do we need calendars?
00:24Because, quite frankly, Microsoft Outlook does a wonderful job of showing calendars."
00:30But realize that there are a lot of people who may not have access to your
00:33calendar file, who need to understand what's going on in a calendar-based view.
00:37And hence, we can create a Visio calendar, save that as a PDF, and shoot that off
00:42to anyone we want, or post it up to the Web and let people read even more
00:46information about that, or post it out to a SharePoint site and let people see
00:50the updated information based on that calendar.
00:53So what I want to walk you through is how to create both monthly as well as
00:58weekly and daily calendars.
00:59And then finally I am going to show you how to import data into a Microsoft
01:05Visio calendar from Microsoft Outlook.
01:08So let's just start by double-clicking on that calendar file and the first thing
01:11we're going to do is create a monthly calendar.
01:15Notice in your stencils on the left, right up at the top of our collection,
01:19we have Month, Week, Multiple week, Thumbnail month, Year and Day calendars, as
01:25well as tools for adding Appointments and Multi-day events.
01:29So I want to create a monthly calendar.
01:32I'll simply click on that Month shape, drag it out, and toss it at the page.
01:37I don't need to be the least but accurate about how I toss it, because in the
01:41end result Visio in going to go ahead and center that calendar on the page.
01:45But when it drops the calendar, it's going to ask me to configure it.
01:49What month am I interested in, and I can choose from any month of the year
01:53and any year that I am interested in, and what day of the week does my calendar begin on.
01:58And like a lot of calendars I think they begin on a Sunday, so I am going to go
02:03ahead and set Sunday as my starting date.
02:05So Saturdays will be on the right.
02:07Sundays will be on the left.
02:08What language do I want to use?
02:10Do I want to Shade the weekends?
02:12Do I want to show a title?
02:14Configure this in the manner that makes sense.
02:17And when I click OK, it'll configure that calendar to conform to what I need.
02:22Very quick, very simple.
Collapse this transcript
Adding appointments and events
00:00Now that I've created the calendar itself, in this case the monthly calendar,
00:05the obvious next task that I need to do of course is create an appointment or
00:10multi-day event to add to that calendar.
00:12On our collection of shapes on our stencil we have both Appointments
00:15and Multi-day events.
00:17An appointment happens at a specific time or range of time on a given day and
00:22multi-day spans series of days.
00:24If I'm going to go ahead and drag out an appointment and drop that in.
00:28For example, I'm going to drop this in on March the 8th.
00:33And when I drop it again, it's going to ask me to configure it.
00:36So what's my Start time and what's my End time, and maybe this is actually 10:30.
00:41I can either type them or just use my arrow keys to bump that up to where I need it.
00:46So this is going to go from 10:30 until let's just say 12 O'clock.
00:52The Subject of this is Team Resource Meeting, and its Location is Building 15 - Room 15007.
01:08We can set our Date formats and our Time formats to anything that makes sense
01:12for you whether it's 24-hour time or AM, PM, and then set and/or choose a
01:18different date as we need, and click OK.
01:20Now I will zoom in so you can see that little bit better.
01:22It will add that appointment to our calendar.
01:25Now I want to do a multi-day event, so I'm going to do one down here on the 16th and 17th.
01:30I'll drag out a multi-day event and drop it, and this is going to start on the
01:3416th and go up to the 17th and this is going to be Budgeting Workshop, and the
01:42Location is going to be Corporate HQ and I'll click OK.
01:47And you'll see that it will expand itself out to fill the space for those two days.
01:52Very easy to add any number of events and multi-day events and appointments
01:59anywhere on your calendar that you want to add to them.
Collapse this transcript
Adding additional months
00:01Perhaps the calendar that you're looking at spans beyond the current month and
00:05you want to add additional months to your calendar.
00:09It's really not a very difficult process.
00:10Visio allows for multiple pages so all I am going to do is take Page-1, and
00:15actually before I do that, I am going to right-click on that page and I am going
00:19to select Rename and change that from Page-1 to March 11.
00:26And now I am going to create a new page, right-click on that, and rename it to
00:31April 11, and I am going to go ahead on my stencil, grab another month, drag it out,
00:38 drop it on the page and configure this to be April of 2011, beginning my
00:45week on Sunday, and click OK.
00:49And I now have two tabs of my page tabs, one for March and one for April.
00:53And I can repeat this process as often as needed to build up as many months as I
00:59need to build up in my multi-page Visio calendar.
Collapse this transcript
Embellishing the calendar
00:00You've probably noted that in addition to the Month, Week, Multiple week,
00:05Thumbnail month, Year, Day, Appointment and Multi-day event shapes, beneath that
00:10are a whole series of items that we can use to embellish our calendars.
00:15And I am certainly not going to spend the time reading all of these off to you,
00:17but you can see as I scroll through in there are lots and lots and lots of
00:21visual items that we can add to our calendar.
00:23Notice in the calendar that I have up in front of me, and this is based in your
00:27student exercises Calendar02, that I've got a series of appointments in here,
00:32both individual daily appointments and one spanning a series of days.
00:37And if I zoom into this area down below where it says fly from Seattle to
00:41Orange County airport, that I've got an appointment in there.
00:45And I would like to have people be able to visually grasp this real quickly, and
00:50this is something that you can't do in an Outlook calendar.
00:53So I can take one of these embellishments, for example, this Travel by air one.
00:57Simply drag it out and drop it into my calendar wherever I would like it.
01:00And if I scroll over a little bit to the flying back to Seattle from Orange
01:06County, I can put another one of those airplanes in there.
01:09And for our Tips & Techniques Lectures that we have got going on, I can kind of
01:15scroll through and say,
01:16oh, that's actually a meeting here, so I'll plot the little calendar item in there, [00:01:20.0] or I could have some absolutely brilliant ideas come out of that and I can have these.
01:25Just drag out any items to embellish your calendar, anything to help people
01:29understand what's going on with your calendar, quicker and easier.
01:33I am going to go ahead and just close this one out and I am going to bring up
01:37another one that I've provided for you.
01:40This one is MonthlyCalendar04, and you can see a better example of lots of
01:44different appointments and things going on, the weather on the week's end,
01:47and where I've got a birthday going on and some other interesting bits of information.
01:52The important thing about adding these embellishments to your calendar is not
01:57just to make them look cute and pretty, but to give people a quick visual idea
02:01of what's going on in your monthly calendar, something you cannot do with
02:05other forms of calendars.
02:06So even at a glance when I look at this I can see the two dates that I am flying.
02:10I can see where I've got a series of meetings going on.
02:13I can see where there's a birthday coming up.
02:15I can get a chance to understand the weather if I need to prepare for that.
02:19Visio calendars convey lots of information and when we say that a picture is
02:23worth a thousand words,
02:25that really shows itself to be true with regard to these calendars.
Collapse this transcript
Creating a weekly calendar
00:00In addition to creating monthly calendars, adding appointments and events, and
00:04adding embellishments to make them understandable, we do have other calendar
00:08types available to us.
00:10So I'm going to go ahead to start a new calendar diagram, again based on the
00:13calendar template and this time instead of a monthly calendar, I'm going to
00:17create a weekly calendar.
00:19So I'll drag out a weekly calendar shape and drop it in my diagram, and this
00:24time I'm going to drop it kind of down near the lower-left.
00:26Now I'm going to tell that I like this one to go from the-- let's just take a
00:30peek here. Maybe I'd like this to go from the 7th of March and I'd like this to
00:35span five days to the 11th of March, and I'll say OK.
00:41And it will create that calendar, showing me the 7th, 8th, 9th, 10th, and 11th.
00:45And I can expand these.
00:47These are Visio shapes and I can expand them as necessary, kind of widen
00:50that out if I wish.
00:51If I need to move it up a little, I can move it up a little.
00:54Wherever it makes sense to place that on your page and whatever size you want.
00:58And then once you got that you can certainly add appointments within that calendar.
01:03Let's just call that Meeting and the Location, Here.
01:07And this maybe goes from nine until 10, we'll say OK, and it will do that.
01:12I can do the same thing with multi-day events.
01:14Everything that we talked about doing with the monthly calendar we can
01:18certainly do with a weekly.
01:22Team Coordination there. Say OK.
01:24So you can see that it's very easy to create these and again embellish them
01:28in any way, shape, or form that you want, whatever works for you in the weekly calendar.
01:32Let me show you an example of one that I've already created available for you.
01:36I'll close this one out.
01:37It's not really necessary any longer.
01:39But here's one where I've created the weekly calendar, put in a couple of
01:42appointments, and then using the Thumbnail month, drag out a thumbnail for the
01:48month before March, and then the month of March made it a little larger by sizing
01:53it up, and then the month afterwards.
01:54That way I can see a three-month span plus the particular week I'm working with.
01:59So you're not confined just because I'm using weekly calendar, I can't see
02:02monthly information. I can drop these monthlies in just as easily as not.
02:07Weekly calendars give you a closer view of the information that you're working with.
Collapse this transcript
Creating a daily calendar
00:00Just as we've been able to build both monthly and weekly calendars, add the
00:04particular events and appointments that we needed, and embellish them in any way
00:08we want, we can also do the same thing with a daily calendar.
00:12If we need to see a chronology of the different things we're doing on a specific day,
00:15daily calendars work incredibly well for that.
00:18Again, we start a new diagram based on the calendar solution and instead of
00:23dragging out a month or a week, this time we drag out a day.
00:26And we'll drop it in our diagram.
00:28Select the particular day that we want to work with and click OK.
00:32Now it starts out relatively small, but you can expand that in anyway you need
00:37to make it whatever size is important to you.
00:40And this will give you a chance for the day appointment.
00:43I am going to go ahead and drag out an appointment for there, and we'll have our
00:49Team Kickoff and that goes from 8 to 9. So we'll click OK.
00:55And I can move these sort of up-and- down within there, because I might want to
00:58add a second appointment in here.
01:00I'll drag out and drop it in here, and this one is going to go from 9 until 10.
01:05And if I'd made a mistake and I didn't type in a specific value, I'll just
01:09come back to configure.
01:10I'll put the subject in and this is the Workshop #1 Organization. Say OK and add that in.
01:19And I can stack that further up next to the previous one anywhere I need to, and
01:24keep adding appointments as I go along.
01:26And again, add embellishments whatever is necessary.
01:29Now that I've shown you the practicalities of how to build that daily calendar,
01:32let's close that out and I'll show you the one that I've completed.
01:36And I've taken this one,
01:37created the daily calendar, added the appointments in, created the thumbnail
01:43month and dropped in the year, so I have a full yearly calendar.
01:48And over here dropped some notes.
01:51And beside that, put in some text items, so that I can fill in some additional
01:56notes on my daily calendar as necessary.
02:00Clean, concise, clear calendars in many formats that allow me to convey information to other
02:05people, who may not have Visio on their desktop or who may not have access to
02:11my Outlook calendar.
02:13And I can save this as a PDF, shoot it off to anyone I want, attach it to an
02:17email and send it off.
02:19It's a great way to communicate information. Monthly calendars, weekly
02:23calendars, and daily calendars.
Collapse this transcript
Importing data from Microsoft Outlook
00:00Another very exciting aspect of working with Visio calendars is not only can I
00:05create calendars in a manual mode, meaning bring up a month, bring up a week,
00:10bring up a day, add appointments, add multi-day events, add embellishments, and
00:15make them into attractive calendars, but I can also pull information from my
00:20Exchange Server based or even locally based Outlook calendar.
00:26So I'm going to go ahead and create a calendar.
00:29Before I even drag that in I'm going to decide by clicking on the Calendar tab
00:34of that, that I'd like to import data from Outlook.
00:39So I'm dealing with a new blank Visio calendar-based diagram and on the Calendar tab
00:44I'll click Import Outlook Data.
00:47Import wizard allows me to import data into a, in my case, new Visio calendar.
00:53Had I already dropped a month in there, I could base it on the selected Visio calendar.
00:58But in my case, a new one from a blank drawing. Next.
01:02So I set my starting and ending date and I'm going to do this from March 1st
01:05until March 31st, and my starting times I'll go from 8 AM to 5 PM.
01:13You can set those up.
01:15You can even filter your appointments based on specific subject containing.
01:21So if you only want to bring in certain categories of information, if you are one
01:24of those people who carefully uses subject matter appropriately, you can
01:28actually filter based on that.
01:30But I'm going to go ahead and bring everything in.
01:32So Next, and the Calendar Type that I'm going to create is a monthly calendar.
01:37I'm going to begin my week on Sunday, I'm going to shade the weekends, the same
01:42configuration we're used to working with. So Next.
01:45It tells me what I've asked it to do and I'll click Finish.
01:49And it's reading my Outlook calendar and there is the information Visio, and
01:54I'll zoom in so you can see this a little bit better, that I've got all the
02:00meetings and multi-day events and everything that's going on for my calendar.
02:05Now just so that you're aware and are able to see that there's no smoke and
02:09mirrors going on here, I'm going to switch over to Outlook and there is the
02:13same calendar in Outlook.
02:15So all the appointments that were in my Outlook calendar I've pulled back in
02:20to my Visio calendar.
02:22Now I can add all the embellishments and do all the things that would not be
02:26possible in my Outlook calendar, save this either as a PDF or whatever format I
02:32would like, attach to an email or send up to a website or send out to SharePoint,
02:37and share with other people who might not have access to my Outlook calendar at all,
02:41and they can understand what's going on.
02:44So the ability to connect to an Outlook calendar and pull in the appointments
02:49and things that you're interested in is a great advantage in working with Visio calendars.
Collapse this transcript
15. Working with PivotDiagrams
Understanding PivotDiagrams
00:00A new diagram type was introduced into Visio with Visio 2007 and that diagram
00:05type is called a PivotDiagram.
00:08PivotDiagrams in Visio differ somewhat from PivotTables in Excel.
00:15Their similarities are that both are hierarchically structured and show you a
00:20breakdown and give you the ability to drill down and roll up and slice and dice
00:25the data in any way you want.
00:27The largest difference is that Excel PivotTables are still tabular clusters of
00:34textual or numeric-based information, whereas Visio PivotDiagrams are visual
00:41breakdowns of the information you're interested in.
00:44Here we're looking at a breakdown of the Two Trees Olive Oil system of employees.
00:49We start from the top level of the organization itself.
00:52In the next level beneath that we look at all the different departments
00:56within that organization.
00:58From there we drill into the Marketing department and look at the particular
01:01managers in that department. From within one particular manager in this case
01:07David Jaffe, we look at all of the employees reporting to David and underneath
01:12two of those employees we analyze their telephone numbers.
01:16The same sort of breakdown structure that you're used to in PivotTables in
01:21Excel, you can certainly do within PivotDiagrams in Visio.
01:26The largest difference is the Visio diagrams are, A, based upon numeric-based
01:32information by default, and two, are very, very graphical, giving you a clear
01:38indicator of what you're interested in.
01:41Now should you decide that you would like to also be able to include
01:44textual-based information, you can certainly easily do that simply by re-linking
01:50to the data and applying the textual-based information as well.
Collapse this transcript
The Data Selector Wizard
00:00I am going to begin a PivotDiagram within Visio by going to the Business
00:05category of my Templates and within the Business category finding PivotDiagram.
00:12Once I found PivotDiagram, as the new diagram begins, the first thing that
00:17happens is the Data Selector Wizard appears.
00:21This is effectively exactly the same Data Selector Wizard that is used in any of
00:26the Visio 2007 and 2010 Professional and Premium Data Connectivity Applications.
00:33The only difference between this Data Selector and the one used for
00:37general data connectivity is that in addition to all the data sources you're
00:41used to be able to using, the PivotDiagrams also allow you to utilize SQL
00:47Server Analysis Services.
00:50So it's exactly the same wizard and we're going to step through that one screen at a time.
00:55First, we'll select the source that we want to use.
00:58In our case we're going to use an Excel Workbook.
01:01We'll click Next and then we're going to click the Browse button to go out to
01:05our Exercise Files directory and select the TwoTreesOliveOilOrganizationalData,
01:15and we'll open that.
01:16That fills that in, in the workbook to import. Next.
01:21Then because it's an Excel workbook we can choose the specific range.
01:25We've created a custom range there and in this case Organization, which is fine. Next.
01:31We'll then choose the columns of information we want to include.
01:35And we're going to certainly include everything; however, we don't need the
01:38Master_Shape that might've been used in organizational charting so we're going
01:42to uncheck that item.
01:43And include all the rest of the pertinent fields that are important to us,
01:47and we'll click OK.
01:49And then as far as rows to include, we're going to include all rows so that
01:53we have all information about every employee in the organization so that's perfectly fine.
01:59Next. And then Finish.
02:02Very straightforward.
02:03Unlike Data Connectivity where we end up with a large data table,
02:07an external data table shown at the base and underneath the diagram, in this
02:13case it creates the top level node.
Collapse this transcript
The top-level node
00:00Once the top-level node has been created in the Visio PivotDiagram we want to do
00:05a little analysis of what it has provided for us.
00:08I'm going to zoom in on the upper left- hand corner of our diagram and we'll see
00:12that three items have appeared in that upper left-hand corner.
00:15And those three items are the top-level node.
00:18This is indicated by the item that says Total and has information underneath it.
00:24Above the top-level node, we have the name of the particular data source that
00:29created this particular top-level node.
00:32We also have to the right some data information about the data source.
00:38It gives us the data source name and shows us the name of the spreadsheet that we use.
00:42It shows us the specific range that we use, which is replicated up here above.
00:47It also shows us the last update time for that data source and if any filtering
00:52has been applied to it.
00:54Now as I look at this top-level node I notice that it's showing me that the
01:00Total is totaling the office numbers.
01:04It's trying to do a summation of all of the office numbers, and that really is
01:08not applicable or pertinent to what we want to drill down on within our
01:12organizational structure.
01:15Therefore, what I'm going to do is look to the left into the PivotDiagram Task pane,
01:20and I'm going to in the Add Totals area uncheck the Office Number
01:26Summation, and I'm going to check Count, and as I do noticed that the data
01:32graphic changes out here in the diagram itself and it's now showing me that in
01:37my organization there are 70 individuals working there and that's certainly
01:42makes a lot more sense to what we want to analyze.
01:45So remember that once the top-level node is created, you'll want to check and
01:50make sure that the top level is in fact showing the information that makes the
01:55most sense for what you need.
01:57Later on we'll talk about being able to choose to display or not display some of
02:01these other facets at that top-level.
Collapse this transcript
Adding a category by drilling in
00:00With the top-level node configured appropriately and now showing us that
00:03we have 70 people within our organization,
00:06the next step we would like to take is to drill down and find out which
00:10departments exist within our organization.
00:13And to do this, just as we would do in an Excel PivotTable, we're going to
00:17drill in on the information.
00:20In this case, it's very, very straightforward. Very simple to do.
00:24I simply select the top-level node and once it's selected, I can either look to
00:29the left in the PivotDiagram task pane, and in the Add Category area look at
00:34all the different fields of information that were part of my data source.
00:38We have Employee, Title, Manager, Department, Telephone, etcetera, etcetera,
00:44all the information that we were interested in drilling in on.
00:47So I am going to select the Department.
00:49Now before I do, I want you to be aware also that instead of using the
00:54PivotDiagram task pane, I can also choose to right-click on the shape itself and
01:00select Add Category and choose from the list there.
01:03These are both identical functions, the task pane at the left or the
01:06context menu at the right.
01:08Selecting the item I am interested in.
01:10Personal preference, I tend to use the right-click.
01:13I am just a right-click kind of person.
01:15It's right there where I needed.
01:17But either way it works for you.
01:19I'll go ahead and use the task pane this time around, so we'll come back here
01:22and we'll select Department. And when I do,
01:26notice that it lays out in a horizontal manner all of the departments within the organization.
01:34And because that did not confine itself, it wouldn't fit within an 8.5 x 11 sheet of paper,
01:39Visio 2010 has allowed us to create the additional sizing of the piece of paper
01:44and shown us the page break.
01:45Now I tend to find that page break somewhat distracting.
01:49So I am going to come back under the View menu and simply turn off the Page Break.
01:54We'll deal with resizing the page and getting the information in a more
01:59clustered manner later on as we work through this.
02:02But drilling down from the top-level node is as simple as either selecting the
02:06node and selecting the particular category you want to drill in on, or
02:11right-clicking and selecting Add Category from the context menu and getting the
02:15same selection set there.
Collapse this transcript
Setting layout direction
00:00By default as we drill into each level in our PivotDiagram, Visio always lay
00:06them out in a horizontal manner.
00:08This is referred to as top down or top to bottom.
00:12We're stepping down with each level of hierarchy, even though it's laying them
00:16out in a horizontal manner.
00:18I'd like to drill into the Marketing department and take a look at who are the
00:22managers within that Marketing department.
00:25But instead of having it lay it out in a horizontal manner one level beneath,
00:30I'd like to stack those managers on top of each other.
00:34So I want to lay them out left to right.
00:37So what I'm going to do is click on the Marketing department itself and before I
00:42go any further and before I try to drill in, I'm going to choose from the
00:46PivotDiagram tab the Direction and I'm going to change that from Top-to-Bottom
00:51to Left-to-Right, and having done so, I can now go ahead and select the Managers
01:01and note that the managers will now lay out in a vertical manner stacked beneath
01:07the Marketing department.
01:09At any time we want, we can choose to set the layout direction for any level of node.
01:15Remember to set the level of layout direction before you drill into that area.
01:20You certainly can change the direction after the fact, but I find it much more
01:24logical to choose the item, set the direction, then do the drill into that.
01:29So we've drilled in now at this point in time to the particular managers.
01:33I want to continue down and drill in a little bit further and I'm going to
01:38select a particular manager, David Jaffe, and I want the members to string out
01:42to the right from there.
01:44So I'm going to select the direction there to be Top-to-Bottom and in doing so,
01:48I'll now select the Employees to drill in and I can see the list of employees
01:55that come across as part of that alignment.
Collapse this transcript
Setting layout alignment
00:00In addition to setting the direction for the layout of any given level in our
00:05hierarchy, we can also choose to set the alignment.
00:09Notice as I float over the alignment item, on the PivotDiagram tab it says
00:15"Change the alignment of a level of nodes in the PivotDiagram.
00:18Start by selecting the parent node." And this is important.
00:22We start by selecting the particular parent node for the alignment that we're
00:26interested in providing, and then we can choose to align this Left, Center,
00:30Right, Top, Middle, or Bottom.
00:34Choosing some of these permutations will actually change the direction, so I
00:38caution you to use care in selecting one.
00:42For example, if I select Middle, it's going to actually set up a middle
00:48alignment based on those individuals to their parent, which actually adjust the
00:53spacing between the parents.
00:55I'm going to Ctrl+Z there.
00:57If I choose Bottom alignment, again it's going to align that below, dramatically
01:03changing that spacing between the individual items to the parents above them.
01:08Top will of course do the same sort of thing.
01:11By changing alignment to Left, that's what I have currently.
01:15If I change it to Center, it's not going to affect it, and Right is not going to
01:22affect it currently.
01:23So I can choose to alter forms of layout by using alignment.
01:28And by using both direction and alignment in conjunction with each other, we can
01:32establish the specific layout that we're interested in.
01:36The reason I go through this carefully is you can still at anytime select an
01:42individual node item and drag it off anywhere you'd like to drag it off to.
01:46Perfectly acceptable at anytime.
01:48However, the moment you do any form of refresh, it's going to revert back to its
01:53default type of positioning.
01:56Therefore, any manual adjusting or positioning you should do after you have all
02:02of your layouts created.
02:04Save that for the end. Use the tools initially to set what the default
02:08positioning will be and make your final adjustments when you're ready to create
02:12the end of your diagram.
Collapse this transcript
Sorting and filtering
00:00Visio PivotDiagrams also give you the ability to control the visual ordering and
00:05layout of the individual items within a given node.
00:09In this case we're going to be talking about sorting and filtering the information.
00:14I'm going to zoom in on the particular employees who report to the particular
00:18manager, David Jaffe, and we can see that he has five people reporting to him.
00:23If I select the breakdown node itself, and underneath a given node between that
00:31and the individual items in it is this breakdown shape.
00:34And if I select the breakdown shape and then under the PivotDiagram tab come to
00:39the Sort & Filter area and select the Sort & Filter,
00:44I can sort by a category of information, in this case Employee, and I can choose
00:49to have that Ascending or Descending.
00:51And I can choose the Maximum number of items to work within that sort.
00:57Right now it's sorted in an Ascending order, so I can see Jaffe comes before
01:01Helga, which comes before Joshua, before Toby, before Wendy there, in
01:06ascending alphabetical order.
01:08If I change that order to Descending, we can see instantly that we reversed that order.
01:14So I can choose to set up an ascending or descending order based on any given
01:19category of information.
01:21I'm going to back up before that happened and again come to Sort & Filter,
01:25and as I drop that list down and notice that the list of items that we can sort
01:30by is similar but not exactly the same as the list of items in the Add Totals
01:37area of our task pane.
01:41By default, Visio chews on or works with numeric data only or specific
01:49alphabetical categories.
01:51So there is a lot of information about these particular individuals that we know
01:55is out in the dataset that is not used in the breakdown system.
02:00And we have additional things like Averages and Sums that may not mean anything
02:06in a given category.
02:07Later we're going to learn how to attach and reattach external data to be able
02:13to utilize textual-based information more, but right now it's acting upon things
02:18like Office_Numbers and Performance rating and Salary and Tenure, which are
02:22all numeric based values, in providing its ascending and descending orders, and
02:28then certainly Employee, which is the level of the node itself.
02:32Now in addition to being able to sort, we can also filter.
02:37Again, by selecting the breakdown shape, we come up to the Filter item and it
02:42asks us within the particular source name that we're working with, in this
02:46case our Employee area,
02:48what is the criteria we would like to filter on?
02:50So we select the Operation and notice our operations contain things like, it
02:55equals, it does not equal, it begins with, it does not begins with, it ends
03:00with, it does not end with, it contains, it does not contain.
03:04So I'm going to set up the does not begin with.
03:07I want to set up a filter that shows does not begin with, and I'm going to say
03:11does not begin with Toby.
03:14And by setting up a filter that says I only want to display the items that do
03:18not begin with Toby, and I click OK,
03:22we notice that Toby's record has disappeared out of our particular breakdown.
03:26I'll Ctrl+Z to undo that particular filter, but within those filters, and I need to
03:33make sure I select that breakdown shape, we can add multiple criterias.
03:39So if I selected an operation that again said does not begin with Toby,and then
03:48we have And or Or operators.
03:51And notice how we can stack these and build these into multiple criterias to do
03:56the filtering and the sorting that we need.
03:59So the Sort & Filter and the Filter tools up here on our PivotDiagram tab,
04:05give us the flexibility to totally control in an automated manner how things are displayed.
04:11Again, remember at anytime you have the flexibility and the freedom to move
04:15these node items around wherever you would like to move them, but if you change
04:20some of the criteria, it's going to place them back into their default mode.
04:24So any manual changes should always be done at the end.
Collapse this transcript
Collapsing nodes
00:00In the pivot that we're looking at we've drilled down from the top level.
00:04The organization as a whole through the departments, through the managers, to
00:09the individual employees reporting to a singular manager.
00:13I am going to drill down one more level and up to this point I've been drilling
00:17down on one item at a time.
00:19It's just as easy to drill down on multiple items whenever we need to.
00:23So I am going to select Geof, hold my Shift key down, and click on Joshua as
00:28well, and that's now selected two.
00:30I can select as many multiples as I would like.
00:32And I want to drill down from these individuals and I'll come into the Add
00:37category and I want to take a look at their telephone extension.
00:42And in doing so we can see that it's drilled down to that level for both of them
00:47and showing their particular telephone extensions within the organization.
00:50Now perhaps I made a mistake or perhaps I want to look at something different.
00:55So at anytime I want I can also as well as drill down, roll up or collapse notes.
01:02And all I have to do is select the parent above it, so again selecting Geof and
01:06clicking the Shift key and selecting Joshua, I can right-click and select from
01:11the menu there Collapse.
01:13Now note that I can also do this up under my Arrange area by clicking on
01:17Collapse as well through there, but I am a right-click person so I am going to
01:21select Collapse from the right-click menu, and it rolls them right back up.
01:25And now I can choose from there to then drill down on another category, perhaps
01:30in this case their E-Mails.
01:32So it's very easy to drill down, roll up at any time I need to work with them.
Collapse this transcript
Relocating nodes left or right
00:00In addition to the tools that we've talked about before in terms of direction
00:04and alignment and especially in terms of sorting and filtering, all of these
00:08rearrange the order of items within the diagram.
00:12We also can use the tools within the PivotDiagram system on PivotDiagram tab to
00:17individually slide items into different orders, regardless of the sorting and
00:22filtering options that are there.
00:24So I am going to zoom in to this employee area where I have Geof and Helge and Joshua, etc.
00:31And maybe for some reason I decided I like Joshua immediately next to Geof and
00:36Helge move to the right.
00:37So I could select either Joshua or Helge and in this case I'll select Helge and
00:42simply say to Move this to the right.
00:45Notice this is under the PivotDiagram tab in the Arrange area.
00:48I can move something left for upward or right or downward.
00:51So in this case I am going to take Helge and move that right, and that shifts it
00:56right, which of course then swaps it with Joshua which is now next to Geof.
01:00So utilizing the tools in the PivotDiagram tab Arrange area, moving left or up,
01:06right or down, the ability to Collapse, Promote, Merge or Unmerge items, all
01:12give us total control over how things lay out within our diagram.
Collapse this transcript
Setting display options
00:00As we began our PivotDiagram we noted that when we dropped the top-level node or
00:05actually when the top-level node was created for us and we configured it properly,
00:09we said there were two other items that existed beside that top-level, one of which
00:13was the title of the data source you were using and another was a complete
00:16legend of that data source information, I'm going to zoom in on that a little
00:20bit just so you can see a little bit clearer and we can see not only the
00:24top-level node, but we can also see that title and that legend.
00:29You have the ability to choose whether you do or do not wish to see those items
00:34at any given time. When that top- level node is selected it enables this
00:39Show/Hide area of the PivotDiagram tab and if I uncheck the Title item,
00:45notice that the Title will turn off and I can turn it back on.
00:48Same thing with the Data Legend. I can turn it off and turn it on.
00:52In addition to those two items I'm choosing whether or not I wish to see those in my pivot,
00:58at each level of the node by default we see the individual breakdown shape and
01:03we noted that the breakdown shapes are important to be able to select because
01:07we use those in the sorting and filtering.
01:10But when your sorting and filtering is done perhaps you don't wish to see the
01:14individual breakdowns in say Department or Manager or whatever they might be, so
01:19at any time you can also choose to turn those off simply by un-checking them and
01:23checking them again to turn them back on.
01:26So the Show/Hide area allows you to choose which visual aspects of that pivot
01:32you want shown in the pivot at any time.
01:34Remember that they're always there. This is just your area that allows you to
01:38choose whether you do wish or do not wish to see them.
Collapse this transcript
Applying alternate SmartShapes
00:00Now that in the particular pivot we're working with, we drilled our way down to
00:04the lowest level we're interested in doing an analysis on.
00:07And before we do final layout of things, but we've got everything broken
00:11down where we need them, I have a personal problem with white boxes on a
00:15white background. I tend to find them to be deadly boring, and I'm sure you do as well.
00:20So in order to change that one of the things it's available to you within a
00:24PivotDiagram is the ability to apply an alternate Smart Shape symbol in
00:28replacement for the default one.
00:31Now I'm going to zoom in and kind of close down to the bottom of this to make
00:35this point a little bit clearer.
00:37What you are looking at with each one of these blue bars with white boxes
00:41beneath it is not the actual Visio Smart Shape symbol; it's actually the data graphic.
00:49The Smart Shape symbol that is here is hidden.
00:52It's really not shown at all, but you can at anytime choose what you want to have it shown.
01:00Select the particular node, and then again I'm a very right-click person, you
01:04can either select Apply Shape up in the Format area of the PivotDiagram tab or
01:11simply right-click and select Apply Shape.
01:14Now when you select Apply Shape you can apply a shape from any open stencil.
01:21By default, two stencils are already opened for you and that's the Workflow
01:26Departments and Workflow Objects.
01:29By opening up any additional stencils you can also choose shapes from
01:33those stencils as well.
01:35Now I know because I'm dealing with in this particular item here, an email
01:40address, I know that within my Workflow Objects, I happen to have a nice little
01:45envelope to show mail there.
01:48So I'll click on that and that will add the little email symbol there and I'll
01:52do it of course here as well.
01:54And right now I'm doing them one at a time just to prove that you can do
01:59them one at a time.
02:00However, I find that to be less than efficient.
02:03So a better way to do that, and I'm zooming out, is to simply select all of the nodes
02:09that you're interested in.
02:10In this case I have all the employees.
02:13And then I would tend to right-click and select Apply Shape and I have a User as
02:19a shape there, so I have all my employees working away madly at their desks and
02:23that works just great.
02:25And I can come over here to the next level up to these Managers and select all
02:29of the managers and right- click there and Apply Shape.
02:32In this case I'm going to switch from Objects to Departments and within there I
02:38have something called Management.
02:40So there we can select Management, and there is all our managers standing around.
02:44Oh, I didn't see that, did I really?
02:46And we'll zoom out just a little bit further and then we can select the
02:50Marketing department and Apply Shape there, and we have our Marketing
02:54department, and we can do the same thing for Finance, etcetera, etcetera. Apply Shape.
03:00You can get a little overboard with applying shapes, so what I can to do is
03:04apply shapes to the path that is applicable to the information I'm interested in.
03:09So in other words, even though I could apply a shape for the Finance department
03:13up here-- I'll cancel for just a moment.
03:16I find that I want them to focus on the marketing department here, so I have
03:20only applied a shape here.
03:21And that helps lead the eye down the path to exactly what I'm interested in looking at.
03:27So I might not even apply a shape for these other three employees. Only the ones
03:32that I'm interested in drilling down to their email.
03:35The choice is yours to apply wherever you like.
03:37I can come up to the top-level node, and because it's a very global company I
03:41can apply a shape for the international division.
03:44And as you can see, in very, very short order we can turn something that looks
03:48rather bland and dull into something that actually has some real impact to it.
03:53Now also notice that our page has gotten totally out of size here.
03:57It's 21 inches long and we don't need it.
04:00So I am going to move my cursor to the right edge of the page and I hold my Ctrl key down.
04:04It will say Resize Page and I'm just going to pull that page in closer.
04:08And right now it's 18 inches and I know that there is a typical size for a
04:14legal sheet of paper, which is 8 1/2 X 14.
04:17And I might want this eventually to fit within that 8 1/2 X 14 space, which means
04:22I just need to move manually in the end result, a couple of those nodes around,
04:27but I want to do all of that after I have applied that alternate shape.
Collapse this transcript
Creating and using alternate data graphics
00:00We are taking care of a lot of the base graphics and before we are through with this
00:03we certainly will be adding a background page.
00:05But the next thing I want to talk about as we work through polishing and
00:09finalizing our Visio diagram, our pivot here, is I want to talk about the data
00:14graphics themselves.
00:16If I come back to the Data tab on my ribbon and look at Data Graphics, you'll
00:21know that there is one Data Graphic item that's created and as I said before
00:27that blue bar with a white box under it is in fact the data graphic, not the shape,
00:31and we've applied in a previous video, we've applied the individual custom
00:36shapes that we want to these.
00:38Now rather than modifying the base Data Graphic, we should always keep that intact.
00:44So what I'm going to do is right-click on that and select Duplicate and when I
00:50select Duplicate and then come back up to my Data Graphics, I can see that I
00:54have Data Graphic and then something called Data Graphic.,
00:58whatever number it might be at the time.
01:00In my case, right now says 23 and that doesn't make a lot of sense to me.
01:04So I'm going to right-click on this and rename this and I'm going to just
01:11call this one Employee. Then I'll say OK.
01:17Now having done so, now I have two Data Graphics,
01:20one called Data Graphic and one called Employee, and I'm going to right-click
01:24on the Data Graphic called Employee and select Edit, because I want to edit that information.
01:30Now that blue bar is a text callout and that's User.visDDTitle and that's what's
01:38always going to be in that blue bar.
01:40So rarely will you want to change that.
01:43But beneath that blue bar for each of these employees is the word Count
01:46and the number 1 and that's because it's based on the Count field and that's
01:50not doing you an awful lot of good and perhaps you want some other
01:54information in there.
01:55So we can click into that line and then click Edit Item and choose a field
02:01that we want to use.
02:04Perhaps notice we can change it and put their Salary in there or their Tenure
02:08in there and let's put their Tenure in there.
02:11And the Tenure is a text callout and instead of the default label, which will
02:16simply say Tenure, I'm going to say Tenure In Months and I'll click OK.
02:28I can add additional data graphics. I can remove data graphics. I can edit these
02:33in any way shape or form that I can normally work with a data graphic, but I
02:36think I have what I want for my employee.
02:39So I'm going to click OK.
02:41Now that hasn't changed anything in the diagram because I haven't yet applied
02:44that new data graphic that I've created to any of those items, but I want to
02:49go ahead and select each one of those managers and apply that new Employee
02:57data graphic to them and I'll select each one of the employees and apply that
03:04data graphic to them.
03:07Now I certainly have something that makes a lot more sense being displayed to my
03:10diagram, that it shows me an individual person has been in the company for x
03:14number of months and it's a great way to look at those.
03:17So you can at anytime you want create and use your own alternate data graphics
03:23as well as applying your own alternate Smart Shapes to customize each one of
03:28these nodes to have them look any way you'd like to have them look.
Collapse this transcript
Re-linking to data
00:00As I stated earlier, Visio PivotDiagrams tend to drill down and roll up based
00:06upon numeric data and not based upon textual-based data.
00:11But I want to be able to add that additional textual-based data into my diagram
00:16so that I can view that in data graphics.
00:18I can report on it. I can create custom data graphics that utilize that external data.
00:23If the data changes, I can refresh my diagram with it.
00:26There are lots of reasons why it's very important not to just do the initial
00:31setup with the pivot but also when you get it laid out as you needed relink it to the data.
00:37And this is exactly the same way we talked about re-linking data when we
00:41referred to organizational diagrams and I would refer to literally any type of
00:46diagram that does an initial pull from data and then doesn't work with it later on.
00:52So again, what we are going to do is take our diagram.
00:55We will come to the Data tab.
00:56We are going to select Link Data to Shapes.
00:59The Data Selector comes back up.
01:01This is the same Data Selector that we saw when we initially built the pivot.
01:05The only thing that's not showing in there is the SQL Services Analysis Cube at
01:10this point, but we are using an Excel workbook so we are fine.
01:13Next, browse out to our data source and it's in our Exercises in our chapter
01:19folder and we will select that.
01:26And we've talked through each one of the screen so I won't talk through them
01:29again, but I am just going to come through them and again I don't need that
01:33item for the Master_Shape, so I will unselect that and Next and Next and Finish.
01:44Now, we have all of the individuals within our organization and that's really
01:48what we are interested in reporting on.
01:50We visually can see the breakdown we have but we want to find out information
01:55about these employees.
01:56So, the fastest and easiest way to do that would be to select a node and find
02:01out what's in that particular node.
02:04So, if I look under my Data tab and I look at the Shape Data Window, I can see
02:11in the Shape Data Window that the Member is Ashley Larsen here.
02:16For example, if I select further up the line and click this one, the Member is Marketing.
02:23Click the next one over here, the Member is Operations.
02:27Clicking way down here, the Member is actually an email address.
02:32So, what I'm interested in being able to do to do an automatic linking is to
02:37select Automatically Link.
02:39This is from the External Data area of the Data tab and I want to link all the
02:44shapes on this page, Next, wherever the employee name out in the data source
02:54equals the Member on our shape field and that's the critical linkage here that
03:02you have to be aware of.
03:04So, Next and Finish, and you'll see a little link show up only for the members,
03:13the individual people in the organization that we've expanded.
03:16Those are the only areas we have links.
03:18Now at this point in time, I can now collapse that External Data table.
03:22But now having done so, if I select for example David Jaffe, I now see all of the
03:28data that came in from that external data source, so I have got a lot more
03:33information that I can use for any different form of analysis service that I'm
03:37interested in doing so.
03:38The last thing I need to do to clean up my diagram now that I've got all
03:41the data I want and I could build custom reports is I want to of course add a background.
03:46So, I will go back to my Design tab and I will come down to Backgrounds and
03:51I'm going to select maybe a nice little world map as a background and it will lay that out.
03:56Now, notice I selected a world map, so oops!
03:58I am going to Ctrl+Z because that's sort of spilled off the page and I
04:02don't want that one.
04:03I am going to with a little less verbose one here and I am going to come
04:07down and select this little swirl top one and that's going to look really nice in there.
04:13However, I don't like it as gray so I am going to select the Background page
04:17tab itself, right click on the shape, and select Format > Fill, and we will
04:22change that gray to some other-- maybe a medium green color or something that works for us.
04:28There we go.
04:29When I go back to my page itself and I have got a very nice looking diagram.
04:33I can certainly add any corporate logos and graphics and things that I want at
04:37any time and we will do that from the Insert tab and Picture and we can drop
04:42them on the background page or the foreground page in this case. It will all work.
04:46But we have got a really elegant looking diagram at this point in time.
04:50So re-linking to data provides us access to additional non-numeric data that
04:55would not initially show up.
04:57And once we've done that, we then have the ability to finalize our diagram by
05:01manually dragging nodes around to get things to the sizing we want and then
05:07finalize a drawing for publication.
Collapse this transcript
16. Creating Prototype Diagrams Using Wireframes
Understanding the collections of stencils for wireframe design
00:00In older versions of Visio and Visio Professional, there was a template involved
00:06that was called the Windows XP Interface Template, and it allowed you to
00:11prototype up what looked to be then a Windows XP interface.
00:16The term "prototyping interface" has sort of changed in the industry and it's no
00:19longer called prototyping interface.
00:22It's now called Wireframe Design.
00:24So Visio, under Visio Professional and Premium, now provides a template
00:29for specifically that purpose and we find that under the Software and
00:33Database categories.
00:35So I am going to go into that category and then we find Wireframe Design and
00:41I'll go ahead and launch Wireframe Design.
00:43Now having done so, we have a large collection of stencils over on the left and
00:47I want to talk through what each one of these stencils contain and what they are used for.
00:52Dialogs is the first stencil you should be aware of and under Dialogs, we have a
00:57Dialog form, an Application form, a Panel and then a Dialog button as being the
01:04top-level items there.
01:06We also have things like Status bars and Status bar items, Status bar icons and splitters.
01:12All the visual elements that go to make up a generalized dialogue.
01:18We also have within the collection of stencils Toolbars which give us things
01:23like Menu bars and Menu bar items and Drop-down menus and Menu items and
01:28Menu item separators and lots of the things that would go on a menu item as iconography.
01:34Cut, Copy, Paste, those sorts of things.
01:37Beneath that we also have Controls and with Controls we then have the ability
01:42to have Labels and Text box and Buttons.
01:46All the controls you would normally find on forms are under the Controls area.
01:51Beneath Controls we also have Cursors and all the typical default Windows-based
01:57cursors that you would work with.
01:58Selection, Move, and Link selected and Busy and Resizing, all of those types of
02:04cursors are available.
02:05And then we also have Common Icons like Forward and Back and Expand and
02:09Collapse, Filter, Tools, all the things that you need to prototype up an
02:14interface, and then finally Web and Media Icons as well, showing you signal
02:20strength items and email and Find and Attachments and Chats and all the things
02:25that you might utilize to design the dialogs.
02:29Now I want to make it very, very clear that this is not a case tool.
02:33Visio is not designed to let you drag and drop and put together a visual look
02:38and feel and click on it and have it generate the code to build these dialogs.
02:44It is designed to design a dialog, prototype it up, and when it's ready then
02:51send it around for team review and collaboration.
02:55So I want to talk about that team review and collaboration very, very quickly.
03:00One of the things that we don't talk about too often in Visio and it's not well-known.
03:05If you look at the Review tab in Visio, under the Review tab we can Track Markup.
03:11This is the same as turning on track markup, for example, in a Microsoft Word diagram.
03:17Before I turned that on, I'm actually going to drop a couple of things on the
03:19page just to get a few things out there.
03:23Now if I turn on the Track Markup, notice that a red band shows up around the
03:28diagram and notice that in the lower right-hand corner on the markup
03:33overlays, my name and initials are shown as the originator of the diagram
03:38with the red band around it.
03:41Notice it states that your document is now ready for review.
03:45When I'm in this mode, if I save the diagram and then attach it to an email or
03:51put it on a SharePoint site or put it on some network location and then someone
03:56else opens up this particular diagram, when they open it up their name and
04:01initials will show up as one of the reviewers and any changes they make to the
04:06diagram will show up in the list of markups.
04:09It will show up on their own Reviewer tab on the right side of the diagram.
04:14It will start generating these Reviewer tabs for each additional reviewer.
04:19Each person can do what they want.
04:21one person might want to move this envelope up to the upper right, another one
04:24might want to move it to the lower left, and another one might want to
04:26eliminate it completely.
04:28But their changes will show up only on their tabs and when it finally comes back
04:34to me, the originator, I can look through those different tabs and just as I
04:38could in Microsoft Word accept or reject those changes.
04:42So the team review and collaboration tools are very, very powerful and give you
04:47the ability to send something around to get team consensus as you're working
04:52with the individual items in your diagrams.
04:55The collection of tools on the left on the stencils are designed to provide you
04:59the tools you need to design a prototype.
05:02Once you've designed a prototype and annotate it with anything you need, then I
05:08strongly recommend turning on your Tracking Markup and sending around for team
05:12review to get the consensus and the collaboration you need.
05:15Bring it back, make the changes you need, and that then works as your prototype
05:20to send off to your development team who work with Visual Studio and can
05:25actually build the particular dialogue necessary.
Collapse this transcript
Creating prototype dialogs, wizards, and application windows
00:01From our collection of items in our exercise file, we can see that bringing this
00:04Wireframe02 item up, we have got an example of a dialog that's been built to show
00:09you some of the capabilities.
00:10I want to walk you through how we design a dialog like this. And so I am going
00:14to zoom out just a little bit on this file and move it off to the left here.
00:19And we are going to come back to the Dialogs stencil and we will drag out a form.
00:25Now as you drag out the form, you place it where you want to place it on your screen.
00:31You can resize it at will. You can do anything you want with the sizing of it.
00:35By clicking into the area of Title, you can change the title.
00:39Once you have got that set, now the next thing you want to do is start adding
00:45these control buttons that you would find typical of any dialog.
00:49So, we will select the Dialog button, drag that out, and let the tools help us snap
00:54that into place and when we drop that, it's going to ask us what style of button
01:00we are interested in using.
01:01In this case, it was a Close button, but it could be Maximize, Minimize or Restore.
01:06So, I'll just leave that as Close and that's typically our red X. I am going
01:10to zoom in on that just a little bit more.
01:13One way of speeding up rather than having to constantly drag from the stencil,
01:18if I'm going to use the same item many times over, I want to copy it and most
01:23people who tend to copy in Visio tend to do things like Ctrl+C and Ctrl+V and
01:29the default behavior is always to place that copy dead center of the current view,
01:34which is not necessarily where you want it.
01:36So, another technique that's been around in Visio literally since Visio 1.0 is to
01:41select a shape, hold your Ctrl key down, left-click, and drag out a clone or a
01:49duplicate of that shape.
01:51And when I drop it, of course it's going to ask me which one I want.
01:54So, that will be Maximize and I will do that one more time over here and
01:59this one would be Restore and do a one more time again and this one would be Minimize.
02:06So you can see you can very rapidly put together that set of buttons across the top.
02:13Once you're working within the form, you can use any of the items within your
02:18collection of stencils to design that which you need.
02:22If you want to come into your Controls area, you might find a List box and you
02:27may want to contain a list box in to your diagram.
02:31I will zoom in on that a little bit closer and within the list box, list box
02:36itself is in fact a Visio container shape.
02:39Because it's a container shape, it contains lists within the shape and I can add
02:45additional items down into that list box.
02:48Notice that in terms of List box, I also have List box items.
02:52So, I can drag another List box item into the container and that container will
02:56grow to contain those items.
02:59So, we can build the types of dialogs that we are interested in.
03:03We can add a radio button or a series of radio buttons just as I showed you before.
03:08Zoom in fairly close on your work so you understand how to work with it.
03:12Hold your Ctrl key down. Drag out a copy.
03:15Now, if I need to do multiple of these, I could certainly Ctrl+Drag out copies,
03:19but I just performed an action to drop a particular shape or radio button
03:24immediately beneath another and I want to repeat that action.
03:28So, another quick keystroke combination to help you out is simply pressing the F4 key.
03:35And in Visio the F4 key says Repeat the last action, so I press F4 and a new
03:41one is added with the exact same location and spacing offset.
03:45So, F4, F4, F4, and I can very rapidly and easily then build a series of radio buttons.
03:52Again, the design of your dialogs is all of your choosing, whatever you want to
03:57put together, but they're very straightforward, very easy usage.
04:02If I want to put a spinner control on a particular text box, I can drag out a
04:07Text box, I can drag it down, and I can put some sort of scroll bar or spinner
04:13control on it as necessary.
04:16You just lay these out, design them as you need to.
04:19If you need to have a cursor illustrated where someone is going to select
04:23something, put your cursor out on there and show that selection.
04:27If you want to show a resizing happening, you might want to put a resize 2
04:32down here in the corner.
04:33Grabbing a tooltip that might float over one of these particular text items and
04:38you can "Touch me," whatever it might be.
04:41You design what you need.
04:43Visio provides the tools for the design to make it quick and easy to lay them out.
04:49And knowing all the things that you know about Visio by utilizing guides, by
04:53utilizing the grid, utilizing snap and glue settings, this will all help you
04:59design the dialogs the way you need them designed.
Collapse this transcript
Creating prototype menus, ribbons, and toolbars
00:00Even though all of the items available to you in building the prototypes are
00:04really very straightforward, the typical Visio paradigm, drag-and-drop, locate,
00:10add text, add data as you wish, all that is very straightforward for creating
00:15the dialogs, wizards, and application windows you might be interested in,
00:19I wanted to walk you through specifically the task of creating menus, Ribbons,
00:25and toolbars. They all like the same sort of thing, but new tools for them, though
00:30very, very powerful, are somewhat less than absolutely intuitive.
00:35So, with just a little bit of instruction, you'll be on your way to creating
00:38these very readily and easily.
00:39So, I am going to go ahead and start a new diagram based on the Wireframe design template.
00:44We will go ahead and double- click on that and get started.
00:48And on your Toolbars stencil, you'll find Menu bar, Menu bar item, Drop-down
00:55menu, Menu item, and Menu item separator, and I am going to work with these five
01:01items to show you exactly how to build these.
01:04I am going to start simply by dragging out a menu bar and this would be the same
01:08menu bar you might place in any application window.
01:11Let me go ahead and zoom in on that and it will just say Menu, Menu, Menu and of
01:15course we might put in the items like File and Edit and View.
01:22So, we have three items in there.
01:26We want to add additional items so we simply come to the stencil and select
01:30Menu bar item, drag it out, and notice that we can place it wherever we'd like to place it.
01:37Snap it in place in any position, so you're not stuck just adding at the end or
01:41just to beginning. You put it wherever you want.
01:44I will put this one at the end and notice that the menu bar expands to accept
01:49that new menu item and this one might be Window.
01:52So, you just build out your menu bar for any and all of the items that you need
02:00and then you are at some point in time going to want to show what happens if
02:03someone clicks that Edit menu and that's what a drop-down menu is all about.
02:07So, we are going to grab a Drop-down menu item and when we do notice that
02:11first of all a little connection point show up and we have the ability to
02:15glue to that connection point so it becomes absolutely associated with that drop-down menu.
02:21And it has three menu items in there as part of that drop-down.
02:26So we can fill in the text on those items by selecting that first one. Maybe
02:30the first is Undo. The next one is Redo. The next one is Text or some sort,
02:40whatever it might be.
02:41And if we need to add additional ones, we grab the Menu item and we add it and
02:45put it where we want it. Maybe Redo and Text. Another menu item is Rotate.
02:52So, we can place them where you want them and perhaps we need a separator
02:56between the Undo/Redo and then the Rotate and the Text.
03:00So, we can drag out a menu item separator and put it in place between them and
03:05it will do a nice job of adding that.
03:07If I need to cascade down a little further, let's just say off of the Rotate,
03:13we can again drag another Drop-down menu off of Rotate, link it in, and this one
03:20might be Rotate 90 degrees left and this might be Rotate 90 degrees right.
03:36Now, I've got more items and I don't need this third down here. So I am simply
03:40going to select it, even though it's blank, and hit the Delete key and notice it
03:44will just shrink that right back up to do it.
03:46When I select a menu item, if I right click on it, notice there are two items at
03:51the top of the particular context menu.
03:55First one is State and something can be Enabled as it is now.
03:59It can also be Selected and notice how that shows that as Selected.
04:04It can also show its State as Disabled and it grays out the text on it.
04:11So, you have control over the state of that as well.
04:13I will just return that to Enabled.
04:15Now, I can also change the Type of it.
04:18Is it a Normal item, is it a Radio item, which gives it a button, is it's Type a
04:23Checked item, is it's Type a Cascading menu item which gives you that right
04:29pointing which you certainly would do if you're doing these cascades down.
04:33So, this helps you design the particular menus and work with the menu items and
04:38you certainly can put iconography next to something.
04:42So, I am going to add another menu item down here.
04:45I know it doesn't belong under Edit but that's all right. I will put it in here
04:48anyway and this one's going to be Delete.
04:54So, in addition to having the menu item there, I can grab an icon off here and
04:59add the icon and we have connection points to glue them right into place.
05:04Very straightforward, very easy to do, just necessarily initially intuitive but
05:09hopefully you are now set to be able to build menus and drop-down menus and
05:13slide-right menus and set the states and get them to look exactly as you need
05:18them in your prototypes.
Collapse this transcript
17. Conclusion
Goodbye
00:00I'm David Edson. Thanks so much for viewing the Visio 2010 Essential Training.
00:05Let's take those skills we've learned in this course and go out and create
00:08great Visio diagrams.
00:10Thanks again!
Collapse this transcript


Suggested courses to watch next:

Project 2010 Essential Training (4h 41m)
Bonnie Biafore

SharePoint 2010 Essential Training (6h 58m)
Simon Allardice


Excel 2010 Essential Training (6h 21m)
Bob Flisser

Excel 2010: Charts in Depth (3h 38m)
Dennis Taylor


Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

{0} characters left Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading

Error:

go to playlists »

Create new playlist

name:
description:
save cancel

You must be a lynda.com member to watch this video.

Every course in the lynda.com library contains free videos that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 104,069 instructional videos.

get started learn more

If you are already an active lynda.com member, please log in to access the lynda.com library.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Access to lynda.com videos

Your organization has a limited access membership to the lynda.com library that allows access to only a specific, limited selection of courses.

You don't have access to this video.

You're logged in as an account administrator, but your membership is not active.

Contact a Training Solutions Advisor at 1 (888) 335-9632.

How to access this video.

If this course is one of your five classes, then your class currently isn't in session.

If you want to watch this video and it is not part of your class, upgrade your membership for unlimited access to the full library of 2,025 courses anytime, anywhere.

learn more upgrade

You can always watch the free content included in every course.

Questions? Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com.

You don't have access to this video.

You're logged in as an account administrator, but your membership is no longer active. You can still access reports and account information.

To reactivate your account, contact a Training Solutions Advisor at 1 1 (888) 335-9632.

Need help accessing this video?

You can't access this video from your master administrator account.

Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com for help accessing this video.

preview image of new course page

Try our new course pages

Explore our redesigned course pages, and tell us about your experience.

If you want to switch back to the old view, change your site preferences from the my account menu.

Try the new pages No, thanks

site feedback

Thanks for signing up.

We’ll send you a confirmation email shortly.


By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked