Recently, we were asked by a client to develop questions of the fill in the blank type for assessments of his online course. Each question consisted of 3 blanks, and an equal number of options were provided to the learner.
The learner was required to drag each option and drop it in the right blank. Options, if dropped correctly, were to be displayed indicated in green and “wrong drops” were to be shown in red.
We met this complex requirement using Articulate Storyline. Here are the steps we followed.
Step 1: Create the drag and drop slide.
Step 2: Add two states (Correct and Incorrect) to each drag item in the slide. Here, I have named text box 4, text box5 and text box 6 as Eyes, Nose and Ears respectively.
Step 3: Create a Boolean variable Drop 1 with initial value as false.
Step 4: Adjust variable Drop1 to true when text box 4 is dropped in the correct drop target (Here Drop 11 is correct drop target for text box 4).
Step 5: Adjust variable Drop1 as false when text box 5 or 6 is dropped in Drop11.
Step 6: Add two triggers, as given below, to the Submit Button.
Trigger 1: Change state of text box 4 to correct if Drop1 is true when the user clicks the Submit Button.
Trigger 2: Change state of text box 4 to incorrect if Drop1 is false when the user clicks the Submit Button.
Repeat the steps 3 to 6 for text boxes 5 and 6. Publish or preview the course and see the output.
This way, we can differentiate the correct and incorrect options in a drag and drop interactivity using Storyline’s triggers. Hope you find this blog informative. Please share your thoughts.