Jude (2)

VI,


UML about bowling

Now we are ready. We can start to draw digoal. What digoal do we draw? Have you ever been bowling recently? I really enjoyed the bowling tournament held by our company a few days ago. I guess many people have bowling, so we should use bowling as the theme of this UML. Let's draw the UML of a bowling scoring system.

There are some requirements:

L

The tracking record of bowling scores is displayed once the match starts;

L

Each time a contestant throws a bowling ball, the score is updated;

L

Contestants can change their scores during the competition;

L

An animation is displayed when an attack is initiated;

Our goal is to use the UML modeling tool to draw UML. it is not important whether the digoal is perfect. Let's get started.

VII,


Draw a usecase dimo-

Now let's start drawing. We start with a use case chart and draw a digoal like this.

Opening a Use Case chart will always open some default project files. Right-click usecase digoal in the Structure Tree View, select [open digoal], or double-click it in the digoal editor.

In the digoal Editor, there is a tool button panel to edit digoal.

For example
If you want to know the function of each button, you can place the cursor over the button. The floating prompt will show the description of the button. In the digoal editor, you can use these buttons to switch between images.
For example, if you want to move an element in the digoal Editor, open the [select
Mode] You can select the element you want to move and perform the move operation. If you want to create a certain element consecutively, you can switch the mode to [Lock selected
Mode.
 

Button	Description
	Select mode. When this mode is enabled, you can select, edit, move, and change the size of an element.
	Lock selected mode. This allows you to create selected elements consecutively. For example, you create an actor when you open lock selected mode. Once you add an actor to the digoal editor, you can create more actor consecutively.
	Set Relation end to the center of the item. It places the ends of lines. (E.g. Associations, generalizations, or dependencies) at the center Model Elements.

Select an actor on the tool panel, click anywhere in the divisor editor, and create an actor. Enter "Player" as the name of the actor. Now let's create three more use cases just like creating actor.
You can drag and drop the position where the elements are to be moved. When you want to rename them, double-click the element name.

Now let's draw a line between actor and three use cases. Each line has its own meaning. Here we need a line called Association. On the tool panel, select
Click the association button to create an association. You have two click operations: Click start target and end target. First, click "Player ".
Actor, and then click "Start the game". Now an association line is drawn between "Player" and "start ".
The game, and then create two Association lines in this way. Add a rectangle and write "Bowling score ".
The digoal is complete!

TIPS: Cancel Association

When you click on the wrong target when drawing the association line, press [ESC] or right-click to redo it. This method applies to any link between two elements, for example: generalizations, generalizations, and dependencies.

You
It may be noted that when you create use cases and actors in the digoal Editor, they are also added to the Structure Tree View. When you select elements in the digoal editor or structure tree view, their
Property is also displayed in the property view in the lower left corner. You can modify the data in the following places: digoal Editor, Structure Tree View, and property view. Select
This is the most convenient option for you.

Let's use the property view to change the name of the use case chart. In the Structure Tree View, select "usecase digoal". Its property will be displayed in the property view, change its name to "Bowling usecase digoal" and then press [enter.

Tip: delete an element

To delete an actor or use case, select [Delete from model] or [Delete from digoal] from the pop-up menu. there are two ways to delete an element because elements such as actor and use cases can be shared with other divs or be used in other Divs.

[Delete from digoal] CTRL + d	Only elements are deleted from the current divisor and are retained in the model.
[Delete from model] Delete	Delete all Divs.

Tip: Zoom and scroll

Me
We will introduce you to the features used to view operations in Jude. If we only draw a small proportion of the use case diagram, we do not need to use this feature in the view. When processing a large proportion of digoal
You need to modify some parts of digoal. This feature of Jude can easily perform this operation. You can use the right area in the digoal editor of Jude.
Drag and Drop keys to move them on the diagonal corner. Select [view] in the main menu or use toolbar to zoom in or out. You can also use map view to specify the area you want to see.

TIPS: Undo and redo

Jude
The features of Undo and redo allow you to repeat 100 times! If you haven't used undo so far, try to see how it works! You don't have to worry about wrong painting when drawing a picture. It's so comfortable!

8,

Draw an activity digoal

Now
Let's focus on "display
Score "Use Case to draw its flow in the activity diagram. First, you need to add an activity chart to your project file and select "display
Score "use case, and then select [Create digoal]-[add activity in the pop-up menu
Digoal], a new activity chart will be added and opened in the digoal editor.

Name the activity Chart "behavior of displaying scores ". The activity diagram contains the following buttons in the toolbar:

Now let's draw an activity diagram as follows.

The activity diagram is very similar to the flowchart. It describes how events flow and connect to the next action. In this activity diagram, the events performed after the contestant threw the bowling ball and the scores to be displayed are calculated. From this activity diagram, you will know that an animation will be displayed when the player is in the middle.

Let's start to create all the elements except the arrows. You can create them as before creating actor and use cases, select elements from the tool panel, and click Create them in the digoal editor. You can set entryaction to actionstate in the distrip editor or the property view.

Resize

"Calculate numbers of knocked out pins" is too long to display in one row in the actionstate, so let's adjust the size of this actionstate to display its name in a line break. To adjust the size of an element, you only need to select a corner of the element for dragging.

Now
Let's add an arrow between elements to show the process between these actions. This arrow is called transition. To draw a transition, you can draw
In Association, click two targets to connect, but you need to be careful about the order of clicks during creation. I will tell you how to create t ansition consecutively.

Tip: continuous creation

L

Method 1: open [selected mode] on the tool panel.

L

Hold down [shift] when creating elements;

Can you create them consecutively? This is very useful and easy for you. [Strike] is the value of transition guard. Click the transition arrow and enter "strike" in the guard column of the property view ".

Next I will introduce three tips on how to draw a clear digoal.

TIPS: Select multiple

There are three ways to select multiple in the digoal editor.

L

Method 1: Drag multiple elements to select a rectangle. All elements in the rectangle are selected;

L

Method 2: select [select all] From the digoal pop-up menu.

L

Method 3: Press [shif] When multiple elements are selected.

Tip: Linear alignment

In
The elements in Jude can be vertically and horizontally aligned, and the [align vertical center] is used to vertically align the elements on the left (except for "show
To make digoal look neat, you can drag a rectangle to enclose all the target elements to select them, and then select
[Alignment]-[align vertically]-[align vertical
Center] or select a button in the toolbar under the main menu.

Tip: Line Style

There are two types of lines in Jude.

Normal Line Style (default ):	Use a straight line or multi-angle line to connect elements in digoal
Right Angle line style:	Connect elements in digoal using a right-angle line

Line
[Normal Line stile] is used by default. However, [right angle line
Style] Sometimes it looks better, so why don't we use [right angle line
Style], select all the lines, select [line style]-[Normal] in the pop-up menu, or select a button in the toolbar.