Quickstart Guide

Welcome to Modeldraw! Get ready to dive into the world of intuitive UML design. This Quickstart Guide will guide you through the basics, empowering you to create clear and professional diagrams.

Creating your first diagram

In this guide we will create a Class diagram, which is the most common diagram in UML.

To create a new Class diagram

1. Open a model you want to work with by clicking Models from the top menu bar and selecting a model

2. In the left navigation tree right-click on Diagrams → Add diagram...

3. In the dialog that will show up select Class Diagram.

4. In the next step type "Tutorial Class Diagram" as the name for the new diagram, and click Create.

The Model Designer

Once you have added the Class diagram to the model, the Model Designer is opened.

The Model Designer has the following parts:

• the Navigation Tree,

• the Content Pane

• the Toolbox (shown only when a diagram is opened),

• the Toolbar (shown only when a diagram is opened).

The Model Designer layout

Adding Classes to the diagram

To add a Class element to the diagram

1. Select the Class tool from the Toolbox

2. Click on the canvas. A new Class shape will be added to the diagram named "Class1"

3. Double-click the Class shape

4. A properties dialog will show up

5. Change the name to "User"

6. Set Display mode to Full

7. Add attributes

   1. userID: int

   2. name: string

   3. email: string

8. Add operations

   1. registerUser()

   2. updateProfile()

   3. placeOrder()

Repeat the steps and add a second Class

1. Set the name to "Order"

2. Set Display mode to Full

3. Add attributes

   1. orderID: int

   2. orderDate: date

   3. totalAmount: float

4. Add operations

   1. addItem()

   2. removeItem()

   3. calculateTotal()

Editing attributes of a Class

Your diagram will look similar to this picture:

Adding an Association to the diagram

An Association is a relationship between two Classes.

To add an Association between User and Order classes created in the previous steps:

1. Select the Association tool from the toolbox

2. Click the User class

3. Move mouse over to Order class

4. Click the Order class. An Association will be created between User and Order

5. Double click the association line to open the properties dialog

6. In the properties dialog, go to User tab

   1. Leave the default multiplicity "1"

   2. Set property name to "user" and uncheck the eye icon to make the property name visible

   3. Check the Navigable checkbox

7. Go to Order tab

   1. Set multiplicity to "*"

   2. Set property name to "orders" and uncheck the eye icon

   3. Check the Navigable checkbox

8. Click OK.

Editing properties of an Association

Your diagram will look similar to this picture:

The steps for adding an Association can be used also for adding other types of links in Modeldraw.

Sharing the diagram

Sharing a diagram enables you to create a public URL link. Whoever has the public URL link can open the diagram in the browser in read-only mode.

To enable sharing:

1. Click the Share icon in the Toolbar, the Sharing dialog will show up.

2. In the Sharing dialog, turn on sharing with the toggle button.

3. Sharing is enabled immediately and the public link is displayed together with a Copy link button.

Congratulations

Congratulations! You've completed the Modeldraw Quickstart Guide. Keep exploring Modeldraw's features to unlock your full potential in visual modeling.