{"id":673,"date":"2024-01-09T10:48:32","date_gmt":"2024-01-09T08:48:32","guid":{"rendered":"https:\/\/hosiaisluoma.fi\/design\/?p=673"},"modified":"2026-03-26T12:29:04","modified_gmt":"2026-03-26T10:29:04","slug":"component-model","status":"publish","type":"post","link":"https:\/\/hosiaisluoma.fi\/design\/component-model\/","title":{"rendered":"Component Model"},"content":{"rendered":"\n<p>Component Model is an application architecture modelling approach, in which a target application is depicted on different abstraction levels: 1) context-, 2) composition- and 3) component levels.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Three-Level Component Model<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1284\" height=\"980\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\" alt=\"\" class=\"wp-image-16402\" style=\"aspect-ratio:1.3102288513562916;width:337px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png 1284w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153-300x229.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153-1024x782.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153-768x586.png 768w\" sizes=\"auto, (max-width: 1284px) 100vw, 1284px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Component Model abstraction levels.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>The <em><strong>Component Model <\/strong><\/em>follows a top-down abstraction approach, structured into three distinct levels to describe the application from its business context down to its internal logical structure and behavior.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Level 1: Application <strong>Context<\/strong> (<em>The External View<\/em>)\n<ul class=\"wp-block-list\">\n<li>The first level defines the target application&#8217;s role within the business environment and the overall Enterprise Architecture. <\/li>\n\n\n\n<li>Represents the application as a <em>black box<\/em>, focusing on its interactions with its environment: users and data flows with the adjacent applications or business actors (organisations).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Level 2: <strong>Composition<\/strong>, Logical Architecture (<em>The Internal View<\/em>) \n<ul class=\"wp-block-list\">\n<li>The second level defines the internal logical structure of the application as a <em>white box<\/em>. <\/li>\n\n\n\n<li>It decomposes the application into its main components (a.k.a. sub-systems, or modules), and their internal relationships and responsibilities. <\/li>\n\n\n\n<li>Furthermore, it specifies which internal components are responsible for communicating with external systems identified in Level 1.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Level 3: <strong>Component<\/strong> Detail (<em>Optional Implementation View<\/em>) \n<ul class=\"wp-block-list\">\n<li>The third level provides a granular view of the internal behavior and structire of a specific sub-component. <\/li>\n\n\n\n<li>This level is useful for relatively complex or critical components where it is necessary to document their internal behavior and structure.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Level 1<\/h2>\n\n\n\n<p>Level 1: Application Context Diagram:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Describes the target system as a <strong><em>black-box<\/em><\/strong> within its environment, focusing on its role, boundary, and interactions with user groups and adjacent applications.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1506\" height=\"1052\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-155.png\" alt=\"\" class=\"wp-image-16404\" style=\"aspect-ratio:1.4315767049237078;width:591px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-155.png 1506w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-155-300x210.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-155-1024x715.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-155-768x536.png 768w\" sizes=\"auto, (max-width: 1506px) 100vw, 1506px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Level 2<\/h2>\n\n\n\n<p>Level 2: Composition Diagram: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provides a <em><strong>white-box view<\/strong><\/em> of the application&#8217;s internal logical structure, decomposing it into main components (a.k.a. sub-systems), and their interactions.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1502\" height=\"1044\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-156.png\" alt=\"\" class=\"wp-image-16405\" style=\"aspect-ratio:1.4387025985495223;width:591px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-156.png 1502w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-156-300x209.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-156-1024x712.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-156-768x534.png 768w\" sizes=\"auto, (max-width: 1502px) 100vw, 1502px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Level 3 (optional)<\/h2>\n\n\n\n<p>Level 3: Component Detail <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>An optional, <strong><em>granular view<\/em><\/strong> that deep-dives into the internal behavior and structure of a specific, complex sub-component &#8211; when necessary.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"748\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-157.png\" alt=\"\" class=\"wp-image-16406\" style=\"aspect-ratio:1.280762358546754;width:391px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-157.png 958w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-157-300x234.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-157-768x600.png 768w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Glossary<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Term<\/th><th>Definition<\/th><\/tr><\/thead><tbody><tr><td><strong>System Context \/ Environment<\/strong><\/td><td>The highest level of abstraction (Level 1) describing the target application&#8217;s role, boundaries, and position within the Enterprise Architecture.<\/td><\/tr><tr><td><strong>Black-box<\/strong><\/td><td>The external view of the application where internal details (components) are hidden, focusing purely on external interfaces and interactions with the environment (users, business actors such as organisations and adjacent applications).<\/td><\/tr><tr><td><strong>White-box<\/strong><\/td><td>The internal, transparent view (Level 2) that depicts the internal logical structure and behavior of the target application: main components, their relations and responsibilities.<\/td><\/tr><tr><td><strong>Adjacent Applications<\/strong><\/td><td>External applications that have a relationship (functional connection) or dependency with the target application, modelled as data flows.<\/td><\/tr><tr><td><strong>Decomposition<\/strong><\/td><td>The logical process of breaking down an application into smaller, manageable entities such as main components (a.k.a. sub-systems, or modules).<\/td><\/tr><tr><td><strong>Data Flows \/ Interactions<\/strong><\/td><td>The information switching between actors, applications, and internal components.<\/td><\/tr><tr><td><strong>Granular \/ Detailed View<\/strong><\/td><td>An optional deep-dive (Level 3) into the internal behavior and structure of a specific, complex sub-component.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Key Phrasing from the Component Model<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Target Application (<em>System-of-Interest<\/em>): \n<ul class=\"wp-block-list\">\n<li>The appcation being modeled.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>User Groups: \n<ul class=\"wp-block-list\">\n<li>The human actors or roles that interact with the target application.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Business Actors:\n<ul class=\"wp-block-list\">\n<li>The organisational actors that interact with the target application.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Logical Structure: \n<ul class=\"wp-block-list\">\n<li>The organisation of components based on their function, independent of physical implementation or technology.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Drill-down: \n<ul class=\"wp-block-list\">\n<li>The ability to move from a high-level context (Level 1) to a detailed component view (Level 2 or 3).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Modelling Examples<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2460\" height=\"1004\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140.png\" alt=\"component model 1-2-3\" class=\"wp-image-10654\" style=\"width:767px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140.png 2460w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140-300x122.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140-1024x418.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140-768x313.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140-1536x627.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-140-2048x836.png 2048w\" sizes=\"auto, (max-width: 2460px) 100vw, 2460px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Component Model levels.<\/figcaption><\/figure>\n\n\n\n<p>An application consists of components (modules), each of which consists of components.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1564\" height=\"1052\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-139.png\" alt=\"component model of an application architecture with EDGY\" class=\"wp-image-10652\" style=\"width:514px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-139.png 1564w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-139-300x202.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-139-1024x689.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-139-768x517.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-139-1536x1033.png 1536w\" sizes=\"auto, (max-width: 1564px) 100vw, 1564px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Component Model of application architecture.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Note! An application (a.k.a. system) refers to a component of the overall business architecture of the enterprise.<\/p>\n\n\n\n<p>The component model approach is illustrated in the figure below.  A target application (&#8220;Application A&#8221;) is depicted in different levels of the component model.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"4360\" height=\"1460\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7.png\" alt=\"component model 1-2-3 with EDGY\" class=\"wp-image-6312\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7.png 4360w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7-300x100.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7-1024x343.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7-768x257.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7-1536x514.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-7-2048x686.png 2048w\" sizes=\"auto, (max-width: 4360px) 100vw, 4360px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: A target application named &#8220;Application A&#8221; modelled according to Component Model abstraction levels.<\/figcaption><\/figure>\n\n\n\n<p>Component Model example diagrams of example target application named \u201cOrder Handling System\u201d below.<\/p>\n\n\n\n<p><strong>CM-1<\/strong> Context diagram example. Introducing external users, adjacent applications and interactions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2316\" height=\"1436\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144.png\" alt=\"component model level 1 (CM-1)\" class=\"wp-image-10671\" style=\"width:635px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144.png 2316w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144-300x186.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144-1024x635.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144-768x476.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144-1536x952.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-144-2048x1270.png 2048w\" sizes=\"auto, (max-width: 2316px) 100vw, 2316px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: CM-1 Context diagram.<\/figcaption><\/figure>\n\n\n\n<p><strong>CM-2<\/strong> Composition diagram example. Introducing internal sub-components (modules) such as interfaces (GUIs and APIs).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"3600\" height=\"1680\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145.png\" alt=\"component model level 2 (CM-2)\" class=\"wp-image-10673\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145.png 3600w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145-300x140.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145-1024x478.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145-768x358.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145-1536x717.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-145-2048x956.png 2048w\" sizes=\"auto, (max-width: 3600px) 100vw, 3600px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: CM-2 Composition diagram.<\/figcaption><\/figure>\n\n\n\n<p><strong>CM-3<\/strong> Component diagram example.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1808\" height=\"1332\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-146.png\" alt=\"component model level 3 (CM-3)\" class=\"wp-image-10674\" style=\"width:550px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-146.png 1808w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-146-300x221.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-146-1024x754.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-146-768x566.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-146-1536x1132.png 1536w\" sizes=\"auto, (max-width: 1808px) 100vw, 1808px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: CM-3 Component diagram.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-center has-background has-medium-font-size\" style=\"background-color:#e0ebff\"><a href=\"https:\/\/hosiaisluoma.fi\/EDGY-Application-Architecture-Component-Model.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Load Component Model pdf<\/strong><\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Application Architecture<\/h2>\n\n\n\n<p>Application architecture describes the logical structure of an application. Application architecture introduces both the external and internal aspects as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Externals<\/strong>: who are the users and what information is switched with other applications?<\/li>\n\n\n\n<li>what are the <strong>internal<\/strong> parts based on which the application is composed?<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1176\" height=\"408\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-13.png\" alt=\"EDGY application architecture elements\" class=\"wp-image-6320\" style=\"width:400px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-13.png 1176w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-13-300x104.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-13-1024x355.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-13-768x266.png 768w\" sizes=\"auto, (max-width: 1176px) 100vw, 1176px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: EDGY elements of application architecture.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Application architecture can be modelled with only a few <a href=\"https:\/\/hosiaisluoma.fi\/design\/enterprise-design-elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">elements of EDGY<\/a>: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em>Asset<\/em> element and <\/li>\n\n\n\n<li>relationships <em>Link<\/em> and <em>Flow<\/em>. <\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>This simplicity of the EDGY makes it productive, as the modellers can concentrate on the problem instead of notation. However, the EDGY is expressive enough, and it is easy to do and easy to use. Everyone can easily understand EDGY diagrams.<\/p>\n\n\n\n<p>The asset element is a multipurpose element, which can be used for modelling any kind of structural asset of an enterprise, e.g.:<\/p>\n\n\n\n<p>The EDGY elements can be added with labels that express additional information. Labels enrich the usage of elements by providing extra information or any kind of characteristics that are meaningful in the context. There are two kinds of labels: 1) tags and 2) metrics.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"444\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-15.png\" alt=\"EDGY tags and metrics\" class=\"wp-image-6323\" style=\"width:350px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-15.png 1048w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-15-300x127.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-15-1024x434.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-15-768x325.png 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Labeles: tags and metrics.<\/figcaption><\/figure>\n\n\n\n<p><strong>Relationships<\/strong> between architectural elements are typically either 1) structural or 2) dynamic by their nature. The link defines a structural association between two elements, and the flow defines dynamic influence or data flow between two elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2444\" height=\"772\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35.png\" alt=\"EDGY link association\" class=\"wp-image-6360\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35.png 2444w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35-300x95.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35-1024x323.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35-768x243.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35-1536x485.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-35-2048x647.png 2048w\" sizes=\"auto, (max-width: 2444px) 100vw, 2444px\" \/><\/figure>\n\n\n\n<p>The structural relationship between the elements can be modelled explicitly with the 1) link relationship or 2) by nesting the elements as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2444\" height=\"936\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36.png\" alt=\"EDGY asset\" class=\"wp-image-6361\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36.png 2444w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36-300x115.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36-1024x392.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36-768x294.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36-1536x588.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-36-2048x784.png 2048w\" sizes=\"auto, (max-width: 2444px) 100vw, 2444px\" \/><\/figure>\n\n\n\n<p>Structural relationship with explicit link relationship can introduce the characteristics of the association (e.g. \u201cIs part of\u201d).<\/p>\n\n\n\n<p>Dynamic relationship typically introduces the data object that is switched between the elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2444\" height=\"408\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37.png\" alt=\"EDGY data flow\" class=\"wp-image-6362\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37.png 2444w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37-300x50.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37-1024x171.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37-768x128.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37-1536x256.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-37-2048x342.png 2048w\" sizes=\"auto, (max-width: 2444px) 100vw, 2444px\" \/><\/figure>\n\n\n\n<p><strong>Tag<\/strong>. Different types of elements can be distinguished with the tag element.&nbsp;This can be necessary when it is important to precisely express the characteristics of elements. The use of tags makes the diagrams easier to interpret as the types of assets are made visible with declarative text, instead of special symbols that require extra knowledge.<\/p>\n\n\n\n<p>It suggested defining organisation context-specific asset types as tags, according to what is appropriate and fit for the case, and then providing those tags within re-usable legend elements as shown below. This encourages to consistent modelling style.<\/p>\n\n\n\n<p>There is a common set of asset types concerning application architecture. The minimum viable set, the short list, consists of the most typical asset types: 1) application, 2) system software and 3) data.<\/p>\n\n\n\n<p>Examples of tags are shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2232\" height=\"1080\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16.png\" alt=\"EDGY tag\" class=\"wp-image-6325\" style=\"width:650px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16.png 2232w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16-300x145.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16-1024x495.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16-768x372.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16-1536x743.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-16-2048x991.png 2048w\" sizes=\"auto, (max-width: 2232px) 100vw, 2232px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Examples of tags.<\/figcaption><\/figure>\n\n\n\n<p>Some other examples of tags are shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2232\" height=\"996\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17.png\" alt=\"EDGY tags\" class=\"wp-image-6327\" style=\"width:650px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17.png 2232w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17-300x134.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17-1024x457.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17-768x343.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17-1536x685.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-17-2048x914.png 2048w\" sizes=\"auto, (max-width: 2232px) 100vw, 2232px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: More examples of tags.<\/figcaption><\/figure>\n\n\n\n<p>Assets and tags simplify the architecture for both modellers and users. The diagrams are easy to create and easy to understand:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>there is only a single element, the asset, for depicting any kind of asset,<\/li>\n\n\n\n<li>tags can be used for adding explanatory information to assets when appropriate.<\/li>\n<\/ul>\n\n\n\n<p><strong>Metrics<\/strong> can be used for adding extra qualitative or quantitative definitions, or any kind of classifications such as risk assessment, priorities, criticalities etc.<\/p>\n\n\n\n<p>Examples of metrics are shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2184\" height=\"1140\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24.png\" alt=\"EDGY metrics\" class=\"wp-image-6340\" style=\"width:650px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24.png 2184w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24-300x157.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24-1024x535.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24-768x401.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24-1536x802.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-24-2048x1069.png 2048w\" sizes=\"auto, (max-width: 2184px) 100vw, 2184px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Examples of metrics.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Application Integration patterns<\/h2>\n\n\n\n<p>Application interactions a.k.a. integrations between applications can be modelled with the flow -relation. The basic integrations illustrate what business data is transferred in which direction as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2448\" height=\"1208\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44.png\" alt=\"application integration patterns\" class=\"wp-image-6372\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44.png 2448w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44-300x148.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44-1024x505.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44-768x379.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44-1536x758.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-44-2048x1011.png 2048w\" sizes=\"auto, (max-width: 2448px) 100vw, 2448px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Basic application interaction patterns.<\/figcaption><\/figure>\n\n\n\n<p>Extra semantics can be added into flow relationships e.g. by line color and width.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2972\" height=\"808\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43.png\" alt=\"application interaction\" class=\"wp-image-6371\" style=\"width:850px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43.png 2972w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43-300x82.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43-1024x278.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43-768x209.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43-1536x418.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-43-2048x557.png 2048w\" sizes=\"auto, (max-width: 2972px) 100vw, 2972px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Extra semantics added into flow relationships.<\/figcaption><\/figure>\n\n\n\n<p>Extra semantics can be added to the line, such as protocols, mechanisms, volumes or frequencies.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2436\" height=\"808\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45.png\" alt=\"application integration\" class=\"wp-image-6374\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45.png 2436w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45-300x100.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45-1024x340.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45-768x255.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45-1536x509.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-45-2048x679.png 2048w\" sizes=\"auto, (max-width: 2436px) 100vw, 2436px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Additional information added into flow relationships.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Deployment Diagram<\/h2>\n\n\n\n<p>An example of technology architecture is shown below. This deployment diagram visualizes the run-time environment of a business application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2544\" height=\"1852\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22.png\" alt=\"deployment diagram with EDGY\" class=\"wp-image-6336\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22.png 2544w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22-300x218.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22-1024x745.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22-768x559.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22-1536x1118.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-22-2048x1491.png 2048w\" sizes=\"auto, (max-width: 2544px) 100vw, 2544px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Deployment Diagram.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"1560\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-25.png\" alt=\"three tiered architecture with EDGY\" class=\"wp-image-6343\" style=\"width:250px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-25.png 928w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-25-178x300.png 178w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-25-609x1024.png 609w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-25-768x1291.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-25-914x1536.png 914w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Three-tiered architecture.<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Examples &amp; Patterns<\/h2>\n\n\n\n<p>Application architecture patterns introduced below illustrate the usage of these architectural elements.<\/p>\n\n\n\n<p><strong>Three-tier architecture<\/strong>. A classic example of introducing the application&#8217;s internal structure is the traditional three-tier architecture, which consists of the following tiers:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>presentation tier (a.k.a. user interface tier),<\/li>\n\n\n\n<li>business logic tier, and<\/li>\n\n\n\n<li>data tier.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>These tiers altogether represent the <em>separation of concerns<\/em>, and the functional decomposition of an application into structural parts. Each tier has its specific responsibility, and the whole application is composed of these individual tiers and their functionalities. As these tiers are the structural parts of the application, they are included in the application by nesting. (Similarities to the <em>Model-View-Controller<\/em> pattern).<\/p>\n\n\n\n<p><strong>Layered Architecture<\/strong> is analogous to three-tiered architecture. The same basic structure is now defined with other names of the parts, e.g. <em>tiers<\/em> are called <em>layers<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"1944\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-26.png\" alt=\"layered architecture with EDGY\" class=\"wp-image-6344\" style=\"width:250px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-26.png 928w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-26-143x300.png 143w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-26-489x1024.png 489w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-26-768x1609.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-26-733x1536.png 733w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Layered architecture.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Notes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Additional information can be included in the asset elements &#8211; if that can be done without making the diagram too \u201cbusy\u201d. It must be considered carefully how much information is enough, and how much is too much.<\/li>\n\n\n\n<li>Tags are not necessary when the diagram introduces only structural elements (components) of the same type, or the types of the elements are implicitly clear.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Assets can be used for representing e.g. application or technology a.k.a. system software as shown in the figure below. When an application includes system software elements, then tags can express their type (such as Front-end, Back-end, User interface, Business logic etc.).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"1560\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-28.png\" alt=\"application architecture with EDGY\" class=\"wp-image-6347\" style=\"width:250px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-28.png 928w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-28-178x300.png 178w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-28-609x1024.png 609w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-28-768x1291.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-28-914x1536.png 914w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Fullstack example with typed assets.<\/figcaption><\/figure>\n\n\n\n<p><strong>Model-View-Controller (MVC)<\/strong> pattern is compatible with the three-tiered and layered architectures. The MVC divides the application into functional components, each of which has a specific role and is responsible for certain functionalities: presentation, business logic and data access.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1768\" height=\"1944\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-27.png\" alt=\"Model View Controller (MVC)\" class=\"wp-image-6345\" style=\"width:550px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-27.png 1768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-27-273x300.png 273w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-27-931x1024.png 931w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-27-768x844.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-27-1397x1536.png 1397w\" sizes=\"auto, (max-width: 1768px) 100vw, 1768px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Model-View-Controller.<\/figcaption><\/figure>\n\n\n\n<p><strong>Input-Process-Output<\/strong>. As architecture defines the structure of an application, then the application consists of structural elements &#8211; all of which are modelled with the asset element. The basic pattern of an application consists of the following elements: a) input data, b) processing unit (hiding the internal behavior as a black box), c) data storage and d) output data. This view introduces the basic concepts. The application is an active structure element, that performs certain behavior for processing the input and producing the output. The data objects (input and output) are passive structure elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2688\" height=\"892\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29.png\" alt=\"EDGY\" class=\"wp-image-6350\" style=\"width:800px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29.png 2688w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29-300x100.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29-1024x340.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29-768x255.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29-1536x510.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-29-2048x680.png 2048w\" sizes=\"auto, (max-width: 2688px) 100vw, 2688px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Data processing pattern.<\/figcaption><\/figure>\n\n\n\n<p><strong>Extract &#8211; Transform &#8211; Load (ETL)<\/strong> pattern represents how data is retrieved, processed and then loaded. ETL process consists of the following phases:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>extracting is data retrieving\/fetching from the source (typically a data source, but can be e.g. cloud service, analytics tool etc.),&nbsp;<\/li>\n\n\n\n<li>transforming is processing (e.g. cleaning, enriching) the input data (source-, raw data) and&nbsp;<\/li>\n\n\n\n<li>loading phase is storing the transformed output data into the target storage (e.g. database, data warehouse, data lake).<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2848\" height=\"732\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30.png\" alt=\"EDGY\" class=\"wp-image-6351\" style=\"width:900px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30.png 2848w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30-300x77.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30-1024x263.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30-768x197.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30-1536x395.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-30-2048x526.png 2048w\" sizes=\"auto, (max-width: 2848px) 100vw, 2848px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Extract-Transform-Load pattern.<\/figcaption><\/figure>\n\n\n\n<p>The behavior of the application is modelled with the <em>Process<\/em> element, which represent any activity taken (by some structural element of the enterprise, such as organisation, application, component etc.). An alternative way of modelling the ETL is based on the asset elements only as shown below. The choice between asset and process depends on the context and what is appropriate and fits the case.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2848\" height=\"732\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31.png\" alt=\"EDGY\" class=\"wp-image-6352\" style=\"width:900px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31.png 2848w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31-300x77.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31-1024x263.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31-768x197.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31-1536x395.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-31-2048x526.png 2048w\" sizes=\"auto, (max-width: 2848px) 100vw, 2848px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: An ETL application modelled with asset elements instead of process elements.<\/figcaption><\/figure>\n\n\n\n<p><strong>Nesting elements<\/strong>. Elements can be included in other elements. That can be done when there is a hierarchical structural dependency between the elements: an element belongs to another element. Or, there can be a behavioral dependency between the elements: an object performs an activity, e.g. an organisation performs a process.<\/p>\n\n\n\n<p>This modelling style has advantages e.g. as follows:&nbsp;<\/p>\n\n\n\n<ol style=\"list-style-type:upper-alpha\" class=\"wp-block-list\">\n<li>simplicity; the structural dependency hierarchies are illustrated without (link) relationship elements, and<\/li>\n\n\n\n<li>compact layout; The diagram can be modelled into a more compact form, as space is \u2018economically\u2019 saved by including elements with others.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>Examples: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Organisation makes products\/services, <\/li>\n\n\n\n<li>Organisation has capabilities, <\/li>\n\n\n\n<li>Organisation performs processes, <\/li>\n\n\n\n<li>Organisation has applications, <\/li>\n\n\n\n<li>Capability consists of processes and assets (of diverse types, such as applications and data), <\/li>\n\n\n\n<li>An application consists of components,<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2960\" height=\"2172\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75.png\" alt=\"EDGY\" class=\"wp-image-6587\" style=\"width:850px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75.png 2960w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75-300x220.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75-1024x751.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75-768x564.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75-1536x1127.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-75-2048x1503.png 2048w\" sizes=\"auto, (max-width: 2960px) 100vw, 2960px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Nesting elements &#8211; for the sake of simplicity and compact layout.<\/figcaption><\/figure>\n\n\n\n<p>Nesting elements of a capability: processes, applications, data and people included in the capability, which is a <em>wrapper<\/em> \u2018container\u2019 for things that belong together.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1452\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73.png\" alt=\"capability\" class=\"wp-image-6581\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73.png 2400w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73-300x182.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73-1024x620.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73-768x465.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73-1536x929.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-73-2048x1239.png 2048w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Connecting and nesting elements of a capability.<\/figcaption><\/figure>\n\n\n\n<p>Another version is shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2492\" height=\"1452\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147.png\" alt=\"capability\" class=\"wp-image-10682\" style=\"width:753px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147.png 2492w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147-300x175.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147-1024x597.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147-768x447.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147-1536x895.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-147-2048x1193.png 2048w\" sizes=\"auto, (max-width: 2492px) 100vw, 2492px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Nesting all the elements of a capability.<\/figcaption><\/figure>\n\n\n\n<p><strong>Several tags and\/or metrics are associated with an asset element<\/strong>. There can be cases where an asset element can be associated with several tags and\/or metrics, which can be positioned one below the other (figure below). However, these needs are quite rare as the context typically explains the types. For example, an application architecture diagram titled \u201capplication architecture\u201d implicitly implies that the asset elements are applications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2848\" height=\"760\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34.png\" alt=\"EDGY\" class=\"wp-image-6357\" style=\"width:850px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34.png 2848w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34-300x80.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34-1024x273.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34-768x205.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34-1536x410.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-34-2048x547.png 2048w\" sizes=\"auto, (max-width: 2848px) 100vw, 2848px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Several tags and\/or metrics can be attached to an asset element.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Principles<\/h2>\n\n\n\n<p><strong>Principles<\/strong>. The asset elements can be resized based on the content such as text, tags or metrics. However, the size can comprehend the meaning of the importance: a bigger element can be considered more important than the others. The suggestion is: to keep the elements with the same importance at the same size.<\/p>\n\n\n\n<p>Principles:<\/p>\n\n\n\n<ol style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>Model only what is relevant (limit width and depth: scope and level of details).<\/li>\n\n\n\n<li>There are not too many elements in the same diagram (split, use abstraction levels).<\/li>\n\n\n\n<li>Only elements of the same abstraction level into the same diagram.<\/li>\n\n\n\n<li>The elements are of the same size.<\/li>\n\n\n\n<li>Elements are aligned.<\/li>\n\n\n\n<li>Connecting lines aligned, no crossing lines.<\/li>\n\n\n\n<li>Harmony, symmetry and balance of elements.<\/li>\n\n\n\n<li>Use colors with care: not too much.<\/li>\n\n\n\n<li>Less is more (minimalistic approach: <em>as little as enough, not as much as possible<\/em>).<\/li>\n\n\n\n<li>Simplicity (<em>KISS = Keep It Simple, Stupid<\/em>).<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"4408\" height=\"1688\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83.png\" alt=\"EDGY hyv\u00e4 mallinnustapa\" class=\"wp-image-6633\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83.png 4408w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83-300x115.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83-1024x392.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83-768x294.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83-1536x588.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-83-2048x784.png 2048w\" sizes=\"auto, (max-width: 4408px) 100vw, 4408px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Suggested modelling style on the left.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"3306\" height=\"1470\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143.png\" alt=\"component model\" class=\"wp-image-10667\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143.png 3306w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143-300x133.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143-1024x455.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143-768x341.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143-1536x683.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-143-2048x911.png 2048w\" sizes=\"auto, (max-width: 3306px) 100vw, 3306px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Business Architecture<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"130\" height=\"132\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-70.png\" alt=\"\" class=\"wp-image-6540\" style=\"width:50px\"\/><\/figure>\n<\/div>\n\n\n<p>In the Business Architecture of an enterprise, everything starts from the capabilities &#8211; according to the <strong>capability first <\/strong>principle. <\/p>\n\n\n\n<p>Capabilities are the business components of a modular operational business of an enterprise. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the <strong>Capability Map<\/strong> as a base map of the operational business of the enterprise<\/li>\n\n\n\n<li>Identify the capability (or capabilities) supported by the target application<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#d8e0fe;font-size:18px\">Capabilities are the basic building blocks of an enterprise&#8217;s operational business.<\/p>\n\n\n\n<p>All are components:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Capabilities are components of the operational business of an enterprise\n<ul class=\"wp-block-list\">\n<li>The Business Components of a <em>Composable Business<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Applications are components of Capabilities<\/li>\n\n\n\n<li>Applications are compositions of components.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-background has-medium-font-size\" style=\"background-color:#a6c0ff\">Operational business consists of <em>business components<\/em>, the <em>capabilities<\/em>. Capabilities consist of <em>application components<\/em>. Application components (systems) consist of sub-components, such as modules or sub-systems. Each sub-component can consist of further components\u2026<\/p>\n\n\n\n<p>A common application architecture modelling approach: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start from the high-level big picture and then go into the details<\/li>\n\n\n\n<li>Focus on a single application<\/li>\n\n\n\n<li>Zoom into the details<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2456\" height=\"732\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64.png\" alt=\"capability\" class=\"wp-image-6511\" style=\"width:700px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64.png 2456w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64-300x89.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64-1024x305.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64-768x229.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64-1536x458.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-64-2048x610.png 2048w\" sizes=\"auto, (max-width: 2456px) 100vw, 2456px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Zoom into the details<\/figcaption><\/figure>\n\n\n\n<p>Levels:<br>0 = Capability level of the operational business of the enterprise<br>1 = Context of a target application (external interactions)<br>2 = Composition of the application (internal structure)<br>3 = Component of the application (structure of a component)<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"3104\" height=\"1008\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63.png\" alt=\"\" class=\"wp-image-6505\" style=\"width:800px\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63.png 3104w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63-300x97.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63-1024x333.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63-768x249.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63-1536x499.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-63-2048x665.png 2048w\" sizes=\"auto, (max-width: 3104px) 100vw, 3104px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Component Model levels 0-3.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"9968\" height=\"3688\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68.png\" alt=\"capability map\" class=\"wp-image-6530\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68.png 9968w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68-300x111.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68-1024x379.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68-768x284.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68-1536x568.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-68-2048x758.png 2048w\" sizes=\"auto, (max-width: 9968px) 100vw, 9968px\" \/><figcaption class=\"wp-element-caption\"><strong>Figure<\/strong>: Zooming into the details.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Capability-Based Design<\/h2>\n\n\n\n<p>The capability map represents the base map of the operational business of an enterprise. The capabilities are modular business components from which the operational business is composed. The capabilities are at the heart of the composable business.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><em>&#8220;Composable business is a natural acceleration of the digital business that you live in every day. It allows us to deliver the resilience and agility that these interesting times demand.&#8221; <\/em><\/p>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:12px\">Daryl Plummer, Distinguished VP Analyst, Gartner.<\/p>\n\n\n\n<p>Capability-based design starts from the capability map. Every change activity can be directed to a certain capability or capabilities. Capabilities are the core building blocks of the business architecture. All the other elements are composed into capabilities, such as people, processes, and assets (applications, data etc.). <\/p>\n\n\n\n<p>The capabilities are enterprise-level components of the business: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Operational units of the business<\/li>\n\n\n\n<li>Design and development units of the change activities<\/li>\n\n\n\n<li>Management units of the enterprise, both at the strategic business management level and the operational level.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"5104\" height=\"3368\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69.png\" alt=\"\" class=\"wp-image-6536\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69.png 5104w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69-300x198.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69-1024x676.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69-768x507.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69-1536x1014.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-69-2048x1351.png 2048w\" sizes=\"auto, (max-width: 5104px) 100vw, 5104px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1910\" height=\"1068\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-151.png\" alt=\"architecture levels\" class=\"wp-image-15465\" style=\"width:739px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-151.png 1910w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-151-300x168.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-151-1024x573.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-151-768x429.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-151-1536x859.png 1536w\" sizes=\"auto, (max-width: 1910px) 100vw, 1910px\" \/><figcaption class=\"wp-element-caption\">Architecture levels.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><a>References<\/a><\/h2>\n\n\n\n<p>[1] Intersection Group pages, <a href=\"https:\/\/intersection.group\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/intersection.group<\/a> <\/p>\n\n\n\n<p>[2] Enterprise Design with EDGY pages, <a href=\"https:\/\/enterprise.design\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/enterprise.design\/<\/a><\/p>\n\n\n\n<p>[3] <em>EDGY language foundations<\/em>, book, 2023, (available as pdf), <a href=\"https:\/\/shop.intersection.group\/products\/edgy-23-softcover\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a> <\/p>\n\n\n\n<p>[4] EDGY 23 Language Foundations, Online course (4 weeks), Milan Guenther &amp; Wolfgang Goebl, <a href=\"https:\/\/intersection.group\/learning\/intersection-academy\/\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a><\/p>\n\n\n\n<p>[5] <em>Enterprise Design Patterns<\/em>, Intersection Group book, 2020, (available as pdf), <a href=\"https:\/\/shop.intersection.group\/products\/enterprise-design-patterns?pr_prod_strat=copurchase&amp;pr_rec_id=a09f6f531&amp;pr_rec_pid=7567680471268&amp;pr_ref_pid=8352544194902&amp;pr_seq=uniform\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a><\/p>\n\n\n\n<p>[6] EDGY 23 product release, launch on 29th March 2023, webinar recording, Milan Guenther &amp; Wolfgang Goebl, <a href=\"https:\/\/www.youtube.com\/watch?v=RX3IsJ9-MiI\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">EDGY tools<\/h3>\n\n\n\n<p>The Enterprise Design language, EDGY, from the <a href=\"https:\/\/intersection.group\" target=\"_blank\" rel=\"noreferrer noopener\">Intersection Group<\/a>, enables people to design well-designed outcomes for better enterprises!<\/p>\n\n\n\n<p>EDGY diagrams can be created with several tools, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Draw.io (available as Confluence plugin, which enables lots of features for combining diagrams, text and tables)<\/li>\n\n\n\n<li><a href=\"https:\/\/miro.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Miro<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.qualiware.com\/edgy\" target=\"_blank\" rel=\"noreferrer noopener\">QualiWare<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/www.valueblue.com\/bluedolphin\" target=\"_blank\" rel=\"noreferrer noopener\">BlueDolphin<\/a><\/li>\n\n\n\n<li>PowerPoint (<a href=\"https:\/\/www.enterprise.design\/wiki\/EDGY:Tools\" target=\"_blank\" rel=\"noreferrer noopener\">stencils<\/a>)<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>More to come, e.g.:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>MS Visio<\/li>\n\n\n\n<li>Sparx EA<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>EDGY stencils (+ lots of information) can be found on the Intersection Group&#8217;s Enterprise Design with EDGY pages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/enterprise.design\" target=\"_blank\" rel=\"noreferrer noopener\">Enterprise Design with EDGY<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-center has-background has-medium-font-size\" style=\"background-color:#80ffb7\">Enterprise Design with <strong>EDGY<\/strong> \u2013 for creating well-designed outcomes for better enterprises.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-center has-background has-medium-font-size\" style=\"background-color:#c7d5fd\"><a href=\"https:\/\/hosiaisluoma.fi\/EDGY-Application-Architecture-Component-Model.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Load Component Model pdf<\/strong><\/a><\/p>\n\n\n\n<p>Check how C4 model kind of diagrams can be done with the EDGY:<\/p>\n\n\n\n<p class=\"has-text-align-center has-pale-cyan-blue-background-color has-background has-medium-font-size\"><a href=\"https:\/\/hosiaisluoma.fi\/EDGY-C4-mapping.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Load EDGY and C4 model mapping pdf<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2638\" height=\"1464\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148.png\" alt=\"\" class=\"wp-image-10710\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148.png 2638w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148-300x166.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148-1024x568.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148-768x426.png 768w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148-1536x852.png 1536w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-148-2048x1137.png 2048w\" sizes=\"auto, (max-width: 2638px) 100vw, 2638px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Summary: <em>The Component Model<\/em><\/h2>\n\n\n\n<p>The Component Model is a logical description of an <em>application<\/em>, providing a structured way to manage complexity through three levels of abstraction. It acts as a &#8220;drill-down&#8221; tool that starts from the <em>application context <\/em>(Level 1), viewing the application as a <em>black-box<\/em> and identifying its user groups and adjacent applications.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1284\" height=\"980\" src=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\" alt=\"\" class=\"wp-image-16402\" style=\"aspect-ratio:1.3102288513562916;width:354px;height:auto\" srcset=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png 1284w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153-300x229.png 300w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153-1024x782.png 1024w, https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153-768x586.png 768w\" sizes=\"auto, (max-width: 1284px) 100vw, 1284px\" \/><\/figure>\n<\/div>\n\n\n<p>The model then reveals the internal <em>white-box<\/em> structure (Level 2), where the application is decomposed into its main components (sub-components, modules), and their interactions. Finally, for particularly complex parts, a <em>granular view<\/em> (Level 3) can be used to document the internal behavior and structure of a specific component. This approach ensures that the application&#8217;s structure and behavior are clearly defined for both enterprise architecture and solution architecture perspectives, for further detail design and development.<\/p>\n\n\n\n<p><strong>Key Takeaways<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Application-Centric:<\/strong> Focuses on the business purpose and logical decomposition of a single application.<\/li>\n\n\n\n<li><strong>Layered Abstraction:<\/strong> Moves from external context to internal component details.<\/li>\n\n\n\n<li><strong>Visual Communication:<\/strong> Uses a &#8220;black-box&#8221; and  &#8220;white-box&#8221; approach to illustrate both external and internal dependencies and data flows.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<p>&#8212; Eero Hosiaisluoma<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Component Model is an application architecture modelling approach, in which a target application is depicted on different abstraction levels: 1) context-, 2) composition- and 3) component levels.\u00a0<\/p>\n","protected":false},"author":1,"featured_media":16402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77,143,6],"tags":[76,78,15,23,144,75,150,34,25],"class_list":["post-673","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-architecture","category-business-architecture","category-enterprise-design","tag-application-architecture","tag-application-integration","tag-capability","tag-capability-based-design","tag-component-model","tag-component-model-1-2-3","tag-komponenttimalli","tag-ratkaisuarkkitehtuuri","tag-solution-architecture"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Component Model - Holistic Enterprise Design<\/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:\/\/hosiaisluoma.fi\/design\/component-model\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Component Model - Holistic Enterprise Design\" \/>\n<meta property=\"og:description\" content=\"Component Model is an application architecture modelling approach, in which a target application is depicted on different abstraction levels: 1) context-, 2) composition- and 3) component levels.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosiaisluoma.fi\/design\/component-model\/\" \/>\n<meta property=\"og:site_name\" content=\"Holistic Enterprise Design\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-09T08:48:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T10:29:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1284\" \/>\n\t<meta property=\"og:image:height\" content=\"980\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Eero\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/\"},\"author\":{\"name\":\"Eero\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def\"},\"headline\":\"Component Model\",\"datePublished\":\"2024-01-09T08:48:32+00:00\",\"dateModified\":\"2026-03-26T10:29:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/\"},\"wordCount\":2949,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def\"},\"image\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\",\"keywords\":[\"Application Architecture\",\"Application integration\",\"Capability\",\"Capability-Based Design\",\"Component Model\",\"Component Model 1-2-3\",\"komponenttimalli\",\"ratkaisuarkkitehtuuri\",\"Solution Architecture\"],\"articleSection\":[\"Application Architecture\",\"Business Architecture\",\"Enterprise Design\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/\",\"url\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/\",\"name\":\"Component Model - Holistic Enterprise Design\",\"isPartOf\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\",\"datePublished\":\"2024-01-09T08:48:32+00:00\",\"dateModified\":\"2026-03-26T10:29:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosiaisluoma.fi\/design\/component-model\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage\",\"url\":\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\",\"contentUrl\":\"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png\",\"width\":1284,\"height\":980},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/component-model\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosiaisluoma.fi\/design\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Component Model\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#website\",\"url\":\"https:\/\/hosiaisluoma.fi\/design\/\",\"name\":\"Holistic Enterprise Design\",\"description\":\"Design &amp; Architecture by Eero Hosiaisluoma\",\"publisher\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosiaisluoma.fi\/design\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def\",\"name\":\"Eero\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6f441a64c82b4fc7437a45eab73eb1eebaaf82e8b8d0e19c62d770e8fdebed32?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6f441a64c82b4fc7437a45eab73eb1eebaaf82e8b8d0e19c62d770e8fdebed32?s=96&d=mm&r=g\",\"caption\":\"Eero\"},\"logo\":{\"@id\":\"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/hosiaisluoma.fi\/design\/\"],\"url\":\"https:\/\/hosiaisluoma.fi\/design\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Component Model - Holistic Enterprise Design","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:\/\/hosiaisluoma.fi\/design\/component-model\/","og_locale":"en_US","og_type":"article","og_title":"Component Model - Holistic Enterprise Design","og_description":"Component Model is an application architecture modelling approach, in which a target application is depicted on different abstraction levels: 1) context-, 2) composition- and 3) component levels.\u00a0","og_url":"https:\/\/hosiaisluoma.fi\/design\/component-model\/","og_site_name":"Holistic Enterprise Design","article_published_time":"2024-01-09T08:48:32+00:00","article_modified_time":"2026-03-26T10:29:04+00:00","og_image":[{"width":1284,"height":980,"url":"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png","type":"image\/png"}],"author":"Eero","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Eero","Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#article","isPartOf":{"@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/"},"author":{"name":"Eero","@id":"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def"},"headline":"Component Model","datePublished":"2024-01-09T08:48:32+00:00","dateModified":"2026-03-26T10:29:04+00:00","mainEntityOfPage":{"@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/"},"wordCount":2949,"commentCount":0,"publisher":{"@id":"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def"},"image":{"@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage"},"thumbnailUrl":"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png","keywords":["Application Architecture","Application integration","Capability","Capability-Based Design","Component Model","Component Model 1-2-3","komponenttimalli","ratkaisuarkkitehtuuri","Solution Architecture"],"articleSection":["Application Architecture","Business Architecture","Enterprise Design"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosiaisluoma.fi\/design\/component-model\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/","url":"https:\/\/hosiaisluoma.fi\/design\/component-model\/","name":"Component Model - Holistic Enterprise Design","isPartOf":{"@id":"https:\/\/hosiaisluoma.fi\/design\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage"},"image":{"@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage"},"thumbnailUrl":"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png","datePublished":"2024-01-09T08:48:32+00:00","dateModified":"2026-03-26T10:29:04+00:00","breadcrumb":{"@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosiaisluoma.fi\/design\/component-model\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#primaryimage","url":"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png","contentUrl":"https:\/\/hosiaisluoma.fi\/design\/wp-content\/uploads\/2024\/01\/image-153.png","width":1284,"height":980},{"@type":"BreadcrumbList","@id":"https:\/\/hosiaisluoma.fi\/design\/component-model\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosiaisluoma.fi\/design\/"},{"@type":"ListItem","position":2,"name":"Component Model"}]},{"@type":"WebSite","@id":"https:\/\/hosiaisluoma.fi\/design\/#website","url":"https:\/\/hosiaisluoma.fi\/design\/","name":"Holistic Enterprise Design","description":"Design &amp; Architecture by Eero Hosiaisluoma","publisher":{"@id":"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosiaisluoma.fi\/design\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":["Person","Organization"],"@id":"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/a4947710155b23565facd46ef90e3def","name":"Eero","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6f441a64c82b4fc7437a45eab73eb1eebaaf82e8b8d0e19c62d770e8fdebed32?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6f441a64c82b4fc7437a45eab73eb1eebaaf82e8b8d0e19c62d770e8fdebed32?s=96&d=mm&r=g","caption":"Eero"},"logo":{"@id":"https:\/\/hosiaisluoma.fi\/design\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/hosiaisluoma.fi\/design\/"],"url":"https:\/\/hosiaisluoma.fi\/design\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/posts\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":201,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/posts\/673\/revisions"}],"predecessor-version":[{"id":16452,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/posts\/673\/revisions\/16452"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/media\/16402"}],"wp:attachment":[{"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/media?parent=673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/categories?post=673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosiaisluoma.fi\/design\/wp-json\/wp\/v2\/tags?post=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}