{"id":10699,"date":"2026-03-05T12:00:24","date_gmt":"2026-03-05T04:00:24","guid":{"rendered":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"},"modified":"2026-03-05T12:00:24","modified_gmt":"2026-03-05T04:00:24","slug":"complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","title":{"rendered":"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger)"},"content":{"rendered":"<p data-nodeid=\"354\">Ein\u00a0<strong data-nodeid=\"141\">UML-Zustandsdiagramm<\/strong>\u00a0ist ein leistungsf\u00e4higes visuelles Werkzeug, das das dynamische Verhalten eines Systems modelliert, indem es zeigt, wie es sich in Reaktion auf Ereignisse zwischen verschiedenen Zust\u00e4nden bewegt. Es erfasst den Lebenszyklus eines Objekts oder Prozesses \u2013 indem es zeigt, was es\u00a0<em data-nodeid=\"142\">sein kann<\/em>\u00a0sein kann, was eine \u00c4nderung ausl\u00f6st und welche Aktionen w\u00e4hrend Zustands\u00e4nderungen stattfinden \u2013 wodurch es ideal f\u00fcr das Verst\u00e4ndnis komplexer Systeme wie Ampeln, Automaten, Anmeldeprozesse oder Spielcharaktere ist. Indem man sich auf Zust\u00e4nde (wie \u201eRot\u201c, \u201eWarten auf Zahlung\u201c oder \u201eSpringen\u201c), \u00dcberg\u00e4nge (ausgel\u00f6st durch Ereignisse wie \u201eZeit abgelaufen\u201c oder \u201eTaste gedr\u00fcckt\u201c) und Bedingungen (W\u00e4chter) konzentriert, bietet das Zustandsdiagramm Klarheit, verhindert logische L\u00fccken und dient als Grundlage sowohl f\u00fcr die Gestaltung als auch f\u00fcr den Code. Ob Sie nun ein Anf\u00e4nger sind, der Systemmodellierung lernt, oder ein Entwickler, der robuste Software erstellt, das Meistern von Zustandsdiagrammen verleiht Ihnen die F\u00e4higkeit, Systemverhalten pr\u00e4zise und klar zu denken, zu gestalten und zu kommunizieren.<\/p>\n<p><img alt=\"State Machines for Everyone \u2014 Part 1 Introduction | by Alex Dodge | Well  Red | Medium\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\"\/><\/p>\n<p data-nodeid=\"354\">\ud83d\udca1\u00a0<strong data-nodeid=\"804\">Ziel<\/strong>: Lernen Sie, realweltliche Systeme mit Zustandsmaschinen zu modellieren \u2013 von der Idee bis hin zu einem sauberen, professionell aussehenden Diagramm.<\/p>\n<p data-nodeid=\"354\">\n<h2 data-nodeid=\"356\">\ud83d\udd11 <strong data-nodeid=\"809\">Wichtige Konzepte, die Sie zuerst verstehen m\u00fcssen<\/strong><\/h2>\n<table data-nodeid=\"358\">\n<thead data-nodeid=\"359\">\n<tr data-nodeid=\"360\">\n<th data-nodeid=\"362\">Begriff<\/th>\n<th data-nodeid=\"363\">Was es bedeutet<\/th>\n<th data-nodeid=\"364\">Warum es wichtig ist<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"368\">\n<tr data-nodeid=\"369\">\n<td data-nodeid=\"370\"><strong data-nodeid=\"816\">Zustand<\/strong><\/td>\n<td data-nodeid=\"371\">Ein Zustand oder eine Situation, in der sich das System befindet (z.\u202fB.\u00a0<code data-backticks=\"1\" data-nodeid=\"818\">Rot<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"820\">Warten auf M\u00fcnze<\/code>)<\/td>\n<td data-nodeid=\"372\">Zeigt an, was im Moment geschieht<\/td>\n<\/tr>\n<tr data-nodeid=\"373\">\n<td data-nodeid=\"374\"><strong data-nodeid=\"826\">Ereignis<\/strong><\/td>\n<td data-nodeid=\"375\">Etwas, das eine \u00c4nderung ausl\u00f6st (z.\u202fB.\u00a0<code data-backticks=\"1\" data-nodeid=\"828\">M\u00fcnze einwerfen<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"830\">Zeit abgelaufen<\/code>)<\/td>\n<td data-nodeid=\"376\">Verursacht Bewegung zwischen Zust\u00e4nden<\/td>\n<\/tr>\n<tr data-nodeid=\"377\">\n<td data-nodeid=\"378\"><strong data-nodeid=\"836\">\u00dcbergang<\/strong><\/td>\n<td data-nodeid=\"379\">Ein Pfeil von einem Zustand zum anderen<\/td>\n<td data-nodeid=\"380\">Verbindet Zust\u00e4nde \u00fcber Ereignisse<\/td>\n<\/tr>\n<tr data-nodeid=\"381\">\n<td data-nodeid=\"382\"><strong data-nodeid=\"842\">Anfangszustand<\/strong><\/td>\n<td data-nodeid=\"383\">Der Ausgangspunkt (\u25cf)<\/td>\n<td data-nodeid=\"384\">Es gibt immer genau einen<\/td>\n<\/tr>\n<tr data-nodeid=\"385\">\n<td data-nodeid=\"386\"><strong data-nodeid=\"848\">Endzustand<\/strong><\/td>\n<td data-nodeid=\"387\">Ende des Prozesses (\u25cb)<\/td>\n<td data-nodeid=\"388\">Optional \u2014 nicht immer erforderlich<\/td>\n<\/tr>\n<tr data-nodeid=\"389\">\n<td data-nodeid=\"390\"><strong data-nodeid=\"857\">W\u00e4chter [Bedingung]<\/strong><\/td>\n<td data-nodeid=\"391\">Bedingung, die erf\u00fcllt sein muss, damit die Transition stattfindet<\/td>\n<td data-nodeid=\"392\">F\u00fcgt Logik hinzu (z.\u202fB. wenn genug Geld vorhanden?)<\/td>\n<\/tr>\n<tr data-nodeid=\"393\">\n<td data-nodeid=\"394\"><strong data-nodeid=\"863\">Aktion \/ Eintritt\/tun<\/strong><\/td>\n<td data-nodeid=\"395\">Was passiert beim Betreten, w\u00e4hrend oder Verlassen eines Zustands<\/td>\n<td data-nodeid=\"396\">F\u00fcgt Zust\u00e4nden Verhalten hinzu<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"397\">\n<p data-nodeid=\"398\">\ud83d\udccc Denken Sie:<br \/>\n\u201eDieses System kann sich in\u00a0<strong data-nodeid=\"886\">X<\/strong>\u00a0Zust\u00e4nden.<br \/>\nWenn\u00a0<strong data-nodeid=\"887\">Y<\/strong>\u00a0eintritt, wechselt es zu\u00a0<strong data-nodeid=\"888\">Z<\/strong>.\u201d<br \/>\nDas ist eine Zustandsmaschine!<\/p>\n<\/blockquote>\n<hr data-nodeid=\"399\"\/>\n<h2 data-nodeid=\"400\">\ud83d\udee0 Schritt 0 \u2013 Einstellung: Stellen Sie diese Fragen<\/h2>\n<p data-nodeid=\"401\">Bevor Sie etwas zeichnen:<\/p>\n<ul data-nodeid=\"402\">\n<li data-nodeid=\"403\">\n<p data-nodeid=\"404\">In welchen\u00a0<strong data-nodeid=\"896\">deutlich unterschiedlichen Situationen<\/strong>\u00a0kann sich dieses Ding befinden?<\/p>\n<\/li>\n<li data-nodeid=\"405\">\n<p data-nodeid=\"406\">Welche\u00a0<strong data-nodeid=\"902\">Ereignisse<\/strong>Verursachen (Benutzeraktionen, Zeit, Fehler) \u00c4nderungen?<\/p>\n<\/li>\n<li data-nodeid=\"407\">\n<p data-nodeid=\"408\">Kann es gleichzeitig in zwei Zust\u00e4nden sein? (Nein \u2192 einfache Zustandsmaschinen sind wechselseitig ausschlie\u00dfend.)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"409\">\ud83d\udc49 Beispiel: Ein\u00a0<strong data-nodeid=\"913\">Lichtschalter<\/strong>ist entweder\u00a0<code data-backticks=\"1\" data-nodeid=\"909\">Ein<\/code>\u00a0oder\u00a0<code data-backticks=\"1\" data-nodeid=\"911\">Aus<\/code>. Nie beides gleichzeitig.<\/p>\n<hr data-nodeid=\"410\"\/>\n<h2 data-nodeid=\"411\">\ud83e\udde9 Schritt 1 \u2013 W\u00e4hle ein konkretes Objekt zum Modellieren aus<\/h2>\n<p data-nodeid=\"412\">\u2705 Gute Anf\u00e4nger-Auswahlen:<\/p>\n<ul data-nodeid=\"413\">\n<li data-nodeid=\"414\">\n<p data-nodeid=\"415\">Drehkreuz (verriegelt\/entriegelt)<\/p>\n<\/li>\n<li data-nodeid=\"416\">\n<p data-nodeid=\"417\">Ampel (rot\/green\/gelb)<\/p>\n<\/li>\n<li data-nodeid=\"418\">\n<p data-nodeid=\"419\">Verkaufsautomat<\/p>\n<\/li>\n<li data-nodeid=\"420\">\n<p data-nodeid=\"421\">Anmelde-System<\/p>\n<\/li>\n<li data-nodeid=\"422\">\n<p data-nodeid=\"423\">Bestellstatus:\u00a0<code data-backticks=\"1\" data-nodeid=\"921\">Erstellt \u2192 Bezahlt \u2192 Versandt \u2192 Geliefert<\/code><\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"424\">\u274c Vermeide:<\/p>\n<ul data-nodeid=\"425\">\n<li data-nodeid=\"426\">\n<p data-nodeid=\"427\">\u201eDer gesamte Online-Shop\u201c \u2192 zu gro\u00df<\/p>\n<\/li>\n<li data-nodeid=\"428\">\n<p data-nodeid=\"429\">\u201eDie Benutzererfahrung\u201c \u2192 zu ungenau<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"430\">\n<p data-nodeid=\"431\">\u270f\ufe0f\u00a0<strong data-nodeid=\"930\">Beginne einfach.<\/strong>Beherrsche zuerst das kleine Beispiel.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"432\"\/>\n<h2 data-nodeid=\"433\">\ud83d\udccc Schritt 2 \u2013 Liste die Zust\u00e4nde auf (Verwende Substantive oder Partizipien)<\/h2>\n<p data-nodeid=\"434\">Schreibe\u00a0<strong data-nodeid=\"937\">4\u20138 realistische Zust\u00e4nde<\/strong>.<\/p>\n<p data-nodeid=\"435\">Verwende\u00a0<strong data-nodeid=\"943\">Adjektive oder Partizipien<\/strong>\u00a0um es wie einen Zustand aussehen zu lassen:<\/p>\n<ul data-nodeid=\"436\">\n<li data-nodeid=\"437\">\n<p data-nodeid=\"438\"><code data-backticks=\"1\" data-nodeid=\"944\">Rot<\/code><\/p>\n<\/li>\n<li data-nodeid=\"439\">\n<p data-nodeid=\"440\"><code data-backticks=\"1\" data-nodeid=\"945\">Gr\u00fcn<\/code><\/p>\n<\/li>\n<li data-nodeid=\"441\">\n<p data-nodeid=\"442\"><code data-backticks=\"1\" data-nodeid=\"946\">Gelb<\/code><\/p>\n<\/li>\n<li data-nodeid=\"443\">\n<p data-nodeid=\"444\"><code data-backticks=\"1\" data-nodeid=\"947\">Warten auf M\u00fcnze<\/code><\/p>\n<\/li>\n<li data-nodeid=\"445\">\n<p data-nodeid=\"446\"><code data-backticks=\"1\" data-nodeid=\"948\">Ausgabe des Artikels<\/code><\/p>\n<\/li>\n<li data-nodeid=\"447\">\n<p data-nodeid=\"448\"><code data-backticks=\"1\" data-nodeid=\"949\">Vorbereiten<\/code><\/p>\n<\/li>\n<li data-nodeid=\"449\">\n<p data-nodeid=\"450\"><code data-backticks=\"1\" data-nodeid=\"950\">Zahlung fehlgeschlagen<\/code><\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"451\">\n<p data-nodeid=\"452\">\u2705 Tipp: Wenn du mehr als 10 Zust\u00e4nde hast \u2192 teile das System in kleinere Systeme auf.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"453\"\/>\n<h2 data-nodeid=\"454\">\ud83d\udd8c Schritt 3 \u2013 Zeichne Zust\u00e4nde als abgerundete Rechtecke<\/h2>\n<p data-nodeid=\"455\">Verwende <strong data-nodeid=\"958\">abgerundete Rechtecke<\/strong>:<\/p>\n<pre data-nodeid=\"456\"><code>[ Rot ]\r\n[ Gr\u00fcn ]\r\n[ Warten auf M\u00fcnze ]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"457\">\n<p data-nodeid=\"458\">\u2705 Werkzeuge:<\/p>\n<ul data-nodeid=\"459\">\n<li data-nodeid=\"460\">\n<p data-nodeid=\"461\">draw.io \/ diagrams.net (beste kostenlose Wahl)<\/p>\n<\/li>\n<li data-nodeid=\"462\">\n<p data-nodeid=\"463\">Excalidraw (Handzeichnungseffekt)<\/p>\n<\/li>\n<li data-nodeid=\"464\">\n<p data-nodeid=\"465\">PlantUML (textbasiert \u2192 einfach in Versionskontrolle integrierbar)<\/p>\n<\/li>\n<li data-nodeid=\"466\">\n<p data-nodeid=\"467\">Lucidchart \/ Miro<\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<hr data-nodeid=\"468\"\/>\n<h2 data-nodeid=\"469\">\ud83d\udd37 Schritt 4 \u2013 F\u00fcge den Anfangszustand (schwarzer Punkt) hinzu<\/h2>\n<p data-nodeid=\"470\">Zeichne einen <strong data-nodeid=\"970\">gef\u00fcllten schwarzen Kreis<\/strong> mit einem Pfeil, der auf den ersten Zustand zeigt.<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"471\"><code data-language=\"plantuml\">[*] --&gt; Rot\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"472\">\n<p data-nodeid=\"473\">Der <code data-backticks=\"1\" data-nodeid=\"972\">[*]<\/code> bedeutet \u201eAnfangszustand\u201c \u2013 es ist der Ausgangspunkt.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"474\"\/>\n<h2 data-nodeid=\"475\">\u27a1\ufe0f Schritt 5 \u2013 Zeichne \u00dcberg\u00e4nge mit Ereignissen<\/h2>\n<p data-nodeid=\"476\">F\u00fcr jeden Zustand frage:<\/p>\n<blockquote data-nodeid=\"477\">\n<p data-nodeid=\"478\">\u201eWas kann hier passieren, das mich aus diesem Zustand herausf\u00fchrt?\u201c<\/p>\n<\/blockquote>\n<p data-nodeid=\"479\">Beschrifte die Pfeile mit:<\/p>\n<pre data-nodeid=\"480\"><code>Ereignis [W\u00e4chter] \/ Aktion\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"481\">\n<p data-nodeid=\"482\">\ud83d\udd39 Fang einfach an: einfach nur\u00a0<code data-backticks=\"1\" data-nodeid=\"981\">Ereignis<\/code>\u00a0oder\u00a0<code data-backticks=\"1\" data-nodeid=\"983\">Ereignis \/ Aktion<\/code><\/p>\n<\/blockquote>\n<p data-nodeid=\"483\"><strong data-nodeid=\"988\">H\u00e4ufige Ereignisse<\/strong>:<\/p>\n<ul data-nodeid=\"484\">\n<li data-nodeid=\"485\">\n<p data-nodeid=\"486\"><code data-backticks=\"1\" data-nodeid=\"989\">M\u00fcnze einwerfen<\/code><\/p>\n<\/li>\n<li data-nodeid=\"487\">\n<p data-nodeid=\"488\"><code data-backticks=\"1\" data-nodeid=\"990\">Zeit l\u00e4uft ab<\/code><\/p>\n<\/li>\n<li data-nodeid=\"489\">\n<p data-nodeid=\"490\"><code data-backticks=\"1\" data-nodeid=\"991\">Zahlung fehlgeschlagen<\/code><\/p>\n<\/li>\n<li data-nodeid=\"491\">\n<p data-nodeid=\"492\"><code data-backticks=\"1\" data-nodeid=\"992\">Knopf gedr\u00fcckt<\/code><\/p>\n<\/li>\n<li data-nodeid=\"493\">\n<p data-nodeid=\"494\"><code data-backticks=\"1\" data-nodeid=\"993\">Fu\u00dfg\u00e4ngerknopf<\/code><\/p>\n<\/li>\n<li data-nodeid=\"495\">\n<p data-nodeid=\"496\"><code data-backticks=\"1\" data-nodeid=\"994\">Zeit\u00fcberschreitung<\/code><\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"497\"\/>\n<h2 data-nodeid=\"498\">\u2705 Schritt 6 \u2013 Endzustand hinzuf\u00fcgen (optional)<\/h2>\n<p data-nodeid=\"499\">Verwende eine\u00a0<strong data-nodeid=\"1001\">Kreis mit dickem Rand<\/strong>\u00a0f\u00fcr Endzustand.<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"500\"><code data-language=\"plantuml\">[Zugestellt] --&gt; [\u25cf]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"501\">\n<p data-nodeid=\"502\">Nicht alle Systeme haben Endzust\u00e4nde (wie Ampeln, die ewig laufen).<\/p>\n<\/blockquote>\n<hr data-nodeid=\"503\"\/>\n<h2 data-nodeid=\"504\">\ud83d\udd01 Schritt 7 \u2013 Realistische Sonderf\u00e4lle hinzuf\u00fcgen<\/h2>\n<p data-nodeid=\"505\">Fragen:<\/p>\n<ul data-nodeid=\"506\">\n<li data-nodeid=\"507\">\n<p data-nodeid=\"508\">Kann man abbrechen? \u2192 f\u00fcge hinzu\u00a0<code data-backticks=\"1\" data-nodeid=\"1006\">Abbrechen<\/code>\u00a0\u2192 zur\u00fcck zu\u00a0<code data-backticks=\"1\" data-nodeid=\"1008\">Warten<\/code><\/p>\n<\/li>\n<li data-nodeid=\"509\">\n<p data-nodeid=\"510\">L\u00e4uft die Zeit ab? \u2192\u00a0<code data-backticks=\"1\" data-nodeid=\"1010\">Zeit\u00fcberschreitung<\/code>\u00a0\u2192 zur\u00fcck zu\u00a0<code data-backticks=\"1\" data-nodeid=\"1012\">Warten<\/code><\/p>\n<\/li>\n<li data-nodeid=\"511\">\n<p data-nodeid=\"512\">Kann es fehlschlagen? \u2192 f\u00fcge hinzu\u00a0<code data-backticks=\"1\" data-nodeid=\"1014\">Fehler<\/code>\u00a0\u2192\u00a0<code data-backticks=\"1\" data-nodeid=\"1016\">Zur\u00fcck zum Start<\/code><\/p>\n<\/li>\n<li data-nodeid=\"513\">\n<p data-nodeid=\"514\">Kann es im selben Zustand verbleiben? \u2192<strong data-nodeid=\"1021\">Selbst\u00fcbergang<\/strong><\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"515\">Beispiel f\u00fcr<strong data-nodeid=\"1027\">Selbst\u00fcbergang<\/strong> (mehr Geld hinzuf\u00fcgen):<\/p>\n<pre data-nodeid=\"516\"><code>[Hat Guthaben] -- M\u00fcnze eingelegt --&gt; [Hat Guthaben]\r\n<\/code><\/pre>\n<hr data-nodeid=\"517\"\/>\n<h2 data-nodeid=\"518\">\ud83d\udea6 Schritt 8 \u2013 Verwenden Sie W\u00e4chter f\u00fcr intelligente Logik<\/h2>\n<p data-nodeid=\"519\">Wenn<strong data-nodeid=\"1042\">das gleiche Ereignis<\/strong>f\u00fchrt zu<strong data-nodeid=\"1043\">verschiedene Ergebnisse<\/strong>, verwenden Sie<strong data-nodeid=\"1044\">W\u00e4chter<\/strong>.<\/p>\n<p data-nodeid=\"520\">Beispiel:<\/p>\n<blockquote data-nodeid=\"521\">\n<p data-nodeid=\"522\">Wenn Sie dr\u00fccken<code data-backticks=\"1\" data-nodeid=\"1047\">pedButton<\/code> w\u00e4hrend<code data-backticks=\"1\" data-nodeid=\"1049\">Gr\u00fcn<\/code>, aber es gibt noch keine Nachfrage \u2192 Sie gehen in<code data-backticks=\"1\" data-nodeid=\"1053\">Gr\u00fcn mit Fu\u00dfg\u00e4nger wartend<\/code>.<\/p>\n<\/blockquote>\n<p data-nodeid=\"523\">Aber wenn die Nachfrage bereits gesetzt ist \u2192 ignorieren Sie sie einfach.<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"524\"><code data-language=\"plantuml\">[Fahrzeug Gr\u00fcn] --&gt; [Fahrzeug Gr\u00fcn] : pedButton \/ Nachfrage festlegen = true\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"525\">\n<p data-nodeid=\"526\">Dies ist ein<strong data-nodeid=\"1061\">Selbst\u00fcbergang mit Aktion<\/strong> \u2013 kein neuer Zustand.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"527\"\/>\n<h2 data-nodeid=\"528\">\ud83c\udfaf Schritt 9 \u2013 Eintritts-\/Durchf\u00fchrungs-\/Ausgangsaktionen hinzuf\u00fcgen (Optional, aber m\u00e4chtig)<\/h2>\n<p data-nodeid=\"529\">Sie k\u00f6nnen Aktionen schreiben<strong data-nodeid=\"1068\">innerhalb des Zustandskastens<\/strong>:<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"530\"><code data-language=\"plantuml\">[Rot]\r\nEintritt \/ Rot einschalten\r\nAusgang \/ Rot ausschalten\r\ndurchf\u00fchren \/ 30 Sekunden warten\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"531\">\n<p data-nodeid=\"532\">Hilft, das Verhalten zu kl\u00e4ren, ohne \u00dcberg\u00e4nge zu \u00fcberladen.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"533\"\/>\n<h2 data-nodeid=\"534\">\u2705 Schritt 10 \u2013 Abschluss-Checkliste (Stellen Sie sich selbst die Fragen)<\/h2>\n<table data-nodeid=\"536\">\n<thead data-nodeid=\"537\">\n<tr data-nodeid=\"538\">\n<th data-nodeid=\"540\">\u2705 \u00dcberpr\u00fcfen<\/th>\n<th data-nodeid=\"541\">Warum es wichtig ist<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"544\">\n<tr data-nodeid=\"545\">\n<td data-nodeid=\"546\">Ein anf\u00e4nglicher Zustand?<\/td>\n<td data-nodeid=\"547\">Muss irgendwo beginnen<\/td>\n<\/tr>\n<tr data-nodeid=\"548\">\n<td data-nodeid=\"549\">Alle Zust\u00e4nde haben ausgehende Pfeile (au\u00dfer dem Endzustand)?<\/td>\n<td data-nodeid=\"550\">Keine Sackgassen<\/td>\n<\/tr>\n<tr data-nodeid=\"551\">\n<td data-nodeid=\"552\">Keine unerreichbare Zust\u00e4nde?<\/td>\n<td data-nodeid=\"553\">Jeder Zustand sollte erreichbar sein<\/td>\n<\/tr>\n<tr data-nodeid=\"554\">\n<td data-nodeid=\"555\">\u00dcberg\u00e4nge mit Ereignissen beschriftet?<\/td>\n<td data-nodeid=\"556\">Klare Ursache-Wirkung-Beziehung<\/td>\n<\/tr>\n<tr data-nodeid=\"557\">\n<td data-nodeid=\"558\">Pfeile sagen nicht \u201egehe zu X\u201c \u2013 der Pfeil zeigt nur die Richtung an<\/td>\n<td data-nodeid=\"559\">\u00dcbersichtlicher<\/td>\n<\/tr>\n<tr data-nodeid=\"560\">\n<td data-nodeid=\"561\">Abbruch-\/Zeit\u00fcberschreitung-\/Fehlerpfade enthalten?<\/td>\n<td data-nodeid=\"562\">Reale Systeme versagen \u2013 seien Sie darauf vorbereitet<\/td>\n<\/tr>\n<tr data-nodeid=\"563\">\n<td data-nodeid=\"564\">Passt das Diagramm auf den Bildschirm?<\/td>\n<td data-nodeid=\"565\">\u00dcbersichtlich und lesbar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"566\"\/>\n<h2 data-nodeid=\"567\">\ud83d\udccb Kurz\u00fcbersicht: PlantUML-Syntax (UML-Standard)<\/h2>\n<table data-nodeid=\"569\">\n<thead data-nodeid=\"570\">\n<tr data-nodeid=\"571\">\n<th data-nodeid=\"573\">Symbol<\/th>\n<th data-nodeid=\"574\">Bedeutung<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"577\">\n<tr data-nodeid=\"578\">\n<td data-nodeid=\"579\"><code data-backticks=\"1\" data-nodeid=\"1090\">[*]<\/code><\/td>\n<td data-nodeid=\"580\">Anfangszustand<\/td>\n<\/tr>\n<tr data-nodeid=\"581\">\n<td data-nodeid=\"582\"><code data-backticks=\"1\" data-nodeid=\"1092\">[*] --&gt; Zustand<\/code><\/td>\n<td data-nodeid=\"583\">Beginnen Sie in diesem Zustand<\/td>\n<\/tr>\n<tr data-nodeid=\"584\">\n<td data-nodeid=\"585\"><code data-backticks=\"1\" data-nodeid=\"1094\">Zustand --&gt; Zustand<\/code><\/td>\n<td data-nodeid=\"586\">\u00dcbergang<\/td>\n<\/tr>\n<tr data-nodeid=\"587\">\n<td data-nodeid=\"588\"><code data-backticks=\"1\" data-nodeid=\"1096\">Ereignis [W\u00e4chter] \/ Aktion<\/code><\/td>\n<td data-nodeid=\"589\">Beschriftung auf Pfeil<\/td>\n<\/tr>\n<tr data-nodeid=\"590\">\n<td data-nodeid=\"591\"><code data-backticks=\"1\" data-nodeid=\"1098\">Zustand \"Name\"<\/code><\/td>\n<td data-nodeid=\"592\">Benannter Zustand (optional)<\/td>\n<\/tr>\n<tr data-nodeid=\"593\">\n<td data-nodeid=\"594\"><code data-backticks=\"1\" data-nodeid=\"1100\">Zustand \"X\" als X<\/code><\/td>\n<td data-nodeid=\"595\">Alias f\u00fcr komplexe Namen<\/td>\n<\/tr>\n<tr data-nodeid=\"596\">\n<td data-nodeid=\"597\"><code data-backticks=\"1\" data-nodeid=\"1102\">Hinweis rechts vom Zustand<\/code><\/td>\n<td data-nodeid=\"598\">Kommentarfeld<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"599\"\/>\n<h1 data-nodeid=\"600\">\ud83c\udfaf\u00a0<strong data-nodeid=\"1108\">Beispiel 1: Einfacher Ampelzyklus (3-Zustand-Zyklus)<\/strong><\/h1>\n<blockquote data-nodeid=\"601\">\n<p data-nodeid=\"602\">Perfekt f\u00fcr absolute Anf\u00e4nger.<\/p>\n<\/blockquote>\n<h3 data-nodeid=\"603\">\ud83e\udde0 Einsatz im echten Leben:<\/h3>\n<ul data-nodeid=\"604\">\n<li data-nodeid=\"605\">\n<p data-nodeid=\"606\">Grundzyklus einer Ampel:\u00a0<strong data-nodeid=\"1115\">Rot \u2192 Gr\u00fcn \u2192 Gelb \u2192 Rot<\/strong><\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"607\">\u2705 Zust\u00e4nde:<\/h3>\n<ul data-nodeid=\"608\">\n<li data-nodeid=\"609\">\n<p data-nodeid=\"610\"><code data-backticks=\"1\" data-nodeid=\"1117\">Rot<\/code><\/p>\n<\/li>\n<li data-nodeid=\"611\">\n<p data-nodeid=\"612\"><code data-backticks=\"1\" data-nodeid=\"1118\">Gr\u00fcn<\/code><\/p>\n<\/li>\n<li data-nodeid=\"613\">\n<p data-nodeid=\"614\"><code data-backticks=\"1\" data-nodeid=\"1119\">Gelb<\/code><\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"615\">\ud83d\udd04 Ereignisse:<\/h3>\n<ul data-nodeid=\"616\">\n<li data-nodeid=\"617\">\n<p data-nodeid=\"618\"><code data-backticks=\"1\" data-nodeid=\"1121\">Zeit abgelaufen<\/code>\u00a0(nach 30s, 25s, 5s)<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"619\">\ud83d\udee0 PlantUML-Code (Kopierfertig):<br \/>\n<img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/img_697b2457c4c0b.png\"\/><\/h3>\n<pre class=\"lang-plantuml\" data-nodeid=\"620\"><code data-language=\"plantuml\">@startuml\r\nskinparam monochrome true\r\n[*] --&gt; Rot\r\nRot --&gt; Gr\u00fcn : nach(30s)nZeit abgelaufen\r\nGr\u00fcn --&gt; Gelb : nach(25s)nZeit abgelaufen\r\nGelb --&gt; Rot   : nach(5s)nZeit abgelaufen\r\n\r\nRot   : Eintritt \/ Rot ein schalten\r\nGr\u00fcn : Eintritt \/ Gr\u00fcn ein schalten\r\nGelb: Eintritt \/ Gelb ein schalten\r\n\r\nHinweis rechts von Rot\r\n  Fahrzeuge m\u00fcssen anhalten\r\nend Hinweis\r\n\r\nHinweis rechts von Gr\u00fcn\r\n  Fahrzeuge d\u00fcrfen fahren\r\nend Hinweis\r\n\r\nHinweis rechts von Gelb\r\n  Vorbereitung zum Anhalten\r\nend Hinweis\r\n@enduml\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"621\">\n<p data-nodeid=\"622\">\u2705\u00a0<strong data-nodeid=\"1139\">Wie man verwendet<\/strong>:<br \/>\nGehe zu\u00a0<a data-nodeid=\"1133\" href=\"https:\/\/www.plantuml.com\/plantuml\">https:\/\/www.plantuml.com\/plantuml<\/a>, f\u00fcge den Code ein und dr\u00fccke \u201eGenerieren\u201c.<\/p>\n<\/blockquote>\n<blockquote data-nodeid=\"623\">\n<p data-nodeid=\"624\">\ud83d\uddbc\ufe0f Ausgabe: Ein sauber aussehendes, animiertes Zustandsmaschinen-Diagramm.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"625\"\/>\n<h1 data-nodeid=\"626\">\ud83c\udfaf\u00a0<strong data-nodeid=\"1145\">Beispiel 2: Realistisches Ampel-System mit Fu\u00dfg\u00e4ngeranforderung<\/strong><\/h1>\n<blockquote data-nodeid=\"627\">\n<p data-nodeid=\"628\">Die\u00a0<strong data-nodeid=\"1151\">am lehrreichsten Version<\/strong>\u00a0\u2014 f\u00fchrt W\u00e4chter, Selbst\u00fcberg\u00e4nge und komplexe Logik ein.<\/p>\n<\/blockquote>\n<h3 data-nodeid=\"629\">\ud83e\udde0 Praxisbeispiel:<\/h3>\n<ul data-nodeid=\"630\">\n<li data-nodeid=\"631\">\n<p data-nodeid=\"632\">Fu\u00dfg\u00e4nger dr\u00fccken eine Taste, um die Stra\u00dfe zu \u00fcberqueren.<\/p>\n<\/li>\n<li data-nodeid=\"633\">\n<p data-nodeid=\"634\">Die Ampel wartet l\u00e4nger, wenn jemand wartet.<\/p>\n<\/li>\n<li data-nodeid=\"635\">\n<p data-nodeid=\"636\">Nach Ende des Gr\u00fcns geht sie auf Gelb \u2192 Rot \u2192 Fu\u00dfg\u00e4ngerzeichen \u2192 blinkendes Nicht-\u00dcberqueren \u2192 zur\u00fcck auf Gr\u00fcn.<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"637\">\ud83d\udccc Hauptzust\u00e4nde:<\/h3>\n<ol data-nodeid=\"638\">\n<li data-nodeid=\"639\">\n<p data-nodeid=\"640\"><code data-backticks=\"1\" data-nodeid=\"1157\">FahrzeugGr\u00fcn_KeinBedarf<\/code>\u00a0\u2013 Gr\u00fcn, kein Fu\u00dfg\u00e4nger wartet<\/p>\n<\/li>\n<li data-nodeid=\"641\">\n<p data-nodeid=\"642\"><code data-backticks=\"1\" data-nodeid=\"1159\">FahrzeugGr\u00fcn_Fu\u00dfg\u00e4ngerWartet<\/code>\u00a0\u2013 Gr\u00fcn, jemand hat die Taste gedr\u00fcckt<\/p>\n<\/li>\n<li data-nodeid=\"643\">\n<p data-nodeid=\"644\"><code data-backticks=\"1\" data-nodeid=\"1161\">FahrzeugGelb<\/code>\u00a0\u2013 Gelblicht (kein \u00dcberqueren)<\/p>\n<\/li>\n<li data-nodeid=\"645\">\n<p data-nodeid=\"646\"><code data-backticks=\"1\" data-nodeid=\"1163\">AlleRot<\/code>\u00a0\u2013 Sicherheitspuffer (sehr kurz)<\/p>\n<\/li>\n<li data-nodeid=\"647\">\n<p data-nodeid=\"648\"><code data-backticks=\"1\" data-nodeid=\"1165\">Fu\u00dfg\u00e4ngerZeichen<\/code>\u00a0\u2013 \u00dcberqueren-Zeichen eingeschaltet<\/p>\n<\/li>\n<li data-nodeid=\"649\">\n<p data-nodeid=\"650\"><code data-backticks=\"1\" data-nodeid=\"1167\">Fu\u00dfg\u00e4ngerFreigabe<\/code>\u00a0\u2013 blinkendes Nicht-\u00dcberqueren (Freigabefrist)<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"651\"\/>\n<h3 data-nodeid=\"652\">\ud83e\udde9 Haupt\u00fcberg\u00e4nge:<\/h3>\n<ul data-nodeid=\"653\">\n<li data-nodeid=\"654\">\n<p data-nodeid=\"655\"><code data-backticks=\"1\" data-nodeid=\"1170\">Fu\u00dfg\u00e4ngerTaste<\/code>\u00a0\u2192 falls nicht wartend \u2192 Bedarf setzen<\/p>\n<\/li>\n<li data-nodeid=\"656\">\n<p data-nodeid=\"657\"><code data-backticks=\"1\" data-nodeid=\"1172\">\u00a0\u2192 Zeit abgelaufen<\/code>\u00a0\u2192 auf Gelb wechseln (falls Gr\u00fcnzeit erreicht)<\/p>\n<\/li>\n<li data-nodeid=\"658\">\n<p data-nodeid=\"659\"><code data-backticks=\"1\" data-nodeid=\"1174\">Fu\u00dfg\u00e4ngerTaste<\/code>\u00a0\u2013 w\u00e4hrend Gelb\/Rot \u2192 Bedarf merken<\/p>\n<\/li>\n<li data-nodeid=\"660\">\n<p data-nodeid=\"661\"><code data-backticks=\"1\" data-nodeid=\"1176\">timerWalk<\/code>\u00a0\u2192 zu blinkendem Nicht-Gehen wechseln<\/p>\n<\/li>\n<li data-nodeid=\"662\">\n<p data-nodeid=\"663\"><code data-backticks=\"1\" data-nodeid=\"1178\">timerClearance<\/code>\u00a0\u2192 zur\u00fccksetzen und zu Gr\u00fcn wechseln<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"664\">\n<p data-nodeid=\"665\">\ud83d\udea8 Hinweis: Diese Version\u00a0<strong data-nodeid=\"1189\">verwendet W\u00e4chter und Selbst\u00fcberg\u00e4nge<\/strong>, zeigt\u00a0<strong data-nodeid=\"1190\">warum Zustandsmaschinen m\u00e4chtig sind<\/strong>.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"666\"\/>\n<h3 data-nodeid=\"667\">\u2705 PlantUML-Code (Vollst\u00e4ndig funktionst\u00fcchtig, sofort verwendbar):<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/img_697b24596cebc.png\"\/><\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"668\"><code data-language=\"plantuml\">@startuml\r\nskinparam monochrome true\r\nskinparam shadowing false\r\nskinparam dpi 120\r\n\r\n[*] --&gt; VehicleGreen_NoDemand\r\n\r\nstate \"Fahrzeug Gr\u00fcnn(kein Fu\u00dfg\u00e4ngerbedarf)\" as VG_No\r\nstate \"Fahrzeug Gr\u00fcnn(Fu\u00dfg\u00e4nger wartet)\"   as VG_Wait\r\nstate \"Fahrzeug Gelb\"                  as VYellow\r\nstate \"Alle Rotn(Sicherheitspuffer)\"      as AllRed\r\nstate \"Fu\u00dfg\u00e4nger Gehen\"                    as PedWalk\r\nstate \"Fu\u00dfg\u00e4nger Freigaben(blinkendes Nicht-Gehen)\" as PedClear\r\n\r\nVG_No --&gt; VG_Wait : pedButton \/ setPedDemand = true\r\nVG_No --&gt; VYellow : nach(35s)nor (pedDemand &amp;&amp; minGreenTimeMet)\r\nVG_Wait --&gt; VYellow : nach(45s)nverl\u00e4ngertes Gr\u00fcn bei wartendem Fu\u00dfg\u00e4nger\r\nVG_Wait --&gt; VG_Wait : pedButton \/ ignorieren (bereits wartend)\r\nVYellow --&gt; AllRed : nach(4s)\r\nAllRed --&gt; PedWalk : nach(1s)\r\nPedWalk --&gt; PedClear : nach(10s)nLaufzeit abgelaufen\r\nPedClear --&gt; VG_No : nach(5s)nFreigabe abgeschlossenn\/ resetPedDemand\r\n\r\nnote bottom of VG_No\r\n  Normalbetrieb\r\n  Kein Fu\u00dfg\u00e4ngerbedarf\r\nend note\r\n\r\nnote right of PedClear\r\n  Fu\u00dfg\u00e4nger beenden die Querung\r\n  Blinkendes Nicht-Gehen-Schild\r\nend note\r\n\r\nnote right of VG_Wait\r\n  Fu\u00dfg\u00e4nger hat die Taste gedr\u00fcckt\r\n  Gr\u00fcn wird um bis zu 10s verl\u00e4ngert\r\nend note\r\n\r\nnote right of VYellow\r\n  Vorbereitung zum Stoppen\r\n  Fahrzeuglicht wechselt\r\nend note\r\n\r\nnote right of PedWalk\r\n  Gehen-Schild ist aktiv\r\n  Fu\u00dfg\u00e4nger d\u00fcrfen queren\r\nend note\r\n@enduml\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"669\">\n<p data-nodeid=\"670\">\ud83d\udca1\u00a0<strong data-nodeid=\"1196\">Warum dies besser ist als die einfache Version?<\/strong><\/p>\n<ul data-nodeid=\"671\">\n<li data-nodeid=\"672\">\n<p data-nodeid=\"673\">Zeigt\u00a0<strong data-nodeid=\"1201\">Realit\u00e4tsn\u00e4he<\/strong><\/p>\n<\/li>\n<li data-nodeid=\"674\">\n<p data-nodeid=\"675\">Zeigt auf\u00a0<strong data-nodeid=\"1209\">W\u00e4chter<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"1207\">falls pedDemand<\/code>)<\/p>\n<\/li>\n<li data-nodeid=\"676\">\n<p data-nodeid=\"677\">Verwendet\u00a0<strong data-nodeid=\"1217\">Selbst\u00fcberg\u00e4nge<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"1215\">VG_Wait --&gt; VG_Wait<\/code>)<\/p>\n<\/li>\n<li data-nodeid=\"678\">\n<p data-nodeid=\"679\">Modelliert\u00a0<strong data-nodeid=\"1224\">echtes Verhalten<\/strong>: Gr\u00fcn kann verl\u00e4ngert werden!<\/p>\n<\/li>\n<li data-nodeid=\"680\">\n<p data-nodeid=\"681\">Klare Trennung zwischen\u00a0<strong data-nodeid=\"1234\">Fahrzeug<\/strong>\u00a0und\u00a0<strong data-nodeid=\"1235\">Fu\u00dfg\u00e4nger<\/strong>\u00a0Logik<\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<hr data-nodeid=\"682\"\/>\n<h2 data-nodeid=\"683\">\ud83c\udf93 Empfohlene \u00dcbungsbeispiele (in der Reihenfolge bearbeiten)<\/h2>\n<table data-nodeid=\"685\">\n<thead data-nodeid=\"686\">\n<tr data-nodeid=\"687\">\n<th data-nodeid=\"689\">#<\/th>\n<th data-nodeid=\"690\">Beispiel<\/th>\n<th data-nodeid=\"691\">Zeit<\/th>\n<th data-nodeid=\"692\">Gelernte F\u00e4higkeiten<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"697\">\n<tr data-nodeid=\"698\">\n<td data-nodeid=\"699\">1<\/td>\n<td data-nodeid=\"700\">Lichtschalter (Ein \u2194 Aus)<\/td>\n<td data-nodeid=\"701\">5 min<\/td>\n<td data-nodeid=\"702\">Grundlegende \u00dcberg\u00e4nge<\/td>\n<\/tr>\n<tr data-nodeid=\"703\">\n<td data-nodeid=\"704\">2<\/td>\n<td data-nodeid=\"705\">Drehkreuz (Verriegelt \u2194 Entriegelt)<\/td>\n<td data-nodeid=\"706\">10 min<\/td>\n<td data-nodeid=\"707\">Ereignisse, W\u00e4chter<\/td>\n<\/tr>\n<tr data-nodeid=\"708\">\n<td data-nodeid=\"709\">3<\/td>\n<td data-nodeid=\"710\">Ampel (3-Zustands-Zyklus)<\/td>\n<td data-nodeid=\"711\">10 min<\/td>\n<td data-nodeid=\"712\">Timer, Eingangsaktionen<\/td>\n<\/tr>\n<tr data-nodeid=\"713\">\n<td data-nodeid=\"714\">4<\/td>\n<td data-nodeid=\"715\">Verkaufsautomat (Warten \u2192 Bezahlen \u2192 Ausgeben)<\/td>\n<td data-nodeid=\"716\">15 min<\/td>\n<td data-nodeid=\"717\">Mehrere Ereignisse, Geldlogik<\/td>\n<\/tr>\n<tr data-nodeid=\"718\">\n<td data-nodeid=\"719\">5<\/td>\n<td data-nodeid=\"720\">Anmeldung (leer \u2192 Eingabe \u2192 Absenden \u2192 Erfolg\/Fehler)<\/td>\n<td data-nodeid=\"721\">15 min<\/td>\n<td data-nodeid=\"722\">Fehlerbehandlung, Endzust\u00e4nde<\/td>\n<\/tr>\n<tr data-nodeid=\"723\">\n<td data-nodeid=\"724\">6<\/td>\n<td data-nodeid=\"725\">Bestellstatus (6 Zust\u00e4nde)<\/td>\n<td data-nodeid=\"726\">20 min<\/td>\n<td data-nodeid=\"727\">Modellierung von realen Systemen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"728\">\n<p data-nodeid=\"729\">\u2705 Beginnen Sie mit Nr. 1\u20133 auf Papier oder in draw.io. Verwenden Sie dann\u00a0<strong data-nodeid=\"1270\">PlantUML<\/strong>\u00a0f\u00fcr den Rest.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"730\"\/>\n<h2 data-nodeid=\"731\">\ud83e\udde0 Letzte Tipps f\u00fcr den Erfolg<\/h2>\n<ul data-nodeid=\"732\">\n<li data-nodeid=\"733\">\n<p data-nodeid=\"734\"><strong data-nodeid=\"1276\">Beginnen Sie klein<\/strong>\u00a0\u2014 versuchen Sie nicht, alles auf einmal einzubeziehen.<\/p>\n<\/li>\n<li data-nodeid=\"735\">\n<p data-nodeid=\"736\"><strong data-nodeid=\"1285\">Verwenden Sie echte Namen<\/strong>\u00a0\u2014\u00a0<code data-backticks=\"1\" data-nodeid=\"1281\">Warten auf M\u00fcnze<\/code>, nicht\u00a0<code data-backticks=\"1\" data-nodeid=\"1283\">Zustand1<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"737\">\n<p data-nodeid=\"738\"><strong data-nodeid=\"1296\">\u00dcberg\u00e4nge klar beschriften<\/strong>\u00a0\u2014\u00a0<code data-backticks=\"1\" data-nodeid=\"1290\">Knopf gedr\u00fcckt<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"1292\">Zeit\u00fcberschreitung<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"1294\">Zahlung fehlgeschlagen<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"739\">\n<p data-nodeid=\"740\"><strong data-nodeid=\"1301\">Zeichnen Sie es zuerst von Hand<\/strong>\u00a0\u2014 und digitalisieren Sie es dann.<\/p>\n<\/li>\n<li data-nodeid=\"741\">\n<p data-nodeid=\"742\"><strong data-nodeid=\"1306\">Testen Sie es mental<\/strong>: \u201eKann dieses System stecken bleiben?\u201c \u2192 Wenn ja, f\u00fcgen Sie einen \u00dcbergang hinzu.<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"743\"\/>\n<h2 data-nodeid=\"744\">\ud83d\udccc Zusammenfassung: Ihre Checkliste f\u00fcr den Zustandsautomat<\/h2>\n<p data-nodeid=\"745\">\u2705 Ein\u00a0<code data-backticks=\"1\" data-nodeid=\"1309\">[*]<\/code>\u00a0(Anfangszustand)<br \/>\n\u2705 Runde Rechtecke f\u00fcr Zust\u00e4nde<br \/>\n\u2705 Pfeile f\u00fcr \u00dcberg\u00e4nge<br \/>\n\u2705 Ereignisse an Pfeilen (<code data-backticks=\"1\" data-nodeid=\"1317\">nach(30s)<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"1319\">fu\u00dfg\u00e4ngerButton<\/code>)<br \/>\n\u2705 W\u00e4chter dort, wo n\u00f6tig (<code data-backticks=\"1\" data-nodeid=\"1323\">[fu\u00dfg\u00e4ngerAnfrage]<\/code>)<br \/>\n\u2705 Selbst\u00fcberg\u00e4nge f\u00fcr wiederholte Aktionen<br \/>\n\u2705 Ein- und Ausgangsaktionen f\u00fcr Verhalten<br \/>\n\u2705 Sauberes Layout, lesbare Schrift<\/p>\n<hr data-nodeid=\"746\"\/>\n<h2 data-nodeid=\"747\"><\/h2>\n<h2 data-nodeid=\"1363\">\ud83c\udfaf Abschlie\u00dfende Worte: Sie sind jetzt bereit!<\/h2>\n<p data-nodeid=\"1364\">Sie haben gerade gelernt:<\/p>\n<ul data-nodeid=\"1365\">\n<li data-nodeid=\"1366\">\n<p data-nodeid=\"1367\">Was ein <strong data-nodeid=\"1453\">Zustandsmaschinen-Diagramm<\/strong>ist<\/p>\n<\/li>\n<li data-nodeid=\"1368\">\n<p data-nodeid=\"1369\">Wie man <strong data-nodeid=\"1458\">in Zust\u00e4nden und Ereignissen denkt<\/strong><\/p>\n<\/li>\n<li data-nodeid=\"1370\">\n<p data-nodeid=\"1371\">Wie man <strong data-nodeid=\"1468\">zeichnet<\/strong>und <strong data-nodeid=\"1469\">liest<\/strong>sie wie ein Profi<\/p>\n<\/li>\n<li data-nodeid=\"1372\">\n<p data-nodeid=\"1373\">Wie man <strong data-nodeid=\"1475\">reale Systeme modelliert<\/strong>, wie Ampeln<\/p>\n<\/li>\n<li data-nodeid=\"1374\">\n<p data-nodeid=\"1375\">Wie man <strong data-nodeid=\"1481\">PlantUML verwendet<\/strong>\u00a0saubere, wartbare Diagramme erstellen<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"1376\">\n<p data-nodeid=\"1377\">\ud83c\udf89\u00a0<strong data-nodeid=\"1487\">Sie lernen nicht nur UML \u2014 Sie lernen, wie man echte Systeme modellieren kann<\/strong>, ein Zustand nach dem anderen.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"1378\"\/>\n<h2 data-nodeid=\"1379\">\ud83d\udccc N\u00e4chste Schritte (Ihr Lernpfad)<\/h2>\n<ol data-nodeid=\"1380\">\n<li data-nodeid=\"1381\">\n<p data-nodeid=\"1382\"><strong data-nodeid=\"1493\">Zeichnen Sie die 3-Zustands-Ampel von Hand<\/strong>\u00a0\u2014 keine Werkzeuge, nur Papier.<\/p>\n<\/li>\n<li data-nodeid=\"1383\">\n<p data-nodeid=\"1384\"><strong data-nodeid=\"1498\">Probieren Sie PlantUML aus<\/strong>\u00a0mit dem Code oben \u2014 sehen Sie es rendern.<\/p>\n<\/li>\n<li data-nodeid=\"1385\">\n<p data-nodeid=\"1386\"><strong data-nodeid=\"1507\">\u00c4ndern<\/strong>: \u00c4ndern Sie die Wartezeiten. F\u00fcgen Sie den Zustand \u201eNotfall\u00fcberschreibung\u201c hinzu.<\/p>\n<\/li>\n<li data-nodeid=\"1387\">\n<p data-nodeid=\"1388\"><strong data-nodeid=\"1512\">Probieren Sie die Automaten aus<\/strong>\u00a0\u2192 gleiche Logik, aber mit Geld.<\/p>\n<\/li>\n<li data-nodeid=\"1389\">\n<p data-nodeid=\"1390\"><strong data-nodeid=\"1517\">Zeichnen Sie Ihr eigenes<\/strong>: Ein Spielfigur (laufen \u2192 springen \u2192 angreifen \u2192 tot).<\/p>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"1391\">\n<p data-nodeid=\"1392\">\ud83d\udcac\u00a0<em data-nodeid=\"1529\">Ben\u00f6tigen Sie Hilfe? Versuchen Sie dies: \u201eIch versuche, ein\u00a0<strong data-nodeid=\"1528\">[Ihr System]<\/strong>\u00a0\u2014 k\u00f6nnen Sie mir helfen, einen Zustandsautomaten zu erstellen?\u201c<\/em><\/p>\n<\/blockquote>\n<hr data-nodeid=\"1393\"\/>\n<h2 data-nodeid=\"1394\">\ud83d\ude4c Letzte \u00dcberlegung<\/h2>\n<blockquote data-nodeid=\"1395\">\n<p data-nodeid=\"1396\">\ud83d\udd04\u00a0<strong data-nodeid=\"1543\">Alles, was sich ver\u00e4ndert \u2014 egal ob eine Lampe, eine Anmeldung oder eine Bestellung \u2014 kann mit einem Zustandsautomaten modelliert werden.<\/strong><br \/>\nSie m\u00fcssen kein Programmierer sein, um es zu verstehen. Sie m\u00fcssen nur fragen: <strong data-nodeid=\"1544\">\u201eWas kann diese Sache sein, und was verursacht die Ver\u00e4nderung?\u201c<\/strong><\/p>\n<\/blockquote>\n<hr data-nodeid=\"1397\"\/>\n<p data-nodeid=\"1398\">\u2705\u00a0<strong data-nodeid=\"1549\">Sie wissen nun, wie man ein professionelles, funktionierendes Zustandsdiagramm erstellt \u2014 von Anf\u00e4nger bis hin zu einem selbstsicheren Modellierer.<\/strong><\/p>\n<blockquote data-nodeid=\"1399\">\n<p data-nodeid=\"1400\">\ud83c\udf89\u00a0<strong data-nodeid=\"1558\">Viel Spa\u00df beim Zeichnen von Diagrammen!<\/strong><br \/>\nLassen Sie mich wissen, wenn Sie eine druckbare PDF-Version, eine Quiz oder eine Programmieraufgabe zur \u00dcberpr\u00fcfung Ihrer F\u00e4higkeiten w\u00fcnschen.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"1401\"\/>\n<p class=\"\" data-nodeid=\"1402\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ein\u00a0UML-Zustandsdiagramm\u00a0ist ein leistungsf\u00e4higes visuelles Werkzeug, das das dynamische Verhalten eines Systems modelliert, indem es zeigt, wie es sich in Reaktion<\/p>\n","protected":false},"author":3479,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[144,127],"tags":[],"class_list":["post-10699","post","type-post","status-publish","format-standard","hentry","category-ai","category-unified-modeling-language"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger) - ArchiMetric German<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger) - ArchiMetric German\" \/>\n<meta property=\"og:description\" content=\"Ein\u00a0UML-Zustandsdiagramm\u00a0ist ein leistungsf\u00e4higes visuelles Werkzeug, das das dynamische Verhalten eines Systems modelliert, indem es zeigt, wie es sich in Reaktion\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric German\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-05T04:00:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\" \/>\n<meta name=\"author\" content=\"archimetric@visual-paradigm.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"archimetric@visual-paradigm.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"10\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\"},\"author\":{\"name\":\"archimetric@visual-paradigm.com\",\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\"},\"headline\":\"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger)\",\"datePublished\":\"2026-03-05T04:00:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\"},\"wordCount\":1483,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\",\"articleSection\":[\"AI\",\"Unified Modeling Language\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\",\"url\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\",\"name\":\"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger) - ArchiMetric German\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\",\"datePublished\":\"2026-03-05T04:00:24+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.archimetric.com\/de\/#website\",\"url\":\"https:\/\/www.archimetric.com\/de\/\",\"name\":\"ArchiMetric German\",\"description\":\"EA, Dev Ops, Scrum, Agile and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.archimetric.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\",\"name\":\"archimetric@visual-paradigm.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g\",\"caption\":\"archimetric@visual-paradigm.com\"},\"url\":\"https:\/\/www.archimetric.com\/de\/author\/archimetricvisual-paradigm-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger) - ArchiMetric German","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","og_locale":"de_DE","og_type":"article","og_title":"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger) - ArchiMetric German","og_description":"Ein\u00a0UML-Zustandsdiagramm\u00a0ist ein leistungsf\u00e4higes visuelles Werkzeug, das das dynamische Verhalten eines Systems modelliert, indem es zeigt, wie es sich in Reaktion","og_url":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","og_site_name":"ArchiMetric German","article_published_time":"2026-03-05T04:00:24+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","type":"","width":"","height":""}],"author":"archimetric@visual-paradigm.com","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"archimetric@visual-paradigm.com","Gesch\u00e4tzte Lesezeit":"10\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"},"author":{"name":"archimetric@visual-paradigm.com","@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28"},"headline":"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger)","datePublished":"2026-03-05T04:00:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"},"wordCount":1483,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","articleSection":["AI","Unified Modeling Language"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","url":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","name":"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger) - ArchiMetric German","isPartOf":{"@id":"https:\/\/www.archimetric.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","datePublished":"2026-03-05T04:00:24+00:00","author":{"@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage","url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","contentUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/de\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/de\/"},{"@type":"ListItem","position":2,"name":"Komplette Schritt-f\u00fcr-Schritt-Anleitung: So erstellen Sie ein Zustandsmaschinen-Diagramm (f\u00fcr absolute Anf\u00e4nger)"}]},{"@type":"WebSite","@id":"https:\/\/www.archimetric.com\/de\/#website","url":"https:\/\/www.archimetric.com\/de\/","name":"ArchiMetric German","description":"EA, Dev Ops, Scrum, Agile and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.archimetric.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28","name":"archimetric@visual-paradigm.com","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g","caption":"archimetric@visual-paradigm.com"},"url":"https:\/\/www.archimetric.com\/de\/author\/archimetricvisual-paradigm-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/posts\/10699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/users\/3479"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/comments?post=10699"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/posts\/10699\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/media?parent=10699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/categories?post=10699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/tags?post=10699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}