Help:Quiz

The UBC Wiki has a feature to add self-quizzes in your wiki page. You can add multiple choices quizzes, fill in the blank, and many more.

When you are adding a quiz, make sure to switch the editor to Wikitext mode.

Currently, the quiz function do not work when embedded through Wiki Embed (WordPress Plugin) or JavaScript embed. The workaround is to embed the quiz using iframe. You can do so by going to Embed Page which is located under Tools, and Copy the code under Canvas.

How to create a quiz

<quiz>
insert questions here
</quiz>

The quiz tags do the following:

They insert some standard quiz options at the top and a colour-key for marking. The colour-key only appears when the question is marked.
They add a "submit" button at the bottom for when the learner has finished the quiz and wants it marked.
Everything between the quiz tags is parsed by the quiz extension and turned into questions if possible.
Quizzes can consist of single or support multiple questions - each question must be separated by a blank line.

Examples of questions types available are shown below.

Question Types

Multiple choice / single response / radio buttons

Note: For multiple choice questions(MCQs) with negative(-) sign and positive(+) sign, the positive sign(+) signifies the correct answer while the negative(-) sign(s) signifies the wrong answer and this is how Quiz know which answer is correct and which one is wrong.

Coding for radio buttons

<quiz display=simple>
{Type the question here...
|type="()"}
+ The correct answer.
- Wrong or misleading answer.
- Wrong or misleading answer.
- Wrong or misleading answer.
</quiz>

Please take this quiz

Multiple questions with square buttons

Coding for square buttons

<quiz display=simple>
{Type the question 1 here...
|type="[]"}
+ The correct answer.
- Wrong or misleading answer.
+ Another correct answer.
- Wrong or misleading answer.

{Type the question 2 here...
|type="[]"}
+ The correct answer.
- Wrong or misleading answer.
+ Another correct answer.
- Wrong or misleading answer.
</quiz>

Please take this quiz

True/false questions

Coding for radio buttons

<quiz display=simple>
{Bulgaria and Romania joined the European Union in 2007.
|type="()"}
+ TRUE.
- FALSE.

{Switzerland is a member of the European Union.
|type="[]"}
- TRUE.
+ FALSE.
</quiz>

Please take this quiz

Short Answer / Fill in the Blank

Coding for typed response

<quiz display=simple>
{ Type text here or a no-break space code
|type="{}"}
Where was Aristotle born? { Stageira }

{ Type text here or a no-break space code
|type="{}"}
Name Aristotle's famous mentor. { Plato }

{ Type text here or a no-break space code
|type="{}"}
{ Alexander } was Aristotle's most famous pupil. 

{ Type text here or a no-break space code
|type="{}"}
Name Aristotle's famous mentor. { Plato _6 }

{ Type text here or a no-break space code
|type="{}"}
Name a famous Greek philospher. <br>
{ Aristotle|Plato|plato|aristotle }
</quiz>

Please take this quiz

Another Short Response

Coding for typed response

{| border=0 cellspacing=0 cellpadding=5|| style="width:700px"
| bgcolor=#ccf | 
<quiz display=simple>
{Complete the text from the Wikipedia article on [[w:Aristotle|Aristotle]].
|type="{}"}
<big>'''Early Years:'''</big>
Aristotle was born in { Stageira|stageira _8 } in Chalcidice. His parents were 
{ Phaestis|phaestis _8 } and { Nicomachus|nicomachus _10 }, who became physician 
to King Amyntas of Macedon.

Aristotle was educated as a member of the aristocracy. At about the age of 
{ eighteen|18 _8}, he went to { Athens|athens _6 } to continue his education 
at { Plato|pluto _5 }'s Academy.
<br>

<big>'''Later Years:'''</big>
Aristotle remained at the Academy for nearly twenty years, not leaving until 
after Plato's death in { 347 _3 } BC.
</quiz>
|}

Please take this quiz

Questions with Feedback

Coding for radio buttons

<quiz display=simple>
{Question
|type="()"}
+ The correct answer.
|| Feedback for correct answer.
- Distractor.
|| Feedback for distractor.
- Distractor.
|| Feedback for distractor.
- Distractor.
|| Feedback for distractor.
</quiz>

Please take this quiz

Example of a questions with Feedback

Coding for radio buttons

<quiz display=simple>
{Which type of film editing do you want to learn?
|type="()"}
+ Editing dramatic scenes.
|| This course will teach you
about editing conversations from dramatic scenes.
- Documentaries and event video.
|| This class does not teach documentary film editing.  
This kind of film editing is very different from editing a scripted drama.  
Therefore, you should '''not''' take the editing course.  It will only 
confuse you since the rules of narrative dialog editing are almost the exact 
opposite of documentary film editing.
- Corporate Video and multimedia.
|| This class does not teach editing of corporate video.  
This kind of film editing is very different from editing a scripted drama.  
Therefore, you should '''not''' take this editing course.  It will only 
confuse you since the rules of narrative dialog editing are very different 
from editing corporate video.
- Broadcast video.
|| This class does not teach broadcast video editing.  
Using synced video camera which are switched in real time is very different 
from editing film shot with a single camera from various camera angles.
</quiz>

Please take this quiz

Questions with pictures

Coding for square buttons

<quiz display=simple>
{ Which of these are not nuts? 
|type="[]"}
- [[Image:Walnut03.jpg|100px]]
+ [[Image:Peanuts.jpg|100px]]
+ [[Image:Malus-Idared on tree.jpg|100px]]
- [[Image:Pistachios in a bag.jpg|100px]]
- [[Image:Chestnut.jpg|100px]]
+ [[Image:P10802511.JPG|100px]]
</quiz>

Please take this quiz

Using images directly in the question

Coding for radio buttons

<quiz display=simple>
{ What is this?<br>[[Image:Butterfly tongue.jpg|100px]]
| type="()" }
- Tiger
+ Butterfly
- Bee
- Fly
</quiz>

Please take this quiz

True/false question with gif

Coding for radio buttons

<quiz display=simple>
{ Select only one correct answer and no incorrect answers.
[[Image:Heringsschwarm.gif|thumb|left|What kind of fish are these?]]<br style="clear: both;">
| type="()" }
+ Herring
||This is many Herring swimming in uniform formation in the Bearing Sea by the 
light of the silvery moon.  This swarm was photographed by the great artic 
explorer who fell overboard in 1887 with his camera and took this flash picture 
of the fish of the sea.
- Salmon
- Tunafish
- Goldfish
</quiz>

Please take this quiz

True/false question with youTube video

Coding for quizzes with youTube video

Replace the youTube id with the video that you will like to embed. See Adding Youtube in text editor mode for customization for YouTube video.

<quiz display=simple>
{ Watch the video below. Select only one correct answer and no incorrect answers. What does LIST stands for?  {{YouTube|id=KTxw-3OF4kU|width=|height=}}
<br style="clear: both;">
| type="()" }
+ Lead, Ideas, Summarize, Talk 
||List stands for Lead, Ideas, Summarize, Talk. This is a useful note taking techniques. 
- List, Ideas, Summarize, Time
- Listen,Ideas, Summarize, Talk
- Lunch, Ideas, Sleep, Talk
</quiz>

Please take this quiz

Numerical Response Questions

wikitext

rendering

comments

{In which year was Plato born?
|type="{}"}
He was born in { 427-428 _5 } BC.

nNumerical responses are a subtle modification of short answer/typed responses. The syntax is identical, except for some additions which allow numerical ranges and numerical tolerances if the answer is a number.
In the example to the right, the uncertainty over Plato's date of birth is reflected in the answer by using a range. A simple hyphen between the numbers permits all numbers inbetween.

{How far is the earth from the sun?
|type="{}"}
{ 91-95 _3 } million miles.

This is another example of a range.
The _3 ensures that the textfield doesn't get too wide.

{What is 10*10?
|type="{}"}
{ 100 5% _3 }

This is an example of specifying a tolerance. The critical part is "5%", which specifies the expected tolerance of 5%. In this example, values between 95 and 105 should work, but try it.
At the time of writing, the underscore method of limiting the size of the textfield does not yet work in combination with a tolerance specification, so a range may be a better method of specifying numerical accuracy.

Because numerical responses are, programmatically, a sub-variety of typed response, numerical and text responses can be freely mixed in a gapfill as shown to the left.

Adding points to Questions

wikitext
(what you write)

rendering
(what you see)

comments

<quiz points="3/1!">
{Try this question now.} 
+ Plus 3 points for this one.
- Minus 1 point for this one.
</quiz>

By default, there is 1 point for a correct answer and 0 for a wrong answer.
You can change this for the whole quiz by using a points attribute for the quiz tag.
The format is "X/Y!", where X gives the points for a correct answer and Y the points for a wrong answer. The Y points are expressed as a positive integer but are subtracted from the score.
Values like 1.25 or 2.5 are allowed

<quiz display=simple>
{Try this question now.
|type="()" } 
+ 1 points for this one.
- 0 points for this one.

{Try this question now. 
|type="()" coef="2"} 
+ 2 points for this one.
- 0 points for this one.

{Try this question now. 
|type="()" coef="4"} 
+ 4 points for this one.
- 0 points for this one.

{Try this question now. 
|type="()" coef="0.5"} 
+ 1/2 point for this one.
- 0 points for this one.
</quiz>

A coefficient is a way of giving a weighting to a specific question. Normally all the questions have the same number of points. By default, they all have one point. By specifying a coefficient for each or any question, you can multiply the number of points for that question by the coefficient.
Coefficients can be both numbers above one and numbers between 0 and 1. If the coefficient is above 1, the question will receive greater weighting. If the coefficient is less than 1, the question will receive less weighting.
You must put inverted commas around the argument of the coef attribute.

Embedding the quiz to WordPress/Canvas

Currently, the quiz function do not work when embedded through Wiki Embed (WordPress Plugin) or JavaScript embed. The workaround is to embed the quiz using iframe. (By going to Tools>Embed Page>Canvas and copying the embed code)

Looking for more options for quiz?

If you are looking into more options for quiz, take a look at the documentation below to learn how to embed H5P into wiki:

How to embed H5P into wiki page

Additional Resources

This documentation has been adapted from Wikiversity. For more problem types, please see the following: