Widgets and Custom Questions - part 1

Intro

No, I did not start creating widgets, we have great Widget Kings/Wizards/Princes in the Captivate community. Since a while I planned to create some examples with the widgets, created by the Adobe team and provided (free) with Captivate 5. I also promised users on the forum to give a step-by-step explanation how to create custom question slides. And then I remember a user who wanted to have multiple True/False questions on one question slide.
And this is the first posting: how to use the widgets 'radiobuttons' and 'checkboxes' to create MultiChoice questions or to have multiple True/False questions on one slide. In this post I will describe the use of the widgets and their associated variables. Detailed explanation of the advanced actions has been published in this article.
 

Quiz - example

Play with this quiz to see three question slides: a slide with 4 True/False questions, a Multiple Choice Question with one correct answer and a Multiple Choice Question with multiple correct answers. The scoring is explained by rollover Text Captions. After clicking the Submit button, a Feedback caption and the score will pop up, and the Continue button appears. The quiz ends with a Results slide, on which you can choose to Review or to Retry the Quiz.
 

Widgets and variables - tips

Both widgets, "Radiobuttons" as well as "Checkboxes" need user variables. For Radio buttons one variable is needed, for Checkboxes as many as you have checkboxes. Those variables will not be automatically created when you type the in the Widget Properties! You will have to create them using Project, Variables, which is not the case for all Captivate widgets : for the Certificate widget the needed user variable is created automatically.
 
You probably know already about the 3 widget types: Static, Interactive and Question. At first I was confused by the difference between Static and Interactive Widgets, but found a clear explanation in the blog post of Tristan Ward, the Widget King (Static/Interactive Widgets). The two widgets used in this post are Static Widgets. That means that they are not scoreable, but doesn't mean that an interaction is impossible: the user is able to choose a radiobutton or tick a checkbox, and the result will be stored in variables. There is a restriction: you cannot reset a widget, as is possible with a Question slide (using the Retake button), once a radiobutton is clicked or a checkbox is ticked it will remain that way until the user changes it.
 
For both widgets you will have to list options and variables in a list separated by commas: be sure not to put a space after a comma. You can have spaces in item names however. Some examples:
Question1 - comma separated values  True,False   is OK       but True, False   is not OK (has a space before False)
Question2 - comma separated values  Soundbooth,Photoshop,Dreamweaver,Flash
Question3 - comma separated values    Captivate 5,Soundbooth CS5,Photoshop CS5,RoboHelp 9,Acrobat X
                 - variables                           CP,SB,PS,RH,Ac  
 
Do not forget that variables are case sensitive!
 

Question slides - description

1. Multiple T/F questions

This slide is created with the widget 'Radiobuttons'. It is used in a horizontal way, with only 2 values True/False, but I used the widget 4 times, labeled them Radio1, Radio2, Radio3 and Radio4. Each widget instance has a user variable associated: TF1, TF2, TF3 and TF4. When the user has chosen an answer, this answer will be stored in the variable, in this case 'True' or 'False'. You can watch the settings fror the first widget Radio1 in the first picture of the Gallery. The elements on this question slide:
  • Title with a Rollover Text Caption explaining the scoring and providing tip for correct answers

  • 4 Text Captions with questions

  • 4 'Radiobuttons' Widgets, labeled Radio1, Radio2, Radio3, Radio4 (first picture in Gallery shows settings for Radio1)

  • 1 Text Caption with Feedback that is initially hidden (it is possible to have multiple captions, but wanted to keep it simple), labeled TFFeedback

  • 1 Text Caption with the score, initially hidden, labeled ScoreTF

  • 1 Submit button (BtSubmitTF), that will trigger an Advanced action to calculate the score, show TFFeedback and ScoreTF, this button is timed so that it will disappear when the Continue button appears

  • 1 Continue button (BtContTF), that is timed to appear when then the Submit button disappears, and has as action 'Go to Next Slide' 

2. Multiple Choice question with one correct answer

I used the widget 'Radiobuttons' again , but now in vertical way (see second picture in the Gallery) and with 4 values. Its associated variable is MCQ1Answer. This variable will store the chosen answer literally (Soundbooth, Photoshop, Dreamweaver or Flash).  The elements on this question slide:
  • Title with a Rollover Text Caption explaining the scoring and providing tip for correct answers

  • 1 'Radiobuttons' Widget, labeled MCQ1 (look at the settings in the second picture of the Gallery)

  • 1 Text Caption with Feedback that is initially hidden (it is possible to have multiple captions, but wanted to keep it simple), labeled MCQ1Feedback

  • 1 Text Caption with the score, initially hidden, labeled ScoreMCQ1

  • 1 Submit button (BtSubmitMCQ1), that will trigger an Advanced action to calculate the score, show MCQ1Feedback and ScoreMCQ1; this button is timed so that it will disappear when the Continue button appears

  • 1 Continue button (BtContMCQ1), that is timed to appear when then the Submit button disappears, and has as action 'Go to Next Slide' 

3. Multiple Choice question with multiple correct answers

The widget "Checkboxes" was used. It has 5 values and 5 associated variables. The settings are visible in the third picture of the Gallery. Each variable will be empty at the start, and will get as content the value if the user has checked that checkbox. Example: if user ticked the boxes "Soundbooth CS5" and "Acrobat X", the variable SB will have "Soundbooth CS5" as content, variable Ac will have "Acrobat X" as content, whereas the three other variables will remain empty. You could also assign a default value to the variables (such as 'NoCheck') but I left the value empty while defining the user variables. The elements on this question slide are:
  • Title with a Rollover Text Caption explaining the scoring and providing tip for correct answers

  • 1 'CheckBoxes' Widget, labeled MCQM  (look at the settings in the third picture of the Gallery)

  • 1 Text Caption with Feedback that is initially hidden (it is possible to have multiple captions, but wanted to keep it simple), labeled MCQMFeedback

  • 1 Text Caption with the score, initially hidden, labeled ScoreMCQM

  • 1 Submit button (BtSubmitMCQM), that will trigger an Advanced action to calculate the score, show MCQ1Feedback and ScoreMCQ1, hide the button Submit and show button Continue; this button is timed so that it will disappear when the Continue button appears

  • 1 Continue button (BtContMCQM), that is timed to appear when then the Submit button disappears, and has as action 'Go to Next Slide' 

4. Results Slide

When entering the results slide, the total score and percentage are calculated using an advanced action. The text captions are self-explanatory. On the slide you will find two buttons:
Review: will allow the user to re-visit the question slides and read the text captions again
Retry?: will allow the user to make corrections to the answers, all scores will be reset, but as I explained before the previously chosen radio buttons/check boxes cannot be reset.
  

Customize your Quiz using Advanced Actions (CP5)

Captivate has a lot of predefined question slides on board of all kinds. Formatting options have been greatly improved in version 5 using the Object Style Manager and the Property Inspector. But those Question slides are different from normal slides, and you have much less control over them. Just some examples:

  • you do not see the different objects on the Timeline, it shows only one 'interactive object', although you have a lot of Text Captions, dropdown lists, Text Entry Boxes and buttons on the slide
  • you can have only one type of Question on a slide,
  • the score for a Question slide is always 'black/white', correct or incorrect, you can never have a partial score
  • you can add only non interactive objects on the Question slide (no buttons, no click boxes, no Text Entry Boxes)
  • you can customize the success/failure captions for each Question slide
  • even have up to 3 different failure captions but... Review message wiil be the same for all Question slides

To have more control you can create your own Question slides. Of course this is possible using Flash (or Dreamweaver). Using standard objects, variables and Advanced actions can however result in constructing most of the Question slide types, except for the types that involve drag-and-drop (as can be used in Sequence and Matching Questions). I published several articles for different usecases. In the articles I provide a Captivate SWF to show the result and start files (for downloading), to enable you to practice the workflow described in the article. Here are the links:

  1. Creating a test resulting in multiple scores: using Advanced Standard and Conditional actions you will construct a test that will collect scores about the learning type of the user (Auditory, Visual, Kinesthetic). Contrary to a normal Quiz resulting in one score, here you will obtain three scores. Those scores will be used in the next article:

  2. Conclusion based on multiple scores: based on scores obtained in the previous article, you will use one Advanced Standard and one Advanced Conditional action to show the conclusion. I meant this article to be an introduction to the new User Interface of Advanced actions.

  3. Create question slides with partial scoring and customized feedback: one of the issues with the default Captivate Question slides is that the user never can get partial scores if his answer is partially correct. In this article I created a hotspot question slide with multiple hotspots and the user can get a partial score.

  4. Create customized feedback: in this video tutorial you will learn how to use an Advanced Conditional action (with multiple decisions) to show differentiated feedback based on the score of a Quiz constructed with the default Question slides of Captivate. This video is meant as an introduction in the terminology and workflow of Conditional actions.

I hope this can help to start using Advanced actions. Please, feel free to comment and suggest other usecases.