Build the Facilitator Interface

Let's build the interface that the facilitators of your simulation will use.

Create the UI pages

1. Open the Interface Builder.
2. In the top-left corner of the page, click Facilitator Interface in the drop-down menu.
3. Update the project title as described in Edit header and footer.

Introduction page

The Introduction page opens first.

To edit the page:

1. Click an editable component in the middle of the page. The Properties pane opens on the left.
2. Edit the properties of the component.

To navigate to other pages, you can click the page names at the top or:

1. Hover your mouse over the pane selector on the left.
2. Click Pages.
3. Click the page you want to view.

Class Results page

Let's create a screen for a facilitator to view the results of the model runs.

1. Open the Class Results page.
2. Click the table component. The Properties pane opens on the left.
3. Name the column "Account Balance".
4. In the Variable drop-down, select Balance(till Current Step).
5. In the Number Format drop-down, select Currency.

Remove the Class Settings page

We will not need to edit class settings for this simulation.

1. Hover your mouse over the pane selector on the left.
2. Click Pages. The Pages pane opens.
3. In the Pages pane, click the three-dot icon of the Class Settings page.
4. Click Delete.
5. In the confirmation pop-up, click Confirm.

Save and preview

To save your app, click Save in the upper-right corner of the Interface Builder.

While working in the Interface Builder, you can always preview your app. To switch to preview mode, toggle Preview at the top of the page.

To preview your simulation UI for different screen formats, use the device selector to the left of the Preview toggle.