Difference between revisions of "Modeler:Tutorial/Information Grammar Diagram"

From CaseTalk Wiki
Jump to: navigation, search
m
m
Line 1: Line 1:
In this lesson you will learn how to build, change and configure diagrams. (Starting with the diagram you have created in the previous lesson)
In this lesson you will learn how to build, change and configure diagrams. (Starting with the diagram you have created in the previous lesson)  
 
Popup-menu's are frequently used in this lesson. Almost every object in a diagram has it's own popup-menu. You can activate this popup-menu by positioning the mouse cursor on the object and pressing the right mouse button. The popup-menu of the diagram itself can be activated by positioning the mouse on an emtpy area of the diagram and pressing the right mouse button.
Popup-menu's are frequently used in this lesson. Almost every object in a diagram has it's own popup-menu. You can activate this popup-menu by positioning the mouse cursor on the object and pressing the right mouse button. The popup-menu of the diagram itself can be activated by positioning the mouse on an emtpy area of the diagram and pressing the right mouse button.  


= Placing all object types and fact types =
= Placing all object types and fact types =


'''Step 6'''
Drag the following object types and fact types from the IG Viewer to the diagram:
Apprenticeship, Apprenticeship City, apprenticeship code, Apprenticeship Description, Apprenticeship Preference, Assigned Apprenticeship, description, and number.
As described in the previous lesson, you can also use Ctrl+A to select all items and then drag them to the diagram.


1. Drag the following object types and fact types from the IG Viewer to the diagram:
Once you have arranged everything, you should end up with a diagram similar to this one:  
   
   
Apprenticeship, Apprenticeship City, apprenticeship code, Apprenticeship Description, Apprenticeship Preference, Assigned Apprenticeship, description, and number.
[[File:Lesson1igd.png]]
 
If you are working on a low resolution monitor you could use the popup menu 'Add Related'. Once you have arranged averything, you should end up with a diagram similar to this one:
[[File:Lesson1igd.GIF]]


= Removing Objects =
= Removing Objects =


'''Step 7'''
1. Open the popup-menu of the ''Apprenticeship'' object and select Hide.  
 
Both ''Apprenticeship'' and all lines to ''Apprenticeship'' will be removed from the diagram.
1. Open the popup-menu of the 'Apprenticeship' object and select Hide.
Note: ''Apprenticeship'' did not disappear from the Repository Window!
   
   
Both 'Apprenticeship' and all lines to 'Apprenticeship' will be removed from the diagram.
2. Drag ';Apprenticeship;' back to the diagram.
Note: 'Apprenticeship' did not disappear from the Repository Window! Currently 'Apprenticeship' is the only object type / fact type in the Repository which is displayed in black. This indicates it is not placed in the active diagram. (The name of the active diagram can be found at the bottom of the Repository Window.)
2. Drag 'Apprenticeship' back to the diagram.


= Moving Roles =
= Moving Roles =


'''Step 7'''
1. Select both the fact type ''Apprenticeship Description'' and the label type ''description'' by dragging over them:


1. Keep the Alt-key pressed and drag role 11 on role 13:
[[File:Movingroles1.png]]
   
   
[[File:Movingroles.GIF]]
2. Drag both items to the bottom left of the Object Type ''Apprenticeship''.
 
2. Keep the Alt-key pressed and drag role 11 on role 12 to restore the diagram.
[[File:Movingroles2.png]]
 
As you see, the role numbers have automaticcaly switched. Role 10 is now on the left.


''Note: As an alternative you may use the selection mode buttons in the diagram to drag roles.''
3. Drag the items back to the old position.


= Creating corner points in lines =
= Creating corner points in lines =


'''Step 7'''
1. Click on the connecting line from ''Apprenticeship Preference'' to ''Apprenticeship'':


1. Click on the connecting line from 'Apprenticeship Preference' to 'Apprenticeship':
[[File:ConnectionPoint.png]]
 
It is possible to select and drag corner points, they even have a popup-menu. In the popup-menu you can select options like hiding the corner point. It is possible to create multiple corner points in each line. If multiple points are selected (by dragging a selection over them), multiple points can be dragged.
   
   
It is possible to select and drag corner points, they even have a popup-menu. In the popup-menu you can select options like Remove and Straight Line. It is possible to create multiple corner points in each line. If multiple points are selected, multiple points can be dragged.
[[File:ConnectionPoints.png]]
 
2. Open the popup-menu from the corner point and select Straight Line.
2. Open the popup-menu from a corner point and select Lock. The corner point is now locked and cannot be moved.  
3. Unlock the corner point again.
4. Using the popup-menu hide a single point.
5. Using the popup-menu select the item to make the entire line straight to remove all corner points.


= Zooming diagrams in and out =
= Zooming diagrams in and out =


1. Open the Diagram menu and select Zoom, 115%. The diagram will be enlarged.
1. Open the Diagram menu and select Zoom, 125%. The diagram will be enlarged.  
2. Open the Diagram menu and select Zoom, Zoom Out.
2. Open the Diagram menu and select Zoom, Zoom Out.
3. Ctrl-Minus and Ctrl-Plus may be used to zoom.
4. Panning and zooming can also be performed using the Ctrl, Shift and Mouse wheel.


= Using information blocks =
= Using information blocks =


'''Step 7'''
1. Open the Diagram menu and select Show Diagram Info.
The Diagram menu is only available if the Diagram Designer is the active tab.
2. Drag the information block to an appropriate place in the diagram.
3. Open it’s popup-menu and hide the diagram info.
4. Select ''lesson.ig'' in the Project Manager on the right, open it's popup-menu and select Properties.
 
[[File:IgFileProperties.png]]
 
5. Enter the information below, then click OK.


1. Open the Diagram menu and select Show Diagram Info.
[[File:IgFilePropertiesSet.png]]
 
The Diagram menu is only available if the Diagram Designer is the active window.
6. The property option is also available from the IGD Info block's popup-menu where it gives the properties of the selected FT/OT/LT:
 
2. Select 'lesson.ig' in the Project Manager, open it's popup-menu and select File Properties.
[[File:OtftIgdProperties.png]]
 
[[File:Projectigdinfo.GIF]]
7. Open the Diagram Designer's popup-menu and select Add Text.
Enter the text as shown below and click OK. The text box is added to the diagram.
This option is also available from the IGD Info block's popup-menu.
 
[[File:TextIgd.png]]
3. Enter the information below, then click Ok:
 
8. Remove the text block by selecting Remove from its popup-menu.
[[File:Lesson1igdproperties.GIF]]
4. Activate the Diagram Designer window, open the IGD menu and select Show Data Type Info:
A list of all label types and the associated datatypes will be shown. Currently every datatype is 'default(1)'. The FCO-IM Casetool will generate a proposal for the datatypes during the GLR-Algorithm (Lesson 6).
5. Open the Diagram Designer's popup-menu and select New Text Block:
Enter the text as shown below.
[[File:Firsttextblock.GIF]]
6. Select 'File\Apply and exit'.
7. Open the text block's popup-menu and select Show Border.
The border will be shown with a dotted-line. When printed the border will not be displayed.
8. Remove the text block by selecting Remove from it's popup-menu.


= Configuring an IGD =
= Configuring an IGD =


''Step 8''
1. Select menu Diagram, Style, Edit:
 
1. Select Properties from the Diagram Designers popup-menu:
   
   
[[File:Igdftoptions.GIF]]
[[File:Igdftoptions.png]]
   
   
[[File:Bm177.GIF]]
In this example only a few options will be discussed. Press F1 for more information.
In this example only a few options will be discussed. Press F1 for more information.
   
   
2. Activate the Fonts tab:
2. Activate the Font & color tab.
3. Select 'Fact type names' from the Items list and click the Font button.
[[File:Igdfontoptions.GIF]]
4. Select the 'Arial' font, size 12, color Navy. Click Ok.
Changing this and other options will change the style of the diagram. The next chapter shows how to save a style.
3. Select 'Fact type names, R indicators' from the Items list.
4. Select the 'Arial' font, size 12, color dark blue. Click Ok.


= Using diagram styles =
= Using diagram styles =


''Step 9''
1. Select menu Diagram, Style, Save. Or use the "'configure diagram'' button from the igd-tab menu:
 
[[File:IgdStyleDropDown.png]]
 
2. Type a name for the diagram style:


1. Select Properies from the Diagram Designer's popup-menu.
[[File:IgdStyleName.png]]
 
2. Activate the Styles tab.
3. Click OK. The new style can be found in the configure diagram menu and can be used for future projects as well:
 
3. Type a new style name in the Name field:
[[File:IgdStyleAdded.png]]
[[File:Igdstyleoptions.GIF]]
4. Click Save and save the style. Close the IGD Properties window.
5. Activate the diagram and select the new style using the menu 'Diagram\Style'.


= Configuring (multiple) objects =
= Configuring (multiple) objects =


'''Step 9'''
1. Open the ''Student''s popup-menu and select Properties:
 
1. Open the 'Student's' popup-menu and select Properties:
   
   
[[File:Otftproperties.GIF]]
[[File:Otftproperties.png]]
   
   
2. Select the 'Display expressions' and 'Display tupels'.
2. Unselect the ''Display expressions'' and ''Display tupels'', select Fact name position ''left'' and click Ok. Look at the result in your diagram.
3. Re-open the properties window, select both expression-optins again and align the fact name position back to ''middle''. Click Ok.  
3. Select Fact name position 'Left' and click Ok.
You can change the properties of multiple objects at the same time by selecting the objects and choosing the Properties option from one of their popup-menu's. Drag a selection over the items or hold the shift-key to select multiple items.  
You can change the properties of multiple objects at the same time by selecting the objects and choosing the Properties option from one of their popup-menu's. (Hold the shift-key to select multiple objects).


= Using the alignment functions =
= Using the alignment functions =


'''Step 10'''
1. Keep the shift-key pressed and select ''Student'', ''Apprenticeship Assignment'' and ''Apprenticeship Preference''.
2. Select Align from the Diagram menu:


1. Keep the shift-key pressed and select 'Student', 'Assigned Apprenticeship' and 'Apprenticeship Preference'.
[[File:Alignment.png]]
 
2. Select Align from the Diagram menu:
3. Select Horizontal ''Left'' and click Ok.  
Note: The left sides of the fact types have been placed exactly on the same line.  
[[File:Alignment.GIF]]
4. Drag the fact type ''Assigned Apprenticeship'' to it's original position.  
3. Select Horizontal 'Left Sides' and click Ok.
Note: The left sides of the fact types have been placed exactly on the same line.
4. Drag the fact type 'Assigned Apprenticeship' to it's original position.


= Printing a diagram =
= Printing a diagram =


Printing a diagram
1. Select the diagram tab.  
 
2. Open the File menu and select Print Diagram:  
'''Step 10'''
3. Select Page Fit.
 
4. Click Print to print the diagram. If no printers have been installed the preview area will be empty.
1. Select the diagram window.
5. Save the project by selecting Save Project from the File menu.  
Some printers will not print the entire diagram as shown by the preview window. (Random pieces of the diagram will be missing). This is mostly in case the diagram is to complex to fit into the printer's memory. You can prevent this problem by selecting a raster-printing option in the printer driver (instead of vector-printing). Some fonts will be displayed too large in the print preview window. In that case the font cannot be sized smaller then displayed. This has no effect on the printed result!
2. Open the File menu and select Print Diagram:
[[File:Printpreview.GIF]]
3. Select Fit to page.
4. Click Print to print the diagram.
5. Save the project by selecting Save Project from the File menu.
If no printers have been installed the preview area will be empty.
Some printers will not print the entire diagram as shown by the preview window. (Random pieces of the diagram will be missing). In this case the diagram is to complex to fit into the printer's memory. You can prevent this problem by selecting a raster-printing option in the printer driver (instead of vector-printing).
Some fonts will be displayed too large in the print preview window. In that case the font cannot be sized smaller then displayed. This has no effect on the printed result!


----
----

Revision as of 15:44, 23 March 2021

In this lesson you will learn how to build, change and configure diagrams. (Starting with the diagram you have created in the previous lesson)

Popup-menu's are frequently used in this lesson. Almost every object in a diagram has it's own popup-menu. You can activate this popup-menu by positioning the mouse cursor on the object and pressing the right mouse button. The popup-menu of the diagram itself can be activated by positioning the mouse on an emtpy area of the diagram and pressing the right mouse button.

Placing all object types and fact types

Drag the following object types and fact types from the IG Viewer to the diagram: Apprenticeship, Apprenticeship City, apprenticeship code, Apprenticeship Description, Apprenticeship Preference, Assigned Apprenticeship, description, and number. As described in the previous lesson, you can also use Ctrl+A to select all items and then drag them to the diagram.

Once you have arranged everything, you should end up with a diagram similar to this one:

Lesson1igd.png

Removing Objects

1. Open the popup-menu of the Apprenticeship object and select Hide. Both Apprenticeship and all lines to Apprenticeship will be removed from the diagram. Note: Apprenticeship did not disappear from the Repository Window!

2. Drag ';Apprenticeship;' back to the diagram.

Moving Roles

1. Select both the fact type Apprenticeship Description and the label type description by dragging over them:

Movingroles1.png

2. Drag both items to the bottom left of the Object Type Apprenticeship.

Movingroles2.png

As you see, the role numbers have automaticcaly switched. Role 10 is now on the left.

3. Drag the items back to the old position.

Creating corner points in lines

1. Click on the connecting line from Apprenticeship Preference to Apprenticeship:

ConnectionPoint.png

It is possible to select and drag corner points, they even have a popup-menu. In the popup-menu you can select options like hiding the corner point. It is possible to create multiple corner points in each line. If multiple points are selected (by dragging a selection over them), multiple points can be dragged.

ConnectionPoints.png

2. Open the popup-menu from a corner point and select Lock. The corner point is now locked and cannot be moved. 3. Unlock the corner point again. 4. Using the popup-menu hide a single point. 5. Using the popup-menu select the item to make the entire line straight to remove all corner points.

Zooming diagrams in and out

1. Open the Diagram menu and select Zoom, 125%. The diagram will be enlarged. 2. Open the Diagram menu and select Zoom, Zoom Out. 3. Ctrl-Minus and Ctrl-Plus may be used to zoom. 4. Panning and zooming can also be performed using the Ctrl, Shift and Mouse wheel.

Using information blocks

1. Open the Diagram menu and select Show Diagram Info. The Diagram menu is only available if the Diagram Designer is the active tab. 2. Drag the information block to an appropriate place in the diagram. 3. Open it’s popup-menu and hide the diagram info. 4. Select lesson.ig in the Project Manager on the right, open it's popup-menu and select Properties.

IgFileProperties.png

5. Enter the information below, then click OK.

IgFilePropertiesSet.png

6. The property option is also available from the IGD Info block's popup-menu where it gives the properties of the selected FT/OT/LT:

OtftIgdProperties.png

7. Open the Diagram Designer's popup-menu and select Add Text. Enter the text as shown below and click OK. The text box is added to the diagram.

TextIgd.png

8. Remove the text block by selecting Remove from its popup-menu.

Configuring an IGD

1. Select menu Diagram, Style, Edit:

Igdftoptions.png

In this example only a few options will be discussed. Press F1 for more information.

2. Activate the Font & color tab. 3. Select 'Fact type names' from the Items list and click the Font button. 4. Select the 'Arial' font, size 12, color Navy. Click Ok. Changing this and other options will change the style of the diagram. The next chapter shows how to save a style.

Using diagram styles

1. Select menu Diagram, Style, Save. Or use the "'configure diagram button from the igd-tab menu:

IgdStyleDropDown.png

2. Type a name for the diagram style:

IgdStyleName.png

3. Click OK. The new style can be found in the configure diagram menu and can be used for future projects as well:

IgdStyleAdded.png

Configuring (multiple) objects

1. Open the Students popup-menu and select Properties:

Otftproperties.png

2. Unselect the Display expressions and Display tupels, select Fact name position left and click Ok. Look at the result in your diagram. 3. Re-open the properties window, select both expression-optins again and align the fact name position back to middle. Click Ok. You can change the properties of multiple objects at the same time by selecting the objects and choosing the Properties option from one of their popup-menu's. Drag a selection over the items or hold the shift-key to select multiple items.

Using the alignment functions

1. Keep the shift-key pressed and select Student, Apprenticeship Assignment and Apprenticeship Preference. 2. Select Align from the Diagram menu:

Alignment.png

3. Select Horizontal Left and click Ok. Note: The left sides of the fact types have been placed exactly on the same line. 4. Drag the fact type Assigned Apprenticeship to it's original position.

Printing a diagram

1. Select the diagram tab. 2. Open the File menu and select Print Diagram: 3. Select Page Fit. 4. Click Print to print the diagram. If no printers have been installed the preview area will be empty. 5. Save the project by selecting Save Project from the File menu. Some printers will not print the entire diagram as shown by the preview window. (Random pieces of the diagram will be missing). This is mostly in case the diagram is to complex to fit into the printer's memory. You can prevent this problem by selecting a raster-printing option in the printer driver (instead of vector-printing). Some fonts will be displayed too large in the print preview window. In that case the font cannot be sized smaller then displayed. This has no effect on the printed result!


Back: Classification and Qualification

Next: Editing Information Grammar