The Flow Chart

The Flow Chart allows you to control the sequence in which displays are shown to the learner.  The flow can include branches that are selected based on a learner's actions.

Although not obvious at first, the Flow Chart can help you create rich interactions much more quickly and easily than by using the Action List alone.

In the example below, the Flow Chart is used to create a branching scenario whereby the simulated customer on the left will react to choices that the learner makes while playing the role of the customer support representative on the right.

The Flow Chart is highly configurable. For example, you can choose how to capture the learner's responses (e.g. click a radio button, click a hotspot, enter text into an input field, etc.), you can choose the number of options or branches to include, you can loop branches, and so on.

sample flow chart

About the Flow Icons

The Flow icons are used to represent settings you find within the Options panel.  They help to give you a glimpse of how things are configured, and allow you to easily identify any places where settings do not match.

      How to use the "default" or "else" node

      Using Displays within the Flow Chart

      Begin a Flow Chart by clicking the "Select Display" button.

      select display

      Add more displays by clicking the drop down carat on an end node of the Flow Chart.

      Branching Conditions

      In certain situations, you may want to display different content depending on a learner's actions.  For example, if a learner selects a certain radio button in a multple choice quiz, then you may want to show correct or incorrect feedback depending on their selection.

      You can create these different paths in the Flow Chart by linking conditions to subsets (Displays or Questions).  For each condition, you must visually record the desired state of response objects in that display.

      At run-time, the flow will look at the state of the response objects and compare these with the recorded conditions to decide which branch to follow.

      Adding Actions to Conditions

      If a certain condition is met in the Flow Chart, you may want to trigger other events in addition to continuing the flow.  For instance, you might want to increment a score tracker every time a learner correctly answers a question.

      To add or edit actions, select the appropriate condition (diamond icon) in the Flow Chart, and then open the Options panel to the right.  True Response actions will be executed if the selected condition is met, and False Response actions, which are rarely used, will be executed if any other branch of the flow is selected.

      Adding a Condition

      Create a branching condition
      1. Select the relevant display in the Flow Chart.

      2. Click the "Add Condition" button.

      >> Alternatively, select a condition node, and click the "Edit Condition" button.

      add condition or edit condition

      3. In Condition Recording Mode, record a possible learner response, and then click the OK button.  This will create a new condition node (diamond shape) in the flow chart.

      Click here for more detailed instructions about recording conditions for specific response objects.

      In the screen shot below, notice that the display highlighted in dark blue in the Flow Chart is also highlighted in orange on the page.  The green diamonds following the dark blue node are branching conditions.  A condition node can be interpreted as follows: "If the learner selects radio button X in the display, then show the display to the right of this diamond."

      Record conditions of response objects (in detail)

      1. Enter the Condition Recording Mode by adding a condition, or editing an existing condition.

      2. Click on the response object for which you want to record a response state.

      3. Click the Active check box in the object's border (or anywhere on the object's border).

      4. Change the state of the object to show the desired response according to its type.

           5. Radio buttons & check boxes:

                a. Check the correct answer option(s).

           6. Hotspot, button, multi-state button, and drag-and-drop objects:

                a. Click on the objectuntil it shows the desired state.

           7. Input text object:

                a. Enter the desired response text.

           8. Dropdown list:

                a. Click on the dropdown list button.

                b. Select the desired answer out of the list of answer options.

      Adding a Loop

      The empty end nodes in the flow chart can be looped (connected) to other nodes in the flow.

      To do this, click on an end node, and drag it to another display in the Flow Chart, and then release your mouse button.

      Edit a condition in the Flow Chart

      1. Open the Flow Chart.

      2. Click on the condition you would like to change.

      3. Click Edit Condition.

      4. Click on the response object for which you want to change the recorded response state.

      5. Change the object until it shows the desired state.  For more information see how to Record conditions of response objects (in detail).

      7. Click OK.

      Submit Settings

      The Flow Chart will wait for a signal or event (eg. when the user clicks a "next" button) before continuing on to the next display in the Flow Chart.  When a display is selected, these "When to Continue" options are displayed in the edit panel located within the tab at the far right of the Development panel.

      Related topics:

      Advanced Flow Trigger Settings

      You may want to include multiple triggers to continue the flow.  For example, in a quiz question, you may want to continue the flow when the learner clicks a submit button or when a timer reaches zero.  To add additional triggers, click the Add button next to the trigger Objects list.

      Typically, you will want a trigger objects, such as a submit button, to be hidden after it has been used.  For example, after a learner answers a question and the appropriate feeback appears you would not want the submit button for the question to remain visible.  However, if the flow loops back to a display or question, you will typically want the trigger to re-appear so that th learner can submit their response again.  For these reasons, the Hide after use and Show when display shown options will default to checked.

      Using Question Sets within the Flow Chart

      Question sets behave different from Display sets in the Flow Chart. While you add displays individually to the Flow Chart, you add entire question sets at once to the flow.  This is because a question set controls the sequencing of the individual questions within it.  When linked in the Flow Chart, a Question set includes the following functionality:

      Report a Score

      1. Select the Question set in the Cast, then select the Scoring property.
      2. Change the weighting of the question as desired, then check the Automatically submit score to LMS upon completion check box.  If you created the quiz from a template, this may already be checked.

      The lesson will submit a normalized score (0-100 scale) to the LMS once the question set is "complete".  When the question set is complete will depend on the question set's properties.  For example, if you edit the Sequence property to randomly show three questions from a pool of four questions, then the Questions set is considered "complete" after the third question has been submitted.  You can "submit" a question a number of ways (eg. on a button click, on an expiration of a timer, on first selection of a radio button or hotspot, etc.).  For more information on submitting a question, click here.

      The Correct Answer Feature

      The Correct Answer check box in the Record Condition panel tells the question set scoring mechanism to count that condition as a correct answer.  Conditions that are marked as a correct answer are represented by a green condition node .  Conditions that are marked as an incorrect answer are represented by a red node .