Wie Sie mit StarUML Klassendiagramme zeichnen können

In diesem Artikel lernen Sie, wie Sie UML-Klassendiagramme mit dem quelloffenen Programm StarUML erstellen können.

Schritt 1: StarUML installieren

Laden Sie die aktuelle Version von StarUML von

http://staruml.sourceforge.net/en/download.php

herunter und installieren Sie es auf Ihrem Rechner.

Schritt 2: Neues Projekt anlegen

Starten Sie StarUML.

Es erscheint folgendes Fenster:

StarUML nach dem Start

Wählen Sie Default Approach (rote Ellipse) und klicken Sie anschließend auf die Schaltfläche OK (blaue Ellipse).

Schritt 3: Diagramm anlegen

Klicken Sie im Diagram Explorer in der rechten oberen Ecke des Bildschirms auf den Pfeil (rote Ellipse im folgenden Bildschirmfoto), damit die Registerkarte Model Explorer sichtbar wird.

Pfeiltaste zur Auswahl des "Model Explorer"

Klicken Sie danach auf die Registerkarte Model Explorer.

Registerkarte "Model Explorer"

Nun wird folgende Baumansicht angezeigt:

Baumansicht im "Model Explorer"

Klicken Sie auf den Knoten «analysisModel» mit rechter Maustaste.

Es erscheint folgendes Menü:

Kontextmenü im "Model Explorer"

Wählen Sie dem Menüpunkt Add DiagramClass Diagram.

Es wird ein neuer Knoten im Baum angelegt. Geben Sie dort einen Namen für Ihr Diagramm ein:

Eingabe des Namens des Diagramms

Schritt 4: Diagramm zeichnen

Nun werden wir einzelne Elemente des Klassendiagramms einfügen.

Klassen

Klicken Sie auf die Schaltfläche Class (rote Ellipse im folgenden Bildschirmfoto) auf der rechten Seite des Fensters.

Schaltfläche "Class"

Klicken Sie dann auf eine Stelle im Diagramm, wo die Klasse angelegt werden soll.

Eingabe des Namens der Klasse

Geben Sie anschließend den Namen der Klasse ein (rote Ellipse im Bildschirmfoto oben) und drücken Sie dann Enter auf der Tastatur.

Fügen Sie mehrere Klassen in das Diagramm ein.

Diagramm mit mehreren Klassen

Abstrakte Klassen

Wenn Sie eine Klasse als abstrakt markieren wollen, gehen Sie folgendermaßen vor.

Zuerst wählen Sie die Klasse aus, in dem Sie sie einmal anklicken (rote Ellipse im Bildschirmfoto unten).

Klicken Sie anschließend auf das Kästchen IsAbstract im rechten unteren Teil des Fensters (blaue Ellipse).

So machen Sie eine Klasse abstrakt

Dann wird die abstrakte Klasse auch besonders hervorgehoben:

Normale und abstrakte Klassen in StarUML

Schnittstellen (Interfaces)

Schaltfläche "Interface"

Sie können eine Schnittstelle in Ihr Diagramm einfügen, indem Sie

  • die Schaltfläche Interface auf der linken Seite des Fensters anklicken,
  • dann jene Stelle im Diagramm anklicken, an der die Schnittstelle platziert werden soll und
  • schließlich die Bezeichnung der Schnittstelle eingeben und mit Enter bestätigen (analog zu Klassen).

Dann wird die Schnittstelle in das Diagramm eingefügt:

Ändern der Darstellung der Schnittstelle

Nun wollen wir die Darstellung der Schnittstelle ändern. Klicken Sie dazu das Schnittstellen-Symbol
mit rechte Maustaste an, und wählen im Kontext-Menü den Menüpunkt FormatStereotype DisplayDecoration.

Menüpunkt "Format, Suppress Operations"

Heben Sie dann die Auswahl des Menüpunkts Format FormatSuppress Operations auf (rote Ellipse).

Am Ende sollte die Schnittstelle so aussehen:

Schnittstelle nach Änderung des Formats

Attribute

Um ein Attribut einer Klasse hinzuzufügen, klicken Sie die Klasse rechts an und wählen Sie im Kontext-Menü den Menüpunkt AddAttribute (rote Ellipse).

Menüpunkt "Add, Attribute"

Geben Sie anschließend den Namen, den Typ und die Sichtbarkeit des Attributs ein, z. B. +attrbut1:string für ein textuelles öffentliches Attribut.

Hinzufügen eines Attributs

Drücken Sie dann Enter auf der Tastatur. Am Ende sieht die Klasse so aus:

Klasse mit einem Attribut

Methoden

Sie können Methoden ähnlich wie Attribute hinzufügen.

Klicken Sie hierzu die Klasse mit rechter Maustaste an und wählen Sie den Menüpunkt AddOperation aus dem Kontextmenü (rote Ellipse im Bildschirmfoto unten).

Menüpunkt "Add, Operation" im Kontextmenü einer Klasse

Geben Sie anschließend die Signatur der Methode (Name, Liste der Parameter und Typ des Rückgabewerts) ein und bestätigen Sie Ihre Eingabe durch Drücken der Enter-Taste auf der Tastatur.

Eingabe der Signatur einer neu angelegten Methode

Sie können auch Schnittstellen Methoden hinzufügen.

Klassendiagramm nach dem Hinzufügen von Methoden

Vererbung

Wenn Sie eine Vererbungsbeziehung zwischen zwei Klassen in Ihrem Klassendiagramm darstellen wollen, müssen Sie zunächst die Schaltfläche Generalization betätigen (rote Ellipse im Screenshot unten).

Schaltfläche "Generalization"

Dann klicken Sie die zuerst die abgeleitete Klasse an, und ziehen den Mauscursor - bei gedrückter Maustaste - zur Basisklasse. Dort sollten Sie die Maustaste loslassen.

Klassendiagramm mit Vererbung

Realisierungen

Sie können eine Realisierung (Beziehung Klasse X implementiert Schnittstelle Y) analog zur Vererbung hinzufügen.

In diesem Fall müssen Sie statt Generalization die Schaltfläche Realization benutzen (rote Ellipse im Screenshot unten).

Schaltfläche "Realization"

Assoziation, Aggregation und Komposition

Beziehungen der

  • Assoziation (allgemeine Beziehung zwischen zwei Klassen),
  • Aggregation (Klasse X enthält 0-n Instanzen der Klasse Y, wenn X-Instanz zerstört wird, bleiben Y-Instanzen erhalten),
  • Komposition (Klasse X enthält 0-n Instanzen der Klasse Y, wenn X-Instanz zerstört wird, werden Y-Instanzen der Klasse Y ebenfalls zerstört),

können Sie mit Schaltflächen Association, Aggregation, Composition, respektive, erstellen (rote und blaue Ellipse im Bildschirmfoto unten).

Schaltflächen "Association", "Aggregation", "Composition"

Sie fügen diese Beziehungen ein, indem Sie Teil-Klasse (Klasse Y oben) anklicken, bei gedrückter Maustaste den Mauscursor zum Ganzen (Klasse X) bewegen und dort loslassen.

Klassendiagramm mit Beziehungen der Assoziation, Aggregation und Komposition

Schritt 5: Diagramm exportieren

Sie können nun das Diagramm speichern (Menüpunkt FileSave bzw. Strg-S auf der Tastatur) oder als Bilddatei exportieren.

Dies ist besonders dann von Vorteil, wenn Sie das Diagramm in einer Textverarbeitung weiterverwenden wollen.

Wählen Sie dazu den Menüpunkt FileExport diagram (rote Ellipse im Bildschirmfoto unten):

Menüpunkt "File, Export diagram"

Es erscheint eine Dialogbox zur Eingabe der Datei, in der das Bild gespeichert werden soll.

Sie können außerdem das Diagramm mit Hilfe des Tools PDF Creator in PDF exportieren (über den Menüpunkt FilePrint). Wie Sie PDF Creator einsetzen können, ist im Artikel Wie Sie beliebige Dateien in PDF-Dokumente umwandeln können beschrieben.

Newsletter

Diese Website wird laufend aktualisiert und es kommen regelmässig neue Artikel hinzu.

Wenn Ihnen dieser Artikel gefallen hat, können wir Sie benachrichtigen (höchstens ein Mal im Monat) sobald neue Informationen veröffentlicht werden. Melden Sie sich dazu bei unserem Newsletter an.

Dateien

 
rote_ellipsen/staruml_klassendiagramme.txt · Zuletzt geändert: 25.05.2009 21:41 von dp
 
© Copyright Dmitri Pissarenko Softwareentwicklung