Astah Basic Operation
Transcript of Astah Basic Operation
![Page 1: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/1.jpg)
astah* Basic Operation Guide
astah* professionalastah* UML
astah* community
October 19, 2009Change Vision, Inc.
![Page 2: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/2.jpg)
Preface• astah* is a light-weight UML editor integrated with ERD,
DFD, CRUD and Mind Mapping features for software developers.
• This guide introduces you the basic operations in astah*.
• Contents– Screen Layout 3– Model and View Elements 5– How to create a Diagram/Model 8– Diagrams 10– View Operations 22– Edit Diagrams/Models 25– astah* information and Contact 47
2
![Page 3: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/3.jpg)
Screen Layout (1)
3
Diagram EditorProperty View
Project View
Management View
![Page 4: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/4.jpg)
Screen Layout (2)• Management View
• To operate astah* with the main menu and the tool bar.• Project View
• Structure Tree:To display the structure of models.• Inheritance Tree: To display the inheritance structure of
classes.• Map View: To display an entire Diagram Editor.• Diagram View: To display a list of diagrams in the project.
• Property View• To edit properties of models.
• Diagram Editor• To edit diagrams
4
![Page 5: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/5.jpg)
Model and View Elements (1)
5
A model is represented in multiple view elements.
Position, Size, Color
![Page 6: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/6.jpg)
Model and View Elements (2)
• Concept of model and view elements– Elements of a project such as Class or
UseCase are called “model”– Elements on diagrams are called “view
elements”– A model can be represented in more than one
diagram as view elements– Color and size can be set differently to each
view element
6
![Page 7: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/7.jpg)
Model and View Elements (3)
• “Delete from Diagram” and “Delete from Model”– “Delete from Diagram” removes selected view
elements from the diagram as keeping the models in the project.
– “Delete from Model” deletes selected models and the view elements from the project completely.
• Copy and Paste– In the Class Diagram and UseCase Diagram, view
elements are created by copy and paste, but the models are shared with the original elements.
– In other diagrams, view elements and models are created (cloned) by copy and paste.
7
![Page 8: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/8.jpg)
How to create a diagram/model (1)
• Creating a new project– Go to [File] – [New] in the main menu, or
select [Create New Project] button on the tool bar.
• Creating a new project with a template– Go to [File] – [New by Template], and select a
template file.
8
![Page 9: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/9.jpg)
How to create a diagram/model (2)
• Creating Diagrams– All diagrams can be created under Packages.– The type of the creating diagrams are specified
depending on the parent model (e.g. Class, UseCase, Operation)
1. Go to [Diagram] in the main menu2. Go to [Create Diagram] popup menu in the
structure tree• Switching Diagrams
– Select a tab in the Diagram Editors– Select a diagram in the structure tree– Select a diagram in the Diagram View
9
![Page 10: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/10.jpg)
Creating a Diagram
10
Create a diagram from [Diagram] in the main menu
Create a diagram from [Create Diagram] in the structure tree
![Page 11: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/11.jpg)
DiagramsDiagram astah*
communityastah* UML
astah* professional
UML2.1(Class Diagram, UseCase Diagram, Statemachine Diagram, Activity Diagram, Sequence Diagram, Communication Diagram, Component Diagram, Deployment Diagram, Composite Structure Diagram)
Yes Yes Yes
Flowchart * * YesData Flow Diagram (DFD) * * YesER Diagram * * YesCRUD * * YesMind Map * Yes YesRequirement Table * * Yes
11
Yes: Create, Reference *: Reference Only
![Page 12: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/12.jpg)
1. Class Diagram
12
![Page 13: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/13.jpg)
2. UseCase Diagram
13
![Page 14: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/14.jpg)
3. Statemachine Diagram
14
![Page 15: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/15.jpg)
4. Activity Diagram
15
![Page 16: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/16.jpg)
5. Sequence Diagram
16
![Page 17: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/17.jpg)
6. Communication Diagram
17
![Page 18: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/18.jpg)
7. Component Diagram
18
![Page 19: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/19.jpg)
8. Deployment Diagram
19
![Page 20: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/20.jpg)
9. Composite Structure Diagram
20
![Page 21: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/21.jpg)
10. Other Diagrams• astah* UML
– Mind Map• astah* professional
– Flowchart– Data Flow Diagram(DFD)– ER Diagram– CRUD– Mind Map– Requirement Table
21
![Page 22: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/22.jpg)
View Operation
22
Fit in WindowDisplay the whole diagram
Zoom outPress button to zoom out
Zoom inPress button to zoom in
Zoom to Default (100%)
Scroll・Right-Mouse Drag to scroll whole diagram・Mouse wheel to scroll up/down・Shift + Mouse wheel to scroll in sideways
Zoom・Ctrl + Right-Mouse Drag・Ctrl + Mouse Wheel
![Page 23: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/23.jpg)
Map View• The Map View displays the entire contents of an active
diagram that is currently opened in the Diagram Editor.
23
Right-Mouse Drag on Map ViewSpecify the size of the display area in the Diagram Editor
Left-Mouse Drag on Map ViewMove the location of the display area in the Diagram Editor
![Page 24: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/24.jpg)
Property View• The Property View displays the detailed information of the
selected model.• Items in the Property View are varied depending on models.
24
![Page 25: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/25.jpg)
Create Models in Diagram Editor• Creating models on Diagram Editor
• Creating models continuously– Click on the diagram editor with Shift key.– Set the mode lock on.
25
(1) Select a button(2) Click on the diagram
Mode Lock
![Page 26: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/26.jpg)
Create models in a tree• How to create models from structure tree
– Right-click on a model in the structure tree and select a popup menu.
26
Select a menu from [Create Model] popup menu in the structure tree
Drag & Drop a model to the diagram
![Page 27: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/27.jpg)
Copy & Paste• Copy & Paste : View Elements
– Select [Copy] / [Paste] in thepopup menu of the view elementon the diagram
– Copy : Ctrl + C– Paste : Ctrl + V
• Copy & Paste : Style– Select [Copy Style] / [Paste Style] in the popup menu
of the view element on the diagram– Style : background color, line style, font color, etc.
27
![Page 28: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/28.jpg)
Select / Unselect view elements• Select more than one element
– Select view elementsby using the Left-Mousedrag
– Select view elementswith Shift / Ctrl + Left-Click
– Select All : Ctrl + A • Unselect elements
– Left-click on the selected view element with Shift / Ctrl key
28
![Page 29: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/29.jpg)
Direct-Edit View Elements• Press F2 or double-click on the selected text
• Direct-Edit Attributes / Operations– Change the order of Attributes / Operations,
or move them to other Classes by drag & drop
29
![Page 30: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/30.jpg)
Move View Elements• Move view elements by Left-drag or arrow keys
30
Left-mouse drag with Shift key to move vertically / horizontally
Left-mouse drag with Ctrl key to move by grid
![Page 31: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/31.jpg)
Edit View Information• View information is the information of view elements.
– Visibility of Attribute/Operation, resize, color, etc.
• Visibility on/off– Switch the visibility on/off from the popup menu.– Set the default visibilities in [Tool] – [System Properties] – [Visibility1 and 2]
• Resize– Drag the knob ( the corner of the element).– Auto-resize function is available.
• Color– Set color with the main menu, the tool bottom or the popup menu.
• Switch Notation– Switch the notation of classes between the normal and icon notations.
31
![Page 32: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/32.jpg)
Visibility On/Off• Select the visibility pop-up menu to switch the visibility on/off• Examples:
– Attribute Compartment– Operation Compartment– Namespace– Visibility of Attribute
/Operation
32
![Page 33: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/33.jpg)
Set Color• Select view elements on the diagram, and select [Set Color]
from the tool bar.• Go to [Edit] – [Set Color] from the main menu.• Select [Set Color] from the popup menu on the diagram
33
![Page 34: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/34.jpg)
New Item Color• Set the default color for each view element
– Go to [Tool] – [System Properties] – [New Item Color]
34
![Page 35: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/35.jpg)
Stereotype Color• Set the default color for view elements with
specific stereotypes– Go to [Tool] – [System Properties] – [New
Stereotype Color]
35
![Page 36: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/36.jpg)
Resize the view elements• Auto Resize
– The size of the view element is adjusted automatically by updating names
• Drag to resize– Drag the knob of the element to resize.– Auto-resize function is set to off after resizing (except UseCse).
• Show view element name in multiple lines– New lines are added automatically
depending on the width of theelement.
– To add a new line to text, note andsome other elements, press Enterkey with Shift/Ctrl/Alt key.
36
![Page 37: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/37.jpg)
Icon Notation
• Normal / Icon Notation– Select the view elements on the diagram and
press [Normal Notation] / [Icon Notation] on the tool bar.
– Select [Icon Notation] in the popup menu.
37
Icon Notation
Normal Notation
![Page 38: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/38.jpg)
Align view elements• Align view elements vertically or horizontally.
– Press [Align] buttons on the tool bar– Go to [Align] on the main menu
38
Align Top +Align Horizontal Even
![Page 39: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/39.jpg)
Adjust Size• Adjust the size of the select view elements on
the diagram– Press [Align Height]/[Align Width] on the tool
bar– Go to [Align] – [Adjust Size] on the main
menu
39
Adjust Size
![Page 40: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/40.jpg)
Create Lines• Create lines (Association, Generalization, Realization, Dependency,
Transition, etc.)1. Select the line button on the tool palette.2. Click the source element.3. (Click the middle point)4. Click on the target element.• Lines can be created by drag and drop.• To cancel the operation, press ESC key or right-mouse click.
40
Set the relation end to the center
Set Line StyleRubber is displayed
![Page 41: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/41.jpg)
Line Styles• Setting Line Styles
– Normal, Right-angle, Curve, Right-angle Curve– To switch the line style, select lines on the diagram and
click the line style button on the tool bar or use the line popup menu.
41
Normal Right-Angle Curve Right-Angle Curve
![Page 42: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/42.jpg)
How to change the target• Drag and drop the knob from the source element to the
target element.
• To draw the polygonal line, drag and drop the middle point of the line.
42
Polygonal line
![Page 43: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/43.jpg)
Export Image• Export Image with JPEG, PNG, EMF format
– Go to [Tool] – [Export Image] in the main menu– Copy by using [Copy to Clipboard] popup menu
on diagram elements
43
•EMF format is supported in astah* UML and astah* professional.•The product name is displayed on the image background in astah* community.
![Page 44: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/44.jpg)
Print• Print
– Print a diagram on the diagram editor.• Print-Multi
– Print multiple diagrams in the project.– Sort the order of printings in the Diagram dialog.
• Print Preview, Preview-Multi– Preview a diagram or multiple diagrams.
• Print Setup– Set the print setup for each project/diagram.– Specify header, footer, paper size, scale, etc.
44
•Preview, Preview-Multi and Print Setup are supported in astah* UML and astah* professional.
•The product name is displayed on the printing in astah* community.
![Page 45: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/45.jpg)
Search and Replace• Search and replace
– Search and replace modelsin the Search tab.
• Search by options– Select the following options in the Search dropdown list.
• <<Undrawn and Unreferenced Models>>• <<Undrawn models>>(models which are not drawn in diagrams)
• <<Unreferenced Models>>(Models which are not referenced by others)
• <<Invalid Hyperlinks>>Check Hyperlinks (File only)
45
Search and Replace are supported in astah* UML and astah* professional.
![Page 46: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/46.jpg)
Shortcut KeysFunction Key
Edit Select All Ctrl + A
Delete from Model Ctrl + D
Delete from Diagram
DELETE
Undo Ctrl + Z
Redo Ctrl + Y
Copy Ctrl + C
Copy with BMP/JPG format
Ctrl +Alt + C
Paste Ctrl + V
Add Attribute Ctrl + F
Add Operation Ctrl + M
Add Stereotype Ctrl + Alt + S
Edit F2
46
Function Key
File New Ctrl + N
Save Ctrl + S
Window Switch Tab Ctrl + TabShow/Hide Project View
Ctrl + Shift + P
Align Align Vertical Center
Ctrl + Alt + l
Align Horizontal Center
Ctrl + Alt + - (minus)
Align Top Ctrl + Alt + UpAlign Bottom Ctrl + Alt + DownAlign Right Ctrl + Alt + RightAlign Left Ctrl + Alt + Left
View Zoom to Default Ctrl + 1Fit in Window Ctrl + 0Zoom in Ctrl + Wheel up, Ctrl + [,Ctrl
+ Right-Drag upZoom out Ctrl + Wheel down, Ctrl + [,
Ctrl + Right-Drag down
![Page 47: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/47.jpg)
astah* community• astah* community is a UML modeling tool.• Basic Functions:
• UML2.1• Class Diagram, UseCase Diagram, Statemachine Diagram,
Activity diagram, Sequence diagram, Communication Diagram, Component Diagram, Deployment Diagram, Composite Structure diagram, Object Diagram, Package Diagram
• Align elements and adjust size• Print• Export image (JPEG, PNG)
47
![Page 48: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/48.jpg)
astah* UML• astah* UML supports UML + Mind Map.• Additional Functions:
• Import Java• Export Java• Export C# / C++• Export RTF• Export HTML• Export image (JPEG, PNG, EMF)• Merge files• Convert UML and Mind Map• UseCase Description• Navigation function• Hyperlink
48
![Page 49: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/49.jpg)
astah* professional• astah* professional is the UML editor integrated with ERD, DFD, CRUD and
Mind Mapping features.• Additional Functions: Please see astah* UML page.• Special Functions:
• ER diagram• Flowchart• CRUD• Data Flow Diagram (DFD)• Requirement Table• Traceability Map• Compare Diagrams• Reference Project Management• XMI Input/Output• Convert diagrams and models (ER Diagram, Flowchart, DFD, etc.)• Stereotype Customized Icon
49
![Page 50: Astah Basic Operation](https://reader034.fdocuments.net/reader034/viewer/2022050722/54610e45af795935708b57e5/html5/thumbnails/50.jpg)
astah* website and contact• astah* Website http://astah.change-vision.com/
– Update information is available on the website.• astah* Community Site
– http://astah.change-vision.com/en/community-site.html– Share your comments regarding UML and astah*.
• Contact : [email protected]– If you have any questions about purchasing
astah* UML or astah* professional, please contact us.
50 Copyright© 2009 Change Vision, Inc. All right reserved.