CBA ItemBuilder Workshop: Session 08

Ulf Kroehne

Paris, 2022/11/07 - 2022/11/08

Session 08: Hands on ‘Conditional Links’

Overview Session 08

Use Conditional Links in Items

• Feedback using Conditional Link
  
• Feedback using dialog page or PageAreas
• Feedback using MapBasedValueDisplays

Concept 2: Compute output in Conditional Link

Your Ideas:

• ?

Create a Condtional Link for Q1

• Open HandsOnConditionalLinksFeedback.zip and inspect the “page”.

• Define a User Defined ID for radio button “Yes” (rbYes) and "No" (rbNo`) in th Properties-view.
• Select Link Page in the context menu for button “Next”.

• Remove the (regular) link to page correct.
• Click the button Edit Condition.
• Type the following syntax:

{correct: rbYes}
{correct: rbNo}
{incorrect: true}

• Preview!
• Which text would fit better for page incorrect?

Open a Dialog using a Condtional Link for Q2

Correct Response

• Create a new page q2correct to give feedback about a correct response and define the page as modal dialog.

• Add a HTMLTextField with a feedback text.
• Add an OK button and link the command CLOSE.

• Define the User Defined Id txtQ2 for the SingleLineInputField next to Q2.
• Add a button with the textx “Check!?” next to Q2 an define the following Conditional Link:

{page:matches(txtQ2,"42") | openDialog(q2correct,100,50)}

Show a PageArea using a Condtional Link for Q2

Wrong Response

• Create two additional pages (Width: 300, Height: 50) with the Page Names q2wrong and empty.
• Change the Width of the main Panel on page page to Width: 1000. Add a PageArea to the Frame and place it to X: 550, Y: 280, Width: 300, Height: 50. Change the Width of the main Panel back to 1024.
• Define a User Defined Id PA for the PageArea.
• Link the Page Area using context menu entry Link Embedded Page to page empty.

• Add an HTMLTextField with the text “Wrong Answer” to the page q2wrong.
• Update the Conditional Link for the button “Check!?”

{page:matches(txtQ2,"42") | openDialog(q2correct,100,50)}
{page:not matches(txtQ2,"42") | setEmbeddedPage(PA, q2wrong)}

• Add a Conditional Link to the SingleLineIinputField with the User Defined Id txtQ2:

{page:true|setEmbeddedPage(PA,empty)}

Show Immediate Feedback for Q3

• Create a new Variable V_Q3 (Integer, default 0).
• Create a Map M_Q3 with two guards: 0 with an empty text and 1 with the text “Correct.”

• Add a MapBasedVariableDisplay to the page next to Q3 and link it to Variable V_Q3 and Map M_Q3.

• Add the following Conditional Link to button C:

{page:true|set(V_Q3,1)}

• Add the following Conditional Link to button A and B:

{page:true|set(V_Q3,0)}

• Preview.

Group Work

End of Session 08: Hands on ‘Conditional Links’

Helpful to remember:

• Page Area can only be added to components of type Frame.

• Let’s conclude the day with the last session 09.

• What else have you learned?