Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
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
Diagram Editor
Property View
3
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
|
| |
Property View
y
Allows users to edit the properties of models Allows users to edit Diagrams
Diagram Editor
y
4
View
Model Position, Size, Color A model can be represented in multiple view elements in more than one diagram.
Property
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.
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.
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
|
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
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
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
|
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
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
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
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)
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
Left clicking again or selected view elements with holding Shift key or Ctrl
26
13
Edit Operation
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
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
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
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
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
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
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
View elements can be aligned vertically or horizontally. You can select the way you like to align from the menu.
y
Align Vertically
Align Top
Align Left
37
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
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.
Set the edge of the line to stay on the middle of the element
39
Line Styles
|
Line
Right angle
Curve
40
20
You can change the target end by attaching the line to another view element.
y
By gripping the middle point of the line, you can make the waypoint and the line will be polygonal.
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
Users can search for models and also replace model names on search tab
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
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
46
23
Website
|
Latest release information is available on our website. Bug information is available on JUDE Community Site.
FAQ ( http://jude.change-vision.com/jude-web/support/faq.html )
y
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