Processes can be viewed in three display modes, each with its own download format. This article summarizes the types of views and download specifications.
Overview
You can switch between the following three views using the view switcher on the screen.
- Flow view…Process diagram. Represents the flow of steps using nodes and edges
- List view…Displays nodes in a table format
- Swimlane view…Displays nodes divided into lanes by Assignment labels
Specifications
Initial display
When you open a process, the most recently selected view is used as the initial display. If the URL specifies a view (e.g., via a link), that specification takes priority.
Download format per view
Downloads are performed from "Export" under "More actions" (︙).
The available items vary depending on the currently active mode, and items not available in that view are not shown.
- Flow view…"Flow view image" (PNG; two types: normal and unabbreviated), "BPMN" (BPMN file)
- List view…"CSV" (CSV of the node list)
- Swimlane view…"Swimlane view image" (PNG; two types: normal and unabbreviated)
File name
The file name of an image consists of the Process Name followed by the view, Node display mode, and whether abbreviation is applied.
The file name for CSV is the Process Name, and for BPMN it is the Process Name with .bpmn appended.
- Flow view image…"ProcessName_flow_simple_abbreviated.png" or "ProcessName_flow_detailed_abbreviated.png" (depending on the Node display mode)
- Flow view image (unabbreviated)…"ProcessName_flow_unabbreviated.png"
- Swimlane view image…"ProcessName_swimlane_simple_abbreviated.png" or "ProcessName_swimlane_detailed_abbreviated.png"
- Swimlane view image (unabbreviated)…"ProcessName_swimlane_unabbreviated.png"
- For images and BPMN, spaces in the Process Name and symbols that cannot be used in file names (/ \ : * ? " < > |) are replaced with "_"
- If a Process Name is very long, the end of the Process Name is truncated in the file name to prevent it from becoming too long
List view columns
Columns appear in the following order: No. / Node Name / Description / Duration / Manual / Link / Assignment labels / Task Type.
The total Duration and Manual coverage are displayed at the bottom.
The "Description" column is displayed when the Node display mode is set to "Detailed".
It is not displayed when set to "Simple".
CSV contents
The node list CSV is output with the following 6 columns. The columns differ from those in the on-screen list view.
No. / Node Name / Duration (h:mm) / Description / Assignment labels / Task Type
- The "Manual" and "Link" columns shown on screen are not included in the CSV
- "Description" is included in the CSV regardless of the Node display mode
- Duration is output in the same "hours:minutes" format as on screen
- Nodes with no Duration set are output as blank
- If a node has multiple Assignment labels, they are listed within a single cell separated by line breaks
Image output
- Even if nodes or edges are selected, the selection state is not included in the image
- In Swimlane view, lane names are also included in the image
- Images cannot be downloaded for a process that contains only a Start Node
Unabbreviated images
"Flow view image (unabbreviated)" and "Swimlane view image (unabbreviated)" output information that is abbreviated on screen without abbreviation.
Normal images reflect the display exactly as shown on screen.
If you export an image while the longest/shortest path is displayed, the path highlight band is also included in the image.
- Node Name and description are output in full. On screen, descriptions are abbreviated after 2 lines
- Assignment labels are output in full by name. On screen, they are displayed as Icons
- In Swimlane view, long lane names are not abbreviated
- Node height adjusts to fit the content, so the layout may differ slightly from the on-screen arrangement. It is not affected by the zoom level or selection state on screen
BPMN output
In Flow view, you can download the process diagram as a BPMN 2.0 XML file (.bpmn).
Because it includes diagram coordinate information (BPMNDI), you can open it in external BPMN-compatible tools with the same layout.
What is included
- Start Node / End Node (startEvent / endEvent)
- Execution Node (task)…Node Name. Description and the Title and URL of Manual/link are included as documentation
- Branches (exclusiveGateway)
- Edges (sequenceFlow)…Condition labels are included as name
- Shapes (textAnnotation)…Text
What is not included
- Assignment labels, Duration, Task Type, badges
- Swimlane lanes (the arrangement of Assignment labels)
The exported BPMN file can also be attached to an AI Chat to have its contents referenced (up to 0.5 MB per file).
Node display mode
Use "Detailed" or "Simple" in the toolbar to switch the Node display mode.
In "Simple" mode, task names are wrapped and displayed up to 3 lines.
Longest/shortest path
In Flow view, you can use "Longest/Shortest Path" in the toolbar to display the path with the longest total Duration and the path with the shortest total Duration from the Start Node to the End Node.
The "Longest" path is shown with a red band, and the "Shortest" path is shown with a blue band.
This feature is not available in List view or Swimlane view.
- All Execution Nodes must have a Duration entered.
If any Execution Node has no Duration entered, the reason is displayed instead of the path - Return edges are excluded from the calculation
- Calculation is not possible when the Start Node and End Node are not connected by edges, or when there is a loop other than return edges
Notes on Swimlane view
- The lane width in the swimlane is a fixed width based on the content. The layout of the on-screen display and the exported image will match
- If there are nodes with no Assignment labels set, an "Unassigned" lane is displayed on the far left
- When there are two or more lanes, you can reorder lanes by dragging the lane heading or using the "Move left" / "Move right" options in the heading. The "Unassigned" lane is fixed at the far left. If the lane is too narrow for the buttons to appear, reorder by dragging
- Reordering lanes is saved as the order of Assignment labels if you have edit permission (the process must be saved). If you only have view permission, the reordering is temporary on screen and reverts to the original order upon Reload
How to use
Switch between the flow, list, and swimlane views
https://teachme.jp/8/manuals/49786559
Display the longest/shortest path
https://teachme.jp/8/manuals/51536353
Zoom in and out, and fit the view to the screen
https://teachme.jp/8/manuals/49786518
Download the process diagram as an image or the node list as a CSV
https://teachme.jp/8/manuals/49819352
Reorder the lanes in the swimlane view
https://teachme.jp/8/manuals/50824569