View this PageEdit this PageAttachments to this PageHistory of this PageHomeRecent ChangesSearch the SwikiHelp Guide
Hotspots: Admin Pages | Turn-in Site |
Current Links: Cases Final Project Summer 2007

Making UML diagrams using UMLet, an alternative to VisualParadigm - Hubert Liu

Individual Case: Using UMLet as an alternative UML diagram editor
by Hubert Liu


For M4, I chose it was easier NOT to use the recommended UML diagram editor (VisualParadigm)

Somebody posted on the forum for M4 a program called UMLet, which I found to be a little easier to use.

You can find it here:
http://www.umlet.com/

I find that the main advantage to using this program is the ease in editing. Everything is done not on a programming level, but more of a diagramming level. You can make the diagram display whatever you want without having to add variables or whatever, you just type in what you want to be displayed. Also, making changes was very easy. The downside to UMLet of course is that it is not as powerful, but honestly I did not have a problem using it at all.

Here are some examples of what you can do:

First, start UMLet by running the exe:
hub1.JPG

Then you’ll see the main screen:

hub2.JPG

For class diagrams, you can add items from the upper right of the screen. Let’s add two classes so I can show how to edit the classes and change the relationship between them.

Double click on an element (in this case, “SimpleClass” to add it to the diagram.) Do it again to add a second class. Drag the 2nd class (it should overlap the first one) to the right so we can see both of them.

hub3.JPG

Let’s make the first class. We’ll call it “Flight”. Click on the object to the left and type in “Flight” in the bottom right where it says Properties. Hit enter and type two dashes (–). Hit enter again. This is what it should look like:


hub4.JPG

Notice how the object on the diagram changes to reflect the things you just inputted. Now we’ll add variables to the class and some methods. Separate the variables and methods using the two dashes again (to make a horizontal line). Adjust the diagram accordingly to make your new class fit. You can change the size by dragging the corner of the box to where you want it. It should look like the figure below:

hub5.JPG



We’ll call the next class “Plane” and edit the details just like we did for the first class.

hub6.JPG
Now we need to connect them. On the top right where the objects are located, find one of the arrows (it doesn’t matter which one, because we can edit them anyways.) Let’s add the first one to the diagram by double clicking it.


hub7.JPG

For now, let’s experiment by changing the property of the lines. Change around the - to - and see what happens.

hub8.JPG

Using different combination of <’s and >’s changes what kind of line it is. Let’s go ahead and remove the arrow and connect our classes together. Just drag each end onto the edge of each class.


hub9.JPG

Type in “uses” into the box to complete the connection.

hub10.JPG

As you can see it is very easy to edit the diagram, all by changing around the properties window. There are different objects that you can observe the properties of, and obviously you can change one object into another just by editing the symbols. Experiment with them.

This is the diagram that I borrowed from the resources in t-square from the Professor.


hub11.JPG

Links to this Page