Walkthrough of Developing a Flow Project

Intelligent Advisor Flows was only made available to select customers, and will not be made Generally Available.

This topic is a basic walkthrough of developing a flow project in Intelligent Advisor Hub. The walkthrough will demonstrate how to create a very simple flow for a loan pre-approval scenario, with two pages containing various inputs and labels, and several rules.

A flow in Intelligent Advisor Hub showing 2 pages and various inputs and labels

This walkthrough assumes that the project is being worked on by two users: a user with the Manager role in Intelligent Advisor Hub who creates the flow project and the flow scheme project, and a user with the Author role who develops the flow and the rules that sit behind it.

The process of developing a flow project is as follows:

  1. The manager creates a flow scheme project - the flow scheme project contains the set of controls, data actions and other settings to use when authoring the flow.
  2. The manager creates a flow project - the flow project contains the questions, pages and data actions that define a flow (in this case, a web interview flow).
  3. The author develops the flow
  4. The author creates the rules of the flow
  5. The author runs the flows

These steps are walked through in greater detail below.

  1. The manager creates a flow scheme project. To do this they:

    1. In Intelligent Advisor Hub, navigate to the Projects Page.
    2. Click Create. In the Create project window:
      • Under Project type, select Flow scheme.
      • Under Template, select Web interview.
      • Under Workspace, select Default Collection.

      The Create project window in Intelligent Advisor Hub showing the Web interview template selected for the flow scheme

    3. Click Create. The new scheme project opens.

      The New Scheme page for a flow scheme project in Intelligent Advisor Hub
    4. Rename the project by clicking in the New Scheme text in the project header and typing a new name "My Walkthrough Scheme". For more information, see Rename a Project.

      The renaming of a flow scheme project in Intelligent Advisor Hub
    5. Click Enter. The project header shows that the change has been automatically saved.

      The project header showing project changes saved in a flow scheme project in Intelligent Advisor Hub
    6. Click Commit. This is important because the flow scheme project will not be available to the flow project in the step below unless it has been committed.
    7. In the Commit dialog, type "Scheme created for Loan Pre-Approval example". Click OK.

    Tip: For the purpose of this walkthrough, we are going to use out-of-the-box controls in the flow scheme template, but if you did want to customize the controls available to the flow project, you can learn more about that in Intelligent Advisor Flow Schemes.

  2. The manager creates a flow project. To do this they:
    1. Navigate to the Projects Page.
    2. Click Create. In the Create project window:
      • Under Project type, select Flow.
      • In the Scheme drop-down list, select the 'My Walkthrough Scheme' flow scheme that was created in step 1.
      • In the Workspace drop-down list, select the 'Default Collection' workspace for the project.

      The Create Project window in Intelligent Advisor Hub showing the creation of a flow project

    3. Click Create. The new project opens.

      The New Project page for a flow project in Intelligent Advisor Hub
    4. Rename the project by clicking in the New Project text in the project header and typing "Loan Pre-Approval". For more information, see Rename a Project.

      The renaming of a project in Intelligent Advisor Hub
    5. Click Enter. The project header shows that the change has been automatically saved.

      The project header showing project changes saved in a flow project in Intelligent Advisor Hub
    6. Click Commit.
  3. The author creates a page in the flow for the questions that will be asked of the user. To do this they:
    1. On the Project tab, click the Flow tile. The flow editor opens. The project flow has been created with a blank page (New Page).
    2. Click in the New Page text. Replace "New Page" with "Loan Details".

      The renaming of a page in a flow project in Intelligent Advisor Hub
    3. Add a Currency control to the page by dragging it from the left hand controls palette on to the page in the flow editor.

      A Currency control being dragged on to the flow editor in a flow project in Intelligent Advisor Hub
    4. In the properties panel for the Currency control:
      1. In the Caption field, type "How much do you want to borrow?". This is the text that will be displayed to the user for the question.
      2. In the Set value for field, type "the loan amount". This is the field name.

      The properties for a currency control in a flow project in Intelligent Advisor Hub

    5. Add a Radio group control to the page by dragging it from the control palette on to the page in the flow editor under the Currency control just added.

      A Radio group control being dragged on to the flow editor in a flow project in Intelligent Advisor Hub

    6. In the properties panel for the Radio group control:
      1. In the Caption field, type "What type of home loan do you require?".
      2. In the Set value for field, type "the loan type".
      3. In the Show choices from drop-down list, select Inline list.
      4. In the Inline list choice section, define two choices (you can delete the third option that was created by default):
        • Display text: Owner occupier; Value: Owner occupier
        • Display text: Investor; Value: Investor

      The properties for a radio group control in a flow project in Intelligent Advisor Hub

      These choices are now displayed on the page in the flow editor.

      A Radio group with two choices on the flow editor in a project in Intelligent Advisor Hub

    7. Follow the steps in c and d to add another Currency control under the Radio group control just added, with the properties:

      1. Caption: What is your monthly income?

      2. Set value for: monthly income

    8. Add a Label control to the page by dragging it from the control palette on to the page in the flow editor under the Currency control just added.

      A Label control being dragged on to the flow editor in a flow project in Intelligent Advisor Hub

    9. Click in the Label text. Replace "Label" with "Include income you receive from wages, rental income and government payments".

    10. Follow the steps in c and d to add another Currency control under the Label control just added, with the properties:

      1. Caption: What is your monthly expenses?

      2. Set value for: monthly expenses

    11. Follow the steps in i to create another Label control under the Currency control just added, with the text "Include expenses such as credit card repayments, utilities, insurance, education, medical and groceries". The first page of the flow is now complete!

      A page in a flow project in Intelligent Advisor Hub showing various input and label controls

    12. Click Commit.

    13. In the Commit dialog, type "Loan Details page added". Click OK.

  4. The author creates the rules of the flow. For more information, see Web-Authored Intelligent Advisor Rules. To do this they:
    1. On the Project tab, click the Rules tile.
    2. In the rule editor, create the following rules:

      The rules in a flow project in Intelligent Advisor Hub used to calculate loan repayments
    3. Click Commit.
  5. The author creates a page in the flow to display the results of the interview. To do this they:
    1. On the Project tab, click the Flow tile.
    2. Drag a Page control from the control palette on to the flow editor under the Loan Details page created earlier.

      A page control being dragged on to the flow editor in a flow project in Intelligent Advisor Hub
    3. Click in the New Page text. Replace "New Page" with "Loan Affordability".
    4. Add two label controls to the page with the following text:
      • "Based on the income and expenses you have provided you would be pre-approved for a loan of the loan amount."

      • "Based on the income and expenses you have provided you would not be pre-approved for a loan of the loan amount."

    5. Click on the first of these labels in the flow editor.
      1. Select the text "would be" and in the pop-up menu above the Label tab, select the B button to make the selected text bold.

        The Bold option for a label control in a flow project in Intelligent Advisor Hub
      2. Select the text "the loan amount" and in the pop-up menu above the Label tab, select the (x) button to enable substitution. At runtime, the value for "the loan amount" will be substituted into the text of the label.

        The substitution option for a label control in a flow project in Intelligent Advisor Hub
      3. In the properties panel:
        • Click the pencil button next to the Visible toggle. The always changes to only if.
        • In the Enter condition field, type "affordable = true". At runtime, this label will only be visible on the page if the rule that proves the "affordable" field evaluates to true.

          A label in a flow project in Intelligent Advisor Hub showing conditional visibility
    6. Click on the second label in the flow editor.
      1. Select the text "would not be" and in the pop-up menu above the Label tab, select the B button to make the selected text bold.
      2. Select the text "the loan amount" and in the pop-up menu above the Label tab, select the (x) button to enable substitution.
      3. In the properties panel:
        • Click the pencil button next to the Visible toggle. The always changes to only if.
        • In the Enter condition field, type "affordable = false". At runtime, this label will only be visible on the page if the rule that proves the "affordable" field evaluates to false.

          A label in a flow project in Intelligent Advisor Hub showing conditional visibility
    7. Add two more label controls to the page with the following text:
      • "The loan repayments would be $the minimum monthly repayment rounded per month for 30 years."

      • "This is based on an interest rate of the variable interest rate% which is the average variable interest rate today."

    8. Click on the first of these labels in the flow editor.
      1. Select the text "the minimum monthly repayment rounded" and in the pop-up menu above the Label tab, select the (x) button to enable substitution. At runtime, the value for calculated by the rules for "the minimum monthly repayment rounded" will be substituted into the text of the label.
    9. Click on the second of these labels in the flow editor.
      1. Select the text "the variable interest rate" and in the pop-up menu above the Label tab, select the (x) button to enable substitution. At runtime, the value for calculated by the rules for "the variable interest rate" will be substituted into the text of the label. The second page of the flow is now complete.

      A page in a flow project in Intelligent Advisor Hub showing various label controls

    10. Click Commit.
  6. The author runs the flow. Note that this is only available if a custom runtime test harness has been set up. For more information, see Run a Flow.