{"id":242,"date":"2024-02-20T11:40:54","date_gmt":"2024-02-20T11:40:54","guid":{"rendered":"https:\/\/modelingperspectives.com\/?page_id=242"},"modified":"2024-03-10T11:45:36","modified_gmt":"2024-03-10T11:45:36","slug":"the-diagram-language","status":"publish","type":"page","link":"https:\/\/modelingperspectives.com\/index.php\/the-diagram-language\/","title":{"rendered":"The Perspectives Graphical Language"},"content":{"rendered":"<p>The Perspectives Graphical Language is illustrated in the paragraphs below. Details of the language are presented in <a href=\"https:\/\/modelingperspectives.com\/index.php\/perspectives-design-patterns\/\" data-type=\"page\" data-id=\"275\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#5796bb\" class=\"has-inline-color\">Perspectives Design Patterns I<\/mark><\/a> and <a href=\"https:\/\/modelingperspectives.com\/index.php\/perspectives-design-patterns-ii\/\" data-type=\"page\" data-id=\"446\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#4d8fa8\" class=\"has-inline-color\">II<\/mark><\/a>. Make sure to read the specification of the Perspectives Language first that is listed <a href=\"https:\/\/modelingperspectives.com\/index.php\/the-language\/\" data-type=\"page\" data-id=\"163\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#5ea3b5\" class=\"has-inline-color\">here<\/mark><\/a>. <\/p><p>Modeling starts with creating a new Context. Automatically the corresponding Context Diagram is created to be able to model the newly created Context&#8217;s contents. Here a Context is shown that contains a Userrole, a Thingrole and the Perspective the Userrole has on the Thingrole<\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"642\" height=\"484\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image.png\" alt=\"\" class=\"wp-image-247\" style=\"width:371px;height:auto\" srcset=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image.png 642w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-300x226.png 300w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-600x452.png 600w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/figure><p>Next consider the toolbox with the five symbols that are used to draw a Context Diagram. A Thingrole becomes a Userrole as soon as the Role has a Perspective. Note that there are only three relation symbols. IN that can be applied for Roles as well as Contexts as in &#8220;Worker IN Commerce Worker&#8221;, ON which denotes a Perspective, as in &#8220;Worker has a Perspective ON the Meeting&#8221;  and BE by which can be indicated that a Userrole can make itself another Userrole, as in &#8220;Worker&#8221; can become a Commerce Worker&#8221;.<\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"82\" height=\"106\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-1.png\" alt=\"\" class=\"wp-image-249\" style=\"width:136px;height:auto\"\/><\/figure><p>Here some examples of the IN, the ON and the BE relations are shown: Subcontext in Context, Role in Role, Userrole can become another Userrole:<\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"393\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-2.png\" alt=\"\" class=\"wp-image-252\" srcset=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-2.png 428w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-2-300x275.png 300w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/figure><p>As soon as a Role is created, automatically a Role Diagram is created to be able to add Properties to the Role. The toolbox for the Role Diagram lists the five types of Properties, the View that can be used to limit the Properties that can be seen by a particular Perspective, the &#8220;Widget&#8221; that can add Charts and Maps etc. to to a Property and again the IN relation. <\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"103\" height=\"164\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-3.png\" alt=\"\" class=\"wp-image-254\" style=\"width:185px;height:auto\"\/><\/figure><p>In the next example the IN relation is used to add Properties to a Role:<\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"226\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-4.png\" alt=\"\" class=\"wp-image-255\" srcset=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-4.png 360w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-4-300x188.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/figure><p>Here is example of adding a View to a Role. The View &#8220;Only Name&#8221; will contain only the first and last name of Worker and can therefore limit a Perspective to only include these two properties:<\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"293\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/03\/image-34.png\" alt=\"\" class=\"wp-image-586\" srcset=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/03\/image-34.png 559w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/03\/image-34-300x157.png 300w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><\/figure><p>And then there are Widgets. Widgets are UI controls such as Images, Maps, Charts, Browser windows and Calendars. Widgets can be used to improve the User Experience of the prototypes that are generated from Models. Here is example of a Image Widget:<\/p><p><\/p><figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"490\" height=\"391\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-6.png\" alt=\"\" class=\"wp-image-258\" srcset=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-6.png 490w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-6-300x239.png 300w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/figure><p>As shown here the &#8220;IN&#8221; relation is used also to connect a Property of a Role to a Property that belongs to a Widget. The result of this is shown here:<\/p><p><\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"304\" src=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-7.png\" alt=\"\" class=\"wp-image-259\" srcset=\"https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-7.png 789w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-7-300x116.png 300w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-7-768x296.png 768w, https:\/\/modelingperspectives.com\/wp-content\/uploads\/2024\/02\/image-7-600x231.png 600w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure><p>This is a part of a Prototype that is generated from the Model by the Perspectives Tool. <a href=\"https:\/\/modelingperspectives.com\/index.php\/the-prototype\/\" data-type=\"page\" data-id=\"168\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#5a8fb9\" class=\"has-inline-color\">Here<\/mark><\/a> this Perspectives Tool is discussed.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Perspectives Graphical Language is illustrated in the paragraphs below. Details of the language are presented in Perspectives Design Patterns I and II. Make sure to read the specification of the Perspectives Language first that is listed here. Modeling starts with creating a new Context. Automatically the corresponding Context Diagram is created to be able [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/pages\/242"}],"collection":[{"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":15,"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/pages\/242\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/pages\/242\/revisions\/587"}],"wp:attachment":[{"href":"https:\/\/modelingperspectives.com\/index.php\/wp-json\/wp\/v2\/media?parent=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}