{"id":35278,"date":"2017-09-08T06:31:06","date_gmt":"2017-09-08T13:31:06","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/?p=35278"},"modified":"2017-12-05T02:21:33","modified_gmt":"2017-12-05T10:21:33","slug":"using-flow-diagram-in-use-case-editor","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/35278\/using-flow-diagram-in-use-case-editor\/","title":{"rendered":"Using Flow Diagram in Use Case Editor"},"content":{"rendered":"<p>\t\t\t\t\t\t<!-- Start ScreenSteps Content --><\/p>\n<div class=\"LessonContent\">\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">What is a Use Case Flow Diagram?<\/h3>\n<div class=\"StepInstructions\">\n<p><font color=\"#000000\">When you write <i>Use Case<\/i> steps, <i>TopTeam <\/i>automatically generates a diagram for the steps. One of the diagram types is <i>Flow Diagram<\/i>.<\/font><\/p>\n<p><font color=\"#000000\">You can view <i>Use Case Flow Diagram<\/i> in the <i>Flow Diagram<\/i> tab of a <i>Use Case<\/i> editor. By default,<i> Flow Diagram<\/i> tab displays<i> Flow Diagram<\/i>.   <\/font><\/p>\n<p>Any modifications made in the <i>Flows<\/i> will automatically reflect in the corresponding<i> Flow Diagram<\/i>. You can rearrange<i> <\/i>the<i> Flow Diagram&#8217;s <\/i>layout as per your needs. You can also navigate between <i>Flows<\/i> and<i> Flow Diagram <\/i>tabs using the <i>Switch<\/i> option available on the toolbar.<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2017\/12\/wpid35328-media_1500984829942.png\" width=\"800\" height=\"707\" alt=\"wpid35328-media_1500984829942.png\" \/>\n<\/div>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">When to use it?<\/h3>\n<div class=\"StepInstructions\">\n<p><font color=\"#000000\">Use <i>Use Case Flow Diagram<\/i> to view a diagrammatic representation of <i>Flow-of-Events <\/i>and<i> <\/i>simulate<i> <\/i>to visualize the actual flow of a<i> Use Case<\/i>.<\/font><br \/>\n<font color=\"#000000\">This diagram type shows all linked records such as <i>Screen Mockups<\/i>, <i>Included Use Cases<\/i>, etc.<\/font><\/p>\n<p><font color=\"#000000\">You can also do the following:<\/font><\/p>\n<ul>\n<li><font color=\"#000000\">Copy diagram to clipboard<\/font><\/li>\n<li><font color=\"#000000\">Export diagram to a file\/Visio<\/font><\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Getting Started<\/h3>\n<div class=\"StepInstructions\">\n<p>You can access online help for<i> Use Case Flow Diagram<\/i> from the links below:<\/p>\n<p><a href=\"http:\/\/www.technosolutions.com\/kb\/3181\/video-getting-started-with-use-case-flow-diagram\/\" target=\"_blank\">Video &ndash; Getting Started with Use Case Flow Diagram<\/a><br \/>\n<a href=\"http:\/\/www.technosolutions.com\/kb\/3171\/video-use-case-flow-diagram-walkthrough-and-simulation\/\" target=\"_blank\">Video &ndash; Use Case Flow Diagram Walkthrough &amp; Simulation<\/a><\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">See Also<\/h3>\n<div class=\"StepInstructions\">\n<p><a href=\"http:\/\/www.technosolutions.com\/kb\/35276\/using-activity-diagram-in-use-case-editor\/\" target=\"_blank\">Using Activity Diagram in Use Case Editor<\/a><br \/>\n<a href=\"http:\/\/www.technosolutions.com\/kb\/3177\/video-getting-started-with-use-case-swimlane-diagram-vertical\/\" target=\"_blank\">Video &ndash; Getting Started Use Case Swimlane Diagram Vertical<\/a><br \/>\n<a href=\"http:\/\/www.technosolutions.com\/kb\/35292\/video-getting-started-use-case-swimlane-diagram-horizontal\/\" target=\"_blank\">Video &ndash; Getting Started Use Case Swimlane Diagram Horizontal<\/a><br \/>\n<a href=\"http:\/\/www.technosolutions.com\/kb\/4670\/how-to-customize-the-shape-font-and-colors-of-a-flow-diagram\/\" target=\"_blank\">How to customize shapes, fonts and colors of a Flow Diagram<\/a><\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p><!-- End ScreenSteps Content --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a Use Case Flow Diagram? When you write Use Case steps, TopTeam automatically generates a diagram for the steps. One of the diagram types is Flow Diagram. You can view Use Case Flow Diagram in the Flow Diagram tab of a Use Case editor. By default, Flow Diagram tab displays Flow Diagram. Any modifications made in the Flows will automatically reflect in the corresponding Flow Diagram. You can rearrange the Flow Diagram&#8217;s layout as per your needs. You can also navigate between Flows and Flow Diagram tabs using the Switch option available on the toolbar. When to use <\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[211],"class_list":["post-35278","post","type-post","status-publish","format-standard","hentry","category-use-case-modeling","tag-use-cases"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-9b0","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/comments?post=35278"}],"version-history":[{"count":12,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35278\/revisions"}],"predecessor-version":[{"id":37020,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/35278\/revisions\/37020"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=35278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=35278"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=35278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}