Differences

This shows you the differences between two versions of the page.

--- en:rule:diagram_should_fit_one_page [2024-08-21 11:37] – Anatoly Belaychuk
+++ en:rule:diagram_should_fit_one_page [2024-08-27 16:48] (current) – [See also] Anatoly Belaychuk
@@ Line 1: / Line 1: @@
-====== 0-TBD Diagram should fit one page ======
+====== Diagram should fit one page ======
 {{tag>subprocess}}
-{{en:underconstruction.png?nolink&200|}}
 A good BPMN disgram should fit one A4 paper sheet or one computer screen without scroll and still be readable.
@@ Line 31: / Line 29: @@
     <sequenceFlow id="Flow_1aaaki0" name="no" sourceRef="Gateway_0tsv6pn" targetRef="Event_0j6kcel" />
     <sequenceFlow id="Flow_0f0nixu" sourceRef="Activity_1x1u04d" targetRef="Gateway_0tsv6pn" />
-    <subProcess id="Activity_14e2vph" name="Solution design">
+    <subProcess id="Activity_14e2vph" name="Solution architecture design">
       <incoming>Flow_1vc4tx2</incoming>
       <incoming>Flow_1yi3b1l</incoming>
@@ Line 68: / Line 66: @@
       <bpmndi:BPMNShape id="Event_1dem57o_di" bpmnElement="Event_1dem57o">
         <omgdc:Bounds x="202" y="62" width="36" height="36" />
-      </bpmndi:BPMNShape>
-      <bpmndi:BPMNShape id="Event_1pnoebp_di" bpmnElement="Event_1pnoebp">
-        <omgdc:Bounds x="922" y="172" width="36" height="36" />
-        <bpmndi:BPMNLabel>
-          <omgdc:Bounds x="908" y="215" width="65" height="14" />
-        </bpmndi:BPMNLabel>
-      </bpmndi:BPMNShape>
-      <bpmndi:BPMNShape id="Gateway_1ootwwo_di" bpmnElement="Gateway_1ootwwo" isMarkerVisible="true">
-        <omgdc:Bounds x="915" y="55" width="50" height="50" />
-        <bpmndi:BPMNLabel>
-          <omgdc:Bounds x="929" y="112" width="23" height="14" />
-        </bpmndi:BPMNLabel>
-      </bpmndi:BPMNShape>
-      <bpmndi:BPMNShape id="Event_0rfo8mp_di" bpmnElement="Event_0rfo8mp">
-        <omgdc:Bounds x="1012" y="62" width="36" height="36" />
-        <bpmndi:BPMNLabel>
-          <omgdc:Bounds x="995" y="105" width="71" height="14" />
-        </bpmndi:BPMNLabel>
       </bpmndi:BPMNShape>
       <bpmndi:BPMNShape id="Activity_0ggb0qk_di" bpmnElement="Activity_13q6u31">
@@ Line 98: / Line 78: @@
         <bpmndi:BPMNLabel>
           <omgdc:Bounds x="541" y="215" width="59" height="14" />
+        </bpmndi:BPMNLabel>
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Activity_0fx8xhx_di" bpmnElement="Activity_14e2vph">
+        <omgdc:Bounds x="640" y="40" width="100" height="80" />
+        <bpmndi:BPMNLabel />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Activity_0ot770w_di" bpmnElement="Activity_0cqukvg">
+        <omgdc:Bounds x="780" y="40" width="100" height="80" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Event_1pnoebp_di" bpmnElement="Event_1pnoebp">
+        <omgdc:Bounds x="922" y="172" width="36" height="36" />
+        <bpmndi:BPMNLabel>
+          <omgdc:Bounds x="908" y="215" width="65" height="14" />
+        </bpmndi:BPMNLabel>
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Event_0rfo8mp_di" bpmnElement="Event_0rfo8mp">
+        <omgdc:Bounds x="1012" y="62" width="36" height="36" />
+        <bpmndi:BPMNLabel>
+          <omgdc:Bounds x="995" y="105" width="71" height="14" />
         </bpmndi:BPMNLabel>
       </bpmndi:BPMNShape>
@@ Line 106: / Line 105: @@
         </bpmndi:BPMNLabel>
       </bpmndi:BPMNShape>
-      <bpmndi:BPMNShape id="Activity_0fx8xhx_di" bpmnElement="Activity_14e2vph">
+      <bpmndi:BPMNShape id="Gateway_1ootwwo_di" bpmnElement="Gateway_1ootwwo" isMarkerVisible="true">
-        <omgdc:Bounds x="640" y="40" width="100" height="80" />
+        <omgdc:Bounds x="915" y="55" width="50" height="50" />
-      </bpmndi:BPMNShape>
+        <bpmndi:BPMNLabel>
-      <bpmndi:BPMNShape id="Activity_0ot770w_di" bpmnElement="Activity_0cqukvg">
+          <omgdc:Bounds x="929" y="112" width="23" height="14" />
-        <omgdc:Bounds x="780" y="40" width="100" height="80" />
+        </bpmndi:BPMNLabel>
       </bpmndi:BPMNShape>
       <bpmndi:BPMNEdge id="Flow_1dcif3f_di" bpmnElement="Flow_1dcif3f">
@@ Line 130: / Line 129: @@
         <omgdi:waypoint x="510" y="80" />
         <omgdi:waypoint x="545" y="80" />
-      </bpmndi:BPMNEdge>
-      <bpmndi:BPMNEdge id="Flow_1vc4tx2_di" bpmnElement="Flow_1vc4tx2">
-        <omgdi:waypoint x="595" y="80" />
-        <omgdi:waypoint x="640" y="80" />
-        <bpmndi:BPMNLabel>
-          <omgdc:Bounds x="609" y="62" width="17" height="14" />
-        </bpmndi:BPMNLabel>
-      </bpmndi:BPMNEdge>
-      <bpmndi:BPMNEdge id="Flow_1yi3b1l_di" bpmnElement="Flow_1yi3b1l">
-        <omgdi:waypoint x="940" y="55" />
-        <omgdi:waypoint x="940" y="-10" />
-        <omgdi:waypoint x="690" y="-10" />
-        <omgdi:waypoint x="690" y="40" />
-        <bpmndi:BPMNLabel>
-          <omgdc:Bounds x="878" y="25" width="83" height="14" />
-        </bpmndi:BPMNLabel>
       </bpmndi:BPMNEdge>
       <bpmndi:BPMNEdge id="Flow_1ttwak6_di" bpmnElement="Flow_1ttwak6">
         <omgdi:waypoint x="740" y="80" />
         <omgdi:waypoint x="780" y="80" />
-      </bpmndi:BPMNEdge>
-      <bpmndi:BPMNEdge id="Flow_0hztf35_di" bpmnElement="Flow_0hztf35">
-        <omgdi:waypoint x="880" y="80" />
-        <omgdi:waypoint x="915" y="80" />
       </bpmndi:BPMNEdge>
       <bpmndi:BPMNEdge id="Flow_0pgemys_di" bpmnElement="Flow_0pgemys">
@@ Line 160: / Line 139: @@
         <bpmndi:BPMNLabel>
           <omgdc:Bounds x="949" y="136" width="13" height="14" />
+        </bpmndi:BPMNLabel>
+      </bpmndi:BPMNEdge>
+      <bpmndi:BPMNEdge id="Flow_0hztf35_di" bpmnElement="Flow_0hztf35">
+        <omgdi:waypoint x="880" y="80" />
+        <omgdi:waypoint x="915" y="80" />
+      </bpmndi:BPMNEdge>
+      <bpmndi:BPMNEdge id="Flow_1vc4tx2_di" bpmnElement="Flow_1vc4tx2">
+        <omgdi:waypoint x="595" y="80" />
+        <omgdi:waypoint x="640" y="80" />
+        <bpmndi:BPMNLabel>
+          <omgdc:Bounds x="609" y="62" width="17" height="14" />
         </bpmndi:BPMNLabel>
       </bpmndi:BPMNEdge>
@@ Line 167: / Line 157: @@
         <bpmndi:BPMNLabel>
           <omgdc:Bounds x="980" y="62" width="17" height="14" />
+        </bpmndi:BPMNLabel>
+      </bpmndi:BPMNEdge>
+      <bpmndi:BPMNEdge id="Flow_1yi3b1l_di" bpmnElement="Flow_1yi3b1l">
+        <omgdi:waypoint x="940" y="55" />
+        <omgdi:waypoint x="940" y="-10" />
+        <omgdi:waypoint x="690" y="-10" />
+        <omgdi:waypoint x="690" y="40" />
+        <bpmndi:BPMNLabel>
+          <omgdc:Bounds x="878" y="25" width="83" height="14" />
         </bpmndi:BPMNLabel>
       </bpmndi:BPMNEdge>
@@ Line 192: / Line 191: @@
 ===== Notes =====
+Recommended number of activities on a diagram is up to 7, the maximum is 10.
+If there are more you either have to print it on several sheets and glue them together or scale it down to one page which makes the diagram unreadable.
-Рекомендуемое количестве действий на одной диаграмме - до 7, максимальное - 10.
+A recommended approach is to decompose the process into subprocesses and depict each subprocess on a separate page.
-При большем количестве диаграмму приходится либо распечатывать на нескольких листах и потом их склеивать, либо, если масштабировать на один лист, она становится слишком мелкой и нечитаемой.
+This way the high-level logic of the end-to-end process is clear while drilling down into subprocesses reveals the details.
-Хороший стиль - декомпозировать процесс на подпроцессы и разместить каждый подпроцесс на отдельном листе.
-При таком методе моделирования хорошо видна высокоуровневая логика процесса, а, провалившись в подпроцесс, можно увидеть детали.
-Альтернативный метод - размещать фрагменты процесса на нескольких листах, соединяя из с помощью событий-ссылок.
-Этот метод менее предпочтителен, т.к. не позволяет охватить одним взглядом логику сквозного процесса на верхнем уровне от самого начала до самого конца.
-  * If the diagram becomes too large to stay readable when fit to a single page, use subprocesses and put each subprocess on a separate page.
-  * Recoomended maximum number of activities (tasks and subprocess) on a diagram is 7.
+An alternative method is to split the process into fragments, depict each on a separate page and connect by link events.
+This is less preferable because the end-to-end process logic cannot be captured at a glance.
 ===== See also =====
+  * [[single_process]]
   * [[horizontal_diagram]]
+  * [[structured_diagram]]
 ===== Author(s) =====
  --- //[[user:bell|Anatoly Belaychuk]] 2024-02-24 18:42//