jude basicoperationguide e

7/29/2019 JUDE BasicOperationGuide e

1/24

UDE Basic Operation Guide

1opyright (C) 2008 Change Vision, Inc. All rights reserved.

JUDE/Community

Basic Operation Guide

.

Change Vision, Inc.

JUDE (Java and UML Developers Environment) is a UML

modeling tool which supports object-oriented software design in

JavaTM.

Preface

This is the Basic Operation Guide for JUDE/Community to guide

you basic operations.

Contents Slide No.

1. Screen Layout 3

2. Model and View elements 5

3. How to create a Diagram/Model 7

2

4. Diagrams 10

5. View operations 20

6. Edit diagrams 23

7. Edit View Information 29

8. Other function 44


2/24



Screen Layout (1)

Management ViewManagement View

Diagram EditorDiagram EditorProject ViewProject ViewStructure TreeStructure Tree

Inheritance TreeInheritance Tree

Map ViewMap View

DiagramDiagram

SearchSearch

3

Property ViewProperty View

Screen Layout (2)

| Management View

y Contains a Main Menu which operates the programs and the Tool Bar

| Project View

y tructure Tree

| Manages the structure of models

y Inheritance Tree

| Displays supertype and subtype of selected items in tree view

y Map View

| Displays an entire Diagram Editor

y Diagram List

| Dis la s the list of dia rams that exist in the ro ect

4

y Search and Replace

| Search for models and replace text strings

| Property View

y Allows users to edit the properties of models

| Diagram Editor

y Allows users to edit Diagrams


3/24



Model and view elements (1)

A model can be

Model

View

Position, Size, Color

5

represented in multiple

view elements in more than

one diagram.

Property

Position, Size, Color

Model and view elements (2)

| Concept of model & view elements

y Elements of a project such as Class or UseCase are called model

y Elements on diagram are called View elements

y A model can be represented in view elements in more than one

diagram

y Color and size can be set differently to each view elementindividually

| Difference between

"Delete from Diagram" & "Delete from Model"

6

y Delete from Diagram removes selected view elements from the

Diagram and the actual model stays in the project. On the other hand,

Delete from Model deletes selected models completely from the

project.


4/24



How to create a Diagram/Model

| Creating a new projecty Go to [File]-[New] in Main menu or select

this icon on Tool Bar

y pro ect e w open t at s spec e n t e

System Properties.

| None (There are no diagrams or models in)

| User Template - User-defined project saved in

%User_Home%/.jude/professional/template/project

| JUDE Built-in Template

JUDE Built-in Template files exist in JUDE install folder/template/project/.

Specify the name of file you want to open in the [Template File] column.

7

How to create a Diagram/Model

| Creating a new project from Template

y Go to [File]-[New By Template] in Main menuthen specify the file you want to use as Template.

| Create Diagramsy Method 1: Go to [Diagram] then select a diagram type to create

y Method 2: Select [Create Diagram] then choose a diagram typeto create from the Pop-up menu in Structure Tree

When new dia rams are created, the will a ear in the Structure Tree

8

and be opened in the Diagram Editor automatically.

| Switch DiagramsThere are two ways to switch diagrams in the Diagram Editor.

y Method 1: Switch tab of diagrams in the Diagram Editor

y Method 2: Double click on the target diagram in the Structure Tree


6/24



1. Class Diagram

11

2. Usecase Diagram

12


7/24



3. Statechart Diagram

13

4. Activity Diagram

14


8/24



5. Sequence Diagram

15

6. Collaboration Diagram

16


9/24



7. Component Diagram

17

8. Deployment Diagram

18


10/24



9. Read-only Diagrams

Dataflow Diagram ER Diagram

CRUD

19Flowchart Mind Map

View Operation

Fit in Window

Make whole diagram fit in window

Zoom outPress button to zoom out

Zoom in

Press button to zoom in

20

Zoom to Default (100%)

Scroll

Right-Mouse Drag to scroll whole diagram

Wheel to scroll up/down

Shift+Mouse wheel to scroll in sideways

Zoom In/Out

Crtr+Right-Mouse Drag

Ctrl+Mouse Wheel


11/24



Map View

| The Map view displays theentire contents of an activediagram that is currentlyopene n e agram or.

Left-Mouse Drag

By moving the blue rectangle with Left-

Mouse Drag, you can move the spot to

dis la in the Dia ram Editor

Right-Mouse Drag

By changing the size of the blue rectangle

with Right-Mouse Drag, you can specify

where ou want to dis la in the Dia ram

21

Editor.

Property View

| The Property View displays the detailed information of models

y Items that display in the Property Vies are different depending on

models

Select view elements in the

Diagram Editor or models in the

Structure Tree to modify its

property in the Property View

22


12/24



Create models in Diagram Editor

| How to create models in Diagram Editor

Select view element from Tool bar

Click in Diagram Editor

Lock selected mode

23

| Tips for how to put same view elements continuously on the diagram

y Hold the Shift key down when creating view elements in the Diagram Editor

y Turn lock selected mode on

Create models in a Tree

| How to create models from structure tree

y Select a model in a Tree, then right-click to show the Popup menu

y Select a Diagram/Model from the Popup menu

Select model you want to

add on from [create model]on Pop-up menu

24

Then, Drag and Drop

the model from a Tree

to the Diagram Editor


13/24



Copy & Paste

| Copy & Paste: View elements

1. Click on the view element then select [Copy] from the Pop-up

menu or use the shortcut key (Ctrl+C)

2. Paste by selecting [Paste] from the Pop-up menu or use the

shortcut key. (Ctrl+V)

(View elements must be pasted on the appropriate diagrams)

| Copy & Paste: Style

y You can co & aste the st le of view

25

Select from the Pop-up menu

elements such as background color andline style (font text in JUDE/Professional)

by using [Copy Style], [Paste Style] from

the Pop-up menu.

Select & Unselect view elements

| Select more than one element

y Select view elements by using the Left-Mouse Drag

y Select view elements with

left-clicking with holding Shift

key or Ctrl key down

y Select all : Ctrl + A

26

| Unselect the elements

y Left clicking again or selected view elements with holding

Shift key or Ctrl


14/24



Edit view elements directly

| Select words to edit. F2 or double-clicking.

You can type in to edit directly

| Edit Operation

27

Modifications in the Diagram Editor will be

synchronized on the Property View.

More about view elements

| You can move the view elements byLeft-Mouse Drag or hitting arrow keyswhile view elements are selected in the

agram or.

| To move them vertically or

horizontally only, hold Shift key downthen move.

28

| You can display the grid line in theDiagram Editor and place the viewelements along the grid line.([Tool] - [System Properties] - [Grid])


15/24



Edit view information

| View information is the information of view elements

y visibility of attribute/operation, resize, color, Icon Notation.

| Visibilit on/off

y Switch the visibility on/off from the Pop-up Menu

y Default can be set in [Tool] - [System Properties] - [Visibility 1 and2]

| Resize

y Select the view element and drag on the knob (the corner of the

element). It also can be resized automatically.

29

y Set the color to paint in from Button, Main Menu, also the Pop-upmenu.

| Switch Notation

y You can switch the notation between Class Notation or Icon Notation

for some models.

Visibility on / off

| Select the checkbox of Visibility on/off from the Pop-up Menu.

(ex: visibility of Attribute/Operation)

Attribute Visibility off Operation Visibility off

30


16/24



Set color of view elements

| How to set the color of view elements Select the view elements (you can choose more than one), select [Set Color]

from Toolbar.

Go to [Edit]-[Set Color] from

Main Menu

Select [Set color] from pop-up menu by

Right-Clicking on selected view elements.

31

Color Chooser

| There are 6 color-patterns arranged by theme. It will help you to

choose a nice balanced color to make your diagram look nice.

32


17/24



New item color of view elements

| You can set up the default color for each view element

y Go to [Tool] - [System Properties] - [New Item Color] then select the

box of the target view element then choose the color from Color

Chooser.

33

Set the new stereotype color

| You can set up the default color for view elements with specific

stereotype

y Go to [Tool] - [System Properties] - [New Stereotype Color] then select the

.

can type self-defined stereotype in extra column and set the color as well.

34


18/24



Resize the view elements

| Auto resize

y The size of view element will be

adjusted by itself to let the whole

name fit inside automatically.

| Drag to resize

y Once you click on the view element,

Auto resize function will be off

(Except for UseCases)

| Show view element name in multiple lines

35

y It will add new lines automatically depending on the size of item.

y In some view elements, you can break a line in the name by hitting

[Enter] key with holding [Shift], [Ctrl] or [Alt] key down.

Icon Notation

| Some model's representations can be switched between Icon

Notation and Class Notation.

y By selecting , it represents in Icon Notation.

By selecting , it represents in Class Notation.

y By selecting [Icon Notation] on Pop-up

menu of view elements, it will switchthe notation between two as well.

Icon Notation

36

Class Notation


19/24



Align view elements

| View elements can be aligned vertically or horizontally. You can

select the way you like to align from the menu.

y You can also select from [Alignment] from Main Menu.

Align HorizontallyAlign Vertically

37

Align LeftAlign Top

Adjust view elements

| You can adjust the size of view elements by width or height and

also by specifying size or selecting a particular view element

that you want to adjust the size with.

y You can also select from [Adjustment] from Main Menu.

Adjust Size

38

Adjust Width Adjust Height


20/24



Create Lines

| All lines such as Association, Inheritance, Realization,

Dependency.. etc, can be created in following step.

1. Select the line type from Tool Bar

2. Click the source element

3. (Click halfway point if there is any)

4. (ESC key or Right-clicking to cancel)

5. Click on the target element.

* drag & drop can be used. Connect elementswith right angle line

39

Set the edge of the line to stayon the middle of the element

Rubber band (in red) to helpmaking lines

Line Styles

| There are four different line styles.

y Line , Curve , Right angle , Right angle Curve

y Select the line (can be more than one), press the button from Main

toolbar to change the line style

y Also you can change the line style from the Pop-up menu.

Line Right angle

40Curve Right angle Curve


21/24



How to change the target

| You can change the target end by

attaching the line to another view

element.

y A blue rubber band will assist when

changing the target.

| By gripping the middle point of the line,

you can make the waypoint and the line

will be polygonal.

41Straight Line Polygonal Line Polygonal Line Straight Line

Print out

| Print Multi-Diagrams

y Print whole diagrams in the project

y You can sort diagrams by diagram names,

diagram type, diagrams parent

| Print scale

y Change the scale to make whole diagram to fit in one paper

y Tips for printing out a big diagram

| Use big papers

42

| Print diagrams in sideways

| Cut the blank space out before printing


22/24



Search and Replace

| Search and replace

y Users can search for models

and also replace model names

on search tab

| Search by other than string

y Users are able to search models by following option

43

(models which are not drawn indiagrams)

(models which are not referenced

from others)

(disabled hyperlinks to files)

Other functions of JUDE/Community

| Auto-Generation of class diagrams

| Import Java

| Ex ort Java

| Export HTML (JAVA.doc)

| Export image (png, jpeg format)

44


23/24



Shortcut keys

New Ctrl+N

Save Crtl+S

Zoom i n / Zoom out Ctrl+Wheel u p/down, Ctrl+Right Mouse Drag up/down, Ctrl+[,

Ctrl+]

Zoom to Default Ctrl+1

Change Diagram Tab Ctrl+TAB

Select All Ctrl+A

Delete from Model DELETE

Delete from Diagram Ctrl+D

Undo / Redo Ctrl+Z / Ctrl+Y

Copy / Paste Ctrl+C / Ctrl+V

45

Add Method (Class) Ctrl+MAlign Right / Left Ctrl+Alt+ / Ctrl+Alt+

Align Top / Bottom Ctrl+Alt+ / Ctrl+Alt+

Align Horizontal Center Ctrl+Alt+

Align Verttical Center Ctrl+Alt+I

Scroll Right Mouse Drag

Special Features of JUDE/Professional

| Data Flow Diagram

| CRUD

| Entity Relationship Diagram

| Flowchart

| UML2.0

| Mind Map

| C# Modeling, C# Forward

| Reference Model Management

| Mer in JUDE Pro ects

46

| Multilingual Display (Alias)

| Export RTF Document

| Usecase Descriptions

| Copy & Paste in Vector (EMF) format

| DB Reverse (non-support)


24/24


Website

| JUDE Website ( http://jude.change-vision.com/ )

y Latest release information is available on our website.

| JUDE Communit Site htt :// ude-users.com/en/

y Bug information is available on JUDE Community Site.

| FAQ

( http://jude.change-vision.com/jude-web/support/faq.html )

y We always update frequently asked questions and answers.

| Tutorial Learn UML with JUDE

47

. - . - _ .

y It will guide you how to use JUDE through drawing UML withexamples.

| Sales ([email protected] )

y If you have any questions to purchase JUDE/Professional.

jude basicoperationguide e

Documents