{"id":10481,"date":"2026-05-22T17:42:53","date_gmt":"2026-05-22T09:42:53","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/"},"modified":"2026-05-30T14:01:16","modified_gmt":"2026-05-30T06:01:16","slug":"architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/","title":{"rendered":"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen"},"content":{"rendered":"<h2 data-nodeid=\"10018\">Einf\u00fchrung<\/h2>\n<p data-nodeid=\"10019\">Moderne Softwaresysteme sind inh\u00e4rent komplex und bestehen aus Hunderten interagierender Komponenten, gleichzeitigen Prozessen und komplexen Datenfl\u00fcssen. Der \u00dcbergang zwischen abstrakten Gesch\u00e4ftsanforderungen und konkreter technischer Umsetzung erfordert ein standardisiertes, eindeutiges Kommunikationsmittel. Die Unified Modeling Language (UML) fungiert als universelles Bauplan und bietet eine visuelle Vokabular, das Entwickler, Architekten und Stakeholder \u00fcber Disziplinen hinweg gemeinsam nutzen k\u00f6nnen.<\/p>\n<p data-nodeid=\"10020\">W\u00e4hrend theoretisches Wissen \u00fcber die UML-Syntax wertvoll ist, entsteht echte Meisterschaft erst, wenn diese Konzepte in einer koh\u00e4renten, realen Situation angewendet werden. Diese Fallstudie zeigt, wie die drei grundlegenden Bausteine der UML\u2014<strong data-nodeid=\"10132\">Dinge<\/strong>,\u00a0<strong data-nodeid=\"10133\">Beziehungen<\/strong>, und\u00a0<strong data-nodeid=\"10134\">Diagramme<\/strong>\u2014sich gegenseitig verbinden, um eine vollst\u00e4ndige Softwarearchitektur zu modellieren. Indem wir jeden UML-Element in der Gestaltung einer modernen E-Commerce-Plattform anwenden, werden wir abstrakte Modellierungsprinzipien in handlungsorientierte, produktionsreife visuelle Artefakte \u00fcbersetzen.<\/p>\n<p id=\"KqYoeiX\"><img alt=\"\" class=\"alignnone size-full wp-image-24786\" decoding=\"async\" height=\"648\" loading=\"lazy\" sizes=\"auto, (max-width: 1187px) 100vw, 1187px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png 1187w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac-300x164.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac-1030x562.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac-768x419.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac-150x82.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac-400x218.png 400w\" width=\"1187\"\/><\/p>\n<hr data-nodeid=\"10021\"\/>\n<h2 data-nodeid=\"10022\">Fallstudienkontext: Die E-Commerce-Plattform \u201eShopSphere\u201c<\/h2>\n<p data-nodeid=\"10023\"><strong data-nodeid=\"10144\">ShopSphere<\/strong>\u00a0ist eine skalierbare, cloud-native Online-Marktplatzplattform, die K\u00e4ufer, Drittanbieterverk\u00e4ufer und administratives Personal verbindet. Das System muss Benutzer-Authentifizierung, Produktkatalogverwaltung, Warenkorboperationen, sichere Zahlungsabwicklung, Auftragsabwicklung und Echtzeit-Inventarverfolgung bew\u00e4ltigen. Um Wartbarkeit und klare Teamkommunikation zu gew\u00e4hrleisten, hat das Architekturteam UML als ihre prim\u00e4re Modellierungsstandard \u00fcbernommen.<\/p>\n<hr data-nodeid=\"10024\"\/>\n<h2 data-nodeid=\"10025\">Teil 1: Modellierung mit UML \u201eDingen\u201c<\/h2>\n<p data-nodeid=\"10026\">Dinge sind die ersten B\u00fcrger jedes UML-Modells. Sie repr\u00e4sentieren die statischen Substantive, dynamischen Verben, organisatorischen Container und erkl\u00e4renden Kommentare, die die Grundlage der ShopSphere-Architektur bilden.<\/p>\n<h3 data-nodeid=\"10027\">1. Strukturelle Dinge (die statischen Substantive)<\/h3>\n<p data-nodeid=\"10028\">Strukturelle Dinge definieren die physischen und konzeptionellen Elemente, die innerhalb des Systems bestehen bleiben.<\/p>\n<p id=\"rpzTJSu\"><img alt=\"\" class=\"alignnone size-full wp-image-24787\" decoding=\"async\" height=\"376\" loading=\"lazy\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10250aea4d6.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10250aea4d6.png 722w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10250aea4d6-300x156.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10250aea4d6-150x78.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10250aea4d6-400x208.png 400w\" width=\"722\"\/><\/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:JL7DQW8n4Bulx3iCNggqJo0Y5f7YeLHOYqSPar63IKOcYJyjVVVEhbfwcnc-V7-Pf8oII_1rzGIpY1jF2OAxkBW3teBnc1Ab5oY9m60tOhHWE1mvKiofhj1xFj-Uj2HDbc9o4VImtEijmUo2uUYfhZesc9QKEP30Trq1F2k-5QE0ply_H0pKxK8xbp99Vr1NFtNbeivRD0Jp1Lw3UdZ3J6Uytlcmv3sB-w8-1Yun3y5oqLY38MoOFM7iO0QFQfBwMJ0cDDbndDiXtCGLUs9dExsRwG-n90jXGoafOCLos6fi61ds7ZSis3ACwqgBQdk2tdHFvi0bzm0JV4xNZ_t1E8ydzSvoRQxHD2Gdfv56hPCJZUzPfCI5yglWSY-4jgr0p-LeDNAJsHpkfVpz1zmxUMTRsieZMuAfvs9R2PBrwwgfgmb5gt_-2m00\" 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:JLBDIYD14BuFp3iKkMp4VO8WeaPPWiW6PiMZLBehcIRTLQ6wUpGk-rfxykQBMHCJy5ZL7zzVzLKkgAMcs3O_u4xJn_zD3Aulu373GyYk9uP16EuZvapy4nupmHmpPQZiuLxIJfYu4BSDnYWlARm6tenqDnJoBb24zSUxGYvQjwKgnKXmQn1g6pUImhpc8eaK_hODm7bNr5w14eRuVS6Ow30hRK8kfDEpjldNDi74TOsEOB74VJ8llx3G2-wFV5XBBnhUQ8f9AfSPUAchI6SpM8b4GZx07Ev6TzEYo1bT2S8BFuClSSCE4ln1xylqR_MaInL7EHlWINIxjlHmuIH6N8dYo73PDZMJixfWCk_9RQMM2LYrZ_FdqtnYNF1WtaNttPvTHpe4YtGnEXdeyfX5Ao-DtmJ_z4henmfiNNVU8dT5tFPOYZlT1OwTF8YlqVfZyNQ_ADMF4gJFrqzTsrmHU_i4dm00\" \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' Erm\u00f6glicht das Mischen von Klassen, Use Cases und Komponenten\r\nallowmixing\r\n' Beispiel f\u00fcr strukturelle Dinge\r\nclass Customer {\r\n  +String email\r\n  +String name\r\n  +register()\r\n}\r\ninterface IPaymentGateway {\r\n  +authorize(amount: double): boolean\r\n  +capture(transactionId: String): void\r\n}\r\nclass OrderProcessingWorkflow &lt;collaboration&gt;\r\nusecase \"Checkout\" as UC_Checkout\r\nclass InventorySyncService &lt;active&gt; {\r\n  +runPollingThread()\r\n  +updateStock()\r\n}\r\ncomponent PaymentModule\r\nnode CloudServer_AWS\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:JLBDIYD14BuFp3iKkMp4VO8WeaPPWiW6PiMZLBehcIRTLQ6wUpGk-rfxykQBMHCJy5ZL7zzVzLKkgAMcs3O_u4xJn_zD3Aulu373GyYk9uP16EuZvapy4nupmHmpPQZiuLxIJfYu4BSDnYWlARm6tenqDnJoBb24zSUxGYvQjwKgnKXmQn1g6pUImhpc8eaK_hODm7bNr5w14eRuVS6Ow30hRK8kfDEpjldNDi74TOsEOB74VJ8llx3G2-wFV5XBBnhUQ8f9AfSPUAchI6SpM8b4GZx07Ev6TzEYo1bT2S8BFuClSSCE4ln1xylqR_MaInL7EHlWINIxjlHmuIH6N8dYo73PDZMJixfWCk_9RQMM2LYrZ_FdqtnYNF1WtaNttPvTHpe4YtGnEXdeyfX5Ao-DtmJ_z4henmfiNNVU8dT5tFPOYZlT1OwTF8YlqVfZyNQ_ADMF4gJFrqzTsrmHU_i4dm00\" \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:JL7DQW8n4Bulx3iCNggqJo0Y5f7YeLHOYqSPar63IKOcYJyjVVVEhbfwcnc-V7-Pf8oII_1rzGIpY1jF2OAxkBW3teBnc1Ab5oY9m60tOhHWE1mvKiofhj1xFj-Uj2HDbc9o4VImtEijmUo2uUYfhZesc9QKEP30Trq1F2k-5QE0ply_H0pKxK8xbp99Vr1NFtNbeivRD0Jp1Lw3UdZ3J6Uytlcmv3sB-w8-1Yun3y5oqLY38MoOFM7iO0QFQfBwMJ0cDDbndDiXtCGLUs9dExsRwG-n90jXGoafOCLos6fi61ds7ZSis3ACwqgBQdk2tdHFvi0bzm0JV4xNZ_t1E8ydzSvoRQxHD2Gdfv56hPCJZUzPfCI5yglWSY-4jgr0p-LeDNAJsHpkfVpz1zmxUMTRsieZMuAfvs9R2PBrwwgfgmb5gt_-2m00\" 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<ul data-nodeid=\"10030\">\n<li data-nodeid=\"10031\">\n<p data-nodeid=\"10032\"><strong data-nodeid=\"10158\">Klassen<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10156\">Kunde<\/code>): Definieren Objektbaupl\u00e4ne mit Attributen und Operationen.<\/p>\n<\/li>\n<li data-nodeid=\"10033\">\n<p data-nodeid=\"10034\"><strong data-nodeid=\"10165\">Schnittstellen<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10163\">IPaymentGateway<\/code>): Spezifizieren Vertr\u00e4ge ohne Implementierungsdetails.<\/p>\n<\/li>\n<li data-nodeid=\"10035\">\n<p data-nodeid=\"10036\"><strong data-nodeid=\"10172\">Zusammenarbeit<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10170\">[Bestellverarbeitungsablauf]<\/code>): Modelliere kooperative Rollen, die gemeinsam einem Ziel zustreben.<\/p>\n<\/li>\n<li data-nodeid=\"10037\">\n<p data-nodeid=\"10038\"><strong data-nodeid=\"10179\">Anwendungsf\u00e4lle<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10177\">Kasse<\/code>): Erfasse extern sichtbare Systemverhalten.<\/p>\n<\/li>\n<li data-nodeid=\"10039\">\n<p data-nodeid=\"10040\"><strong data-nodeid=\"10186\">Aktive Klassen<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10184\">[Bestands-Synchronisationsdienst]<\/code>): Stelle gleichzeitige Prozesse oder Threads dar.<\/p>\n<\/li>\n<li data-nodeid=\"10041\">\n<p data-nodeid=\"10042\"><strong data-nodeid=\"10193\">Komponenten<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10191\">[Zahlungsmodul]<\/code>): Bereitstellbare, austauschbare physische Module.<\/p>\n<\/li>\n<li data-nodeid=\"10043\">\n<p data-nodeid=\"10044\"><strong data-nodeid=\"10200\">Knoten<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"10198\">[CloudServer_AWS]<\/code>): Laufzeit-Rechenressourcen.<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"10045\">2. Verhaltensdinge (die dynamischen Verben)<\/h3>\n<p data-nodeid=\"10046\">Verhaltensdinge erfassen, wie das System im Laufe der Zeit sich entwickelt und auf Reize reagiert.<\/p>\n<p id=\"Tlvijau\"><img alt=\"\" class=\"alignnone size-full wp-image-24790\" decoding=\"async\" height=\"269\" loading=\"lazy\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10259dcffb5.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10259dcffb5.png 377w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10259dcffb5-300x214.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10259dcffb5-150x107.png 150w\" width=\"377\"\/><\/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:PO_F2eCm38Vl1TyXU9ax-0A33N5us64W37OFRT0oJQMcOxxzucvbfq2-tvS_pIeO9SrJOGvmOw68LdnWgEwqhZWGT1yx8WzqB8oY4A5D6yN2BEfvwnTaWSSObiNpSDLUJdhSPcBfUF1CXVcvK5yo0qw0plKnk6IbAjiGNgLkooAgPAFKUUFa7GhjlD9ypkl_9LRBSvVW31AJdjCGE_tz2m00\" 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>Bearbeite PlantUML in VPasCode<\/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:NOz12i9034NtXTuXT6DTz0A2KdGbWhXIS1TdOcTecqAQyKJUn8iPGIZjDl-z_AGU5KLJt-NP2ewi9DXg71ZACxeWqGKbncHK6brOvvd5Wy3fyqvFaZnJYXrJw4dWXaBS3lAOJUyOkiJDIDn4fZpxcr3j9W4sWDvVPF39QLdiamk5LKsvmVCzPhomYnwL3dP_QVG2g1O5ph3hJu4jg2Ixf2RszlWN\" \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' Interaktion (Nachrichtenaustausch)\r\naktor K\u00e4ufer\r\nteilnehmer Warenkorb\r\nteilnehmer Zahlungsengine\r\nK\u00e4ufer -&gt; Warenkorb : addProduct(\"Buch\")\r\nWarenkorb -&gt; Zahlungsengine : validateCart()\r\nZahlungsengine --&gt; Warenkorb : cartValid = true\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NOz12i9034NtXTuXT6DTz0A2KdGbWhXIS1TdOcTecqAQyKJUn8iPGIZjDl-z_AGU5KLJt-NP2ewi9DXg71ZACxeWqGKbncHK6brOvvd5Wy3fyqvFaZnJYXrJw4dWXaBS3lAOJUyOkiJDIDn4fZpxcr3j9W4sWDvVPF39QLdiamk5LKsvmVCzPhomYnwL3dP_QVG2g1O5ph3hJu4jg2Ixf2RszlWN\" \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:PO_F2eCm38Vl1TyXU9ax-0A33N5us64W37OFRT0oJQMcOxxzucvbfq2-tvS_pIeO9SrJOGvmOw68LdnWgEwqhZWGT1yx8WzqB8oY4A5D6yN2BEfvwnTaWSSObiNpSDLUJdhSPcBfUF1CXVcvK5yo0qw0plKnk6IbAjiGNgLkooAgPAFKUUFa7GhjlD9ypkl_9LRBSvVW31AJdjCGE_tz2m00\" 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>Bearbeite PlantUML in VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<ul data-nodeid=\"10048\">\n<li data-nodeid=\"10049\">\n<p data-nodeid=\"10050\"><strong data-nodeid=\"10211\">Interaktionen<\/strong>: Nachrichtenfolgen (<code data-backticks=\"1\" data-nodeid=\"10207\">validateCart()<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"10209\">cartValid = true<\/code>) ausgetauscht zwischen Objekten.<\/p>\n<\/li>\n<li data-nodeid=\"10051\">\n<p data-nodeid=\"10052\"><strong data-nodeid=\"10222\">Zustandsmaschinen<\/strong>: Lebenszyklus-\u00dcberg\u00e4nge (<code data-backticks=\"1\" data-nodeid=\"10216\">Ausstehend<\/code>\u00a0\u2192\u00a0<code data-backticks=\"1\" data-nodeid=\"10218\">Verarbeitung<\/code>\u00a0\u2192\u00a0<code data-backticks=\"1\" data-nodeid=\"10220\">Versandt\/Storniert<\/code>) ausgel\u00f6st durch Ereignisse.<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"10053\">3. Gruppierende Dinge (Die organisatorischen Container)<\/h3>\n<p data-nodeid=\"10054\">Gruppierende Dinge zerlegen komplexe Modelle in \u00fcberschaubare Namensr\u00e4ume.<\/p>\n<p id=\"tCgLjMh\"><img alt=\"\" class=\"alignnone size-full wp-image-24792\" decoding=\"async\" height=\"112\" loading=\"lazy\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10261a6a3c1.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10261a6a3c1.png 882w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10261a6a3c1-300x38.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10261a6a3c1-768x98.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10261a6a3c1-150x19.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10261a6a3c1-400x51.png 400w\" width=\"882\"\/><\/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:NP31QW9138Rl0_CEmOkluR9Os4DfeNWg7i9CM8VE94iIxKBfktTLHEqj8NnVadzZZkh7LcDOGrUhV1kqCXSU8LKq8mFa34dQ94pi1iBW1mB3Hf2GJsWnu1cyOZ5CcBvm95ZrejHBQwI9Ll0J0roTyAQPzDuEV9AIA8RV1tXdfA_8IzsMjKzuVpINzcZeSYjy9fuTszb96Ul0JgEY5s6xcMuFmUU7QvcMGvafkUZ-t_Y5ydRkteVznRqXpajQVm00\" 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:NP11QWCn34Nt1jz1P9Dh90nJ6DBGGEcgPA7OwjJKbWRPJWPAxnud499qfu_qdxwqoWMrr1IjMKAl4UkXWCSCsv3TDp4SXM4JCUTML_QmaJG94vUciNw19uKnKhWElrBW4xAt1cEKKmfpuD6Q2TqFZWIBJfGwIOdKqG9-hG5m5pQyQUFSvS172Owi-NimVsJIBNAhKrl_PEzgBf8U2MkV0bySpun-BgICSMZvHyKIXFEDT3iCFj-BXga5PIPNHFV_sY_a-tcz6_PNzehOj_-T0G00\" \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' Erlaubt das Mischen von Klassen und Komponenten auf der gleichen Leinwand\r\nallowmixing\r\npackage \"CoreCommerce\" {\r\n  class Order\r\n  class Invoice\r\n}\r\npackage \"UserManagement\" {\r\n  class Customer\r\n  class AdminUser\r\n}\r\npackage \"ExternalIntegrations\" {\r\n  component [StripeConnector]\r\n  component [FedExAPI]\r\n}\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NP11QWCn34Nt1jz1P9Dh90nJ6DBGGEcgPA7OwjJKbWRPJWPAxnud499qfu_qdxwqoWMrr1IjMKAl4UkXWCSCsv3TDp4SXM4JCUTML_QmaJG94vUciNw19uKnKhWElrBW4xAt1cEKKmfpuD6Q2TqFZWIBJfGwIOdKqG9-hG5m5pQyQUFSvS172Owi-NimVsJIBNAhKrl_PEzgBf8U2MkV0bySpun-BgICSMZvHyKIXFEDT3iCFj-BXga5PIPNHFV_sY_a-tcz6_PNzehOj_-T0G00\" \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:NP31QW9138Rl0_CEmOkluR9Os4DfeNWg7i9CM8VE94iIxKBfktTLHEqj8NnVadzZZkh7LcDOGrUhV1kqCXSU8LKq8mFa34dQ94pi1iBW1mB3Hf2GJsWnu1cyOZ5CcBvm95ZrejHBQwI9Ll0J0roTyAQPzDuEV9AIA8RV1tXdfA_8IzsMjKzuVpINzcZeSYjy9fuTszb96Ul0JgEY5s6xcMuFmUU7QvcMGvafkUZ-t_Y5ydRkteVznRqXpajQVm00\" 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<ul data-nodeid=\"10056\">\n<li data-nodeid=\"10057\">\n<p data-nodeid=\"10058\"><strong data-nodeid=\"10229\">Pakete<\/strong>: Reine konzeptionelle Container, die w\u00e4hrend der Entwicklung verwandte Elemente organisieren.<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"10059\">4. Anmerkungsobjekte (Die erkl\u00e4renden Kommentare)<\/h3>\n<p data-nodeid=\"10060\">Anmerkungsobjekte liefern Klarheit, Einschr\u00e4nkungen und Entwickleranleitungen.<\/p>\n<p id=\"TBrAEyH\"><img alt=\"\" class=\"alignnone size-full wp-image-24793\" decoding=\"async\" height=\"94\" loading=\"lazy\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10264b8816c.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10264b8816c.png 513w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10264b8816c-300x55.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10264b8816c-150x27.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10264b8816c-400x73.png 400w\" width=\"513\"\/><\/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:JOzD2i9034Rt0tE7xBeGF82hAkuLFS6qZUt0D2dv0K6ykzFgmbq8xtl9rwebCPzB37r9gd2H0GLUCG3ipknTGJ2sL8upEzcslfja6g4cpJM6Tmp4XY1vd0puyLMivCar4rRfpGiU_ZqmknfaweiFkAAMdf1e09toigps3Xyi-3i29eaqMsRIZMPehi9zTLUssSU0DRj-4KDRnzhd0m00\" 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:JOyn3i8m34NtIBc3jmuW3i1K92H6XahiQUicaL97ScmO4BVX9boCf2nCjgp_t__kYpWMNPCrKtAbm9LdP7XQ0x0xPnqJWcHnwRHc9TdEWt0a3zKfMgnvMKDP43Zw892N7w8fBrYcy7alKXWzfkC_2LQjQOEW8XCepN13BgvE90ak2TA-CKQyPuRMQTZo819qLUfun2XAleC7Jg5WaeCrMFsjZ3LzNUjRNm00\" \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\nclass Order {\r\n  +Double totalAmount\r\n  +String status\r\n}\r\nnote right of Order\r\n  Gesch\u00e4ftsregel: totalAmount muss Steuern und Versand enthalten,\r\n  bevor der Status in 'Verarbeitung' wechselt.\r\nend note\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:JOyn3i8m34NtIBc3jmuW3i1K92H6XahiQUicaL97ScmO4BVX9boCf2nCjgp_t__kYpWMNPCrKtAbm9LdP7XQ0x0xPnqJWcHnwRHc9TdEWt0a3zKfMgnvMKDP43Zw892N7w8fBrYcy7alKXWzfkC_2LQjQOEW8XCepN13BgvE90ak2TA-CKQyPuRMQTZo819qLUfun2XAleC7Jg5WaeCrMFsjZ3LzNUjRNm00\" \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:JOzD2i9034Rt0tE7xBeGF82hAkuLFS6qZUt0D2dv0K6ykzFgmbq8xtl9rwebCPzB37r9gd2H0GLUCG3ipknTGJ2sL8upEzcslfja6g4cpJM6Tmp4XY1vd0puyLMivCar4rRfpGiU_ZqmknfaweiFkAAMdf1e09toigps3Xyi-3i29eaqMsRIZMPehi9zTLUssSU0DRj-4KDRnzhd0m00\" 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<ul data-nodeid=\"10062\">\n<li data-nodeid=\"10063\">\n<p data-nodeid=\"10064\"><strong data-nodeid=\"10236\">Notizen<\/strong>: Eingeknickte Textbl\u00f6cke, die Elementen angeh\u00e4ngt sind, um Einschr\u00e4nkungen, Bemerkungen oder Dokumentationen zu liefern.<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"10065\"\/>\n<h2 data-nodeid=\"10066\">Teil 2: Verbinden von Elementen mit UML-Beziehungen<\/h2>\n<p data-nodeid=\"10067\">Beziehungen definieren die semantischen und strukturellen Abh\u00e4ngigkeiten, die Dinge miteinander verbinden. Die Architektur von ShopSphere basiert auf vier prim\u00e4ren relationalen Bausteinen:<\/p>\n<p id=\"PLWTJej\"><img alt=\"\" class=\"alignnone size-full wp-image-24794\" decoding=\"async\" height=\"296\" loading=\"lazy\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1026822658b.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1026822658b.png 498w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1026822658b-300x178.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1026822658b-150x89.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1026822658b-400x238.png 400w\" width=\"498\"\/><\/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:RPB1QW8n48Rl2_iEmnvQQzbGQqyYYw9GUgfq-m8X6NS7iab8OiNIX-_ehY3gCNyot_ppJnOnoP1sdScpH_X28nCv6rloy7tm684irAtpjMynO9uf8sCyAPvii-BIixQHXmvjgZ7yaEANP1E6hLG87yFL9ZY5CRfmBba5r9GOec-kk6GZpOLyj3SHi4QFLgDL1nYjPMnHWo6BJtbswGc4gAuCmGpcyrt4M5Kzx5N0aj6AJXF30ooR9c3JdqQrCzIZOK-f1KsoSrPpdzKk9jTXW69ImBWieNWHObp0Pz0ipi0RdZd2q6KgE5Hfw7VW3fwVeNN6k3t84Dp-IBsDWeVug-w5T-I-2NX7Y-42tLk-8Lyb2MN9r7ljPhnhNZAb2ChPBJLvjk2i-Mly0m00\" 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:RPBTIiD048Nl2ts78JVMIe9Lhqe9hHL450ps2RR9P3EusOJPIQN5n_5DV36dVr1gB_VidlFD77OQnB1qjUlthk0HDuHLvssGTOiUoCEYQjf5Mo5ZlvSx4y9EQSdRkVgEMcRMDNfP8AyervVa1RaqESBBuIhZ9iSG6ZvQvem5YOOK_wxKaXbt8czd6oKmMrQ_FzwI_KGI65WCmfHNw0JXZJpXTRztEXqaINes6enXCbaXVw4lKD9qdtsdsKhQa15gF7I-W9crZ7P_7fHAEY2WLlGJcTfuKToy2zBKo12D8XZ6CKItIJACu9qB5SUWFkS43fpx13xGE0g4h2sVhN03LLCvXAn4Sg4bsMmNkj2JxlMTNcfsotX8u1azyYbcF__b_BEo8Our-n9q3CXBWTV6bsGxtbNJxqsrIFqzVm00\" \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\" data-nodeid=\"10068\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' Beziehungstypen in ShopSphere\r\nclass ShoppingCart\r\nclass PaymentService\r\ninterface IPaymentProcessor\r\nclass CreditCardProcessor\r\nclass PayPalProcessor\r\n\r\n' 1. Abh\u00e4ngigkeit (gestrichelte Linie)\r\nShoppingCart ..&gt; PaymentService : &lt;&lt;verwendet&gt;&gt;\r\n\r\n' 2. Assoziation und Aggregation (feste Linie mit Diamant)\r\nCustomer \"1\" *-- \"0..*\" Order : stellt &gt;\r\n\r\n' 3. Realisierung (gestrichelte + hohle Pfeilspitze)\r\nCreditCardProcessor ..|&gt; IPaymentProcessor\r\n\r\n' 4. Generalisierung (feste + hohle Pfeilspitze)\r\nPayPalProcessor --|&gt; CreditCardProcessor : erbt Konfiguration\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:RPBTIiD048Nl2ts78JVMIe9Lhqe9hHL450ps2RR9P3EusOJPIQN5n_5DV36dVr1gB_VidlFD77OQnB1qjUlthk0HDuHLvssGTOiUoCEYQjf5Mo5ZlvSx4y9EQSdRkVgEMcRMDNfP8AyervVa1RaqESBBuIhZ9iSG6ZvQvem5YOOK_wxKaXbt8czd6oKmMrQ_FzwI_KGI65WCmfHNw0JXZJpXTRztEXqaINes6enXCbaXVw4lKD9qdtsdsKhQa15gF7I-W9crZ7P_7fHAEY2WLlGJcTfuKToy2zBKo12D8XZ6CKItIJACu9qB5SUWFkS43fpx13xGE0g4h2sVhN03LLCvXAn4Sg4bsMmNkj2JxlMTNcfsotX8u1azyYbcF__b_BEo8Our-n9q3CXBWTV6bsGxtbNJxqsrIFqzVm00\" \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:RPB1QW8n48Rl2_iEmnvQQzbGQqyYYw9GUgfq-m8X6NS7iab8OiNIX-_ehY3gCNyot_ppJnOnoP1sdScpH_X28nCv6rloy7tm684irAtpjMynO9uf8sCyAPvii-BIixQHXmvjgZ7yaEANP1E6hLG87yFL9ZY5CRfmBba5r9GOec-kk6GZpOLyj3SHi4QFLgDL1nYjPMnHWo6BJtbswGc4gAuCmGpcyrt4M5Kzx5N0aj6AJXF30ooR9c3JdqQrCzIZOK-f1KsoSrPpdzKk9jTXW69ImBWieNWHObp0Pz0ipi0RdZd2q6KgE5Hfw7VW3fwVeNN6k3t84Dp-IBsDWeVug-w5T-I-2NX7Y-42tLk-8Lyb2MN9r7ljPhnhNZAb2ChPBJLvjk2i-Mly0m00\" 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<ul data-nodeid=\"10069\">\n<li data-nodeid=\"10070\">\n<p data-nodeid=\"10071\"><strong data-nodeid=\"10249\">Abh\u00e4ngigkeit<\/strong>: Eine \u00c4nderung in\u00a0<code data-backticks=\"1\" data-nodeid=\"10245\">ZahlungsService<\/code>\u00a0kann beeinflussen\u00a0<code data-backticks=\"1\" data-nodeid=\"10247\">Warenkorb<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"10072\">\n<p data-nodeid=\"10073\"><strong data-nodeid=\"10262\">Assoziation\/Aggregation<\/strong>:\u00a0<code data-backticks=\"1\" data-nodeid=\"10254\">Kunde<\/code>\u00a0pflegt eine strukturelle \u201eGanzes\/Teil\u201c-Verbindung mit\u00a0<code data-backticks=\"1\" data-nodeid=\"10260\">Bestellung<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"10074\">\n<p data-nodeid=\"10075\"><strong data-nodeid=\"10271\">Realisierung<\/strong>:\u00a0<code data-backticks=\"1\" data-nodeid=\"10267\">Kreditkartenverarbeiter<\/code>\u00a0garantiert den durch\u00a0spezifizierten Vertrag\u00a0<code data-backticks=\"1\" data-nodeid=\"10269\">IZahlungsverarbeiter<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"10076\">\n<p data-nodeid=\"10077\"><strong data-nodeid=\"10280\">Generalisierung<\/strong>:\u00a0<code data-backticks=\"1\" data-nodeid=\"10276\">PayPal-Verarbeiter<\/code>\u00a0spezialisiert sich auf\u00a0<code data-backticks=\"1\" data-nodeid=\"10278\">Kreditkartenverarbeiter<\/code>, erbt dessen Struktur und Verhalten.<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"10078\"\/>\n<h2 data-nodeid=\"10079\">Teil 3: Visualisierung der Architektur mit UML-Diagrammen<\/h2>\n<p data-nodeid=\"10080\">Diagramme sind grafische Projektionen, die Dinge und Beziehungen in stakeholder-spezifische Ansichten gruppieren. Unten sind die vollst\u00e4ndigen Diagramm-Implementierungen f\u00fcr ShopSphere aufgef\u00fchrt, kategorisiert nach strukturellen und verhaltensbasierten Perspektiven.<\/p>\n<h3 data-nodeid=\"10081\">Strukturelle Diagramme<\/h3>\n<p data-nodeid=\"10082\">Erfassen die statische Architektur und die physische Bereitstellung.<\/p>\n<h4 data-nodeid=\"10083\">Klassendiagramm<\/h4>\n<p data-nodeid=\"10084\">Zeigt Systemklassen, Schnittstellen und ihre statischen Beziehungen an.<\/p>\n<p id=\"CIPWwrn\"><img alt=\"\" class=\"alignnone size-full wp-image-24795\" decoding=\"async\" height=\"202\" loading=\"lazy\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1027ee4af39.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1027ee4af39.png 291w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1027ee4af39-150x104.png 150w\" width=\"291\"\/><\/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:LSzD2i8m40NWVI1t6BBoXmQzG2dKZIi5Jp0qemJoKoRJXQXtrsgjk7iC7uytJH5a6MBGgWjO2hH3aHo9uQOLmFeaxDC5AA8FeDL3goyyi9lL3eKWZuTtcfnFGdp6Zc1_n6ka91FlENTKocBvtzWoEIyjijFgby7QUpqtZ7gUQBO6gge6ix5sPJwBj6eekTT3Jm00\" 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:LSzD2i8m40NWVI1t6BBoXmQzG2dKZIi5Jp0qemJoKoRJXQXtrsgjk7iC7uytJH5a6MBGgWjO2hH3aHo9uQOLmFeaxDC5AA8FeDL3goyyi9lL3eKWZuTtcfnFGdp6Zc1_n6ka91FlENTKocBvtzWoEIyjijFgby7QUpqtZ7gUQBO6gge6ix5sPJwBj6eekTT3Jm00\" \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\" data-nodeid=\"10085\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Customer {\r\n  +String email \r\n}\r\n\r\nclass Order {\r\n  +Date orderDate \r\n}\r\n\r\ninterface IPayment {\r\n  +process() \r\n}\r\n\r\nclass CreditCard\r\nCreditCard ..|&gt; IPayment\r\n\r\nCustomer \"1\" --&gt; \"0..*\" Order\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:LSzD2i8m40NWVI1t6BBoXmQzG2dKZIi5Jp0qemJoKoRJXQXtrsgjk7iC7uytJH5a6MBGgWjO2hH3aHo9uQOLmFeaxDC5AA8FeDL3goyyi9lL3eKWZuTtcfnFGdp6Zc1_n6ka91FlENTKocBvtzWoEIyjijFgby7QUpqtZ7gUQBO6gge6ix5sPJwBj6eekTT3Jm00\" \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:LSzD2i8m40NWVI1t6BBoXmQzG2dKZIi5Jp0qemJoKoRJXQXtrsgjk7iC7uytJH5a6MBGgWjO2hH3aHo9uQOLmFeaxDC5AA8FeDL3goyyi9lL3eKWZuTtcfnFGdp6Zc1_n6ka91FlENTKocBvtzWoEIyjijFgby7QUpqtZ7gUQBO6gge6ix5sPJwBj6eekTT3Jm00\" 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 data-nodeid=\"10086\">Objektdiagramm<\/h4>\n<p data-nodeid=\"10087\">Stellt einen Schnappschuss instanzierter Objekte zur Laufzeit dar.<\/p>\n<p id=\"EjFMVwR\"><img alt=\"\" class=\"alignnone size-full wp-image-24796\" decoding=\"async\" height=\"162\" loading=\"lazy\" sizes=\"auto, (max-width: 139px) 100vw, 139px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10283717380.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10283717380.png 139w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10283717380-129x150.png 129w\" width=\"139\"\/><\/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:SoWkIImgAStDuUNAJyfAJIvHKChApyXpACx8Bz1BpizLKaWiLaWsHCZw5wMa5Yae6neOcO3bye5ooOOAkhfsGAQ2bK91Jc9oQh627I-NGsfU2j1W0000\" 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:SoWkIImgAStDuUNAJyfAJIvHKChApyXpACx8Bz1BpizLKaWiLaWsHCZw5wMa5Yae6neOcO3bye5ooOOAkhfsGAQ2bK9nIMfEJec27I-NGsfU2j1W0000\" \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\" data-nodeid=\"10088\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nobject \"john@shop.com\" as c1\r\nobject \"Order #1024\" as o1\r\nc1 --&gt; o1 : stellt &gt;\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUNAJyfAJIvHKChApyXpACx8Bz1BpizLKaWiLaWsHCZw5wMa5Yae6neOcO3bye5ooOOAkhfsGAQ2bK9nIMfEJec27I-NGsfU2j1W0000\" \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:SoWkIImgAStDuUNAJyfAJIvHKChApyXpACx8Bz1BpizLKaWiLaWsHCZw5wMa5Yae6neOcO3bye5ooOOAkhfsGAQ2bK91Jc9oQh627I-NGsfU2j1W0000\" 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 data-nodeid=\"10089\">Komponentendiagramm<\/h4>\n<p data-nodeid=\"10090\">Veranschaulicht modulare Abh\u00e4ngigkeiten und Schnittstellen.<\/p>\n<p id=\"zJkFkHt\"><img alt=\"\" class=\"alignnone size-full wp-image-24797\" decoding=\"async\" height=\"271\" loading=\"lazy\" sizes=\"auto, (max-width: 144px) 100vw, 144px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102848bf268.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102848bf268.png 144w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102848bf268-80x150.png 80w\" width=\"144\"\/><\/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:SoWkIImgAStDuULApiyjoCzBpIjHY0vFJN8iA8X54VClIaaj2aujAijCJaMLSN42yc5w57HrxJ0Ke_8XIi2w75BpKe2M0m00\" 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:SoWkIImgAStDuULApiyjoCzBpIjHY0vFJN8iA8X54VClIaaj2aujAijCJaMLSN42yc5w57HrxJ0Ke_8XIi2w75BpKe2M0m00\" \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\" data-nodeid=\"10091\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ncomponent [WebApp]\r\ncomponent [OrderService]\r\ncomponent [DB]\r\n[WebApp] --&gt; [OrderService]\r\n[OrderService] --&gt; [DB]\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApiyjoCzBpIjHY0vFJN8iA8X54VClIaaj2aujAijCJaMLSN42yc5w57HrxJ0Ke_8XIi2w75BpKe2M0m00\" \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:SoWkIImgAStDuULApiyjoCzBpIjHY0vFJN8iA8X54VClIaaj2aujAijCJaMLSN42yc5w57HrxJ0Ke_8XIi2w75BpKe2M0m00\" 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 data-nodeid=\"10092\">Bereitstellungsdigramm<\/h4>\n<p data-nodeid=\"10093\">Ordnet Softwarekomponenten physischen Laufzeitknoten zu.<\/p>\n<p id=\"bTiZzYf\"><img alt=\"\" class=\"alignnone size-full wp-image-24798\" decoding=\"async\" height=\"323\" loading=\"lazy\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1028585dd88.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1028585dd88.png 266w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1028585dd88-247x300.png 247w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a1028585dd88-124x150.png 124w\" width=\"266\"\/><\/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:SoWkIImgAStDuUNAoqz9LL3ooKzCSKhCISnBJYrIKgZcvL9GW4Wu5XG4fnQLfHR56nX29HGKalDp2_BpKlDA5AB3KvE0Ic91uhMyNBKmyrmIInAJ4ejJdNDAYqlWHYBf2yWlBaalIWqEz8a5QuCPfA2hQuScwv2Qbm9qAW00\" 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:SoWkIImgAStDuUNAoqz9LL3oIImkISrBB2rEpqdDJCv8BL9IgERbKb20o3eM50Id5fMb5iKR648b51IIytCBylDIyqeKeiDJau1AOa7YjRnSjJ13NHA1PYObvcKdvvG2ZOUPYQGn8B-u9BqeDJZG9nQi3sQIWgwk7PgiGsfU2j310000\" \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\" data-nodeid=\"10094\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"Lastenausgleicher\" {\r\n  node \"AppServer_01\" {\r\n    component [WebApp]\r\n  }\r\n}\r\nnode \"Datenbankcluster\" {\r\n  component [PostgreSQL]\r\n}\r\n[WebApp] --&gt; [PostgreSQL]\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUNAoqz9LL3oIImkISrBB2rEpqdDJCv8BL9IgERbKb20o3eM50Id5fMb5iKR648b51IIytCBylDIyqeKeiDJau1AOa7YjRnSjJ13NHA1PYObvcKdvvG2ZOUPYQGn8B-u9BqeDJZG9nQi3sQIWgwk7PgiGsfU2j310000\" \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:SoWkIImgAStDuUNAoqz9LL3ooKzCSKhCISnBJYrIKgZcvL9GW4Wu5XG4fnQLfHR56nX29HGKalDp2_BpKlDA5AB3KvE0Ic91uhMyNBKmyrmIInAJ4ejJdNDAYqlWHYBf2yWlBaalIWqEz8a5QuCPfA2hQuScwv2Qbm9qAW00\" 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 data-nodeid=\"10095\">Verhaltensdiagramme<\/h3>\n<p data-nodeid=\"10096\">Erfasst dynamische Arbeitsabl\u00e4ufe, Interaktionen und Steuerfl\u00fcsse.<\/p>\n<h4 data-nodeid=\"10097\">Use-Case-Diagramm<\/h4>\n<p data-nodeid=\"10098\">Ordnet Akteure systembezogenen Funktionalit\u00e4ten zu.<\/p>\n<p id=\"BXyoaMj\"><img alt=\"\" class=\"alignnone size-full wp-image-24799\" decoding=\"async\" height=\"197\" loading=\"lazy\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10287443d64.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10287443d64.png 296w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10287443d64-150x100.png 150w\" width=\"296\"\/><\/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:JOv12W8n34NtXTuXp7uMUW0PxSg5ImyGsbWBRGDfEkBjBJe3hiBdl__8qXH5UydMP7eeA8Ea-5G8ISXhuceDUcK1rvjo8TdpEPGqojx8OoEOBiAlSHqgPeuJO8ExE_m1DwmO2QvrfJe4xmqvMhEhOPvFlz5NliK1B5J3-F43\" 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:JOuz3eCm38NtIBc3nSxG7g2YxSZS0rY9rI228zaENByHBQBZq_lvtg26OdN9tgs58KyyAp26148XcNg7inM1iNAaGzpZCh5tLIcW4dGZ6kRoXbWb9AqX4NU0MU7rlFp57jHW764bsJ3R6Rfwj-z3tz--dPtmayqTY6Fx-040\" \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\" data-nodeid=\"10099\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nvon links nach rechts\r\naktor Kunde\r\naktor Admin\r\nusecase \"Katalog durchsuchen\" als UC1\r\nusecase \"Bestand verwalten\" als UC2\r\nKunde --&gt; UC1\r\nAdmin --&gt; UC2\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:JOuz3eCm38NtIBc3nSxG7g2YxSZS0rY9rI228zaENByHBQBZq_lvtg26OdN9tgs58KyyAp26148XcNg7inM1iNAaGzpZCh5tLIcW4dGZ6kRoXbWb9AqX4NU0MU7rlFp57jHW764bsJ3R6Rfwj-z3tz--dPtmayqTY6Fx-040\" \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:JOv12W8n34NtXTuXp7uMUW0PxSg5ImyGsbWBRGDfEkBjBJe3hiBdl__8qXH5UydMP7eeA8Ea-5G8ISXhuceDUcK1rvjo8TdpEPGqojx8OoEOBiAlSHqgPeuJO8ExE_m1DwmO2QvrfJe4xmqvMhEhOPvFlz5NliK1B5J3-F43\" 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 data-nodeid=\"10100\">Sequenzdiagramm<\/h4>\n<p data-nodeid=\"10101\">Betont zeitlich geordnete Nachrichtenaustausche.<\/p>\n<p id=\"nVpYHSx\"><img alt=\"\" class=\"alignnone size-full wp-image-24800\" decoding=\"async\" height=\"298\" loading=\"lazy\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102885eba51.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102885eba51.png 275w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102885eba51-138x150.png 138w\" width=\"275\"\/><\/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:LOvB2W8n343tXTuXIrtC1Lp855Up4yG3r3HYcNw6DkFvJGg2xi9xUIHpPzzupyaQZrmRt3irQpQ14UFc2yD5vd_YheirkWZJUMWuGQT4o0jJFXoj6L2aR8h35-5wuughEcNJJwZSlNrC_f7ecueV1oIkvHbRTY5eF5C9ykq7\" 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:NOyx3i8m44HxIxw3IoXo0GgKqAL3eg1sx46n_9CscnISddK1KMXdthpLzWjRuZKdhMpaIkQ6il8Rf1KZf88vWypJ4agiD1tIuJvgzULDTzqnSp4B4XoFZ7mwQxKtWibE03V3nGTN5nlGikvVqSfXio7PAU4W4V9tM5Irl0BbmVkcwb6yFFG1\" \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\" data-nodeid=\"10102\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\naktor Benutzer\r\nteilnehmer Warenkorb\r\nteilnehmer API\r\nBenutzer -&gt; Warenkorb : selectItem()\r\nWarenkorb -&gt; API : checkStock()\r\nAPI --&gt; Warenkorb : stockAvailable\r\nWarenkorb --&gt; Benutzer : confirmAdd()\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NOyx3i8m44HxIxw3IoXo0GgKqAL3eg1sx46n_9CscnISddK1KMXdthpLzWjRuZKdhMpaIkQ6il8Rf1KZf88vWypJ4agiD1tIuJvgzULDTzqnSp4B4XoFZ7mwQxKtWibE03V3nGTN5nlGikvVqSfXio7PAU4W4V9tM5Irl0BbmVkcwb6yFFG1\" \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:LOvB2W8n343tXTuXIrtC1Lp855Up4yG3r3HYcNw6DkFvJGg2xi9xUIHpPzzupyaQZrmRt3irQpQ14UFc2yD5vd_YheirkWZJUMWuGQT4o0jJFXoj6L2aR8h35-5wuughEcNJJwZSlNrC_f7ecueV1oIkvHbRTY5eF5C9ykq7\" 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 data-nodeid=\"10103\">Kommunikationsdiagramm<\/h4>\n<p data-nodeid=\"10104\">Konzentriert sich auf die strukturelle Organisation von objektorientierten Nachrichten\u00fcbertragungen.<\/p>\n<p id=\"QDorveF\"><img alt=\"\" class=\"alignnone size-full wp-image-24801\" decoding=\"async\" height=\"58\" loading=\"lazy\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102899ccc4f.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102899ccc4f.png 413w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102899ccc4f-300x42.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102899ccc4f-150x21.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a102899ccc4f-400x56.png 400w\" width=\"413\"\/><\/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:SoWkIImgAStDuUNAJyfAJIvH22rEBO9pd86IS8vZW2Sl5qXQGTSEBADWfM1efL2ScWEKzIn9pTNGvEK2YmFbWOg1qaPM2iaPgSdPmINvoTaWQP2mBaAxiPL2KMf9QL5UK6fnQKu9I8L3QbuAq3q0\" 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:NSun3u8m48RXlKd_muqoC8XR1uDkR0G7PwXVGcnfa-jryTVR3aBY-jvpb-kJp2nvyrh5vGqdT4V8yW7luJapWekyxEKs3bhz7BNNWv2Xiw443ok3O3irMXt38ijgCPqXkyAwXqJhggcv_JjqCSIGp652obugwn5UvTSl\" \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\" data-nodeid=\"10105\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nobjekt Benutzer\r\nobjekt Warenkorb\r\nobjekt API\r\nBenutzer -&gt; Warenkorb : 1: selectItem()\r\nWarenkorb -&gt; API : 2: checkStock()\r\nAPI --&gt; Warenkorb : 3: returnResult()\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NSun3u8m48RXlKd_muqoC8XR1uDkR0G7PwXVGcnfa-jryTVR3aBY-jvpb-kJp2nvyrh5vGqdT4V8yW7luJapWekyxEKs3bhz7BNNWv2Xiw443ok3O3irMXt38ijgCPqXkyAwXqJhggcv_JjqCSIGp652obugwn5UvTSl\" \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:SoWkIImgAStDuUNAJyfAJIvH22rEBO9pd86IS8vZW2Sl5qXQGTSEBADWfM1efL2ScWEKzIn9pTNGvEK2YmFbWOg1qaPM2iaPgSdPmINvoTaWQP2mBaAxiPL2KMf9QL5UK6fnQKu9I8L3QbuAq3q0\" 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 data-nodeid=\"10106\">Zustandsdiagramm<\/h4>\n<p data-nodeid=\"10107\">Zeigt reaktive Zustands\u00fcberg\u00e4nge an.<\/p>\n<p id=\"WhYMAwj\"><img alt=\"\" class=\"alignnone size-full wp-image-24818\" decoding=\"async\" height=\"454\" loading=\"lazy\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cda3dc64.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cda3dc64.png 317w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cda3dc64-209x300.png 209w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cda3dc64-105x150.png 105w\" width=\"317\"\/><\/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:SoWkIImgAStDuUMArefLqDMrK_0lICtZvGAH2a2USqv-SMgAWfL2SaPgSdP-QOc69YyNL12aEZWZiw00hA0WiJ8tDQ_4EISriIWr1QGC9WTIvvAQarcM2fJWvO8pmH90Qtcv75BpKe2E0000\" 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:SoWkIImgAStDuUMArefLqDMrK_1FIqlDu-K2Kmf0ldjgSN96JdvnCP1hfP2SaPgSdLzQeg79ouKi0z8PbbfKd9YNKW9KLf1OcPkQL-ASavfOb9e2KWoN1AcCAYqkISt9IKeiukL2iC5IG6VmSZcavgK07GK0\" \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\" data-nodeid=\"10108\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n[*] --&gt; Offen\r\nOffen -&gt; Geschlossen : checkout()\r\nGeschlossen --&gt; Versandt : paymentCleared()\r\nVersandt --&gt; Zustellbar\r\nZustellbar --&gt; [*]\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuUMArefLqDMrK_1FIqlDu-K2Kmf0ldjgSN96JdvnCP1hfP2SaPgSdLzQeg79ouKi0z8PbbfKd9YNKW9KLf1OcPkQL-ASavfOb9e2KWoN1AcCAYqkISt9IKeiukL2iC5IG6VmSZcavgK07GK0\" \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:SoWkIImgAStDuUMArefLqDMrK_0lICtZvGAH2a2USqv-SMgAWfL2SaPgSdP-QOc69YyNL12aEZWZiw00hA0WiJ8tDQ_4EISriIWr1QGC9WTIvvAQarcM2fJWvO8pmH90Qtcv75BpKe2E0000\" 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 data-nodeid=\"10109\">Aktivit\u00e4tsdiagramm<\/h4>\n<p data-nodeid=\"10110\">Hebt sequenzielle und gleichzeitige Steuerfl\u00fcsse hervor.<\/p>\n<p id=\"eaAESho\"><img alt=\"\" class=\"alignnone size-full wp-image-24819\" decoding=\"async\" height=\"278\" loading=\"lazy\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cf2947ac.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cf2947ac.png 306w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cf2947ac-300x273.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a158cf2947ac-150x136.png 150w\" width=\"306\"\/><\/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:BOv12iCm30Jl0lr1xt0kwQdqrD0V66TRJ1sfo6uWlu-RvhOmm-wEjKLltwKm7OafF92GLyZTP_Z0z3H_Cuc4oIsXLfdYja3RYII-OjP3k9HYAJR8JTSkc6_TWSxohmXNAFpabXE6twXzcCOkzGyx\" 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:FOwn3i8m34HtI_u7VqTOAcOcHZO3RXgHkf7ZWDIlfp8IsqdlwUwcxcm-reeG2I6TfRlKEZIJh6rcpQ8dX7cp5m9Hkl4Iy2t6TfVYVqoSkMX85yvYhRBlj8-Fb1wIw9D-FUagZqLZms8kUFUj8Ko7TZpw0W00\" \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\" data-nodeid=\"10111\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Bestellung empfangen;\r\nfork\r\n  :Zahlung verarbeiten;\r\nfork again\r\n  :Lagerplatz zuweisen;\r\nend fork\r\n:Rechnung erstellen;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:FOwn3i8m34HtI_u7VqTOAcOcHZO3RXgHkf7ZWDIlfp8IsqdlwUwcxcm-reeG2I6TfRlKEZIJh6rcpQ8dX7cp5m9Hkl4Iy2t6TfVYVqoSkMX85yvYhRBlj8-Fb1wIw9D-FUagZqLZms8kUFUj8Ko7TZpw0W00\" \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:BOv12iCm30Jl0lr1xt0kwQdqrD0V66TRJ1sfo6uWlu-RvhOmm-wEjKLltwKm7OafF92GLyZTP_Z0z3H_Cuc4oIsXLfdYja3RYII-OjP3k9HYAJR8JTSkc6_TWSxohmXNAFpabXE6twXzcCOkzGyx\" 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<hr data-nodeid=\"10112\"\/>\n<h2 data-nodeid=\"10113\">Schlussfolgerung<\/h2>\n<p data-nodeid=\"10114\">Die Unified Modeling Language ist weitaus mehr als nur eine Sammlung von Diagrammen und Syntaxregeln; sie ist ein diszipliniertes Framework zur Betrachtung der Systemkomplexit\u00e4t. Durch die Zerlegung von ShopSphere in\u00a0<strong data-nodeid=\"10319\">Dinge<\/strong>, haben wir ein pr\u00e4zises Vokabular f\u00fcr statische Strukturen, dynamisches Verhalten, organisatorische Grenzen und Dokumentation etabliert. Durch\u00a0<strong data-nodeid=\"10320\">Beziehungen<\/strong>, haben wir die semantischen Abh\u00e4ngigkeiten ermittelt, die bestimmen, wie diese Elemente interagieren, vererben und Vertr\u00e4ge erf\u00fcllen. Schlie\u00dflich haben wir diese Elemente in gezielte<strong data-nodeid=\"10321\">Diagramme<\/strong>, haben wir ma\u00dfgeschneiderte Visualisierungen erstellt, die unterschiedliche Anforderungen der Stakeholder erf\u00fcllen \u2013 von hochwertigen Anwendungsf\u00e4llen f\u00fcr Produktmanager bis hin zu detaillierten Bereitstellungskarten f\u00fcr DevOps-Engineer.<\/p>\n<p class=\"\" data-nodeid=\"10115\">Die Beherrschung von UML ist ein iterativer Prozess. W\u00e4hrend Systeme sich weiterentwickeln, m\u00fcssen Modelle lebendige Artefakte bleiben, die die Entwicklung leiten, die Einarbeitung erleichtern und architektonische Abweichungen verhindern. Indem man abstrakte UML-Konzepte in konkrete Fallstudien einbettet und moderne Modellierungswerkzeuge wie PlantUML nutzt, k\u00f6nnen Entwicklerteams Unsicherheit in Klarheit verwandeln und sicherstellen, dass Softwarearchitekturen ebenso robust, skalierbar und gut dokumentiert sind wie der Code, der sie zum Leben erweckt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Einf\u00fchrung Moderne Softwaresysteme sind inh\u00e4rent komplex und bestehen aus Hunderten interagierender Komponenten, gleichzeitigen Prozessen und komplexen Datenfl\u00fcssen. Der \u00dcbergang zwischen abstrakten Gesch\u00e4ftsanforderungen und konkreter technischer Umsetzung erfordert ein standardisiertes, eindeutiges Kommunikationsmittel. Die Unified Modeling Language (UML) fungiert als universelles Bauplan und bietet eine visuelle Vokabular, das Entwickler, Architekten und Stakeholder \u00fcber Disziplinen hinweg gemeinsam nutzen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10482,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[36],"tags":[],"class_list":["post-10481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uml","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen - Visual Paradigm Bloggen<\/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:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen - Visual Paradigm Bloggen\" \/>\n<meta property=\"og:description\" content=\"Einf\u00fchrung Moderne Softwaresysteme sind inh\u00e4rent komplex und bestehen aus Hunderten interagierender Komponenten, gleichzeitigen Prozessen und komplexen Datenfl\u00fcssen. Der \u00dcbergang zwischen abstrakten Gesch\u00e4ftsanforderungen und konkreter technischer Umsetzung erfordert ein standardisiertes, eindeutiges Kommunikationsmittel. Die Unified Modeling Language (UML) fungiert als universelles Bauplan und bietet eine visuelle Vokabular, das Entwickler, Architekten und Stakeholder \u00fcber Disziplinen hinweg gemeinsam nutzen [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Bloggen\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-22T09:42:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-30T06:01:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1187\" \/>\n\t<meta property=\"og:image:height\" content=\"648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/\",\"name\":\"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen - Visual Paradigm Bloggen\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/05\/img_6a10246416fac.png\",\"datePublished\":\"2026-05-22T09:42:53+00:00\",\"dateModified\":\"2026-05-30T06:01:16+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/05\/img_6a10246416fac.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/05\/img_6a10246416fac.png\",\"width\":1187,\"height\":648},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/\",\"name\":\"Visual Paradigm Bloggen\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen - Visual Paradigm Bloggen","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:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/","og_locale":"de_DE","og_type":"article","og_title":"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen - Visual Paradigm Bloggen","og_description":"Einf\u00fchrung Moderne Softwaresysteme sind inh\u00e4rent komplex und bestehen aus Hunderten interagierender Komponenten, gleichzeitigen Prozessen und komplexen Datenfl\u00fcssen. Der \u00dcbergang zwischen abstrakten Gesch\u00e4ftsanforderungen und konkreter technischer Umsetzung erfordert ein standardisiertes, eindeutiges Kommunikationsmittel. Die Unified Modeling Language (UML) fungiert als universelles Bauplan und bietet eine visuelle Vokabular, das Entwickler, Architekten und Stakeholder \u00fcber Disziplinen hinweg gemeinsam nutzen [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/","og_site_name":"Visual Paradigm Bloggen","article_published_time":"2026-05-22T09:42:53+00:00","article_modified_time":"2026-05-30T06:01:16+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png","type":"","width":"","height":""},{"width":1187,"height":648,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png","type":"image\/png"}],"author":"Admin","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a10246416fac.png","twitter_misc":{"Verfasst von":"Admin","Gesch\u00e4tzte Lesezeit":"7\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/","url":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/","name":"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen - Visual Paradigm Bloggen","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/05\/img_6a10246416fac.png","datePublished":"2026-05-22T09:42:53+00:00","dateModified":"2026-05-30T06:01:16+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/05\/img_6a10246416fac.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/05\/img_6a10246416fac.png","width":1187,"height":648},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/de\/architecting-with-clarity-a-comprehensive-case-study-on-uml-building-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/de\/"},{"@type":"ListItem","position":2,"name":"Architektur mit Klarheit: Eine umfassende Fallstudie zu UML-Bausteinen"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/de\/#website","url":"https:\/\/blog.visual-paradigm.com\/de\/","name":"Visual Paradigm Bloggen","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","caption":"Admin"},"url":"https:\/\/blog.visual-paradigm.com\/de\/author\/vpadminuser\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts\/10481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/comments?post=10481"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts\/10481\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media\/10482"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=10481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/categories?post=10481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/tags?post=10481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}