Creating diagrams

You can create diagrams to help visualize what you did, what you are doing and what you need to do on your target system or application. There are different types of diagrams to fulfill different needs, categorized as UML diagrams, requirements capturing, database modeling, business process modeling and others.

Ways to create diagram

There are three ways of creating diagram: toolbar, menu and Diagram Navigator.

Toolbar

Click on a button of category in toolbar and select the type of diagram to create in the drop down menu.

Create diagram through toolbar

File Menu

Select File > New Diagram from the main menu. Then, select the diagram category and the type of diagram to create.

Create diagram through menu

Diagram Navigator

Right click on the type of diagram to create and select New [Type] Diagram from the popup menu (e.g. New Class Diagram).

Create diagram through Diagram Navigator

Creating and place diagram in a logical view

Logical view enables you to categorize diagrams in your own way by using view folders. When you create diagram, you may enter diagram name immediately. At the same time, if there is at least one logical view in your project, you may select the view to store the diagram.

To select a logical view when creating diagram:

1. Click on the button next to the box of diagram name.

   Create and place diagram in a logical view

2. Select the view folder. If you want to create a new folder to store the diagram, click Create Folder.

Drawing shapes

After creating a new diagram, diagram elements can be created as well through the diagram toolbar. In this section, these techniques of drawing shapes will be explicated:

• Creating Shapes
• Creating Connectors
• Creating Self-Connection

Creating shapes

To create a shape, click a diagram element from the diagram toolbar and click it on the diagram pane for creating. The generated element will appear to have a default size.

Click an actor on the diagram pane

 

For defining a specific shape size, drag a specific boundary with the mouse after clicking a diagram element from the diagram toolbar.

Drag a specific boundary with the mouse

 

Alternatively, a diagram element can be created by dragging the diagram element and then dropping it on the diagram pane.

Drag and drop to create a shape

 

In addition, you can add a shape through the pop-up menu of diagram. Right click on the diagram background, select Add Shape and then a specific shape from the pop-up menu.

Create a shape through the pop-up menu of diagram

Creating connectors

To create a connector, select the desired connector from the diagram toolbar, drag the connector from the source shape to the destination shape. Since VP-UML provides a continuous UML syntax checking, if you create an invalid connection, a stop sign will be pop-out. For instance, you are not allowed to connect an actor and a use case with a generalization relationship.

An invalid connection is created

If the connection is valid, a blue rectangle surrounding the destination shape can be seen.

A valid connection is created

 

Moreover, connectors can be created through resource icons:

Move the mouse over the source shape, press one of its resource icons and drag it to the destination shape.

Press a resource icon to connect shapes

If you release the mouse on an empty space, a new shape will be created with a connector.

Creating self-connection

Some shapes can make a connection for itself, for example, Self-Association of a Class in class diagram and Self-Link of an Object in communication Diagram. To create a self-connection, select the connector from the diagram toolbar and then click on the target shape. Alternatively, you can press the target shape's resource icon directly.

Self-Connection is created

Creating turning point on connector

A turning point is a point on a connector where a bending take place. To create a turning point on an existing connector, press on the connector and drag to bend the connector.

Create turning point on existing connector

You can also create a turning point when creating a creator through the resource centric interface. When dragging out a resource-icon, press the Shift button at where you want to create the turning point.

Create turning points when creating shape by dragging a resource

If you try to create connector by clicking on a resource icon, click at where you want to create a turning point to create it.

Create turning points when creating shape by clicking a resource

Resource-centric interface

Visual Paradigm is the first vendor to introduce the resource centric diagramming interface. The resource centric interface greatly improves the efficiency of modeling. You don't have to traverse between the toolbar and the diagram to create diagram elements, make connections and modify the diagrams. The resource centric interface can make sure the modeler is able to create a diagram with correct syntax more quickly.

There are tree types of resource icons:

• Connection Resource
• Manipulation Resource
• Branching Resource

Connection resource

It is designed for creating elements and making connections.

Create association with connecting a new or existing use case

Manipulation resource

You can use Manipulation Resource to modify properties or appearance of elements. For example, you can show or hide compartments, add references, add sub-diagram and fit size.

Fit size through manipulation resource

Branching resource

Branching Resource helps you to create decision structure in diagram.

Create decision structure through branching resource

Drawing freehand shapes

Freehand shape is a kind of general graphic shapes. Pen shapes, pencil shapes, and some regular shapes like circle, rectangle and arrow are available. Freehand shape can be used for annotating diagram. For example, you can use freehand shapes to emphasize some shapes.

A specific shape can be highlighted with a pencil shape.

Pencil

An outstanding text can be shown with word art.

Word Art

A freehand shape style can be formatted in order to address your information.

Styled freehand shapes

Changing package header

You can specify the parent package of any diagram through Package Header.

Package header when diagram created

When a diagram is created, the package header will be unfolded as it allows you to specify the parent package of the diagram. Specify the package by entering the fully qualifier name of the package.

Specify parent package in package header

After entering the name of parent package, you will find that the diagram name is the same as the name of parent package.

Diagram name will be same as fully qualify of parent package

The diagram name can be renamed. However, the name of parent package won't be changed following with the diagram name.

You can open specification of parent package by pressing the Open Specification button on the right-hand side of the parent package name.

Open Specification

You can rename the parent package of the diagram by double clicking on it.

Double click on the parent package

A new package will be created if you enter a completely new package name. If the previous parent package does not contain elements, it will be deleted. That means the documentation (or other properties) of previous parent package will be lost.

A package header can be either shown or hidden through the pop-up menu of diagram. Right click on the diagram background and select Presentation Options > Show Package Header from the pop-up menu.

Show/hide package header

Justifying shape name

In Visual Paradigm, a shape name is aligned center horizontally, and top or middle vertically, depending on the characteristic of shapes. However, the shape name can be realigned. Even if a language, such as Modern Hebrew, that is written from the right to the left can be displayed on a shape clearly.

Adjusting shape name's position

1. Right click on the diagram background, select Presentation Options > Model Element Name Alignment and then select a specific alignment option from the pop-up menu.
   

   Select an alignment option from the pop-up menu

2. As a result, all shapes' name in the whole diagram will turn into the alignment option you set previously.
   

   All shapes' names turn into middle right

Apart from the whole diagram setting, a specific shape can also be set:

1. Right click on a shape, select Presentation Options > Model Element Name Alignment and then select a specific alignment option from the pop-up menu.
   

   Select an alignment option from the pop-up menu

2. As a result, the specific shape will turn into the alignment option you set previously.

In addition to the current diagram, future diagrams can also be set:

1. Select Tools > Project Options... from the main menu.
2. In the Options dialog box, select the Diagramming category, check an option out of Model Element Name Alignment section under the Appearance tab.
   

   Check an alignment option in the Options dialog box

Exceptions

Although most shape' name can be justified, some are exceptional. Two main kinds of shapes that their name cannot be justified are introduced as follows:

On one hand, shapes neither with floating name label (freely movable) nor with a label outside the shape can be justified. Actor, Initial Pseudo Node and BP Start Events are examples of this kind of shape.

Floating name label

On the other hand, the names of container shapes are not available for positioning. Since their “bodies” are used for containing other shapes, thereby, they have a limited scope of displaying names. Package, State and System are example of this kind of shape.

Container shape

Enabling and disabling minimum shape size

Since all shapes have their own default minimum size, users are not allowed to resize them to smaller than the minimum size. The default setting helps to ensure those compact shapes are clear enough to be seen on a diagram under normal circumstance. The minimum size of a shape can be determined by pressing its fit size button.

The minimum size of a shape can be determined by pressing its fit size button

 

Now, it is possible to disable such setting, so that shapes can be resized to extremely small in size, despite their minimum size:

1. To disable the function of the minimum size checking, select Tools > Project Options... from the main menu.
2. In the Project Options dialog box, select the Diagramming category and uncheck Enable minimum shape size when resizing shape under Appearance tab. Click OK to confirm.
3. After that, you can resize a shape to the size as small as you want.
4. Furthermore, select other shapes and select an option from the drop-down menu of resource icon Same Width.
   

   Select an option from the drop-down menu of resource icons

5. As a result, other shapes will turn into the same size as the shape you have done previously.
   

   All shapes are turned into the same small size

Undo and redo

During the process of editing a diagram, you may make some careless mistakes, such as accidentally deleting a shape. You can use the Undo function to cancel the previous action. On the contrary, you may re-perform the action through the Redo function. Note that the undo/redo feature in VP-UML is diagram based.

Undo

You can roll back undesirable changes by performing Undo. Undo function can be executed in the following three ways:

• Select Edit > Undo from the main menu.
• Click the Undo button  on toolbar.
• Press Ctrl-Z.

Redo

This feature is to re-perform actions that have just been undone. Redo function can be executed in the following three ways:

• Select Edit > Redo from the main menu.
• Click the Redo button  on toolbar.
• Press Ctrl-Y.

Showing name for undo and redo action

It's hard for us to remember all actions we have done previously. By VP-UML, we can recall the actions we have done before.

You can find an action name of undo/ redo by clicking Edit from the main menu.

Menu shows Undo/Redo name

On the other hand, you can also find the action name of undo/ redo on toolbar button's tooltip. Move the mouse over the Undo or Redo button and then a tooltip with Undo/ Redo action name will appear.

Toolbar button's tooltip shows undo action