Visio 2007 for UML Tutorial

Document Sample
Visio 2007 for UML Tutorial Powered By Docstoc
					Visio 2007 for UML Tutorial

• 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
                         Start Visio

• Double on the Visio icon on the desktop, or
• Go to Start->Programs->Microsoft Office->Visio
                       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


                       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


           UML Template


                          Sheet (area)

                                       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.
                               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
                 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                                                                             3


                            Use Case
• Click Use Case on the toolbar and drag the Use Case shape to the
• To resize the Use Case on the diagram, select the Use Case and drag
  the Green square on the Use Case to resize it
                     Rename Use Case
• Double-click on the Use Case on the diagram to open its Properties
• 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
•   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
                        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
                  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
•   Connect the Control between
    two elements on the diagram
•   Open the Properties of Control
    Flow and assign Guard (Yes,
    No) for Decision
                 Object Model Diagram
• Insert a New Page and name it as Dishwasher Product Line
• Click UML Static Structure on the toolbar
                    Dishwasher Structure

•   Use the toolbar to add classes on the diagram
•   Use Composition to show relationship between Dishwasher and its
              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
                         Sequence Diagram
•   Add a New Page
•   Click UML Sequence on the
•   Create Object LifeLines for
    the Dishwater and its
•   Use Message to show the
    communication between
    the components
            Statechart for Dishwasher Class
•   Add a New Page
•   Click UML Statechart
    on the toolbar
•   Add States to the
•   Use Transition to
    connect the states

Shared By: