{"id":363,"date":"2018-05-04T12:53:40","date_gmt":"2018-05-04T11:53:40","guid":{"rendered":"http:\/\/generic.wordpress.soton.ac.uk\/group1\/?p=363"},"modified":"2018-05-04T13:33:56","modified_gmt":"2018-05-04T12:33:56","slug":"uml-diagrams-of-morethan-talk","status":"publish","type":"post","link":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/2018\/05\/04\/uml-diagrams-of-morethan-talk\/","title":{"rendered":"UML Diagrams of MoreThan Talk"},"content":{"rendered":"<p><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif;font-size: 12pt\"><span style=\"color: #000000\">In software engineering, a class diagram in the UML (Unified Modeling Language) is a static structure diagram which describes the structure of the system. It shows the system classes and their attributes and operations (or method). It enables us to show the relationship between these classes and classes\u2019 objects. [1]<\/span><\/span><\/p>\n<p><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif;font-size: 12pt\"><span style=\"color: #000000\">For our website UML diagrams, we used the online tool <a href=\"https:\/\/www.smartdraw.com\/\">smartdraw<\/a> to draw these designs.<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt\"><strong><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif\"><span style=\"color: #000000\">1. UML Class Diagram: Website Transactions<\/span><\/span><\/strong><\/span><\/p>\n<p><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif;font-size: 12pt\"><span style=\"color: #000000\">This diagram shows class diagrams of the website. It gives general idea about the website structure.<\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-365 \" src=\"http:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-class-web-transactions.png\" alt=\"\" width=\"946\" height=\"493\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-class-web-transactions.png 1299w, https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-class-web-transactions-300x156.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-class-web-transactions-768x400.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-class-web-transactions-1024x534.png 1024w\" sizes=\"auto, (max-width: 946px) 100vw, 946px\" \/><\/p>\n<p><span style=\"float: none;background-color: transparent;color: #666666;font-family: 'OpenSans';font-size: 16px;font-style: normal;font-variant: normal;font-weight: 400;letter-spacing: normal;text-align: left;text-decoration: none;text-indent: 0px\">Classes represent an abstraction of entities with common characteristics. Associations represent the relationships between classes.<\/span><\/p>\n<p><span style=\"float: none;background-color: transparent;color: #666666;font-family: 'OpenSans';font-size: 16px;font-style: normal;font-variant: normal;font-weight: 400;letter-spacing: normal;text-align: left;text-decoration: none;text-indent: 0px\">Associations represent static relationships between classes. Use an arrow to indicate the direction of the relationship. Place roles near the end of an association. Roles represent the way the two classes see each other.<\/span><\/p>\n<p><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif;font-size: 12pt\"><span style=\"color: #000000\">Composition is a special type of aggregation that denotes a strong ownership between classes. Illustrate composition with a filled diamond. Use a hollow diamond to represent a simple aggregation relationship, in which the &#8220;whole&#8221; class plays a more important role than the &#8220;part&#8221; class, but the two classes are not dependent on each other. The diamond ends in both composition and aggregation relationships point toward the &#8220;whole&#8221; class.<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt\"><strong><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif\"><span style=\"color: #000000\">2. UML Communication Diagram : Log-On &amp; Log-Off Scenario<\/span><\/span><\/strong><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-366\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-log-on.png\" alt=\"\" width=\"625\" height=\"598\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-log-on.png 614w, https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-log-on-300x287.png 300w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-367 \" src=\"http:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-log-on-2.png\" alt=\"\" width=\"616\" height=\"813\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-log-on-2.png 483w, https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-content\/uploads\/sites\/261\/2018\/05\/uml-log-on-2-227x300.png 227w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/p>\n<p><span style=\"margin: 0px;line-height: 107%;font-family: 'Times New Roman',serif;font-size: 12pt\"><span style=\"color: #000000\">These diagrams shows users log-in scenario and relations between database and system. If users want to use More Than Talk, they may use their email to log-on. After login, users may access their personal blog page and they can access security settings and change password and update their personal information.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>REFERENCES<\/p>\n<p>[1]\u00a0<a href=\"https:\/\/en.wikipedia.org\/wiki\/Class_diagram\">https:\/\/en.wikipedia.org\/wiki\/Class_diagram<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In software engineering, a class diagram in the UML (Unified Modeling Language) is a static structure diagram which describes the structure of the system. It shows the system classes and their attributes and operations (or method). It enables us to show the relationship between these classes and classes\u2019 objects. [1] For our website UML diagrams, [&hellip;]<\/p>\n","protected":false},"author":2984,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-363","post","type-post","status-publish","format-standard","hentry","category-design"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/posts\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/users\/2984"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":3,"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/posts\/363\/revisions"}],"predecessor-version":[{"id":372,"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/posts\/363\/revisions\/372"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/media?parent=363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/categories?post=363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/group1\/wp-json\/wp\/v2\/tags?post=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}