{"id":4947,"date":"2011-04-29T20:18:00","date_gmt":"2011-04-29T09:18:00","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=4947"},"modified":"2011-04-29T20:18:00","modified_gmt":"2011-04-29T09:18:00","slug":"part-1-the-abcs-of-uml-diagramming","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/diagrams\/part-1-the-abcs-of-uml-diagramming\/","title":{"rendered":"Part 1: The ABCs of UML diagramming"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>Consider this the prequel to <a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/part-1-what-type-of-uml-diagram-should-you-be-using\/\">Part 1<\/a> and <a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/part-2-what-type-of-uml-diagram-should-you-be-using\/\">Part 2<\/a> of what I posted earlier on UML diagrams. I do believe that these posts are perfect in the sense that they would give you the \u201cbig picture\u201d of the UML universe. I understand what was posted earlier on may have been complex to a certain degree, which is why this particular post is intended for those who are just getting their hands wet with UML diagramming. So to make it easy to \u201cdigest\u201d, I will break this post up into two or possibly three easy-to-understand parts as well.<\/p>\n<div>\n<p>While earlier we spoke about the types of UML diagrams, let\u2019s concentrate on the building blocks of UML in this post. These building blocks can be defined as<strong> (1) Things<\/strong>, <strong>(2) Relationships<\/strong> and <strong>(3) Diagrams<\/strong>.<\/p>\n<p><strong>(1) Things<\/strong>: These are known to be the most important when it comes to the building blocks of UML. They can be further divided into <strong>(a) Structural<\/strong>, <strong>(b) Behavioral<\/strong>, <strong>(c) Grouping<\/strong> and <strong>(d) Annotational<\/strong>.<\/p>\n<p><strong>STRUCTURAL<\/strong><\/p>\n<p>The static parts of a model are defined as structural things. The latter can be defined as conceptual and physical elements. \u00a0These structural things are defined below.<\/p>\n<div>\n<p><strong>Class:<\/strong><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Class.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4951\" title=\"Class\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Class.png\" alt=\"\" width=\"550\" height=\"166\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Class.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Class-300x90.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>This defines an object set that possess responsibilities that are similiar.<\/p>\n<div>\n<p><strong>Interface:<\/strong><\/p>\n<p><strong><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Interface1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4974\" title=\"Interface\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Interface1.png\" alt=\"\" width=\"550\" height=\"234\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Interface1.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Interface1-300x127.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\n<\/strong><\/p>\n<p>This indicates a set of operations that would detail the responsibility of a class.<\/p>\n<div>\n<p><strong><br \/>\n<\/strong><\/p>\n<div>\n<p><strong>Use case:<\/strong><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Usecase.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4950\" title=\"Use Case\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Usecase.png\" alt=\"\" width=\"550\" height=\"186\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Usecase.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Usecase-300x101.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>This is representative of a set of actions, which are performed by a system that is goal specific.<\/p>\n<div>\n<p><strong>Component:<\/strong><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Component.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4952\" title=\"Component\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Component.png\" alt=\"\" width=\"550\" height=\"140\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Component.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Component-300x76.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>The physical part of a system is defined as this.<\/p>\n<\/div>\n<div><strong>Node:<br \/>\n<\/strong><\/div>\n<\/div>\n<div><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Node.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4953\" title=\"Node\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/04\/Node.png\" alt=\"\" width=\"550\" height=\"262\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Node.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/04\/Node-300x142.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/div>\n<\/div>\n<div>A node is indicated as a physical element, which usually is present during run time.<\/div>\n<p><div>I hope this post clears up any doubts you may have had regarding the basic tools of <a href=\"https:\/\/stage.creately.com\/Draw-UML-and-Class-Diagrams-Online\">UML diagrams<\/a>. Having finished off the Structural part of UML building blocks in this post, please do stay tuned to Part 2 of this post where I will be detailing parts (b) to (d) of Things.<\/div>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Consider this the prequel to Part 1 and Part 2 of what I posted earlier on UML diagrams. I do believe that these posts are perfect in the sense that they would give you the \u201cbig picture\u201d of the UML&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/part-1-the-abcs-of-uml-diagramming\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":4979,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[40,681,686,39],"class_list":["post-4947","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diagrams","tag-collaboration","tag-diagrams","tag-examples","tag-uml"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/4947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=4947"}],"version-history":[{"count":29,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/4947\/revisions"}],"predecessor-version":[{"id":4985,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/4947\/revisions\/4985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media\/4979"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=4947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=4947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=4947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}