Mjolner Integrated Development Tool

5.5 Class Diagrams

To extract the design diagrams from the BETA code, the program is opened in the CASE tool. Consider the following program shown in the code editor:

When opening this program in Freja the following diagram initially appears:

This is an abstract design view of the program. A detailed design diagram can be obtained by detailing selected parts of the diagram. If an entry contains three dots (...) it can be detailed. Below the class Reservation is detailed by double-clicking on the Reservation attribute:

This intial layout of course can be changed to make the diagram appear graphically more appealing. To prevent the shown association connectors from crossing over the class boxes, point the mouse cursor to a connector and right-click it to get a popup-menu:

Select the checked item, Attach Reservation Role Right, to make one end of the connector attach itself to the left side of the class instead of the right. Repeat this operation to change the other points of attachment of the two connectors, to make the diagram look like this:

To prevent the two connectors themselves from intersecting one of the endpoints has to be moved. Right-click the attribute theAgent of the Reservation class:

Select Move:Down to move the attribute one position down in the class box:

To further visually seperate the two connectors, you might want to bend one connector away from the other. This can be done by inserting a new edge somewhere on the line constituting the connector you wish to bend. To do this, double-click the connector in the place where you want the new edge inserted:

A small rectangular dot appears where the edge was inserted and this new dot can now be dragged to a new position to obtain the desired bending of the connector:

Further classes may be detailed and the layout adjusted in ways similar to above.

Mjolner Integrated Development Tool - Tutorial

[Modified: Friday October 27^th 2000 at 14:56]

5.4 Reverse Engineering

5.5 Class Diagrams