Top Banner
Visio 2007 for UML Tutorial
19

Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Mar 27, 2015

Download

Documents

Jonathan Dillon
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Visio 2007 for UML Tutorial

Page 2: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Overview

• The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML diagrams which will always be needed in order to model a business process, a system, and a software.

– Use Case Diagram– Activity Diagram– Sequence Diagram– Class Diagram– State Machine (statechart) Diagram

Page 3: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Start Visio

• Double on the Visio icon on the desktop, or• Go to Start->Programs->Microsoft Office->Visio

Page 4: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Open Sample Diagrams

• Visio provides some samples to help users to learn the tool• To open a sample diagram, click Sample on the Template Categories

panel which is located on the left side of the Visio main page, select a sample diagram such as “Process Improvement”, and then click the Open Diagram button on the right hand side panel

1

23

Page 5: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Open UML Template

• Click Software and Database• Click UML Model Diagram• Click the Create button• Visio will give you a blank worksheet and template with basic shapes and

connectors for a chosen drawing type

1

23

Page 6: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

UML Template

UML Diagrams

DrawingToolbar

DrawingSheet (area)

Page 7: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Page Setup

• The initial worksheet appears in the portrait orientation, it would be more effective to use the sheet in landscape orientation

• Select the Page Setup option from the File drop-down menu• Click the Landscape option• Page Setup also allows you to change the size, margin, scale, etc.

Page 8: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Save Drawing

• Go to File->Save As from the menu• From Save As dialog, identify a folder and enter a file name for the new

drawing• Visio use “vsd” as the extension for all the drawing file

Page 9: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Creating Use Case Diagram• In Visio, select UML Use Case from the Shape toolbar• Click System Boundary shape and drag it to the drawing area• Double-click on the title of the boundary and rename it to “Dishwasher”• Rename the Diagram at the bottom

1

2

3

4

5

Page 10: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Use Case

• Click Use Case on the toolbar and drag the Use Case shape to the diagram• To resize the Use Case on the diagram, select the Use Case and drag the

Green square on the Use Case to resize it

Page 11: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Rename Use Case

• Double-click on the Use Case on the diagram to open its Properties dialog

• Enter a name for the Use Case on the Name field and Use Case description on the Documentation field

• Use the menu bar to change the size of Use Case name

Page 12: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Actor• Click Actor on the toolbar and drag it to the diagram• Open the actor Properties and rename it as “User”• Click Communication on the toolbar and drag it to the diagram• Connect the association between the actor and Use Case

Page 13: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Activity Diagram

• Insert a new page by clicking Insert->New Page on the menu• Name the page as “Washing Dish Activity Diagram”• Click UML Activity on the Shape panel

Page 14: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Drawing Activity Diagram

• Create two Swimlanes by dragging the Swimlane from the toolbar to the diagram and rename it

• Drag Initial State from the toolbar to the diagram

• Drag Action State to the diagram and rename it

• Drag Control flow to the diagram

• Connect the Control between two elements on the diagram

• Open the Properties of Control Flow and assign Guard (Yes, No) for Decision

Page 15: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Object Model Diagram

• Insert a New Page and name it as Dishwasher Product Line• Click UML Static Structure on the toolbar

Page 16: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Dishwasher Structure

• Use the toolbar to add classes on the diagram• Use Composition to show relationship between Dishwasher and its

components

Page 17: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Add Operations and Attributes

• Double-click on the class to open its Properties• On the Properties dialog, click Attributes or operations under Categories• Click the New button to create new attribute or operation• Enter the name and data type

Page 18: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Sequence Diagram

• Add a New Page• Click UML Sequence on

the toolbar• Create Object LifeLines

for the Dishwater and its components

• Use Message to show the communication between the components

Page 19: Visio 2007 for UML Tutorial. Overview The tutorial demonstrates how to use Visio 2007 to create UML diagrams. We will focus on five most widely used UML.

Statechart for Dishwasher Class

• Add a New Page• Click UML

Statechart on the toolbar

• Add States to the diagram

• Use Transition to connect the states