Zustandsdiagramm – Tutorial

Ein Zustandsdiagramm, manchmal auch als Zustandsautomat-Diagramm bezeichnet, ist eine Art von Verhaltensdiagramm in der Sprache „Unified Modeling Language (UML)“, das Übergänge zwischen verschiedenen Objekten abbildet. Mit unserer kollaborativen UML-Diagramm-Software und einem kostenlosen Lucidchart Konto können Sie im Handumdrehen selbst ein Zustandsautomat-Diagramm erstellen!

Was ist ein Zustandsdiagramm in UML?

Als Zustandsautomat wird ein Gerät bezeichnet, das den Status eines Objekts zu einem bestimmten Zeitpunkt aufzeichnet und auf der Basis der jeweils empfangenen Eingaben Statusänderungen bzw. weitere Aktionen auslösen kann. Der Begriff „Zustand“ bezieht sich dabei nicht auf das Verhalten des betreffenden Objekts, sondern auf die unterschiedlichen Kombinationen der darin enthaltenen Informationen. Zum besseren Verständnis der unterschiedlichen Zustände kann es nützlich sein, sämtliche möglichen Zustände abzubilden und zu veranschaulichen, wie sie jeweils erreicht werden. Dazu bietet sich ein UML-Zustandsdiagramm an.

Am Anfang eines jeden Zustandsdiagramms steht üblicherweise ein dunkler Kreis, der den Anfangszustand angibt. Am Ende befindet sich ein Kreisrand, der den Endzustand angibt. Zustandsdiagramme haben zwar eindeutige Anfangs- und Endpunkte, eignen sich jedoch nur bedingt zur Abbildung einer Reihenfolge von Ereignissen. Vielmehr werden darin spezielle Verhaltensweisen veranschaulicht, insbesondere Wechsel von einem Zustand in einen anderen.

In Zustandsdiagrammen werden vor allem Zustände und Übergänge abgebildet. Zustände werden durch Rechtecke mit abgerundeten Ecken dargestellt, die mit dem Namen des Zustands beschriftet werden. Übergänge werden mit Pfeilen, die von einem Zustand zu einem anderen verlaufen, gekennzeichnet und geben die Zustandsveränderung an. Unten sehen Sie ein Beispiel für die Funktionsweise dieser beiden Elemente in einem einfachen Diagramm, das die Stufen des Bachelor-Studiums an einem US-College darstellt. Mit unserem UML-Diagramm-Tool können Sie jedes beliebige Zustandsautomat-Diagramm erstellen.

Und mit unserer Funktion „ Diagramm als Code“ geht es schneller und einfacher als je zuvor. Sie können ein benutzerdefiniertes Mockup eines Zustandsautomat-Diagramms erstellen und es mithilfe von Mermaid-Code zu Ihrem Lucidchart Dokument hinzufügen. 

Anwendungsmöglichkeiten für Zustandsdiagramme

Wie für die meisten anderen UML-Diagramme gibt es auch für Zustandsdiagramme unterschiedliche Einsatzmöglichkeiten. Hauptsächlich werden sie zu folgenden Zwecken eingesetzt:

• Abbildung ereignisgesteuerter Objekte in einem reaktiven System.
• Veranschaulichung von Nutzungsszenarien im Unternehmensbereich.
• Beschreibung dessen, wie ein Objekt im Laufe seiner Lebensdauer verschiedene Zustände durchläuft.
• Aufzeigen des Gesamtverhaltens einer Zustandsmaschine oder des Verhaltens mehrerer, miteinander in Beziehung stehender Zustandsmaschinen.

Symbole und Bestandteile von Zustandsdiagrammen

In einem Zustandsdiagramm können Sie viele unterschiedliche Formen darstellen. Dies gilt insbesondere dann, wenn Sie zwei oder mehrere Diagramme miteinander kombinieren. Folgende Formen werden am häufigsten verwendet:

Zusammengesetzter Zustand

Ein Zustand, der sich aus mehreren Unterzuständen zusammensetzt. Sehen Sie sich zum Beispiel unten das Zustandsdiagramm „Universität“ an. Hier ist „Einschreibung“ der übergeordnete zusammengesetzte Zustand, der verschiedene, im Zuge des Einschreibungsprozesses auftretende Unterzustände umfasst.

Pseudostatus Entscheidung

Dieses Rautensymbol zeigt eine dynamische Bedingung mit verzweigten möglichen Ergebnissen an.

Ereignis

Eine Instanz, die einen Übergang auslöst. Ein Ereignis wird jeweils als Beschriftung über dem entsprechenden Übergangspfeil eingetragen. In diesem Fall ist „Ende der Lehrveranstaltungen“ (classes end) das Ereignis, das das Ende des Zustands „Besuch von Lehrveranstaltungen“ (Being taught) sowie den Anfang des Zustands „Abschlussprüfungen“ (Final exams) auslöst.

Austrittspunkt

Der Punkt, an dem ein Objekt einen zusammengesetzten Zustand bzw. einen Zustandsautomaten verlässt. Er wird gekennzeichnet durch einen Kreis mit einem X darin. Der Austrittspunkt wird in der Regel dann verwendet, wenn der Prozess nicht bis zum Ende abgewickelt wurde, sondern aufgrund eines Fehlers oder anderen Problems vorzeitig abgebrochen werden muss.

Ausgangszustand

Ein Marker für den Ausgangszustand in dem betrachteten Prozess, dargestellt durch einen dunklen Kreis mit einem Übergangspfeil.

schutz

Eine Boolesche Bedingung, die einen Übergang zulässt oder verhindert; sie wird über dem Übergangspfeil eingetragen.

Status

Ein Rechteck mit abgerundeten Ecken, das die aktuelle Natur eines Objekts angibt.

Unterzustand

Ein im Bereich eines zusammengesetzten Zustands enthaltener Zustand. In dem unten dargestellten Zustandsautomat-Diagramm „Universität“ ist „Einschreibefrist läuft“ ein Unterzustand innerhalb des zusammengesetzten Zustands „Einschreibung“.

Terminator

Ein Kreis mit Punkt darin bedeutet, dass ein Prozess abgeschlossen ist.

Übergang

Ein Pfeil, der von einem Zustand zu einem anderen verläuft, zeigt eine Zustandsveränderung an.

Übergangsverhalten

Ein Verhalten, das als Ergebnis einer Zustandsänderung auftritt und über dem Übergangspfeil eingetragen wird.

Auslöser

Eine Nachrichtenart, die aktiv ein Objekt von einem Zustand in einen anderen überführt und über dem Übergangspfeil eingetragen wird. In diesem Beispiel ist „Problem mit der Buchung“ der Auslöser, der bewirken würde, dass die betreffende Person zum Reisebüro im Flughafen geht, anstatt die nächste Prozessstufe zu durchlaufen.

Beispiele für Zustandsdiagramme

In diesem Beispiel für ein Zustandsautomaten-Diagramm wird der Prozess dargestellt, anhand dessen jemand einen Termin im Kalender einträgt. In dem zusammengesetzten Zustand „Datum prüfen“ prüft das System den Kalender in mehreren unterschiedlichen Unterzuständen auf Verfügbarkeit. Wenn der gewünschte Zeitpunkt auf dem Kalender nicht verfügbar ist, wird der Prozess abgebrochen. Zeigt der Kalender jedoch Verfügbarkeit an, wird der Termin zum Kalender hinzugefügt.

Beispiel für ein Zustandsdiagramm: Universität

In diesem Zustandsdiagramm wird der Prozess der Einschreibung für einzelne Lehrveranstaltungen an einer Universität modelliert. Der zusammengesetzte Zustand „Einschreibung“ besteht dabei aus mehreren Unterzuständen, die Studierende im Zuge des Einschreibungsprozesses durchlaufen. Im Anschluss an die Einschreibung erfolgt zunächst der Übergang zum Zustand „Besuch von Lehrveranstaltungen“ und dann weiter zum Zustand „Abschlussprüfungen“.

Beispiel für ein Zustandsdiagramm: Fluggastabfertigung

Im folgenden Beispiel werden die einzelnen Schritte der Fluggastabfertigung in vereinfachter Form dargestellt. Für Fluggesellschaften bietet ein solches Diagramm eine Hilfestellung bei der Straffung von Arbeitsabläufen zur Vermeidung unnötiger Arbeitsschritte.

So erstellen Sie ein Zustandsautomat-Diagramm in UML

Zustandsdiagramme, auch bekannt als Zustandsautomat-Diagramme, sind eine nützliche Methode zur Visualisierung der verschiedenen Zustände innerhalb eines Prozesses. Zustandsdiagramme können Administratoren helfen, unnötige Schritte in einem Prozess zu identifizieren und Prozesse zu optimieren, um das Kundenerlebnis zu verbessern.

1. Erste Schritte mit Lucidchart

Um eigene Zustandsautomat-Diagramme zu erstellen, registrieren Sie sich für ein kostenloses Lucidchart-Konto. Nach der Anmeldung öffnen Sie ein leeres Dokument und aktivieren die UML-Formenbibliotheken. Klicken Sie in der oberen linken Ecke Ihres Fensters auf „Formen“ und aktivieren Sie „UML“. Die UML-Formenbibliotheken erscheinen dann auf der linken Seite Ihres Fensters. Scrollen Sie nach unten zur Zustandsautomat-Bibliothek und ziehen Sie einen schwarzen Kreis heraus, um das Diagramm zu starten. Dieser Kreis zeigt den Anfangszustand an.

2. Komponenten identifizieren

Legen Sie fest, welchen Zweck Ihr Diagramm hat und welche Elemente Sie damit beschreiben werden. Hier finden Sie einige der Hauptanwendungen eines Zustandsdiagramms, die Ihnen bei der Bestimmung des Zwecks helfen können:

• Darstellung der Bewegung eines Objekts von Zustand zu Zustand.

• Zeigt, wie ereignisgesteuerte Objekte in reaktiven Systemen funktionieren.

• Untersuchung, wie Anwendungsfallsequenzen auf ein Geschäftsszenario angewendet werden können.

• Überblick über ein komplexes Zustandsdiagramm oder eine Reihe von Zustandsdiagrammen.

Zustände und Übergänge sind die Hauptelemente eines Zustandsdiagramms. Erstellen Sie eine Liste aller Zustände, die Sie in Ihr Diagramm aufnehmen müssen – berücksichtigen Sie jeden Zustand, den die Nutzenden während des Prozesses erleben, und denken Sie dann über die Übergänge und Ereignisse nach, die die Nutzenden in diesen Zustand führen. Zum Beispiel muss in diesem Ausschnitt eines Kalenderzustandsdiagramms unten dem Kalender ein Termin hinzugefügt werden, bevor der Zustand „Termin hinzugefügt“ realisiert werden kann.

3. Formen hinzufügen

Ziehen Sie Ihre Maus von einem der roten Punkte, die erscheinen, wenn Sie den Mauszeiger über den Startkreis halten, um einen Übergangspfeil zu erstellen: eine Form, die zu einem Zustandswechsel führt und in die Richtung des Prozessablaufs zeigt. Sobald Sie Ihren Pfeil erstellt haben, werden Sie vom Editor automatisch aufgefordert, eine neue Form auszuwählen, die mit ihm verbunden werden soll. Wählen Sie die Zustandsform, ein Rechteck mit abgerundeten Ecken.

Formen beschriften

Als Nächstes klicken und tippen Sie einfach, um Ihren Zustand zu kennzeichnen. Um eine Nachricht auf Ihrem Übergangspfeil zu erstellen, doppelklicken Sie auf die Linie, der Sie Text hinzufügen möchten. Für Ereignisse und Auslöser können Sie auch ein Textfeld direkt über Ihrem Übergangspfeil herausziehen.

Wahlmöglichkeiten hinzufügen

Wenn Sie mehrere Optionen für Ihre Übergänge angeben müssen, wählen Sie die Rautenform, um einen Pseudozustand anzugeben. Von dieser Form aus lassen sich mehrere Übergangspfeile zeichnen.

Vervollständigung des Diagramms

Wenn Ihr Zustandsdiagramm (oder in komplexeren Diagrammen eine Ihrer Zustandsmaschinen) fertiggestellt ist, wählen Sie den umrandeten Kreis, um den Endzustand anzuzeigen.

Diagramm formatieren

Mit Lucidchart können Sie jedes Detail Ihres Diagramms individuell anpassen und so ein professionelles, einheitliches Erscheinungsbild erstellen. Sobald die Grundlagen festgelegt sind, lassen sich Farbe, Größe und Richtung von Linien und Formen leicht ändern.

4. Veröffentlichen, implementieren und teilen

Die eigentliche Stärke von Zustandsautomat-Diagrammen zeigt sich erst nach der Erstellung des Diagramms, wenn Sie es mit Kollegen, Kommilitonen usw. teilen und gemeinsam nutzen können. Um Ihr Dokument herunterzuladen, gehen Sie zu „Datei > Herunterladen als“ und wählen den gewünschten Dateityp.

Dank der Integrationen von Lucidchart können Sie Ihre finale Version auch jeder Ihrer Lieblings-Apps hinzufügen. Verwenden Sie Diagramme in Ihren Microsoft- oder G Suite-Dokumenten oder auf unternehmensweit freigegebenen Plattformen wie Confluence.

Um anderen die Mitarbeit an Ihrem Diagramm zu ermöglichen, klicken Sie auf die orangefarbene Schaltfläche „Teilen“ in der oberen rechten Ecke Ihres Fensters. Lucidchart-Nutzende können das Dokument ansehen und dazu beitragen, abhängig von den von Ihnen festgelegten Berechtigungen, und auch Nicht-Nutzende können Ihr Zustandsautomat-Diagramm einsehen.