How to Use Microsoft Visio 2010 for Application Architecture

First Last Name | Company

Title

Month, day, year

Application Architecture Summary

Document software and hardware components to support applications.

UML
Component diagrams

Deployment diagrams

Other types of diagrams

Construct with a variety of Microsoft Visio stencils and templates Network diagrams

Enterprise Application template

Two Types of Diagrams

UML Deployment Application Server Map Pivot Diagram

Create a UML Deployment Diagram

Open a Microsoft Visio 2010 UML template.
1.

On the ribbon, click the File tab, and then click New. Click Software and Database, and then click UML Model Diagram. To create a new UML diagram, click Create.

2.

3.

Create a UML Deployment Diagram

Create a Deployment Diagram.
1.

On the left navigation bar, in Model Explorer, right-click Top Package.

2.

Click New, and then click Deployment Diagram.

Create a UML Deployment Diagram

Define the Stereotypes.
1.

On the ribbon, click the UML tab. Click Stereotypes, and then click New. Type the name of the stereotype.

2.

3.

4.

From the drop-down list, select the Base Class.

Create a UML Deployment Diagram

Drag shapes onto page.
Node instance

Component instance

Assign object instance to type.

1.

Double-click the object to edit the properties, and then click New.
Define the type.

2.

3.

Edit the type attributes.

Edit the instance attributes.

Create a UML Deployment Diagram

Define the interfaces.
1. 2.

Drag the interface onto the page. Glue an endpoint to the component. Drag an association shape onto the page. Double-click the association shape, and then type a name, such as:
Communicates

Define the associations.

1. 2.

Extends
Uses
3.

Glue endpoints to the entities.

Create a UML Deployment Diagram

Set display options.
1.

Right-click the shape, and then click Shape Display Options. Select or clear checkboxes.

2.

3.

Under Suppress, select checkboxes for items you want to hide.

Select the Apply to subsequently dropped UML shapes of the same type in the current drawing window page checkbox.

4.

Create a UML Deployment Diagram

Annotate the diagram with notes and constraints.
1.

Drop the note or constraint onto the page. Double-click the note or constraint to edit properties. Associate the note or constraint with an entity by dragging the control handle to an entity shape.
The note or constraint will appear in the entitys properties.

2.

3.

Create a Server Pivot Diagram

Analyze and communicate the application architecture. Import data. Generate multiple view scenarios more easily .

Create a Server Pivot Diagram

1.

On the ribbon, click the File tab, and then click New.
Click Business, and then click PivotDiagram. Click Create.

2.

3.

Create a Server Pivot Diagram

Answer the questions in the wizard to select a data file.

Create a Server Pivot Diagram

Right-click the top node to select the next hierarchical level to display.

On the ribbon, click the PivotDiagram tab, and then use the tools to adjust the direction and alignment.

Create a Server Pivot Diagram

1.

Right-click the Data Graphic box, and then click Apply Shape.

2.
3.

In the Apply Shape dialog box, select a shape.

The Data Graphic appears on the pivot node.

Multiple Views of the Same Data

Server View

Department View

Other Types of Diagrams

Network diagrams
Component version and metrics from linked data source Data graphics

Detailed network diagram template Stencils for Active Directory Sites and Services

Link with Data

Link data to shapes.
1.

On the ribbon, click the Data tab, and then click Link Data to Shapes.

2.

Select the data source (for example, Microsoft Office Excel, Microsoft Office Access, other database)
The External Data window opens.
Drag to Link

3.

Link with Data

Connect data with the shape.
Drag the record to the shape.

Or
Drag the record to the page with stencil shape selected.

Or
Use Auto Link (if shape IDs correspond with data records).

Drag to Link

Display Data
Select the Data Graphic format.
1.

On the ribbon, click the Data tab, and then click Data Graphics. Under Available Data Graphics, select the format you want to use.

2.

Display Data
If required, edit the Data Graphic.
1.

On the ribbon, click the Data tab, and then click Data Graphics. Click Edit Data Graphic. View and edit the following Shape Data values: Text Relative graphs Colors Icons

2. 3.

Other Types of Diagrams

Enterprise Application template
UML and network diagram shapes
1.

On the ribbon, click the File tab, and then click New. Click Software and Database, and then click Enterprise Application.

2.

Other Types of Diagrams

Block Diagram
Two-dimensional and three-dimensional blocks
1.

On the ribbon, click the File tab, and then click New. Click General, and then click Block Diagram.

2.

Result: Rich Architecture Diagram

Simplify
Place information in visuals that are easier to interpret.

Share

Data Connected Diagram

Connect data to Visio shapes and display the data using Data Graphics.

Systems teams can find data using Visio Services for Microsoft SharePoint.

 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.