{"id":11997,"date":"2026-08-14T09:46:06","date_gmt":"2026-08-14T01:46:06","guid":{"rendered":"https:\/\/www.cybermedian.com\/de\/generating-plantuml-and-c4-models-in-vpascode\/"},"modified":"2026-09-03T22:38:09","modified_gmt":"2026-09-03T14:38:09","slug":"generating-plantuml-and-c4-models-in-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/de\/generating-plantuml-and-c4-models-in-vpascode\/","title":{"rendered":"Systemarchitektur mit KI: Generierung von PlantUML- und C4-Modellen in VPasCode"},"content":{"rendered":"

Moderne Softwarearchitektur erfordert schnelle Design-Iterationen ohne Kompromisse bei der Pr\u00e4zision. Unternehmensarchitekten und Systemdesigner st\u00fctzen sich h\u00e4ufig auf dom\u00e4nenspezifische Sprachen (DSLs), um Klarheit in der technischen Dokumentation zu gew\u00e4hrleisten. Die manuelle Erstellung detaillierter visueller Modelle wieC4-Architektur<\/a>Container oder mehrstufige Sequenzfl\u00fcsse f\u00fchrt jedoch h\u00e4ufig zu erheblichen Reibungsverlusten w\u00e4hrend schneller Design-Sprints.<\/p>\n

Visual ParadigmsVPasCode<\/a>geht dieser Herausforderung direkt auf den Grund. Als fortschrittlichesDiagram-as-Code-Tool<\/strong>kombiniert die Plattform eine textbasierte Bearbeitungsfl\u00e4che mit einem conversational AI-Engine, die speziell f\u00fcr technische Visualisierungen optimiert ist. Dies erm\u00f6glicht es Unternehmensteams, komplexe Unternehmensmodelle durch nat\u00fcrliche Sprachbefehle zu entwerfen, zu refaktorisieren und zu pflegen.<\/p>\n

\"Ein<\/p>\n

Transformation der technischen Architektur durch nat\u00fcrliche Sprachbefehle<\/h2>\n

Anstatt Diagramme Form f\u00fcr Form in Drag-and-Drop-Suiten zu erstellen, k\u00f6nnen Softwarearchitekten einKI-PlantUML-Tool<\/strong>einsetzen, um hochlevelige Systembeschreibungen in strukturierte Skripte zu \u00fcbersetzen. VPasCode verarbeitet diese Eingaben in einfacher englischer Sprache und gibt syntaxkorrekte Skripte in verschiedenen Visualisierungsstandards aus, darunter PlantUML, Mermaid, Graphviz und C4-Layouts.<\/p>\n

\"VPasCode<\/p>\n

Durch seine Multi-Format-Engine strukturiert dasKI-Diagramm-Generator<\/strong><\/a>automatisch Beziehungen, Komponenten und Grenzen. Architekten behalten die volle Kontrolle \u00fcber den zugrunde liegenden Code, was eine nahtlose Integration in Git-Repositories oder unternehmensinterne technische Dokumentationssysteme wie Visual Paradigm OpenDocs erm\u00f6glicht.<\/p>\n

\"Starten<\/p>\n

Um ein C4-Diagramm zu generieren, geben Sie Ihren Systemkontext ein und f\u00fcgen Sie in Ihrer Eingabe die Art des C4-Diagramms hinzu, das Sie erstellen m\u00f6chten.<\/p>\n

\"Erstellen<\/p>\n

Hier ist das f\u00fcr ein Hotelzimmerbuchungssystem generierte C4-Container-Diagramm:<\/p>\n

\"VPasCode-Schnittstelle,<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml Hotel \r\n\r\ntitle Reservierungssystem - Container-Diagramm\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\nskinparam vpDiagramType C4modelContainerDiagram\r\nskinparam linetype ortho\r\nskinparam defaultFontSize 14\r\nskinparam defaultFontColor #333333\r\n\r\nPerson(customer, \"Kunde\", \"Ein Gast, der Hotelsuchanfragen durchf\u00fchrt, Buchungen vornimmt und verwaltet\")\r\nPerson(admin, \"Hotel-Administrator\", \"Mitarbeiter, der Zimmer, Inventar, Preise und Buchungen verwaltet\")\r\nSystem_Ext(paymentGateway, \"Zahlungs-Gateway\", \"Externer Dienst zur Verarbeitung von Kartenzahlungen\")\r\n\r\nContainer_Boundary(hotelSystem, \"Hotel-Reservierungssystem\") {\r\n    Container(webApp, \"Webanwendung\", \"React Single Page Application\", \"Stellt die kundenorientierte Buchungsschnittstelle und Admin-Panels bereit\")\r\n    Container(mobileApp, \"Mobile Anwendung\", \"React Native\", \"Bietet eine native mobile Buchungserfahrung f\u00fcr Kunden\")\r\n    Container(api, \"Reservierungs-API\", \"Java\/Spring Boot (REST)\", \"Verwaltet Buchungslogik, Verf\u00fcgbarkeitspr\u00fcfungen, Preise und Reservierungszust\u00e4nde\")\r\n    ContainerDb(db, \"Reservierungsdatenbank\", \"PostgreSQL\", \"Speichert Zimmer, Preise, Gastprofile und Reservierungen\")\r\n    ContainerQueue(queue, \"Benachrichtigungswarteschlange\", \"Redis Pub\/Sub\", \"Puffert asynchrone Nachrichten f\u00fcr Best\u00e4tigungen und Benachrichtigungsauslieferung\")\r\n    Container(emailSvc, \"Benachrichtigungsdienst\", \"Node.js\", \"Sendet Buchungsbest\u00e4tigungen und Erinnerungen an G\u00e4ste\")\r\n}\r\n\r\nRel(customer, webApp, \"Bucht und verwaltet Reservierungen \u00fcber HTTPS\")\r\nRel(customer, mobileApp, \"Bucht und verwaltet Reservierungen \u00fcber HTTPS\")\r\nRel(admin, webApp, \"Verwaltet Zimmer, Preise und Reservierungen\")\r\nRel(webApp, api, \"Verwendet REST JSON\/HTTPS\", \"REST\")\r\nRel(mobileApp, api, \"Verwendet REST JSON\/HTTPS\", \"REST\")\r\nRel(api, db, \"Liest und schreibt Reservierungen\", \"JDBC\")\r\nRel(api, queue, \"Ver\u00f6ffentlicht Best\u00e4tigungsereignisse\", \"Pub\/Sub\")\r\nRel(queue, emailSvc, \"Verbraucht Benachrichtigungsereignisse\", \"Pub\/Sub\")\r\nRel(emailSvc, customer, \"Sendet Best\u00e4tigungs-E-Mails\", \"SMTP\")\r\nRel(api, paymentGateway, \"Reicht Zahlungsgeb\u00fchren ein\", \"REST\/HTTPS\")\r\nRel(paymentGateway, customer, \"Autorisiert und verbucht Kartenzahlungen\")\r\n\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle Hotel-Reservierungssystem - Container-Diagramm\r\n\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Refaktorisierung von C4-Modellen und PlantUML \u00fcber KI-Modifikation<\/h2>\n
Da sich Softwaresysteme weiterentwickeln, kann das zeilenweise Aktualisieren technischer Baupl\u00e4ne m\u00fchsam werden. VPasCode fungiert als interaktivesKI-Code-Modifikationswerkzeug<\/strong>, das es Entwicklern erm\u00f6glicht, gezielte Refaktorierungsanweisungen direkt an den Editor zu \u00fcbergeben.<\/p>\n
\"\u00c4ndern<\/p>\n
Geben Sie Ihre Anweisung ein. In diesem Fall bitten wir die KI, die Reservierungsdatenbank in zwei Teile zu splitten.<\/p>\n
\"VPasCode-KI-\u00c4nderungsdialog,<\/p>\n
Zu den von der Plattform bearbeiteten h\u00e4ufigen Anforderungen an architektonische Refaktorierungen geh\u00f6ren:<\/p>\n