The Flow Editor is a flow-authoring tool for the creation of interactive flows. The interactive flow is built by connecting the different Nodes. The Nodes can contain text, images, PDFs, videos, and frontline.io 3D interactions. The Nodes are connected. Each Node can represent a step of the, for example, (end) procedure, training module, or troubleshooting document.
There are 7 types of Nodes:
All Nodes can contain a Header, Description, Warning pop-ups, Media Elements, and 3D Interactions.
1. Start Node
The Start node is where your flow begins and is always there from the start. Nodes that are not connected to the start node will not be visible to the user when playing the flow in the app.
Plus, the Start node helps with the Pre-required procedure. Clicking on it lets you add another flow at the start. This means that if you remove parts of the digital twin in one flow, they'll also be gone in the new flow, saving you from doing it twice.
To add a pre-requisite procedure, simply click on the node. In the side menu, locate the "Pre-required Procedure" button. Click on the pen icon, then select the desired procedure from the opened window to add it. You can add as many procedures as you see fit to meet your needs.
2. Instruction or Step Node (Basic Node)
Add the title to the Header, and explain the step in the Description. The text can be fully styled in the text fields. The Style option of the Node indicates the position of the Header and Description.
Instruction/Step node - Options Instruction/Step node - Style
3. Question Node:
The Node has two connections, (default) No and Yes. The No and Yes text can be edited. Using this Node creates a split inside the flow. Selecting one of the connections defines the default flow (visible in the step viewer in preview mode)
4. Multi-Choice Node
The Node can create multiple connections. The connections show the selectable options. Selecting one of the connections defines the default flow (visible in the step viewer in preview mode)
Note: Use the On/Off option to see the connection labels.
6. Warning Node
The Node creates a warning inside the step flow. This is contrary to the Warning Pop-Up option available in every kind of Node. The Node has the default color red (editable).
7. Input Node
The Node requires input from the viewer of the training module or procedure. Inputs can be numbers, text, images, or barcodes. The inputs are viewed in the analytics after the completion of the training module or procedure.
8. Go To Node
The Node is for nesting. Selecting a different flow (procedure in this case) will open that procedure inside the current flow.
Note: only published flows can be nested.