{"id":18762,"date":"2020-10-27T10:54:30","date_gmt":"2020-10-26T23:54:30","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=18762"},"modified":"2022-10-21T15:02:30","modified_gmt":"2022-10-21T04:02:30","slug":"komponentendiagramm-uml","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/","title":{"rendered":"Die einfache Anleitung f\u00fcr Komponentendiagramme"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><strong>W\u00e4hrend andere UML-Diagramme, die die Funktionalit\u00e4t eines Systems beschreiben, werden UML Komponentendiagramme verwendet, um die Komponenten zu modellieren, die zur Herstellung dieser Funktionalit\u00e4ten beitragen.<\/strong><\/p>\n<p>In diesem <a href=\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\">Komponentendiagramm-Leitfaden<\/a> werden wir uns ansehen, was ein Komponentendiagramm ist, die dazugeh\u00f6rigen <strong>Komponentendiagramm-Symbole<\/strong> und wie man diese schnell und einfach online erstellt. Beispiele f\u00fcr ein Komponentendiagramm sind weiter unten angef\u00fchrt, und dort kann man diese dann auch ganz einfach bearbeiten.<\/p>\n<h3>Was ist ein Komponentendiagramm UML?<\/h3>\n<p>UML Komponentendiagramme werden verwendet, um die Organisation von Systemkomponenten und die Abh\u00e4ngigkeitsbeziehungen zwischen ihnen zu visualisieren. Sie bieten einen \u00dcberblick \u00fcber die Komponenten innerhalb eines Systems auf hoher Ebene.<\/p>\n<p>Bei den Komponenten kann es sich um eine Software-Komponente wie eine Datenbank oder eine Benutzerschnittstelle handeln; oder um eine Hardware-Komponente wie eine Schaltung, einen Mikrochip oder ein Ger\u00e4t; oder um eine Gesch\u00e4ftseinheit wie einen Lieferanten, eine Gehaltsabrechnung oder den Versand.<\/p>\n<p><strong>Komponenten-Diagramme:<\/strong><\/p>\n<ul>\n<li>Werden bei der komponentenbasierten Entwicklung zur Beschreibung von Systemen mit serviceorientierter Architektur verwendet<\/li>\n<li>Zeigen Sie die Struktur des Codes selbst<\/li>\n<li>Kann verwendet werden, um sich auf die Beziehung zwischen Komponenten zu konzentrieren und gleichzeitig Spezifikationsdetails auszublenden<\/li>\n<li>Helfen Sie mit, den Interessengruppen die Funktionen des im Aufbau befindlichen Systems zu vermitteln und zu erkl\u00e4ren<\/li>\n<\/ul>\n<h3>Komponentendiagramm-Symbole<\/h3>\n<p>Im Folgenden haben wir die gebr\u00e4uchlichen Komponentendiagramm-Notationen erl\u00e4utert, die notwendig sind um ein ein <strong>Komponentendiagramms zu erstellen<\/strong>.<\/p>\n<h4>Komponente<\/h4>\n<p>Es gibt drei M\u00f6glichkeiten, wie das <strong>Komponentensymbol verwendet werden<\/strong> kann.<\/p>\n<p>1) <strong>Rechteck mit dem Komponentenstereotyp<\/strong> (der Text &lt;&lt;Komponente&gt;&gt;&gt;). Der Komponentenstereotyp wird in der Regel oberhalb des Komponentennamens verwendet, um die Form nicht mit einem Klassensymbol zu verwechseln. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16233\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Component-stereotype.png\" alt=\"Komponentenstereotyp \" width=\"294\" height=\"156\"> 2) <strong>Rechteck mit dem Komponentensymbol<\/strong> in der oberen rechten Ecke und dem Namen der Komponente. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16234\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Component-icon-1.png\" alt=\"Komponente \" width=\"300\" height=\"156\"> 3) <strong>Rechteck mit dem Komponentensymbol<\/strong> und dem Komponentenstereotyp. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16235\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Component-2.png\" alt=\"Komponente \" width=\"293\" height=\"151\"><\/p>\n<h4>Bereitgestellte Schnittstelle und die erforderliche Schnittstelle<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16236\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Assembly-Connector.png\" alt=\"Bereitgestellte Schnittstelle und die erforderliche Schnittstelle \" width=\"808\" height=\"173\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Assembly-Connector.png 808w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Assembly-Connector-300x64.png 300w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/> <span style=\"font-weight: 400;\">Schnittstellen in Komponentendiagrammen zeigen, wie Komponenten miteinander verdrahtet sind und miteinander interagieren. Der Baugruppenverbinder erm\u00f6glicht die Verbindung der erforderlichen Schnittstelle der Komponente (dargestellt durch einen Halbkreis und eine durchgezogene Linie) mit der bereitgestellten Schnittstelle (dargestellt durch einen Kreis und eine durchgezogene Linie) einer anderen Komponente. Dies zeigt, dass eine Komponente den Dienst bereitstellt, den die andere ben\u00f6tigt. &nbsp;<\/span><\/p>\n<h4>Port<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16237\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Port.png\" alt=\"Port \" width=\"444\" height=\"174\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Port.png 444w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Port-300x118.png 300w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/> Port (dargestellt durch das kleine Quadrat am Ende einer erforderlichen Schnittstelle oder einer bereitgestellten Schnittstelle) wird verwendet, wenn die Komponente die Schnittstellen an eine interne Klasse delegiert.<\/p>\n<h4>Abh\u00e4ngigkeiten<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16238\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Dependency.png\" alt=\"Abh\u00e4ngigkeit \" width=\"804\" height=\"170\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Dependency.png 804w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/Dependency-300x63.png 300w\" sizes=\"auto, (max-width: 804px) 100vw, 804px\" \/> Obwohl Sie mit der Kugelschreiber-Notation (mitgelieferte Schnittstelle und erforderliche Schnittstelle) mehr Details \u00fcber die Beziehung zwischen zwei Komponenten anzeigen k\u00f6nnen, k\u00f6nnen Sie genauso gut einen Abh\u00e4ngigkeitspfeil verwenden, um die Beziehung zwischen zwei Komponenten anzuzeigen.<\/p>\n<h3>Wie man ein Komponentendiagramm zeichnet<\/h3>\n<p>Sie k\u00f6nnen ein Komponentendiagramm verwenden, wenn Sie Ihr System als Komponenten darstellen und ihre Beziehungen untereinander \u00fcber Schnittstellen aufzeigen m\u00f6chten. Es hilft Ihnen, sich ein Bild von der Implementierung des Systems zu machen. Im Folgenden sind die Schritte aufgef\u00fchrt, die Sie beim Zeichnen eines Komponentendiagramms befolgen k\u00f6nnen.<\/p>\n<p><strong>Schritt 1: <\/strong>Finden Sie den Zweck des Diagramms heraus und identifizieren Sie die Artefakte wie die Dateien, Dokumente usw. in Ihrem System oder Ihrer Anwendung, die Sie in Ihrem Diagramm darstellen m\u00fcssen.<\/p>\n<p><strong>Schritt 2: <\/strong>W\u00e4hrend Sie die Beziehungen zwischen den zuvor identifizierten Elementen herausfinden, erstellen Sie ein mentales Layout Ihres Komponentendiagramms<\/p>\n<p><strong>Schritt 3: <\/strong>F\u00fcgen Sie beim Zeichnen des Diagramms zun\u00e4chst Komponenten hinzu und gruppieren Sie diese nach Belieben innerhalb anderer Komponenten<\/p>\n<p><strong>Schritt 4: <\/strong>Der n\u00e4chste Schritt besteht darin, Ihrem Komponentendiagramm weitere Elemente wie Schnittstellen, Klassen, Objekte, Abh\u00e4ngigkeiten usw. hinzuzuf\u00fcgen und es zu vervollst\u00e4ndigen.<\/p>\n<p><strong>Schritt 5:<\/strong> Sie k\u00f6nnen Notizen zu verschiedenen Teilen Ihres Komponentendiagramms anh\u00e4ngen, um bestimmte Details f\u00fcr andere zu verdeutlichen.<\/p>\n<h3>Beispiele f\u00fcr Komponentendiagramme<\/h3>\n<p>Unten finden Sie <a href=\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\"><strong>Komponentendiagramm-Vorlagen<\/strong><\/a> f\u00fcr g\u00e4ngige Szenarien, die Sie sofort online bearbeiten k\u00f6nnen. Klicken Sie einfach auf die Vorlage, um sie im <strong>Creately-Editor zu \u00f6ffnen<\/strong> und \u00c4nderungen vorzunehmen.<\/p>\n<h4>Komponentendiagramm f\u00fcr Bibliotheksverwaltungssystem<\/h4>\n<div id=\"attachment_16246\" style=\"width: 1155px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/creately.com\/demo-start\/?tempId=jma3qob48\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-16246\" class=\"wp-image-16246 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Library-Management-System.png\" alt=\"Komponentendiagramm f\u00fcr Bibliotheksverwaltungssystem\" width=\"1145\" height=\"850\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Library-Management-System.png 1145w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Library-Management-System-300x223.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Library-Management-System-1024x760.png 1024w\" sizes=\"auto, (max-width: 1145px) 100vw, 1145px\" \/><\/a><p id=\"caption-attachment-16246\" class=\"wp-caption-text\">Komponentendiagramm f\u00fcr Bibliotheksverwaltungssystem (Klicken Sie auf die Vorlage, um sie online zu bearbeiten)<\/p><\/div>\n<h4>Komponentendiagramm f\u00fcr Online-Einkaufssystem<\/h4>\n<div id=\"attachment_16240\" style=\"width: 745px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/creately.com\/demo-start\/?tempId=gqz0nrua1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-16240\" class=\"wp-image-16240 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Online-Shopping-System.png\" alt=\"Komponentendiagramm f\u00fcr Online-Einkaufssystem\" width=\"735\" height=\"700\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Online-Shopping-System.png 735w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Online-Shopping-System-300x286.png 300w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/a><p id=\"caption-attachment-16240\" class=\"wp-caption-text\">Komponentendiagramm f\u00fcr Online-Shopping-System (Klicken Sie auf die Vorlage, um sie online zu bearbeiten)<\/p><\/div>\n<h4>Komponentendiagramm f\u00fcr den Bankomat<\/h4>\n<div id=\"attachment_16241\" style=\"width: 1055px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/creately.com\/demo-start\/?tempId=jma3qob47\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-16241\" class=\"wp-image-16241 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-ATM-.png\" alt=\"Komponentendiagramm f\u00fcr ATM\" width=\"1045\" height=\"975\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-ATM-.png 1045w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-ATM--300x280.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-ATM--1024x955.png 1024w\" sizes=\"auto, (max-width: 1045px) 100vw, 1045px\" \/><\/a><p id=\"caption-attachment-16241\" class=\"wp-caption-text\">Komponentendiagramm f\u00fcr ATM (Klicken Sie auf die Vorlage, um sie online zu bearbeiten)<\/p><\/div>\n<h4>Komponentendiagramm f\u00fcr Krankenhausverwaltungssysteme<\/h4>\n<div id=\"attachment_16249\" style=\"width: 1315px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/creately.com\/demo-start\/?tempId=jma3qob46\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-16249\" class=\"wp-image-16249 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Hospital-Management-System-1.png\" alt=\"Komponentendiagramm f\u00fcr Krankenhausverwaltungssystem\" width=\"1305\" height=\"900\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Hospital-Management-System-1.png 1305w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Hospital-Management-System-1-300x207.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Hospital-Management-System-1-1024x706.png 1024w\" sizes=\"auto, (max-width: 1305px) 100vw, 1305px\" \/><\/a><p id=\"caption-attachment-16249\" class=\"wp-caption-text\">Komponentendiagramm f\u00fcr Krankenhausverwaltungssysteme (Klicken Sie auf das Diagramm, um es online zu bearbeiten)<\/p><\/div>\n<h4>Komponentendiagramm f\u00fcr Bestandsverwaltungssysteme<\/h4>\n<div id=\"attachment_16243\" style=\"width: 1160px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/creately.com\/demo-start\/?tempId=jma3qob49\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-16243\" class=\"wp-image-16243 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Inventory-Management-System.png\" alt=\"Komponentendiagramm f\u00fcr Bestandsverwaltungssystem\" width=\"1150\" height=\"790\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Inventory-Management-System.png 1150w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Inventory-Management-System-300x206.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/09\/New-Component-Diagram-for-Inventory-Management-System-1024x703.png 1024w\" sizes=\"auto, (max-width: 1150px) 100vw, 1150px\" \/><\/a><p id=\"caption-attachment-16243\" class=\"wp-caption-text\">Komponentendiagramm f\u00fcr Bestandsf\u00fchrungssysteme (Klicken Sie auf die Vorlage, um sie online zu bearbeiten)<\/p><\/div>\n<h3>Was ist Ihre Gedanke zum Leitfaden f\u00fcr das Komponentendiagramm?<\/h3>\n<p>In diesem Komponentendiagramm-Leitfaden haben wir alles behandelt, was Sie \u00fcber Komponentendiagramme wissen m\u00fcssen, um ein solches einfach zu zeichnen. Sie k\u00f6nnen unsere Tool nehmen um <a href=\"https:\/\/creately.com\/de\/lp\/uml-diagramm-erstellen\/\">UML Diagramme erstellen<\/a> zu k\u00f6nnen.&nbsp;verwenden, um Komponentendiagramme online zu zeichnen. Vor kurzem haben wir auch Leitf\u00e4den zu UML-Aktivit\u00e4tsdiagrammen und Klassendiagrammen ver\u00f6ffentlicht, und falls Sie es verpasst haben, finden Sie hier die Links;<\/p>\n<p><a href=\"https:\/\/creately.com\/blog\/diagrams\/class-diagram-tutorial\/\">The Easy Guide to Class Diagrams<\/a><\/p>\n<p><a href=\"https:\/\/creately.com\/blog\/diagrams\/activity-diagram-tutorial\/\">The Easy Guide to Activity Diagrams<\/a><\/p>\n<p>Vergessen Sie nicht, uns Ihre Gedanken im Kommentarabschnitt unten mitzuteilen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>W\u00e4hrend andere UML-Diagramme, die die Funktionalit\u00e4t eines Systems beschreiben, werden UML Komponentendiagramme verwendet, um die Komponenten zu modellieren, die zur Herstellung dieser Funktionalit\u00e4ten beitragen. In diesem Komponentendiagramm-Leitfaden werden wir uns ansehen, was ein Komponentendiagramm ist, die dazugeh\u00f6rigen Komponentendiagramm-Symbole und wie&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":18,"featured_media":28631,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3143],"tags":[],"class_list":["post-18762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diagramme"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Komponentendiagramm UML: Erstellen, Beispiel, Visio<\/title>\n<meta name=\"description\" content=\"Du willst alles \u00fcber das \u2713 Komponentendiagramm in UML wissen? Wir erkl\u00e4ren alles \u00fcber im Detail: \u2713Erstellung, \u2713 Beispiele, \u2713 Visio\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Komponentendiagramm UML: Erstellen, Beispiel, Visio\" \/>\n<meta property=\"og:description\" content=\"Du willst alles \u00fcber das \u2713 Komponentendiagramm in UML wissen? Wir erkl\u00e4ren alles \u00fcber im Detail: \u2713Erstellung, \u2713 Beispiele, \u2713 Visio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-26T23:54:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-21T04:02:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shalin Siriwardhana\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shalin Siriwardhana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\"},\"author\":{\"name\":\"Shalin Siriwardhana\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/0b13bbeb356daa66e45390d2a8b05663\"},\"headline\":\"Die einfache Anleitung f\u00fcr Komponentendiagramme\",\"datePublished\":\"2020-10-26T23:54:30+00:00\",\"dateModified\":\"2022-10-21T04:02:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\"},\"wordCount\":858,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png\",\"articleSection\":[\"Diagramme\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\",\"url\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\",\"name\":\"Komponentendiagramm UML: Erstellen, Beispiel, Visio\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png\",\"datePublished\":\"2020-10-26T23:54:30+00:00\",\"dateModified\":\"2022-10-21T04:02:30+00:00\",\"description\":\"Du willst alles \u00fcber das \u2713 Komponentendiagramm in UML wissen? Wir erkl\u00e4ren alles \u00fcber im Detail: \u2713Erstellung, \u2713 Beispiele, \u2713 Visio\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png\",\"width\":1024,\"height\":576},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Die einfache Anleitung f\u00fcr Komponentendiagramme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/0b13bbeb356daa66e45390d2a8b05663\",\"name\":\"Shalin Siriwardhana\",\"description\":\"Internet marketing enthusiasts and a tech blogger, started working for Creately handling e-marketing and blogging. I love to spend my time playing guitar and computer games when I\u2019m not exploring the world of marketing, you can find me writing at shalin's marketing blog here. Follow @Creately for useful diagramming tips and tutes!\",\"sameAs\":[\"https:\/\/x.com\/shan4djfun\"],\"url\":\"https:\/\/creately.com\/blog\/author\/shalin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Komponentendiagramm UML: Erstellen, Beispiel, Visio","description":"Du willst alles \u00fcber das \u2713 Komponentendiagramm in UML wissen? Wir erkl\u00e4ren alles \u00fcber im Detail: \u2713Erstellung, \u2713 Beispiele, \u2713 Visio","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:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/","og_locale":"en_US","og_type":"article","og_title":"Komponentendiagramm UML: Erstellen, Beispiel, Visio","og_description":"Du willst alles \u00fcber das \u2713 Komponentendiagramm in UML wissen? Wir erkl\u00e4ren alles \u00fcber im Detail: \u2713Erstellung, \u2713 Beispiele, \u2713 Visio","og_url":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_published_time":"2020-10-26T23:54:30+00:00","article_modified_time":"2022-10-21T04:02:30+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png","type":"image\/png"}],"author":"Shalin Siriwardhana","twitter_misc":{"Written by":"Shalin Siriwardhana","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/"},"author":{"name":"Shalin Siriwardhana","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/0b13bbeb356daa66e45390d2a8b05663"},"headline":"Die einfache Anleitung f\u00fcr Komponentendiagramme","datePublished":"2020-10-26T23:54:30+00:00","dateModified":"2022-10-21T04:02:30+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/"},"wordCount":858,"commentCount":0,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png","articleSection":["Diagramme"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/","url":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/","name":"Komponentendiagramm UML: Erstellen, Beispiel, Visio","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png","datePublished":"2020-10-26T23:54:30+00:00","dateModified":"2022-10-21T04:02:30+00:00","description":"Du willst alles \u00fcber das \u2713 Komponentendiagramm in UML wissen? Wir erkl\u00e4ren alles \u00fcber im Detail: \u2713Erstellung, \u2713 Beispiele, \u2713 Visio","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/10\/Die-einfache-Anleitung-fur-Komponentendiagramme.png","width":1024,"height":576},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/de\/diagramme\/komponentendiagramm-uml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Die einfache Anleitung f\u00fcr Komponentendiagramme"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/0b13bbeb356daa66e45390d2a8b05663","name":"Shalin Siriwardhana","description":"Internet marketing enthusiasts and a tech blogger, started working for Creately handling e-marketing and blogging. I love to spend my time playing guitar and computer games when I\u2019m not exploring the world of marketing, you can find me writing at shalin's marketing blog here. Follow @Creately for useful diagramming tips and tutes!","sameAs":["https:\/\/x.com\/shan4djfun"],"url":"https:\/\/creately.com\/blog\/author\/shalin\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/18762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=18762"}],"version-history":[{"count":14,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/18762\/revisions"}],"predecessor-version":[{"id":28633,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/18762\/revisions\/28633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/28631"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=18762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=18762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=18762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}