JUDE BasicOperationGuide e

JUDE Basic Operation Guide
JUDE/Community Basic Operation Guide

July 29. 29 2008
Change Vision, Inc.
Preface
JUDE (Java and UML Developers Environment) is a UML modeling tool which supports object-oriented software design in JavaTM. This is the Basic Operation Guide for JUDE/Community to guide you basic operations. Contents Slide No.
1. 2. 3. 4. 5. 6. 7. 8.
Screen Layout Model and View elements How to create a Diagram/Model g Diagrams View operations Edit diagrams Edit View Information Other function
3 5 7 10 20 23 29 44
2
Copyright (C) 2008 Change Vision, Inc. All rights reserved.
Screen Layout (1)

Management View Project View
Structure Tree Inheritance Tree Map View Diagram Search
Diagram Editor
Property View
3
Screen Layout (2)

| |
Management View
y
Contains a Main Menu which operates the programs and the Tool Bar S Structure Tree
|
Project View
y y y y y
Manages the structure of models Displays supertype and subtype of selected items in tree view Displays an entire Diagram Editor Displays p y the list of diagrams g that exist in the p project j Search for models and replace text strings
Inheritance Tree
|
Map View
|
Diagram List
|
Search and Replace

|
| |
Property View
y
Allows users to edit the properties of models Allows users to edit Diagrams
Diagram Editor
y
4
Model and view elements (1)
View
Model Position, Size, Color A model can be represented in multiple view elements in more than one diagram.
Property
Position, Size, Color

5
Model and view elements (2)

|
Concept of model & view elements

Elements of a project such as Class or UseCase are called model y Elements on diagram g 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 element individually
y
Difference between "Delete from Diagram" & "Delete from Model"

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.
How to create a Diagram/Model

|
Creating a new project

y y
Go to [File]-[New] in Main menu or select this icon on Tool Bar A project j t file fil will ill open that th t is i specified ifi d i in the th 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.
How to create a Diagram/Model

|
Creating a new project from Template

y
Go to [File]-[New By Template] in Main menu then specify the file you want to use as Template.
Create Diagrams
Method 1: Go to [Diagram] then select a diagram type to create Method 2: Select [Create Diagram] then choose a diagram type to create from the Pop-up menu in Structure Tree When new diagrams g are created, , they y will appear pp in the Structure Tree and be opened in the Diagram Editor automatically.
y y
Switch Diagrams There are two ways to switch diagrams in the Diagram Editor.
y y
Method 1: Switch tab of diagrams in the Diagram Editor Method 2: Double click on the target diagram in the Structure Tree
8
Create a Diagram
|
Method 1: Click on Diagram

(1) Click on [Diagram]. (2) Pick a diagram to use. use
Method 2: Select Pop-up menu in Structure Tree.

(1) Right-click on model. (2) Click on Create Diagram. (3) Click on diagram to add.
Diagrams
Edit & Read | Class Diagram (Object, Package, Subsystem and Robustness Diagrams) | UseCase Diagram | StateChart Diagram | Activity Diagram | Sequence Diagram | Collaboration Diagram | Component Diagram | Deployment Diagram Read Only (Edit is available with JUDE/Professional) | DataFlow Diagram | Entity Relationship Diagram | CRUD | Flowchart | Mind Map
10
1. Class Diagram
11
2. Usecase Diagram
12
3. Statechart Diagram
13
4. Activity Diagram
14
5. Sequence Diagram
15
6. Collaboration Diagram
16
7. Component Diagram
17
8. Deployment Diagram
18
9. Read-only Diagrams
CRUD Dataflow Diagram ER Diagram
Flowchart
Mind Map
19
View Operation
Fit in Window Make whole diagram fit in window Zoom out Press button to zoom out Zoom in Press button to zoom in 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

20
10
Map View
|
The Map view displays the entire contents of an active diagram that is currently opened d in i the th Diagram Di Editor. Edit
Left-Mouse Drag By moving the blue rectangle with LeftMouse Drag, you can move the spot to display in the Diagram Editor
Right-Mouse Drag By changing the size of the blue rectangle with Right-Mouse Drag, you can specify where you want to display in the Diagram Editor.
21
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
11
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
Tips for how to put same view elements continuously on the diagram
y y
Hold the Shift key down when creating view elements in the Diagram Editor Turn lock selected mode on
23
Create models in a Tree

|
How to create models from structure tree

Select a model in a Tree, then right-click to show the Popup menu y Select a Diagram/Model g from the Popup p p menu
y
Select model you want to add on from [create model] on Pop-up menu
Then, Drag and Drop the model from a Tree to the Diagram Editor
24
12
Copy & Paste

|
Copy & Paste: View elements

1. 2.
Click on the view element then select [Copy] from the Pop-up menu or use the shortcut key (Ctrl+C) 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 copy & paste the style of view elements such as background color and line style (font text in JUDE/Professional) by using [Copy Style], [Paste Style] from the Pop-up menu.
Select from the Pop-up menu
25
Select & Unselect view elements

|
Select more than one element

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
y
Unselect the elements

y
Left clicking again or selected view elements with holding Shift key or Ctrl
26
13
Edit view elements directly

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

You can type in to edit directly
Edit Operation
Modifications in the Diagram Editor will be synchronized on the Property View.

27
More about view elements

You can move the view elements by Left-Mouse Drag or hitting arrow keys while view elements are selected in the Di Diagram Editor. Edit | To move them vertically or horizontally only, hold Shift key down then move.
|
You can display the grid line in the Diagram Editor and place the view elements along the grid line. ([Tool] - [System Properties] - [Grid])
28
14
Edit view information

|
View information is the information of view elements

y
visibility of attribute/operation, resize, color, Icon Notation.
Visibility on/off
Switch the visibility on/off from the Pop-up Menu y Default can be set in [Tool] - [System Properties] - [Visibility 1 and2]
y
Resize
y
Select the view element and drag on the knob (the corner of the element). It also can be resized automatically. Set the color to paint in from Button, Main Menu, also the Pop-up menu. You can switch the notation between Class Notation or Icon Notation for some models.
Color
y
Switch Notation
y
29
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
15
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
16
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 box of the target stereotype then choose the color from Color Chooser Chooser. You can type self-defined stereotype in extra column and set the color as well.
34
17
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. Once you click on the view element, Auto resize function will be off (Except for UseCases) It will add new lines automatically depending on the size of item. In some view elements, you can break a line in the name by hitting [Enter] key with holding [Shift], [Ctrl] or [Alt] key down.
Drag to resize
y
Show view element name in multiple lines

y y
35
Icon Notation
|
Some model's representations can be switched between Icon Notation and Class Notation.
By y selecting g , it represents p in Icon Notation. By selecting , it represents in Class Notation. y By selecting [Icon Notation] on Pop-up menu of view elements, it will switch the notation between two as well.
y
Icon Notation
Class Notation
36
18
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] g ] from Main Menu.

Align Horizontally
Align Vertically
Align Top
Align Left
37
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
Adjust Width
Adjust Height
38
19
Create Lines
|
All lines such as Association, Inheritance, Realization, Dependency.. etc, can be created in following step.
1. 2. 3. 4. 5. *
Select the line type from Tool Bar Click the source element (Click halfway point if there is any) (ESC key or Right-clicking to cancel) Click on the target element. drag & drop can be used.
Connect elements with right angle line
Rubber band (in red) to help making lines
Set the edge of the line to stay on the middle of the element
39
Line Styles
|
There are four different line styles.

Line , Curve , Right angle , Right angle Curve y Select the line ( (can be more than one), ), p press the button from Main toolbar to change the line style y Also you can change the line style from the Pop-up menu.
y
Line
Right angle
Curve
Right angle Curve
40
20
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.
Straight Line Polygonal Line
Polygonal Line Straight Line
41
Print out
|
Print Multi-Diagrams
Print whole diagrams in the project y You can sort diagrams g by y diagram g names, , diagram type, diagrams parent
y
Print scale
Change the scale to make whole diagram to fit in one paper y Tips for printing out a big diagram
y
Use big papers Print diagrams in sideways | Cut the blank space out before printing
| |
42
21
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 <<Undrawn and Unreferenced model>> <<Undrawn Undrawn models models>> (models which are not drawn in diagrams) <<Unreferenced models>> (models which are not referenced from others) <<Invalid Hyperlinks>> (disabled hyperlinks to files)
43
Other functions of JUDE/Community

Auto-Generation of class diagrams | Import Java | Export Java | Export HTML (JAVA.doc) | Export image (png, jpeg format)
|
44
22
Shortcut keys
New Save Zoom in / Zoom out Zoom to Default Change Diagram Tab Select All Delete from Model Delete from Diagram Undo / Redo Copy / Paste Add Attribute (Class) Add Method (Class) Align Right / Left Align Top / Bottom Align Horizontal Center Align Verttical Center Scroll Ctrl+N Crtl+S Ctrl+Wheel up/down, Ctrl+Right Mouse Drag up/down, Ctrl+[, Ctrl+] Ctrl+1 Ctrl+TAB Ctrl+A DELETE Ctrl+D Ctrl+Z / Ctrl+Y Ctrl+C / Ctrl+V Ctrl+F Ctrl+M Ctrl+Alt+ / Ctrl+Alt+ Ctrl+Alt+ / Ctrl+Alt+ Ctrl+Alt+ Ctrl+Alt+I Right Mouse Drag 45
Special Features of JUDE/Professional

Data Flow Diagram | CRUD | Entity y Relationship p Diagram g | Flowchart | UML2.0 | Mind Map | C# Modeling, C# Forward | Reference Model Management | Merging JUDE Projects | Multilingual Display (Alias) | Export RTF Document | Usecase Descriptions | Copy & Paste in Vector (EMF) format | DB Reverse (non-support)
|
46
23
Website
|
JUDE Website ( http://jude.change-vision.com/ )

y
Latest release information is available on our website. Bug information is available on JUDE Community Site.
JUDE Community Site ( http://jude http://jude-users.com/en/ users.com/en/ )

y
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 http://jude change vision com/jude web/download/try uml html http://jude.change-vision.com/jude-web/download/try_uml.html
y
It will guide you how to use JUDE through drawing UML with examples. If you have any questions to purchase JUDE/Professional.
47
Sales ( jude-sales@change-vision.com )
y
24

JUDE BasicOperationGuide e

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

JUDE BasicOperationGuide e

Uploaded by

Copyright:

Available Formats

JUDE Basic Operation Guide

JUDE/Community Basic Operation Guide

Change Vision, Inc.

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