{"id":11261,"date":"2026-03-30T15:13:41","date_gmt":"2026-03-30T07:13:41","guid":{"rendered":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/"},"modified":"2026-03-30T15:13:41","modified_gmt":"2026-03-30T07:13:41","slug":"visual-paradigm-free-uml-tools-from-zero-to-hero","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/","title":{"rendered":"Visual Paradigm kostenlose UML-Tools: Von Null auf Held"},"content":{"rendered":"<h2>Journey f\u00fcr Anf\u00e4nger mit Schritt-f\u00fcr-Schritt-Anleitungen, echtem Fallbeispiel und professionellen Tipps<\/h2>\n<p><img alt=\"Separator\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/seperator.png\"\/><\/p>\n<blockquote>\n<p><em>\u201eIch hatte noch nie zuvor ein UML-Diagramm gezeichnet. Ich wusste nicht, was eine \u201aKlasse\u2018 oder ein \u201aSequenz\u2018 bedeutet. Aber ich musste ein kleines Projekt f\u00fcr meinen Informatikkurs dokumentieren. Hier ist, wie ich von einem kompletten Anf\u00e4nger zu einer selbstsicheren Modellierung meines ersten Systems gelangt bin \u2013 und zwar ausschlie\u00dflich mit kostenlosen Tools.\u201c<\/em><\/p>\n<p>\u00a0<\/p>\n<\/blockquote>\n<p id=\"hbZvONB\"><img alt=\"\" class=\"alignnone size-full wp-image-11350\" decoding=\"async\" height=\"471\" loading=\"lazy\" sizes=\"auto, (max-width: 849px) 100vw, 849px\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png\" srcset=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png 849w, https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3-300x166.png 300w, https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3-768x426.png 768w\" width=\"849\"\/><\/p>\n<hr\/>\n<h2>\ud83d\uddfa\ufe0f Teil 1: Meine Benutzererfahrung \u2013 Von verwirrt zu sicher<\/h2>\n<h3>\ud83c\udf31 Tag 1: \u201eWas ist UML \u00fcberhaupt?\u201c<\/h3>\n<p>Ich begann mit null Wissen. Eine schnelle Google-Suche f\u00fchrte mich zu den kostenlosen Tools von Visual Paradigm. Zwei Optionen erschienen:<\/p>\n<ul>\n<li><strong>Community Edition (Desktop)<\/strong>: \u201eProfessionelle Modellierungssoftware\u201c<\/li>\n<li><strong>VP Online<\/strong>: \u201eKostenloses Online-Diagramm-Tool\u201c<\/li>\n<\/ul>\n<p>Ich w\u00e4hlte zuerst<strong>VP Online<\/strong>weil\u2026 na ja, keine Download-Installation n\u00f6tig. \ud83d\ude05<\/p>\n<p><img alt=\"Class Diagram\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/01-class-diagram.png\"\/><\/p>\n<p><strong>Eindruck beim ersten Mal<\/strong>: Die Oberfl\u00e4che war \u00fcberraschend \u00fcbersichtlich. Keine \u00fcberw\u00e4ltigenden Men\u00fcs. Ich klickte auf \u201eNeues Diagramm erstellen\u201c \u2192 \u201eKlassendiagramm\u201c und\u2026 erschien eine leere Leinwand.<\/p>\n<h3>\ud83c\udfa8 Tag 2: \u201eWarte, wie zeichne ich das eigentlich?\u201c<\/h3>\n<p>Ich zog eine \u201eKlasse\u201c-Form auf die Leinwand. Sie hatte drei Abschnitte:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22a6e2f73.png\"\/><\/p>\n<p>\ud83d\udca1\u00a0<strong>Aha-Moment<\/strong>: Ich erkannte, dass UML-Klassen nicht einfach nur K\u00e4stchen sind \u2013 sondern strukturierte Vorlagen zur Organisation von Systeminformationen.<\/p>\n<h3>\ud83d\udd17 Tag 3: \u201eDie Punkte verbinden\u201c<\/h3>\n<p>Ich f\u00fcgte eine zweite Klasse hinzu:<code data-backticks=\"1\">Bestellung<\/code>. Dann verwendete ich das Verbindungs-Werkzeug, um eine Linie zwischen<code data-backticks=\"1\">Kunde<\/code>und<code data-backticks=\"1\">Bestellung<\/code>.<\/p>\n<p><img alt=\"Sequence Diagram\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/03-sequence-diagram-thumb.png\"\/><\/p>\n<p>Das Werkzeug schlug automatisch Beziehungstypen vor:<\/p>\n<ul>\n<li>Assoziation (einfache Verbindung)<\/li>\n<li>Aggregation (\u201ehat-ein\u201c-Beziehung)<\/li>\n<li>Komposition (\u201ebesitzt-ein\u201c-Beziehung)<\/li>\n<li>Vererbung (\u201eist-ein\u201c-Beziehung)<\/li>\n<\/ul>\n<p>Ich w\u00e4hlte\u00a0<strong>Assoziation<\/strong>\u00a0und beschriftete es als \u201eOrte\u201c. Pl\u00f6tzlich kommunizierte mein Diagramm:\u00a0<em>\u201eEin Kunde stellt eine Bestellung auf.\u201c<\/em><\/p>\n<h3>\ud83d\ude80 Tag 5: \u201eAufstieg mit Desktop\u201c<\/h3>\n<p>Mein Projekt wurde komplexer. Ich brauchte:<\/p>\n<ul>\n<li>Mehrere Diagramme, die auf dieselbe\u00a0<code data-backticks=\"1\">Kunde<\/code>\u00a0Klasse<\/li>\n<li>Syntax\u00fcberpr\u00fcfung, um Fehler zu erkennen<\/li>\n<li>Codegenerierung f\u00fcr meinen Java-Prototyp<\/li>\n<\/ul>\n<p>Genau zu diesem Zeitpunkt habe ich heruntergeladen\u00a0<strong>Community Edition (Desktop)<\/strong>.<\/p>\n<p><img alt=\"Visual Paradigm Screen\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/why-vp.png\"\/><\/p>\n<p><strong>Atemberaubende Entdeckung<\/strong>: Als ich den\u00a0<code data-backticks=\"1\">Kunde<\/code>\u00a0Klassennamen im Modell-Explorer \u00e4nderte, wurde er automatisch in\u00a0<em>jedem Diagramm<\/em>\u00a0aktualisiert, wo er erschien. Das war \u201eechtes Modellieren\u201c \u2013 nicht nur Zeichnen.<\/p>\n<h3>\ud83c\udf93 Tag 14: \u201eIch verstehe das jetzt wirklich\u201c<\/h3>\n<p>Durch die Kombination beider Werkzeuge:<\/p>\n<ul>\n<li><strong>VP Online<\/strong>\u00a0f\u00fcr schnelles Brainstorming mit Kommilitonen<\/li>\n<li><strong>Desktop<\/strong>\u00a0f\u00fcr formelle Dokumentation und Codegenerierung<\/li>\n<\/ul>\n<p>Ich lieferte mein Projekt mit professionellen Diagrammen ab \u2013 und verstand tats\u00e4chlich das System, das ich baute.<\/p>\n<blockquote>\n<p>\u2728\u00a0<strong>Wichtigster Punkt<\/strong>: Sie m\u00fcssen kein Experte sein, um zu beginnen. Visual Paradigms kostenlose Tools passen sich an Ihren Stand an.<\/p>\n<\/blockquote>\n<hr\/>\n<h2>\ud83d\udcd8 Teil 2: Einf\u00fchrung f\u00fcr absolute Anf\u00e4nger \u2014 Keine Vorkenntnisse erforderlich<\/h2>\n<h3>\u2753 Was ist UML? (In einfacher Sprache)<\/h3>\n<p><strong>UML = Unified Modeling Language<\/strong><\/p>\n<p>Stellen Sie sich vor, es sei eine\u00a0<em>visuelle Sprache<\/em>\u00a0zur Beschreibung von Softwaresystemen \u2013 wie Architekturpl\u00e4ne f\u00fcr Geb\u00e4ude, aber f\u00fcr Code.<\/p>\n<p>\ud83c\udfaf\u00a0<strong>Warum UML verwenden?<\/strong><\/p>\n<ul>\n<li>Ideen klar mit Kollegen kommunizieren<\/li>\n<li>Systemstruktur planen, bevor Code geschrieben wird<\/li>\n<li>Bestehende Systeme dokumentieren, um Wartung zu erleichtern<\/li>\n<li>Software-Designmuster visuell lernen<\/li>\n<\/ul>\n<h3>\ud83d\udd11 5 zentrale UML-Konzepte, die jeder Anf\u00e4nger kennen sollte<\/h3>\n<h4>1\ufe0f\u20e3 Klassendiagramm \u2013 Das \u201eWas\u201c Ihres Systems<\/h4>\n<p><img alt=\"Class Diagram Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/01-class-diagram-thumb.png\"\/><\/p>\n<p><strong>Zweck<\/strong>: Zeigt die statische Struktur \u2013 Klassen, Attribute, Methoden und Beziehungen.<\/p>\n<p><strong>Beispiel f\u00fcr Anf\u00e4nger<\/strong>: Bibliothekssystem<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22a8048ed.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:HS-z2i8m4C3nFP1t29dy84LN4IdTEkZY4wJsgC5ymEMAW_Zkzb9Bf_iDuP-xEfD56eENGeg7jpch9gMN-aXXL7jlRZp9aGU67UcPS9AHOg-wX9ZUcoqRWKQCxEzQkaBe0ETMA6vxThIXv21OvvSQmk0o0SuzdmQtvifA-b1LEwtEnboAZthvuFHV9VFR6c8_tVC3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:HS-z2iCW4C3nNV0TnAaV6Dgrb1AoPMYNFe5fZaJg1vmd7KhVlMe8cUutoD-xDf96IivonjdBwXX55y9RV3bJedzsZpB9a8K2dMWEcAKuEueX88RFRb-CG0bzyMyhtS4DW4lBLVTZiTUkvi1fOzSQmcGY0Iuz6oQpvUfAyjGq1ockIjsgptBzu28ic9doUh6yRi6F-Q8_\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nclass Book {\r\n- ISBN\r\n- title\r\n- author\r\n--\r\n+ borrow()\r\n+ return()\r\n}\r\n\r\nclass Member {\r\n- memberId\r\n- name\r\n- email\r\n--\r\n+ register()\r\n+ login()\r\n}\r\n\r\nBook \"0..*\" &lt;--&gt; \"0..1\" Member : leiht aus\r\n\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:HS-z2iCW4C3nNV0TnAaV6Dgrb1AoPMYNFe5fZaJg1vmd7KhVlMe8cUutoD-xDf96IivonjdBwXX55y9RV3bJedzsZpB9a8K2dMWEcAKuEueX88RFRb-CG0bzyMyhtS4DW4lBLVTZiTUkvi1fOzSQmcGY0Iuz6oQpvUfAyjGq1ockIjsgptBzu28ic9doUh6yRi6F-Q8_\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:HS-z2i8m4C3nFP1t29dy84LN4IdTEkZY4wJsgC5ymEMAW_Zkzb9Bf_iDuP-xEfD56eENGeg7jpch9gMN-aXXL7jlRZp9aGU67UcPS9AHOg-wX9ZUcoqRWKQCxEzQkaBe0ETMA6vxThIXv21OvvSQmk0o0SuzdmQtvifA-b1LEwtEnboAZthvuFHV9VFR6c8_tVC3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>2\ufe0f\u20e3 Use-Case-Diagramm \u2013 Die \u201eWer-tut-was\u201c-Darstellung<\/h4>\n<p><img alt=\"Use Case Diagram Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/05-use-case-diagram-thumb.png\"\/><\/p>\n<p><strong>Zweck<\/strong>: Zeigt Akteure (Benutzer) und ihre Interaktionen mit Systemfunktionen.<\/p>\n<p><strong>Beispiel f\u00fcr Anf\u00e4nger<\/strong>:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22a8d8d46.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:JOvD2i8m48NtWTnXoBuBFO0KUu0Mf0SO9cCDfebC9hWGxsxg3xXw0zytZzSNHT6wHciYdnKqWuJbek23C6d8oHfha3GBkA4MpIkB0on06xWXNN5XS6EA8J6SciSE7jRKmeIbaQFaUyj9ig-avVqx3xi_Ouf83AFuR_CyxArvRlK4NNVusB-pePwJRujV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NKyn3i8m4DiZvG-dx1tW0QY2aG4an0EkoRMf4gvLSbb0V8iFy35ILJ2mMRRFzhLPC4cvHQtYo243e_MGo7h9W2MdiI9YhRJ285C2Sopio03637QXPxG11m9puff0pSLFiu67LbpaNdZ8FSO8vfmcLu8Gk9Aip_9-TPHupRaUDl_sFMMX62jHL_G3TVJpRhLwBiKMccQttdvXbLfYLz_v0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nlinks nach rechts ausrichten\r\n\r\naktor \"Kunde\" als c\r\n\r\npackage \"Online-Shop\" {\r\nnutzungsfall \"Produkte durchst\u00f6bern\" als UC1\r\nnutzungsfall \"Bestellung aufgeben\" als UC2\r\n}\r\n\r\nc --&gt; UC1\r\nc --&gt; UC2\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NKyn3i8m4DiZvG-dx1tW0QY2aG4an0EkoRMf4gvLSbb0V8iFy35ILJ2mMRRFzhLPC4cvHQtYo243e_MGo7h9W2MdiI9YhRJ285C2Sopio03637QXPxG11m9puff0pSLFiu67LbpaNdZ8FSO8vfmcLu8Gk9Aip_9-TPHupRaUDl_sFMMX62jHL_G3TVJpRhLwBiKMccQttdvXbLfYLz_v0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:JOvD2i8m48NtWTnXoBuBFO0KUu0Mf0SO9cCDfebC9hWGxsxg3xXw0zytZzSNHT6wHciYdnKqWuJbek23C6d8oHfha3GBkA4MpIkB0on06xWXNN5XS6EA8J6SciSE7jRKmeIbaQFaUyj9ig-avVqx3xi_Ouf83AFuR_CyxArvRlK4NNVusB-pePwJRujV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>3\ufe0f\u20e3 Sequenzdiagramm \u2014 Das \u201eWann und Wie\u201c<\/p>\n<p><img alt=\"Sequence Diagram Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/03-sequence-diagram-thumb.png\"\/><\/p>\n<p><strong>Zweck<\/strong>: Zeigt, wie Objekte im Laufe der Zeit interagieren, um eine Aufgabe abzuschlie\u00dfen.<\/p>\n<p><strong>Einfaches Beispiel<\/strong>: Benutzer-Login-Fluss<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22a9ab568.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUKABKujKj2rK_39Jy_C2qukIatDKx1IICqh0Ge3UId5l5p8Ka2LBeabYKc9nQb0PMM9EPafYIMf6fgyN71XNGpJYbABItDAq0m2gWBRRQLGd95V3bVZa9gN0dGO0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:ROyn3i8m40HxI_w3IoZo0GeK8kZuX8qlveIzHcUdoTlIvMEOXaWevUfsP_VwKgtKAKMj1i9KPnBJdSqz1yR0qPV7aoMPaxaWKVJ46BCaMpc3O9eCv0XQ_GSQusehmLcyMdfT7CbRrcKa78vQRRTkj-qcZGikE-3c_otTZCPY9WxVAJt1juS-\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nBenutzer -&gt; LoginBildschirm : Anmeldeinformationen eingeben\r\nLoginBildschirm -&gt; Datenbank : \u00fcberpr\u00fcfen()\r\nDatenbank --&gt; LoginBildschirm : Ergebnis\r\nLoginBildschirm --&gt; Benutzer : Ergebnis anzeigen\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:ROyn3i8m40HxI_w3IoZo0GeK8kZuX8qlveIzHcUdoTlIvMEOXaWevUfsP_VwKgtKAKMj1i9KPnBJdSqz1yR0qPV7aoMPaxaWKVJ46BCaMpc3O9eCv0XQ_GSQusehmLcyMdfT7CbRrcKa78vQRRTkj-qcZGikE-3c_otTZCPY9WxVAJt1juS-\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUKABKujKj2rK_39Jy_C2qukIatDKx1IICqh0Ge3UId5l5p8Ka2LBeabYKc9nQb0PMM9EPafYIMf6fgyN71XNGpJYbABItDAq0m2gWBRRQLGd95V3bVZa9gN0dGO0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>4\ufe0f\u20e3 Aktivit\u00e4tsdiagramm \u2014 Der \u201eSchritt-f\u00fcr-Schritt-Prozess\u201c<\/h4>\n<p><strong>Zweck<\/strong>: Visualisiert Abl\u00e4ufe, wie ein Flussdiagramm f\u00fcr Gesch\u00e4ftslogik.<\/p>\n<p><strong>Einfaches Beispiel<\/strong>: Bestellabwicklung<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca2321598a1.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8L_8jIKekiWGBE6Qd9sGh19Vd9sK0kBrTcceA6Pnv4m5vJeIGZDKz18pArM1EeDZWZim2kCpMdE5L1moyV9E6NNvAPLgdWN5fSafyBaSrBoKm3cGSKAU3bSW3oWUu00000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:LOun3i8m34NtIBc3n_GAC50O0N47qpXffDIDugIdO-DYf865pV_fV_y_Ii5SwXArwfTMXmj9eHWhUw0bEMHFVFnnP0iflr-k8wqSnYXWpjN17Jtbqm0McS5SSVX_jL4MOjjpih8KC0yAlBjkjN5u4kCqvp3D9NmRcpsulKNAchGQcsv3Fm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Bestellung empfangen;\r\n:Bestand pr\u00fcfen;\r\n\r\nfalls (Auf Lager?) dann (Ja)\r\n:Bestellung versenden;\r\nsonst (Nein)\r\n:Kunde benachrichtigen;\r\nendif\r\n\r\nstop\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:LOun3i8m34NtIBc3n_GAC50O0N47qpXffDIDugIdO-DYf865pV_fV_y_Ii5SwXArwfTMXmj9eHWhUw0bEMHFVFnnP0iflr-k8wqSnYXWpjN17Jtbqm0McS5SSVX_jL4MOjjpih8KC0yAlBjkjN5u4kCqvp3D9NmRcpsulKNAchGQcsv3Fm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8L_8jIKekiWGBE6Qd9sGh19Vd9sK0kBrTcceA6Pnv4m5vJeIGZDKz18pArM1EeDZWZim2kCpMdE5L1moyV9E6NNvAPLgdWN5fSafyBaSrBoKm3cGSKAU3bSW3oWUu00000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>5\ufe0f\u20e3 Entit\u00e4ts-Beziehungs-Diagramm (ERD) \u2014 Die \u201eDatenstruktur\u201c<\/h4>\n<p><img alt=\"ERD Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/02-entity-relationship-diagram-thumb.png\"\/><\/p>\n<p><strong>Zweck<\/strong>: Gestaltet Datenbanktabellen und ihre Beziehungen.<\/p>\n<p><strong>Einfaches Beispiel<\/strong>:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22ac93179.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUNYvKhEIImkLd0kBIx9pqqjKgZcvT9M2F2sKaW6YiHdfl1owUhoSkKbvgRoSgNc9cO2zTGYjFaNfI3hoGTnuPgq5ToGpKb9B4c5QeRRfcIef62ZgskdeAIb134C9EsGcfS2T1q0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUNYvKhEIImkLl0kpKj9LQZcvT9M2F2sKiW6SkCpKtYvT7LvkV8ISrDvkL9p4pE16ceHUfnIYqjISt9Ayz8H6fCWOd2zsWfkoCQb90AjXHe2iLB9K4d1HbVNJa59Imd9H902XzIy5A0Z0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nclass Kunde {\r\n+ PK: kund_id\r\n--\r\nname\r\nemail\r\n}\r\n\r\nclass Bestellung {\r\n+ PK: bestell_id\r\n--\r\n+ FK: kund_id\r\ndatum\r\n}\r\n\r\nKunde \"1\" &lt;--&gt; \"*\" Bestellung\r\n\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUNYvKhEIImkLl0kpKj9LQZcvT9M2F2sKiW6SkCpKtYvT7LvkV8ISrDvkL9p4pE16ceHUfnIYqjISt9Ayz8H6fCWOd2zsWfkoCQb90AjXHe2iLB9K4d1HbVNJa59Imd9H902XzIy5A0Z0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUNYvKhEIImkLd0kBIx9pqqjKgZcvT9M2F2sKaW6YiHdfl1owUhoSkKbvgRoSgNc9cO2zTGYjFaNfI3hoGTnuPgq5ToGpKb9B4c5QeRRfcIef62ZgskdeAIb134C9EsGcfS2T1q0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\ud83e\udded Desktop gegen\u00fcber Online: Was sollte man w\u00e4hlen?<em>Sie<\/em>\u00a0Beginnen Sie mit?<\/h3>\n<table>\n<thead>\n<tr>\n<th>Wenn Sie\u2026<\/th>\n<th>Beginnen Sie mit\u2026<\/th>\n<th>Warum<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\ud83c\udf93 Sind ein Student, der die Grundlagen von UML lernt<\/td>\n<td><strong>VP Online<\/strong><\/td>\n<td>Keine Einrichtung n\u00f6tig, sofortige R\u00fcckmeldung, sanfter Lernverlauf<\/td>\n<\/tr>\n<tr>\n<td>\ud83d\udcbb Brauchen Sie Code zu generieren oder zur\u00fcckzuentwickeln<\/td>\n<td><strong>Desktop Community<\/strong><\/td>\n<td>Modellgetriebene Architektur erm\u00f6glicht ingenieurtechnische Funktionen<\/td>\n<\/tr>\n<tr>\n<td>\ud83d\udc65 Zusammenarbeiten mit entfernten Kollegen<\/td>\n<td><strong>VP Online<\/strong><\/td>\n<td>Echtzeit-Editierung, Synchronisierung mit Google Drive, freigebbare Links<\/td>\n<\/tr>\n<tr>\n<td>\ud83d\uddc2\ufe0f Komplexe, mehrfach-diagrammatische Projekte verwalten<\/td>\n<td><strong>Desktop Community<\/strong><\/td>\n<td>Der Modell-Explorer h\u00e4lt alles organisiert und konsistent<\/td>\n<\/tr>\n<tr>\n<td>\ud83c\udfa8 Brauchen nur eine schnelle Visualisierung f\u00fcr eine Pr\u00e4sentation<\/td>\n<td><strong>VP Online<\/strong><\/td>\n<td>Ziehen, ablegen, Export in Minuten<\/td>\n<\/tr>\n<tr>\n<td>\ud83d\udd0d Ben\u00f6tigen Syntax-Validierung und UML-Konformit\u00e4t<\/td>\n<td><strong>Desktop Community<\/strong><\/td>\n<td>Echtzeit-Pr\u00fcfung stellt professionelle Modellqualit\u00e4t sicher<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<p>\ud83d\udca1\u00a0<strong>Pro-Tipp f\u00fcr Anf\u00e4nger<\/strong>: Beginnen Sie mit VP Online, um Diagrammtypen zu lernen<em>Typen<\/em>. Wenn Sie bereit f\u00fcr tiefgehendes Modellieren sind, wechseln Sie zur Desktop Community Edition.<\/p>\n<\/blockquote>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Teil 3: Schritt-f\u00fcr-Schritt-Anleitungen mit Schl\u00fcsselkonzepten und Beispielen<\/h2>\n<h3>\ud83c\udf10 Tutorial A: Erstellen Sie Ihr erstes Klassendiagramm in VP Online (5 Minuten)<\/h3>\n<p><strong>Ziel<\/strong>: Modellieren Sie eine einfache \u201eAufgaben-Manager\u201c-Anwendung mit\u00a0<code data-backticks=\"1\">Benutzer<\/code>\u00a0und\u00a0<code data-backticks=\"1\">Aufgabe<\/code>\u00a0Klassen.<\/p>\n<h4>Schritt 1: \u00d6ffnen Sie VP Online<\/h4>\n<ul>\n<li>Gehe zu\u00a0<a href=\"https:\/\/online.visual-paradigm.com\/diagrams.jsp\">online.visual-paradigm.com\/diagrams.jsp<\/a><\/li>\n<li>Klicken Sie auf\u00a0<strong>\u201eNeues Diagramm erstellen\u201c<\/strong><\/li>\n<li>W\u00e4hlen Sie\u00a0<strong>\u201eKlassendiagramm\u201c<\/strong>\u00a0\u2192 Klicken Sie auf\u00a0<strong>\u201eErstellen\u201c<\/strong><\/li>\n<\/ul>\n<p><img alt=\"Resource Catalog\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/resource-catalog.png\"\/><\/p>\n<h4>Schritt 2: F\u00fcgen Sie Ihre erste Klasse hinzu<\/h4>\n<ul>\n<li>Im\u00a0<strong>Ressourcenkatalog<\/strong>\u00a0(linkes Fenster), suchen Sie nach\u00a0<strong>\u201eKlasse\u201c<\/strong><\/li>\n<li>Ziehen Sie es auf die Leinwand<\/li>\n<li>Klicken Sie auf die drei Abschnitte, um sie zu bearbeiten:\n<ul>\n<li>Name:\u00a0<code data-backticks=\"1\">Benutzer<\/code><\/li>\n<li>Attribute:\u00a0<code data-backticks=\"1\">- userId: Zeichenkette<\/code>,\u00a0<code data-backticks=\"1\">- email: Zeichenkette<\/code><\/li>\n<li>Operationen:\u00a0<code data-backticks=\"1\">+ login()<\/code>,\u00a0<code data-backticks=\"1\">+ logout()<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Schritt 3: F\u00fcgen Sie eine zweite Klasse hinzu<\/h4>\n<ul>\n<li>Wiederholen Sie Schritt 2, um eine\u00a0<code data-backticks=\"1\">Aufgabe<\/code>\u00a0Klasse:\n<ul>\n<li>Name:\u00a0<code data-backticks=\"1\">Aufgabe<\/code><\/li>\n<li>Attribute:\u00a0<code data-backticks=\"1\">- taskId: String<\/code>,\u00a0<code data-backticks=\"1\">- title: String<\/code>,\u00a0<code data-backticks=\"1\">- isComplete: Boolean<\/code><\/li>\n<li>Operationen:\u00a0<code data-backticks=\"1\">+ markComplete()<\/code>,\u00a0<code data-backticks=\"1\">+ delete()<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Schritt 4: Verbinden Sie die Klassen<\/h4>\n<ul>\n<li>Bewegen Sie die Maus \u00fcber die\u00a0<code data-backticks=\"1\">Benutzer<\/code>\u00a0Klasse \u2192 ein kleiner Pfeil erscheint<\/li>\n<li>Klicken und ziehen Sie zur\u00a0<code data-backticks=\"1\">Aufgabe<\/code>\u00a0Klasse<\/li>\n<li>W\u00e4hlen Sie\u00a0<strong>\u201eAssoziation\u201c<\/strong>\u00a0aus dem Popup-Men\u00fc<\/li>\n<li>Doppelklicken Sie die Verbindungsline, um eine Beschriftung hinzuzuf\u00fcgen:\u00a0<code data-backticks=\"1\">erstellt<\/code><\/li>\n<\/ul>\n<p>\u2705\u00a0<strong>Ergebnis<\/strong>: Ihr Diagramm zeigt nun\u00a0<em>\u201eEin Benutzer erstellt Aufgaben\u201c<\/em><\/p>\n<h4>Schritt 5: Exportieren Sie Ihre Arbeit<\/h4>\n<ul>\n<li>Gehe zu\u00a0<strong>Datei \u2192 Exportieren \u2192 PNG<\/strong><\/li>\n<li>Speichern Sie auf Ihrem Computer oder Google Drive<\/li>\n<li>Teilen Sie den Link mit Kommilitonen oder Teamkollegen<\/li>\n<\/ul>\n<p>\ud83c\udfaf\u00a0<strong>Wichtige gelernte Konzepte<\/strong>:<\/p>\n<ul>\n<li>Klassenstruktur (Name, Attribute, Operationen)<\/li>\n<li>Assoziationsbeziehungen<\/li>\n<li>Ressourcenkatalog f\u00fcr schnellen Formenzugriff<\/li>\n<li>Exportoptionen zum Teilen<\/li>\n<\/ul>\n<hr\/>\n<h3>\ud83d\udcbb Tutorial B: Erstellen eines modellgetriebenen Projekts in der Desktop-Community-Ausgabe<\/h3>\n<p><strong>Ziel<\/strong>: Erstellen Sie ein wiederverwendbares\u00a0<code data-backticks=\"1\">Produkt<\/code>\u00a0Modell, das in mehreren Diagrammen verwendet wird.<\/p>\n<h4>Schritt 1: Herunterladen und Installieren<\/h4>\n<ul>\n<li>Besuchen Sie\u00a0<a href=\"https:\/\/www.visual-paradigm.com\/download\/community.jsp\">visual-paradigm.com\/download\/community.jsp<\/a><\/li>\n<li>Laden Sie f\u00fcr Ihr Betriebssystem herunter (Windows\/macOS\/Linux)<\/li>\n<li>Installieren (erfordert Java 8+; Installer enth\u00e4lt es, falls erforderlich)<\/li>\n<\/ul>\n<h4>Schritt 2: Erstellen eines neuen Projekts<\/h4>\n<ul>\n<li>Starten Sie die Visual Paradigm Community Edition<\/li>\n<li>Klicken Sie auf\u00a0<strong>Datei \u2192 Neues Projekt<\/strong><\/li>\n<li>W\u00e4hlen Sie\u00a0<strong>\u201eUML-Projekt\u201c<\/strong>\u00a0\u2192 Benennen Sie es als\u00a0<code data-backticks=\"1\">ECommerceSystem<\/code>\u00a0\u2192 Klicken Sie auf\u00a0<strong>OK<\/strong><\/li>\n<\/ul>\n<h4>Schritt 3: Erstellen des Produkt-Modell-Elements<\/h4>\n<ul>\n<li>Im\u00a0<strong>Modell-Explorer<\/strong>\u00a0(linke Leiste), rechtsklicken auf\u00a0<strong>\u201eModell\u201c<\/strong>\u00a0\u2192\u00a0<strong>Hinzuf\u00fcgen \u2192 Klasse<\/strong><\/li>\n<li>Benennen Sie es als\u00a0<code data-backticks=\"1\">Produkt<\/code><\/li>\n<li>F\u00fcgen Sie im Spezifikationsfenster hinzu:\n<ul>\n<li>Attribute:\u00a0<code data-backticks=\"1\">productId: String<\/code>,\u00a0<code data-backticks=\"1\">name: String<\/code>,\u00a0<code data-backticks=\"1\">preis: Double<\/code><\/li>\n<li>Operationen:\u00a0<code data-backticks=\"1\">updatePrice(newPreis: Double): void<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Schritt 4: Verwenden Sie Produkt in einem Klassendiagramm<\/h4>\n<ul>\n<li>Rechtsklicken Sie auf\u00a0<strong>\u201eDiagramm\u201c<\/strong>\u00a0im Modell-Explorer \u2192\u00a0<strong>Diagramm hinzuf\u00fcgen \u2192 Klassendiagramm<\/strong><\/li>\n<li>Benennen Sie es<code data-backticks=\"1\">CatalogView<\/code><\/li>\n<li>Auf der Diagrammfl\u00e4che mit der rechten Maustaste klicken \u2192<strong>Hinzuf\u00fcgen \u2192 Vorhandenes Modell-Element \u2192 Produkt<\/strong><\/li>\n<li>Das<code data-backticks=\"1\">Produkt<\/code>Klasse erscheint \u2013 verkn\u00fcpft mit dem<em>gleichen Modell-Element<\/em>das Sie zuvor erstellt haben<\/li>\n<\/ul>\n<h4>Schritt 5: Produkt in einem Ablaufdiagramm verwenden<\/h4>\n<ul>\n<li>Ein weiteres Diagramm hinzuf\u00fcgen:<strong>Ablaufdiagramm<\/strong>mit dem Namen<code data-backticks=\"1\">PurchaseFlow<\/code><\/li>\n<li>Ein<code data-backticks=\"1\">Warenkorb<\/code>Lebenslinie hinzuf\u00fcgen<\/li>\n<li>Mit der rechten Maustaste klicken \u2192<strong>Hinzuf\u00fcgen \u2192 Vorhandenes Modell-Element \u2192 Produkt<\/strong><\/li>\n<li>Ihr Ablaufdiagramm verweist nun auf das<em>genau gleiche<\/em>\u00a0<code data-backticks=\"1\">Produkt<\/code>Modell<\/li>\n<\/ul>\n<h4>Schritt 6: Erleben Sie die Magie von modellgetriebenen Aktualisierungen<\/h4>\n<ul>\n<li>Zur\u00fcck zu<strong>Modell-Explorer<\/strong> \u2192 Doppelklicken<code data-backticks=\"1\">Produkt<\/code><\/li>\n<li>\u00c4ndern Sie ein Attribut: f\u00fcgen Sie hinzu<code data-backticks=\"1\">- Beschreibung: Zeichenfolge<\/code><\/li>\n<li>\u2705 Beobachten Sie beide Ihren Klassendiagramm\u00a0<em>und<\/em>\u00a0Sequenzdiagramm aktualisiert automatisch!<\/li>\n<\/ul>\n<h4>Schritt 7: Code generieren (Bonus!)<\/h4>\n<ul>\n<li>Rechtsklicken Sie auf die\u00a0<code data-backticks=\"1\">Produkt<\/code>\u00a0Klasse im Modell-Explorer<\/li>\n<li>W\u00e4hlen Sie\u00a0<strong>Code-Engineering \u2192 Code generieren \u2192 Java<\/strong><\/li>\n<li>Ausgabeverzeichnis ausw\u00e4hlen \u2192 Klicken Sie auf\u00a0<strong>OK<\/strong><\/li>\n<li>\ud83c\udf89 Visual Paradigm generiert eine verwendbare Java-Klassendatei!<\/li>\n<\/ul>\n<pre class=\"lang-java\"><code data-language=\"java\">\/\/ Produkt.java (automatisch generiert)\r\npublic class Produkt {\r\n    private String produktId;\r\n    private String name;\r\n    private Double preis;\r\n    private String beschreibung; \/\/ \u2190 Ihr neues Attribut!\r\n    \r\n    public void updatePreis(Double neuerPreis) {\r\n        this.preis = neuerPreis;\r\n    }\r\n    \/\/ Getters und Setters automatisch generiert...\r\n}\r\n<\/code><\/pre>\n<p>\ud83c\udfaf\u00a0<strong>Gelernte Schl\u00fcsselkonzepte<\/strong>:<\/p>\n<ul>\n<li>Modell-Explorer vs. Diagrammfl\u00e4che<\/li>\n<li>Wiederverwendbare Modell-Elemente \u00fcber Diagramme hinweg<\/li>\n<li>Automatische Synchronisierung (\u201eeinmal \u00e4ndern, \u00fcberall aktualisieren\u201c)<\/li>\n<li>Codegenerierung aus UML-Modellen<\/li>\n<\/ul>\n<hr\/>\n<h2>\ud83d\udcda Teil 4: Umfassender Fallstudie \u2014 Aufbau eines Studenten-Kursanmelde-Systems<\/h2>\n<h3>\ud83c\udfaf Projektziel<\/h3>\n<p>Entwerfen Sie ein System, bei dem Studierende k\u00f6nnen:<\/p>\n<ul>\n<li>Durchsuchen Sie verf\u00fcgbare Kurse<\/li>\n<li>Anmelden f\u00fcr Kurse (mit Pr\u00fcfung der Voraussetzungen)<\/li>\n<li>Ihre eingeschriebenen Kurse anzeigen<\/li>\n<li>Dozenten k\u00f6nnen Kurslisten verwalten<\/li>\n<\/ul>\n<h3>\ud83d\uddc2\ufe0f Phase 1: Anforderungserhebung (VP Online)<\/h3>\n<p><img alt=\"Requirement Diagram Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/04-requirement-diagram-thumb.png\"\/><\/p>\n<p><strong>Werkzeug<\/strong>: VP Online (schnelles Brainstorming mit dem Projektteam)<\/p>\n<p><strong>Diagramm<\/strong>: Use-Case-Diagramm<\/p>\n<pre><code>Akteure: Student, Dozent, Admin\r\n\r\nUse-Cases des Students:\r\n- Kurse durchsuchen\r\n- Kurs anmelden\r\n- Meinen Zeitplan anzeigen\r\n- Kurs abmelden\r\n\r\nUse-Cases des Dozenten:\r\n- Kursliste anzeigen\r\n- Noten ver\u00f6ffentlichen\r\n- Kursinformationen aktualisieren\r\n\r\nUse-Cases des Administrators:\r\n- Kurskatalog verwalten\r\n- Dozenten zuweisen\r\n- Berichte generieren\r\n<\/code><\/pre>\n<p>\u2705\u00a0<strong>Vorteil<\/strong>: Visuelle Abstimmung des Umfangs, bevor technische Arbeiten beginnen.<\/p>\n<h3>\ud83c\udfd7\ufe0f Phase 2: Systemdesign (Desktop Community Edition)<\/h3>\n<h4>Schritt A: Dom\u00e4nenmodell (Klassendiagramm)<\/h4>\n<p><img alt=\"Class Diagram\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/01-class-diagram.png\"\/><\/p>\n<p><strong>Wichtige Klassen erstellt<\/strong>:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22ad75ea5.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:NP1D2i8m48NtXTuXTEKFNNY3WYYuzWHZCjH0qfQP2KN4kzj9K8khl4VcVVEIZWL8KWnrLLSs0BEvId8uY7dMLMkuc8jJCq14FJ62Nm9xGzXx5gJDLfsZSLBr-h5E0uqXn2-k9t1Ok229DSNf5hqKmkpbxWZcFyfnJCHO23RhqaUyX4opXCuBPmaJM2yFnM7UNj2Upwde3FuyiZaqfcrDisjMNUjgrLklT68PB3qqtk7Wbazx0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PP0z3eCm38Lt9EuGCVL73Bq1IuUgOwNk8LZ58XYKE0jLRzDZTEDYJGWKeKx9Svw_PwUmB0sxLgT9cYWjhHKtTXKGYsUQvC96SQc28Db2EA6Lw1kEGb8Bsh_lzfCgL_LQUMSagse3M3fwH2fr394ksTdG2qZUeUg5DJWpVbGp8DH_mAipDd8QVukZCJBegMIWGkuTDJ6YaRqSaCStpp7pB4iGMhvtMlyYbkspKoRoN6I7RBj0ccpt2ORWy_OmLq0KG9N_qIy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nclass Student {\r\n- studentId\r\n- name\r\n- email\r\n+ anmelden()\r\n+ abmelden()\r\n}\r\n\r\nclass Einschreibung {\r\n- note\r\n- status\r\n+ einreichen()\r\n+ zur\u00fcckziehen()\r\n}\r\n\r\nclass Kurs {\r\n- kursId\r\n- titel\r\n- kreditpunkte\r\n- kapazit\u00e4t\r\n+ einschreiben()\r\n+ istVoll()\r\n}\r\n\r\nStudent \"1\" -- \"*\" Einschreibung\r\nEinschreibung \"*\" -- \"1\" Kurs\r\n\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PP0z3eCm38Lt9EuGCVL73Bq1IuUgOwNk8LZ58XYKE0jLRzDZTEDYJGWKeKx9Svw_PwUmB0sxLgT9cYWjhHKtTXKGYsUQvC96SQc28Db2EA6Lw1kEGb8Bsh_lzfCgL_LQUMSagse3M3fwH2fr394ksTdG2qZUeUg5DJWpVbGp8DH_mAipDd8QVukZCJBegMIWGkuTDJ6YaRqSaCStpp7pB4iGMhvtMlyYbkspKoRoN6I7RBj0ccpt2ORWy_OmLq0KG9N_qIy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:NP1D2i8m48NtXTuXTEKFNNY3WYYuzWHZCjH0qfQP2KN4kzj9K8khl4VcVVEIZWL8KWnrLLSs0BEvId8uY7dMLMkuc8jJCq14FJ62Nm9xGzXx5gJDLfsZSLBr-h5E0uqXn2-k9t1Ok229DSNf5hqKmkpbxWZcFyfnJCHO23RhqaUyX4opXCuBPmaJM2yFnM7UNj2Upwde3FuyiZaqfcrDisjMNUjgrLklT68PB3qqtk7Wbazx0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>Modellintelligenz angewendet<\/strong>:<\/p>\n<ul>\n<li><code data-backticks=\"1\">Kurs<\/code>\u00a0Klasse nur einmal im Modell-Explorer definiert<\/li>\n<li>Referenziert im Klassendiagramm, Sequenzdiagramm und ERD<\/li>\n<li>\u00c4ndern von\u00a0<code data-backticks=\"1\">Kapazit\u00e4t<\/code>\u00a0Attribut aktualisiert alle Diagramme automatisch<\/li>\n<\/ul>\n<h4>Schritt B: Anmeldefluss (Sequenzdiagramm)<\/h4>\n<p><img alt=\"Sequence Diagram Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/03-sequence-diagram-thumb.png\"\/><\/p>\n<p><strong>Wichtige Interaktionen modelliert<\/strong>:<\/p>\n<pre><code>Student \u2192 Anmeldesystem \u2192 Kurs \u2192 Voraussetzungspr\u00fcfer\r\n\r\n1. Student beantragt die Einschreibung in \"CS101\"\r\n2. System pr\u00fcft, ob der Kurs voll ist (Kurs.istVoll())\r\n3. System \u00fcberpr\u00fcft die Voraussetzungen (Voraussetzungspr\u00fcfer.\u00fcberpr\u00fcfen())\r\n4. Falls OK: Einschreibungsdatensatz erstellen, Kapazit\u00e4t des Kurses aktualisieren\r\n5. Best\u00e4tigung an den Studenten zur\u00fcckgeben\r\n<\/code><\/pre>\n<p>\u2705\u00a0<strong>Vorteil<\/strong>: Die Visualisierung des Ablaufs half uns, einen Logikfehler zu erkennen\u00a0<em>vor dem Codieren<\/em>\u2014wir haben den Fall \u201eVoraussetzung nicht erf\u00fcllt\u201c vergessen zu behandeln!<\/p>\n<h4>Schritt C: Datenbankentwurf (ERD)<\/h4>\n<p><img alt=\"ERD Thumb\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/02-entity-relationship-diagram-thumb.png\"\/><\/p>\n<p><strong>Tabellen aus dem Modell generiert<\/strong>:<\/p>\n<pre class=\"lang-sql\"><code data-language=\"sql\">-- Automatisch generierter SQL aus dem ERD-Modell\r\nCREATE TABLE Student (\r\n    student_id VARCHAR(20) PRIMARY KEY,\r\n    name VARCHAR(100),\r\n    email VARCHAR(100) UNIQUE\r\n);\r\n\r\nCREATE TABLE Course (\r\n    course_id VARCHAR(20) PRIMARY KEY,\r\n    title VARCHAR(100),\r\n    credits INT,\r\n    capacity INT\r\n);\r\n\r\nCREATE TABLE Enrollment (\r\n    enrollment_id INT AUTO_INCREMENT PRIMARY KEY,\r\n    student_id VARCHAR(20),\r\n    course_id VARCHAR(20),\r\n    grade CHAR(2),\r\n    FOREIGN KEY (student_id) REFERENCES Student(student_id),\r\n    FOREIGN KEY (course_id) REFERENCES Course(course_id)\r\n);\r\n<\/code><\/pre>\n<p>\u2705\u00a0<strong>Vorteil<\/strong>: Ein Modell \u2192 Klassendiagramm + Ablaufdiagramm + Datenbankschema. Konsistenz garantiert.<\/p>\n<h3>\ud83d\ude80 Phase 3: Implementierung &amp; Iteration<\/h3>\n<h4>Codegenerierung (Desktop-Funktion)<\/h4>\n<ul>\n<li>Rechtsklick\u00a0<code data-backticks=\"1\">Student<\/code>\u00a0Klasse \u2192\u00a0<strong>Code-Engineering \u2192 Code generieren \u2192 Java<\/strong><\/li>\n<li>Visual Paradigm erstellt\u00a0<code data-backticks=\"1\">Student.java<\/code>\u00a0mit:\n<ul>\n<li>Private Felder, die den Attributen entsprechen<\/li>\n<li>\u00d6ffentliche Getter\/Setter<\/li>\n<li>Methoden-Stubs f\u00fcr\u00a0<code data-backticks=\"1\">register()<\/code>,\u00a0<code data-backticks=\"1\">drop()<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Reverse Engineering (bei \u00c4nderungen der Anforderungen)<\/h4>\n<ul>\n<li>Team entscheidet sich, die Funktion\u00a0<code data-backticks=\"1\">Warteliste<\/code>\u00a0Funktion<\/li>\n<li>Entwickler f\u00fcgt hinzu\u00a0<code data-backticks=\"1\">waitlist: List&lt;Student&gt;<\/code>\u00a0zu\u00a0<code data-backticks=\"1\">Course.java<\/code><\/li>\n<li>In Desktop:\u00a0<strong>Code Engineering \u2192 Umgekehrte Ingenieurarbeit \u2192 Modell aktualisieren<\/strong><\/li>\n<li>\u2705 Das UML-Modell aktualisiert sich automatisch, um Code\u00e4nderungen widerzuspiegeln!<\/li>\n<\/ul>\n<h4>Kollaborative Verbesserung (VP Online)<\/h4>\n<ul>\n<li>Entwurfsskizzen \u00fcber einen VP Online-Link mit dem Dozenten teilen<\/li>\n<li>Der Dozent f\u00fcgt Kommentare direkt auf den Diagrammen hinzu<\/li>\n<li>Das Team ber\u00fccksichtigt das Feedback \u2192 aktualisiert das Desktop-Modell \u2192 generiert den Code neu<\/li>\n<\/ul>\n<h3>\ud83d\udcca Ergebnisse und gelernte Erkenntnisse<\/h3>\n<table>\n<thead>\n<tr>\n<th>Metrik<\/th>\n<th>Ergebnis<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u23f1\ufe0f Gesparte Zeit<\/td>\n<td>~15 Stunden gegen\u00fcber manueller Diagrammerstellung + Code-Schreiben<\/td>\n<\/tr>\n<tr>\n<td>\ud83d\udc1e Fehler verhindert<\/td>\n<td>3 Logikfehler wurden in der Modellierungsphase erkannt<\/td>\n<\/tr>\n<tr>\n<td>\ud83e\udd1d Teamausrichtung<\/td>\n<td>Visuelle Diagramme reduzierten Missverst\u00e4ndnisse um ca. 80%<\/td>\n<\/tr>\n<tr>\n<td>\ud83c\udf93 Lernwert<\/td>\n<td>Teammitglieder erwarben praktische UML- und Modellierungsf\u00e4higkeiten<\/td>\n<\/tr>\n<tr>\n<td>\ud83d\udd04 Wartbarkeit<\/td>\n<td>Der modellgetriebene Ansatz machte zuk\u00fcnftige \u00c4nderungen dreimal so schnell<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<p>\ud83d\udca1\u00a0<strong>Fallstudien-Erkenntnis<\/strong>: Verwendung von\u00a0<em>beide<\/em>\u00a0Werkzeuge strategisch einsetzen \u2013 Online f\u00fcr die Zusammenarbeit, Desktop f\u00fcr die Ingenieurarbeit \u2013 brachte uns das Beste aus beiden Welten.<\/p>\n<\/blockquote>\n<hr\/>\n<h2>\ud83c\udf1f Teil 5: Vorteile, Richtlinien, Tipps und Kniffe<\/h2>\n<h3>\u2705 Wichtige Vorteile der kostenlosen Tools von Visual Paradigm<\/h3>\n<h4>F\u00fcr Anf\u00e4nger<\/h4>\n<ul>\n<li>\ud83c\udfa8\u00a0<strong>Geringe Einstiegsh\u00fcrde<\/strong>: Zeichnen Sie in Sekunden mit VP Online los<\/li>\n<li>\ud83d\udcda\u00a0<strong>Lernen durch Tun<\/strong>: Hunderte kostenlose Vorlagen unter<a href=\"https:\/\/circle.visual-paradigm.com\/\">circle.visual-paradigm.com<\/a><\/li>\n<li>\ud83d\udd0d\u00a0<strong>Sofortige R\u00fcckmeldung<\/strong>: Die Syntax\u00fcberpr\u00fcfung (Desktop) hilft Ihnen, UML-Regeln nat\u00fcrlich zu erlernen<\/li>\n<\/ul>\n<h4>F\u00fcr Studierende und Lehrkr\u00e4fte<\/h4>\n<ul>\n<li>\ud83c\udf93\u00a0<strong>Akademische Nutzung<\/strong>: Wird von Tausenden von Universit\u00e4ten weltweit genutzt<\/li>\n<li>\ud83d\udcc4\u00a0<strong>Professionelle Ergebnisse<\/strong>: Exportieren Sie pr\u00e4sentationsfertige Diagramme f\u00fcr Aufgaben<\/li>\n<li>\ud83d\udcb0\u00a0<strong>Kostenlos<\/strong>: Vollst\u00e4ndige Funktionen f\u00fcr nicht-kommerzielle Nutzung \u2013 kein Studentenrabatt erforderlich<\/li>\n<\/ul>\n<h4>F\u00fcr Hobbys und Nebenprojekte<\/h4>\n<ul>\n<li>\ud83d\udee0\ufe0f\u00a0<strong>Prototypen schneller erstellen<\/strong>: Visualisieren Sie Ihre App-Idee, bevor Sie Code schreiben<\/li>\n<li>\ud83d\udd01\u00a0<strong>Einfach iterieren<\/strong>: \u00c4ndern Sie Modelle \u2192 Diagramme automatisch aktualisieren \u2192 Code neu generieren<\/li>\n<li>\ud83c\udf0d\u00a0<strong>\u00dcberall arbeiten<\/strong>: Desktop (offline) + Online (jedes Ger\u00e4t) = maximale Flexibilit\u00e4t<\/li>\n<\/ul>\n<h4>F\u00fcr zuk\u00fcnftige Fachkr\u00e4fte<\/h4>\n<ul>\n<li>\ud83d\udcbc\u00a0<strong>Relevanz f\u00fcr die Branche<\/strong>: F\u00e4higkeiten werden auf die kostenpflichtigen Visual Paradigm-Ausgaben \u00fcbertragen, die von Unternehmen genutzt werden<\/li>\n<li>\ud83d\udcc8\u00a0<strong>Aufbau eines Portfolios<\/strong>: F\u00fcgen Sie professionelle UML-Diagramme in Ihr GitHub-Portfolio ein<\/li>\n<li>\ud83e\udd1d\u00a0<strong>Kooperationsbereit<\/strong>: Lernen Sie Werkzeuge, die echte Entwicklerteams verwenden<\/li>\n<\/ul>\n<hr\/>\n<h3>\ud83e\udded Praktische Leitlinien f\u00fcr den Erfolg<\/h3>\n<h4>\ud83c\udfaf Die richtige Werkzeugauswahl<\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca22ae7702d.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:RP3BJiD034NtaV8FTvdyGbcq4ezbGKA0aDXCCsvYTSOkCuwWVu_JIgYBhlo-n_QcMYWsvzGsPwzjLg-BNU5Z2eQeEEaC8OhhkxRXFRgj-nWq4aOIAi5OvKkqU2uV4_qYUosnZEiUDf6W-wJQk-vR9JnGFPWUSQyvpy9smcFaHS75ANb3jzN-YlCzyt10v32MaCyKev0TbLBOwGL-Y_F-WcVn9GXFXUWsv78eVjYcgtvJ90f5i0kLXxgCIEJzlwc-VjjiFFAd_G40\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:bL5BJiCm4Dr7oXrccKZq0kcYXLP2Ge8Y1PMrGrxJKUnnvO-07emBS36c3SgE1GjhvddqFXwlOp8XPMVBujgLHTDUQaEl9b87-VvAF42ePQoMPS47gZQ-XruXC4AMGHG66hqxMNo07XLQEurcWRIggJSYL3sOMZts2E-GVjAbNiyMSKp-jDXuvx9m-bpSvZYO3ceQlSH4rHDOwYb2-tOKTK6aBPiX6EUc52ymxfoZOeW97JZz8yBeOu9O7q7xPzg9PS6VAPex32poItTgD7DkABkhuBtkeBVcihvp9WIBe0ILKby-p2NgkyjYhKZ_uGS0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Start: Was ben\u00f6tigen Sie?;\r\nif (Codegenerierungnoder komplexe Modellierung ben\u00f6tigt?) dann (Ja)\r\n:Verwenden Sie die Desktop-Community-Ausgabe;\r\nsonst (Nein)\r\nif (Schnelles Diagrammnoder Teamzusammenarbeit ben\u00f6tigt?) dann (Ja)\r\n:Verwenden Sie die kostenlose VP Online-Ausgabe;\r\nsonst (Nein)\r\n:Beginnen Sie mit VP Online, um die Grundlagen zu erlernen;\r\nendif\r\nendif\r\nstop\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:bL5BJiCm4Dr7oXrccKZq0kcYXLP2Ge8Y1PMrGrxJKUnnvO-07emBS36c3SgE1GjhvddqFXwlOp8XPMVBujgLHTDUQaEl9b87-VvAF42ePQoMPS47gZQ-XruXC4AMGHG66hqxMNo07XLQEurcWRIggJSYL3sOMZts2E-GVjAbNiyMSKp-jDXuvx9m-bpSvZYO3ceQlSH4rHDOwYb2-tOKTK6aBPiX6EUc52ymxfoZOeW97JZz8yBeOu9O7q7xPzg9PS6VAPex32poItTgD7DkABkhuBtkeBVcihvp9WIBe0ILKby-p2NgkyjYhKZ_uGS0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:RP3BJiD034NtaV8FTvdyGbcq4ezbGKA0aDXCCsvYTSOkCuwWVu_JIgYBhlo-n_QcMYWsvzGsPwzjLg-BNU5Z2eQeEEaC8OhhkxRXFRgj-nWq4aOIAi5OvKkqU2uV4_qYUosnZEiUDf6W-wJQk-vR9JnGFPWUSQyvpy9smcFaHS75ANb3jzN-YlCzyt10v32MaCyKev0TbLBOwGL-Y_F-WcVn9GXFXUWsv78eVjYcgtvJ90f5i0kLXxgCIEJzlwc-VjjiFFAd_G40\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>\ud83d\udcc1 Organisation Ihrer Projekte<\/h4>\n<p><strong>Best Practices f\u00fcr Desktop<\/strong>:<\/p>\n<ul>\n<li>Verwenden Sie\u00a0<strong>Ordner im Model-Explorer<\/strong>\u00a0um verwandte Elemente zu gruppieren (z.\u202fB. \u201eBenutzerverwaltung\u201c, \u201eZahlungsabwicklung\u201c)<\/li>\n<li>Benennen Sie Diagramme beschreibend:\u00a0<code data-backticks=\"1\">CheckoutFlow_Sequence<\/code>\u00a0nicht\u00a0<code data-backticks=\"1\">Diagramm1<\/code><\/li>\n<li>F\u00fcgen Sie\u00a0<strong>Dokumentationsnotizen<\/strong>\u00a0zu komplexen Modell-Elementen f\u00fcr zuk\u00fcnftige Referenzen<\/li>\n<\/ul>\n<p><strong>Best Practices f\u00fcr Online<\/strong>:<\/p>\n<ul>\n<li>Verwenden Sie\u00a0<strong>Google Drive-Ordner<\/strong>\u00a0, um Diagramme nach Projekt zu organisieren<\/li>\n<li>F\u00fcgen Sie\u00a0<strong>Tags in Diagrammtiteln<\/strong>:\u00a0<code data-backticks=\"1\">[ENTWURF]<\/code>,\u00a0<code data-backticks=\"1\">[ENDG\u00dcLTIG]<\/code>,\u00a0<code data-backticks=\"1\">[REVISION]<\/code><\/li>\n<li>Verwenden Sie\u00a0<strong>Kommentarfunktion<\/strong>\u00a0f\u00fcr Team-Feedback<\/li>\n<\/ul>\n<h4>\ud83d\udd04 Wann man zwischen Werkzeugen wechseln sollte<\/h4>\n<table>\n<thead>\n<tr>\n<th>Szenario<\/th>\n<th>Empfohlener Arbeitsablauf<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Brainstorming mit entferntem Team<\/td>\n<td>Beginnen Sie in VP Online \u2192 PNG exportieren \u2192 Teilen zum Feedback<\/td>\n<\/tr>\n<tr>\n<td>Formale Projekt-Dokumentation<\/td>\n<td>Modellieren Sie auf Desktop \u2192 PDF exportieren \u2192 Mit Bericht einreichen<\/td>\n<\/tr>\n<tr>\n<td>UML-Konzepte erlernen<\/td>\n<td>\u00dcben Sie in VP Online \u2192 Festigen Sie mit Desktop-Aufgaben<\/td>\n<\/tr>\n<tr>\n<td>Ein echtes Anwendung bauen<\/td>\n<td>Entwerfen Sie auf Desktop \u2192 Code generieren \u2192 Iterieren Sie mit Reverse Engineering<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h3>\ud83d\udca1 Pro-Tipps &amp; Tricks<\/h3>\n<h4>\ud83c\udfa8 Tipps zur Diagrammgestaltung<\/h4>\n<ol>\n<li><strong>Verwenden Sie Ausrichtungshilfen<\/strong>\u00a0(beide Werkzeuge): Halten Sie\u00a0<code data-backticks=\"1\">Umschalt<\/code>\u00a0beim Ziehen, um Formen perfekt auszurichten<\/li>\n<li><strong>Farbcodierung nach Verantwortung<\/strong>: Verwenden Sie hellblau f\u00fcr UI-Klassen, gr\u00fcn f\u00fcr Gesch\u00e4ftslogik und gelb f\u00fcr Datenzugriffe<\/li>\n<li><strong>Halten Sie Diagramme fokussiert<\/strong>: Ein Diagramm = eine Konzeption. F\u00fcllen Sie nicht alles in eine einzige Ansicht hinein.<\/li>\n<li><strong>Verwenden Sie Notizen f\u00fcr Kontext<\/strong>: Rechtsklick auf Leinwand \u2192 Notiz hinzuf\u00fcgen, um Gestaltungsentscheidungen zu erkl\u00e4ren<\/li>\n<\/ol>\n<h4>\u26a1 Effizienz-Schnelltasten (Desktop)<\/h4>\n<table>\n<thead>\n<tr>\n<th>Schnelltaste<\/th>\n<th>Aktion<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code data-backticks=\"1\">Strg+Leerzeichen<\/code><\/td>\n<td>Ressourcenkatalog \u00f6ffnen (Formvorschl\u00e4ge)<\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">Strg+G<\/code><\/td>\n<td>Ausgew\u00e4hlte Elemente gruppieren<\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">Strg+Umschalt+C<\/code><\/td>\n<td>Formatierung von einem Element auf ein anderes kopieren<\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">F2<\/code><\/td>\n<td>Schnellbearbeitung des Namens des ausgew\u00e4hlten Elements<\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">Strg+Klick<\/code>\u00a0auf Verbindungslinie<\/td>\n<td>Beziehungstyp sofort \u00e4ndern<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>\ud83c\udf10 Zusammenarbeits-Tipps (Online)<\/h4>\n<ul>\n<li><strong>Mit Ansichtslink teilen<\/strong>: Perfekt f\u00fcr Stakeholder-Reviews ohne Bearbeitungsrisiko<\/li>\n<li><strong>Versionsverlauf verwenden<\/strong>: Datei \u2192 Versionsverlauf, um versehentliche \u00c4nderungen r\u00fcckg\u00e4ngig zu machen<\/li>\n<li><strong>In Dokumentation einbetten<\/strong>: Als SVG exportieren \u2192 in Markdown\/Confluence einf\u00fcgen f\u00fcr klare, skalierbare Diagramme<\/li>\n<li><strong>Vorlagensammlung<\/strong>: Speichern Sie h\u00e4ufig verwendete Diagrammstrukturen als Vorlagen zur Wiederverwendung<\/li>\n<\/ul>\n<h4>\ud83d\udc1b Behebung von h\u00e4ufigen Anf\u00e4ngerproblemen<\/h4>\n<table>\n<thead>\n<tr>\n<th>Problem<\/th>\n<th>L\u00f6sung<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u201eMeine Verbindungen schwimmen immer davon!\u201c<\/td>\n<td>Verwenden Sie\u00a0<strong>automatisch angeh\u00e4ngte Verbindungen<\/strong>: Ziehen Sie von den kleinen Pfeilanschl\u00fcssen der Form, nicht von der Kante<\/td>\n<\/tr>\n<tr>\n<td>\u201eWie \u00e4ndere ich einen Beziehungstyp?\u201c<\/td>\n<td>Klicken Sie auf die Verbindung \u2192 dr\u00fccken Sie\u00a0<code data-backticks=\"1\">F2<\/code>\u00a0oder rechtsklicken \u2192 Typ \u00e4ndern<\/td>\n<\/tr>\n<tr>\n<td>\u201eMein Diagramm sieht un\u00fcbersichtlich aus\u201c<\/td>\n<td>Verwenden Sie\u00a0<strong>Layout \u2192 Automatisches Layout<\/strong>\u00a0(Desktop) oder\u00a0<strong>Anordnen \u2192 Verteilen<\/strong>\u00a0(Online)<\/td>\n<\/tr>\n<tr>\n<td>\u201eIch kann eine Form nicht finden, die ich brauche\u201c<\/td>\n<td>Ressourcenkatalog \u00f6ffnen (<code data-backticks=\"1\">Strg+Leertaste<\/code>) \u2192 geben Sie Stichwort ein (z.\u202fB. \u201eSchnittstelle\u201c, \u201eDatenbank\u201c)<\/td>\n<\/tr>\n<tr>\n<td>\u201eDas exportierte Bild ist unscharf\u201c<\/td>\n<td>Exportieren als\u00a0<strong>SVG<\/strong>\u00a0(Vektor) f\u00fcr Pr\u00e4sentationen oder erh\u00f6hen Sie die PNG-Aufl\u00f6sung in den Exporteinstellungen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>\ud83d\ude80 Fortgeschrittenes Trick: Hybrid-Workflow<\/h4>\n<ol>\n<li>Skizzieren Sie erste Ideen in\u00a0<strong>VP Online<\/strong>\u00a0w\u00e4hrend einer Teambesprechung<\/li>\n<li>Exportieren als\u00a0<code data-backticks=\"1\">.vpdx<\/code>\u00a0Datei (Visual Paradigm-Format)<\/li>\n<li>\u00d6ffnen in\u00a0<strong>Desktop Community Edition<\/strong>\u00a0zu:\n<ul>\n<li>Skizzen in formale Modelllemente umwandeln<\/li>\n<li>Syntax\u00fcberpr\u00fcfung hinzuf\u00fcgen<\/li>\n<li>Code oder Datenbankskripte generieren<\/li>\n<\/ul>\n<\/li>\n<li>Endg\u00fcltige Diagramme aus Desktop f\u00fcr Dokumentation exportieren<\/li>\n<li>Einfache Versionen zur\u00fcck zu VP Online teilen, um sie von Stakeholdern \u00fcberpr\u00fcfen zu lassen<\/li>\n<\/ol>\n<p>\u2705\u00a0<strong>Ergebnis<\/strong>: Agile Zusammenarbeit + professionelles Engineering = das Beste aus beiden Welten.<\/p>\n<hr\/>\n<h2>\ud83c\udfc1 Abschlie\u00dfende Gedanken: Ihre UML-Reise beginnt jetzt<\/h2>\n<p><img alt=\"Schools Using Visual Paradigm\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/school-logo.png\"\/><\/p>\n<p>Erinnern Sie sich an meine Verwirrung am Tag 1? Sie m\u00fcssen das nicht haben.<\/p>\n<p>\u2705\u00a0<strong>Sie k\u00f6nnen heute beginnen<\/strong>\u2014keine Erfahrung, kein Budget, kein Risiko.<br \/>\n\u2705\u00a0<strong>Sie k\u00f6nnen sich schrittweise weiterentwickeln<\/strong>\u2014von einfachen Diagrammen bis hin zur vollst\u00e4ndigen modellgetriebenen Entwicklung.<br \/>\n\u2705\u00a0<strong>Sie k\u00f6nnen frei wechseln<\/strong>\u2014beide Tools sind kostenlos, also probieren Sie ohne Verpflichtung aus.<\/p>\n<h3>\ud83d\ude80 Ihre n\u00e4chsten 3 Schritte<\/h3>\n<ol>\n<li><strong>Probieren Sie VP Online jetzt aus<\/strong>:\u00a0<a href=\"https:\/\/online.visual-paradigm.com\/diagrams.jsp\">online.visual-paradigm.com<\/a>\u00a0\u2192 Erstellen Sie in 5 Minuten ein Klassendiagramm<\/li>\n<li><strong>Desktop sp\u00e4ter herunterladen<\/strong>:\u00a0<a href=\"https:\/\/www.visual-paradigm.com\/download\/community.jsp\">visual-paradigm.com\/download\/community.jsp<\/a>\u00a0\u2192 Wenn Sie bereit f\u00fcr Modellierungsmuster sind<\/li>\n<li><strong>Der Community beitreten<\/strong>:\u00a0<a href=\"http:\/\/forums.visual-paradigm.com\/\">forums.visual-paradigm.com<\/a>\u00a0\u2192 Stellen Sie Fragen, teilen Sie Ihre Arbeit und lernen Sie von anderen<\/li>\n<\/ol>\n<blockquote>\n<p>\ud83c\udf1f\u00a0<strong>Denken Sie daran<\/strong>: Jeder Experte war einst ein Anf\u00e4nger. Ihr erster UML-Diagramm muss nicht perfekt sein \u2013 er muss nur existieren. Die kostenlosen Tools von Visual Paradigm sind hier, um Ihnen zu helfen, diesen ersten Strich zu ziehen, und jeden danach.<\/p>\n<\/blockquote>\n<hr\/>\n<ol>\n<li>\ud83d\udcda Referenzliste<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/online-diagram-editor\/\"><strong>Online-Diagramm-Editor-Funktionen<\/strong><\/a>: Offizielle Dokumentation, die die Diagrammfunktionen von VP Online, die Benutzeroberfl\u00e4chengestaltung und Anwendungsf\u00e4lle f\u00fcr visuelle Kommunikation beschreibt.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/vp-online\/desktop-accessibility\/\"><strong>Zug\u00e4nglichkeit von VP Online Desktop<\/strong><\/a>: Leitfaden zur plattform\u00fcbergreifenden Browserkompatibilit\u00e4t, Leistungsaspekten und Zug\u00e4nglichkeitsfunktionen f\u00fcr den webbasierten Editor.<\/li>\n<li><a href=\"https:\/\/forums.visual-paradigm.com\/t\/model-explorer-vs-diagram-navigator\/15190\"><strong>Model-Explorer im Vergleich zum Diagramm-Navigator<\/strong><\/a>: Diskussion im Community-Forum, die die strukturellen Unterschiede zwischen der modellzentrierten Projektorganisation im Desktop- und der diagrammzentrierten Projektorganisation im Online-Modus kl\u00e4rt.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/visual-modeling-tool\/\"><strong>\u00dcbersicht \u00fcber das visuelle Modellierungstool<\/strong><\/a>: Umfassende Liste der Funktionen f\u00fcr den modellgetriebenen Ansatz von Visual Paradigm, einschlie\u00dflich Wiederverwendung von Elementen, Syntax\u00fcberpr\u00fcfung und Integrationen mit Ingenieurwerkzeugen.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/support\/documents\/vpuserguide\/12\/13\/5963_visualparadi.html\"><strong>Benutzerhandbuch von Visual Paradigm: Modell-Elemente<\/strong><\/a>: Offizielle Dokumentation, die erkl\u00e4rt, wie Modell-Elemente als wiederverwendbare Datenobjekte \u00fcber mehrere Diagramme in der Desktop-Anwendung hinweg funktionieren.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/cn\/solution\/uml\/uml-tool\/\"><strong>UML-Tool-L\u00f6sungsseite (CN)<\/strong><\/a>: Ressource auf Chinesisch, die die UML-Modellierungsfunktionen, Anwendungsf\u00e4lle und die Unternehmensnutzung der Visual-Paradigm-Tools beschreibt.<\/li>\n<li><a href=\"https:\/\/medium.com\/@ralpha-garcia\/visio-alternative-why-vp-online-21ea1a0d288b\"><strong>Visio-Alternative: Warum VP Online?<\/strong><\/a>: Unabh\u00e4ngige Bewertung, die VP Online mit Microsoft Visio vergleicht und die Benutzerfreundlichkeit, Zusammenarbeitsfunktionen und UML-Unterst\u00fctzung hervorhebt.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/support\/documents\/vpuserguide\/1283\/1285_organizingwo.html\"><strong>Benutzerhandbuch: Arbeit mit dem Model-Explorer organisieren<\/strong><\/a>: Schritt-f\u00fcr-Schritt-Anleitung zur Verwendung des Model-Explorers zur Strukturierung, Navigation und Verwaltung komplexer Modellierungsprojekte in der Desktop-Version.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/support\/documents\/vpuserguide\/1283\/27\/28894_modelelement.html\"><strong>Benutzerhandbuch: Referenz zu Modell-Elementen<\/strong><\/a>: Technische Dokumentation, die Modell-Elemente, ihre Eigenschaften und deren Rolle bei der Gew\u00e4hrleistung von Konsistenz \u00fcber Diagramme hinweg in Visual Paradigm Desktop definiert.<\/li>\n<li><a href=\"https:\/\/www.archimetric.com\/visual-paradigm-online-the-ultimate-cloud-based-uml-diagramming-platform\/\"><strong>Visual Paradigm Online: Die ultimative cloudbasierte Plattform<\/strong><\/a>: Detaillierte Nutzerbewertung, die die St\u00e4rken von VP Online f\u00fcr die Fernzusammenarbeit, Bildung und leichte Diagrammierungsarbeitsabl\u00e4ufe abdeckt.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/solution\/diagramming-tool-on-the-cloud\/\"><strong>Cloudbasierte L\u00f6sung f\u00fcr Diagrammierungs-Tools<\/strong><\/a>: Offizielle Seite, die die Architektur, Sicherheit, Integrationsm\u00f6glichkeiten und hybride Arbeitsabl\u00e4ufe von VP Online mit Desktop-Tools beschreibt.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/solution\/diagramming-tool-on-the-cloud\/\"><strong>Diagrammierungs-Tool in der Cloud \u2013 Funktionen<\/strong><\/a>: Aufschl\u00fcsselung der Funktionen von VP Online hinsichtlich Zusammenarbeitswerkzeuge, Exportoptionen, Vorlagensammlung und Upgrade-Pfade zu kommerziellen Editionen.<\/li>\n<li><a href=\"https:\/\/online.visual-paradigm.com\/diagrams\/solutions\/free-online-diagram-software\/\"><strong>Kostenlose Online-Diagramm-Software<\/strong><\/a>: Umfassender Leitfaden, der alle Diagrammtypen abdeckt, die von der kostenlosen Online-Plattform von Visual Paradigm unterst\u00fctzt werden.<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/visual-paradigm-online-the-ultimate-diagramming-tool-for-businesses-and-individuals\/\"><strong>Visual Paradigm Online: Das ultimative Diagrammierungs-Tool<\/strong><\/a>: Blogbeitrag, der Anwendungsf\u00e4lle f\u00fcr Unternehmen und Einzelpersonen diskutiert, inklusive Funktionsvergleiche.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/solution\/erd-tool\/\"><strong>ERD-Tool \u2013 Visual Paradigm<\/strong><\/a>: Ressource f\u00fcr die Modellierung von Entit\u00e4ts-Beziehungs-Diagrammen mit den kostenlosen und kostenpflichtigen Editionen von Visual Paradigm.<\/li>\n<li><a href=\"https:\/\/plg.uwaterloo.ca\/~migod\/uml\/\"><strong>UML-Ressourcen \u2013 Universit\u00e4t Waterloo<\/strong><\/a>: Akademische Ressourcenseite mit UML-Lernmaterialien und Tool-Empfehlungen, einschlie\u00dflich Visual Paradigm.<\/li>\n<\/ol>\n<hr\/>\n<ol>\n<li>\ud83c\udf81\u00a0<strong>Zusatz<\/strong>: Alle Diagramme in diesem Leitfaden wurden mit den kostenlosen Tools von Visual Paradigm erstellt. Sie k\u00f6nnen jedes Beispiel nachbilden \u2013 bereits ab heute.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Journey f\u00fcr Anf\u00e4nger mit Schritt-f\u00fcr-Schritt-Anleitungen, echtem Fallbeispiel und professionellen Tipps \u201eIch hatte noch nie zuvor ein UML-Diagramm gezeichnet. Ich wusste<\/p>\n","protected":false},"author":3482,"featured_media":11262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png","fifu_image_alt":"","footnotes":""},"categories":[127],"tags":[],"class_list":["post-11261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Visual Paradigm kostenlose UML-Tools: Von Null auf Held - 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\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Paradigm kostenlose UML-Tools: Von Null auf Held - ArchiMetric German\" \/>\n<meta property=\"og:description\" content=\"Journey f\u00fcr Anf\u00e4nger mit Schritt-f\u00fcr-Schritt-Anleitungen, echtem Fallbeispiel und professionellen Tipps \u201eIch hatte noch nie zuvor ein UML-Diagramm gezeichnet. Ich wusste\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric German\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-30T07:13:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"849\" \/>\n\t<meta property=\"og:image:height\" content=\"471\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"16\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"headline\":\"Visual Paradigm kostenlose UML-Tools: Von Null auf Held\",\"datePublished\":\"2026-03-30T07:13:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\"},\"wordCount\":2710,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png\",\"articleSection\":[\"Unified Modeling Language\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\",\"url\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\",\"name\":\"Visual Paradigm kostenlose UML-Tools: Von Null auf Held - ArchiMetric German\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png\",\"datePublished\":\"2026-03-30T07:13:41+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png\",\"width\":849,\"height\":471},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Paradigm kostenlose UML-Tools: Von Null auf Held\"}]},{\"@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\/71e6318556cda44457a5b68e284bedba\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.archimetric.com\/de\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Paradigm kostenlose UML-Tools: Von Null auf Held - 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\/visual-paradigm-free-uml-tools-from-zero-to-hero\/","og_locale":"de_DE","og_type":"article","og_title":"Visual Paradigm kostenlose UML-Tools: Von Null auf Held - ArchiMetric German","og_description":"Journey f\u00fcr Anf\u00e4nger mit Schritt-f\u00fcr-Schritt-Anleitungen, echtem Fallbeispiel und professionellen Tipps \u201eIch hatte noch nie zuvor ein UML-Diagramm gezeichnet. Ich wusste","og_url":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/","og_site_name":"ArchiMetric German","article_published_time":"2026-03-30T07:13:41+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png","type":"","width":"","height":""},{"width":849,"height":471,"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/03\/img_69ca23829b5d3.png","twitter_misc":{"Verfasst von":"curtis","Gesch\u00e4tzte Lesezeit":"16\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/"},"author":{"name":"curtis","@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"headline":"Visual Paradigm kostenlose UML-Tools: Von Null auf Held","datePublished":"2026-03-30T07:13:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/"},"wordCount":2710,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png","articleSection":["Unified Modeling Language"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/","url":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/","name":"Visual Paradigm kostenlose UML-Tools: Von Null auf Held - ArchiMetric German","isPartOf":{"@id":"https:\/\/www.archimetric.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png","datePublished":"2026-03-30T07:13:41+00:00","author":{"@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#primaryimage","url":"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png","contentUrl":"https:\/\/www.archimetric.com\/de\/wp-content\/uploads\/sites\/11\/2026\/03\/img_69ca23829b5d3.png","width":849,"height":471},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/de\/visual-paradigm-free-uml-tools-from-zero-to-hero\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/de\/"},{"@type":"ListItem","position":2,"name":"Visual Paradigm kostenlose UML-Tools: Von Null auf Held"}]},{"@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\/71e6318556cda44457a5b68e284bedba","name":"curtis","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.archimetric.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.archimetric.com\/de\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/posts\/11261","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\/3482"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/comments?post=11261"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/posts\/11261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/media\/11262"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/media?parent=11261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/categories?post=11261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/de\/wp-json\/wp\/v2\/tags?post=11261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}