Quiz (OLD instructions)

Building in the WCMS

Creating a Quiz

Overview

Understanding Feedback Types

Before building a quiz, it’s important to understand key terms related to feedback. This documentation uses the terms “question feedback” and “response feedback” (also known as “question-level feedback” and “response-level feedback”).

Question feedback is essentially canned feedback in the WCMS that indicates to the quiz taker whether a selected answer is correct or incorrect. For this feedback, the WCMS developer can select from several text options:

Available Feedback Responses
Question Answer	Question Feedback
Correct	Correct Right Good job
Incorrect	Incorrect Try again You missed this one.

Response feedback is based on the quiz-taker’s selected answer and is totally customizable. This flexibility allows the quiz developer to provide the level of feedback that can distinguish a quiz in its communication effectiveness.

Space for Image

Feedback Mode: Question and Response Feedback

Important notes:

Question feedback does not display when there is no applicable response feedback for a selected answer.
There are two ways of entering response feedback. Both work for single-select questions, but only one works for multi-select questions. For more information, see the section Step 3: Add Quiz Content on page 7.

Guidelines and Tips

Quiz design. Make certain the quiz content provider understands how quizzes work from the quiz taker’s perspective. A non-WCMS user who is involved in quiz preparation may need a demonstration of how certain quiz options affect the display of quiz content and the quiz taker’s interactions with the quiz. Reviewing this documentation and the quiz prototypes can also help.
The importance of response feedback. A quiz is intended to support communication of health messages. Well-crafted response feedback is critical to this purpose. For this reason, response-level feedback is essentially required in that the quiz taker will not see a “correct” or “incorrect” indication unless response-level feedback is provided for the selected answer. For more information, see the sections Understanding Feedback Types on page 3.
Quiz testing. Always carefully review and test quizzes from the quiz taker’s perspective before pushing them live, and make certain the content provider is involved in the review.
Metrics. Note that metrics for quiz-level information are not being tracked at this time. (Pages containing quizzes are tracked like other pages.)

Process Overview

Once the quiz content has been designed and it’s time to create the quiz in the WCMS, follow these steps:

Upload any images to display in the quiz.
Create the quiz and add quiz content. Use the “New Content” option in the WCMS content browser to create the quiz element. See the sections below for information on completing the quiz form.
Create a page.
Add the quiz to a page.
Save your page and preview.
Review and test the quiz and tweak as necessary.

Basic Options

Complete the following fields in the “Basic Options” panel for the quiz.

Basic Option fields
Field	Description
Layout*	Select “Form” if you would like all questions to display at once in list format; otherwise select “Guided” to display the questions one at a time.
Review Mode	For a guided quiz, select one of the “on” options to allow quiz takers to review their responses before submitting them for feedback. The two “on” options allow you to control the label that displays on the review button.
Quiz Completion Message*	Enter a message to indicate that the quiz has been completed.
Show Completion Score	Check the box to show a score to quiz takers after submission of the quiz.

Quiz Fields
Field	Description/Instructions
Layout	Select “Form” if you would like all questions to display at once in list format; otherwise select “Guided” to display the questions one at a time.
Review Mode	For a guided quiz, select one of the “on” options to allow quiz takers to review their responses before submitting them for feedback. The two “on” options allow you to control the label that displays on the review button.
Quiz Completion Message	Select a message to indicate that the quiz has been completed.
Show Completion Score	Check the box to show a score to quiz takers after submission of the quiz
Quiz Response Defaults
Correct-Answer Text	Select the question feedback to display when the user correctly answers a question: “Correct,” “Right,” or “Good job.” This selection applies for all questions unless overridden for a specific question.
Incorrect-Answer Text	Select the question feedback to display when the user incorrectly answers a question: “Incorrect,” Try again,” “You missed this one.” This selection applies for all questions unless overridden for a specific question.
Learn More
Link URL	Provide one or more links to display to quiz takers upon quiz completion. When providing multiple links, separate the links with commas (no spaces).
Title	Provide a Title to quiz takers to display upon quiz completion for Learn More information.
Display Text	You can provide descriptive or explanatory text about the URL you provided in the “Link URL” field. Note: The “Title” and “Display Text” do not display to quiz takers if the “URL” field is blank.
Language	Select the primary language of the content. (The default is established in folder properties.) Only two distinct language templates are currently available (English and Spanish), but categorizing content by language can help WCMS users with reporting on and searching content in the WCMS. Also, correct language typing could help with transitioning content to new language templates in the future.
Display Options
Enable Random Order	For a guided quiz, check the box to allow random ordering of questions and slides. If the quiz includes information-only slides, carefully consider whether randomization makes sense.
Content
Type	Select Question or Slide content from the drop-down list. You can then enter either Question or Slide properties in the fields that follow.
If you select Question, the following fields display:
Question	Enter the question text. The <strong> and <em> tags are supported.
Answer 1 [2, 3, etc.]	Enter a selectable response to the question.
Feedback 1 [2, 3, etc.]	Use this fields to provide response-level feedback for specific answers when selected by the quiz taker. The <strong> and <em> tags are supported. Please note the following points regarding the answer-specific feedback fields vs. “default” feedback described later in this table. The answer-specific feedback fields are intended for single-select questions. For multi-select questions, use the “Default Correct Feedback” and “Default Incorrect Feedback” fields to set up response feedback. You can also use the “Default Correct Feedback” and “Default Incorrect Feedback” fields to set up default response feedback for single-select questions. You can override the default feedback by using the answer-specific fields.
Correct 1 [2, 3, etc.]	Check the box if the answer is correct. Note that, if “True” is checked for multiple answers, the question automatically functions as a multi-select question.
Default Correct Feedback	Enter default response feedback for correct response(s). For multi-select questions, use this field to provide response feedback when the user selects all correct answers. Tip: Include an explanation about why the response is correct.
Correct Answer Text	Select the question-level feedback for correct answers from the drop-down list. Quiz Default – To display the default value you selected in the quiz form, select “Quiz Default. Correct Right Good Job
Incorrect Answer Text	Select the question-level feedback for incorrect answers from the drop-down list. Quiz Default – To display the default value you selected in the quiz form, select “Quiz Default. Incorrect Try again You missed this one. Note that this question-level feedback does not display if there is no applicable response-level feedback for a selected answer. For multi-select questions, response feedback must be provided in the “Default Incorrect Feedback” field, For single-select questions, response feedback can be provided for each response or in the “Default Incorrect Feedback” field.
Featured Image	Select an image to feature with the questions
Featured Image Size	Select from the drop-down list: Original Large –scaled to 1185 pixels wide Medium – scaled to 635 pixels wide Small – scaled to 285 pixels wide Thumbnail – scaled to 80 pixels wide
Image Border Style	Select from the drop-down list. None Polaroid Border Fancy Border
Image Alignment	Select from the drop-down list. None Float left Float right Center
If you select Slide, the following fields display.
Slide Heading	If content type is slide, enter a heading for the slide
Slide Body	If content type is slide, enter the content body for the slide. Click the “Edit” button to edit the text.

4. Complete the Metatags and Taxonomies section of the screen.
5. Click Save to save your selections.
6. Click Preview to preview your Quiz.

Create a Page

Like all reusable content types, a quiz must reside on a page. You can add a quiz to a new or existing page.

From the content browser (“Browse Content” in left navigation menu), create a new page
New Content button Page. Need an arrow Image before page
At the top of the page, add a Title.
Under Basic Options, enter a File Name. Note that file names cannot contain special characters or spaces.
Save your page.

Add the Quiz to the Page

Select Add Element from the Visual Composer editor.

Put Screenshot here

Result: The Add Element screen displays. (Note the difference in font here)

Put Screenshot here

2. Select Quiz.

Result: Quiz Settings screen displays.

Put Screenshot here

To insert quiz as a regular module, select Module. To include an embed control in the quiz footer, select Widget.

Field	Description / Instructions
Select Quiz Content Item	Select the quiz content item from the files.
Style	To insert quiz as a regular module, select Module. To include an embed control in the quiz footer, select Widget.
Data Style Path	If applicable, enter the path for supporting CSS file. The path should exclude the data host. For example, if the stylesheet exists at “www.cdc.gov/folderOne/aCssFile.css,” the path should be entered as “/folderOne/aCssFile.css” (without the quotation marks).
Alignment	Select alignment from the drop-down list. None Float left Float right Center
Additional CSS Classes	A CSS class is a line of code in your CSS file which corresponds to the HTML equivalent of that class; it is defined with a dot: “ CSS is used to define visual appearance and formatting of HTML documents. Enter any additional CSS classes required to display the content. Separate multiple classes with spaces.
Viewport Display	Select viewport display from the drop-down list: VP1 (phone), VP2 (phone/small tablet), VP3 (large tablet), VP4 (desktop)
Syndication Rule	To syndicate a content item independently, select “Syndicate this Module” and give it a syndication class different from the page syndication class (if you are also syndicating the page. To exclude a content item from page syndication, select “Exclude from Page.” When registering for syndication, if you are syndicating both the page as a whole and a child module independently, you must register the page multiple times, once with the page syndication class and once for each module that is being syndicated independently. The syndication class you enter during registration must change accordingly.

Appendix: Handling Caching Issues

To clear your browser cache or change your refresh settings in Internet Explorer, select “Internet Options” from the tools menu.

Put Screenshot here.

This screenshot displays the Internet Options dialog box.

Put Screenshot here.

To clear your browser cache, click the Delete option under “Browsing history.”
To reset your refresh options so that Web pages are updated each time you visit, click the “Settings” option under “Browsing history” and then select “Every time I visit the webpage” in the Website Data Settings window.

Put Screenshot here.

WCMS Quick Facts