Help:Quiz

From UBC Wiki
Jump to: navigation, search

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.




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
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

Type the question here...

The correct answer.
Wrong or misleading answer.
Wrong or misleading answer.
Wrong or misleading answer.

Multiple questions with square buttons

Coding for square buttons
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

1

Type the question 1 here...

The correct answer.
Wrong or misleading answer.
Another correct answer.
Wrong or misleading answer.

2

Type the question 2 here...

The correct answer.
Wrong or misleading answer.
Another correct answer.
Wrong or misleading answer.

True/false questions

Coding for radio buttons
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

1

Bulgaria and Rumania joined the European Union in 2007.

TRUE.
FALSE.

2

Switzerland is a member of the European Union.

TRUE.
FALSE.

Short Answer / Fill in the Blank

Coding for typed response
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

1

Type text here or a no-break space code

Where was Aristotle born?

2

Type text here or a no-break space code

Name Aristotle's famous mentor.

3

Type text here or a no-break space code

was Aristotle's most famous pupil.

4

Type text here or a no-break space code

Name Aristotle's famous mentor.

5

Type text here or a no-break space code

Name a famous Greek philospher.

Another Short Response

Coding for typed response
Gartoon-Gnome-desktop-config.png
{| 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
Crystal Clear app ktip.svg

Complete the text from the Wikipedia article on Aristotle.

Early Years:
Aristotle was born in

in Chalcidice. His parents were

and

, who became physician to King Amyntas of Macedon.
Aristotle was educated as a member of the aristocracy. At about the age of

, he went to

to continue his education at

's Academy.

Later Years:
Aristotle remained at the Academy for nearly twenty years, not leaving until after Plato's death in

BC.


Questions with Feedback

Coding for radio buttons
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

Question

The correct answer.
Distractor.
Distractor.
Distractor.

Example of a questions with Feedback

Coding for radio buttons
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

Which type of film editing do you want to learn?

Editing dramatic scenes.
Documentaries and event video.
Corporate Video and multimedia.
Broadcast video.

Questions with pictures

Coding for square buttons
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

Which of these are not nuts?

Walnut03.jpg
Peanuts.jpg
Malus-Idared on tree.jpg
Pistachios in a bag.jpg
Chestnut.jpg
P10802511.JPG

Using images directly in the question

Coding for radio buttons
Gartoon-Gnome-desktop-config.png
<quiz display=simple>
{ What is this?<br>[[Image:Butterfly tongue.jpg|100px]]
| type="()" }
- Tiger
+ Butterfly
- Bee
- Fly
</quiz>
Please take this quiz
Crystal Clear app ktip.svg

What is this?
Butterfly tongue.jpg

Tiger
Butterfly
Bee
Fly

True/false question with gif

Coding for radio buttons
Gartoon-Gnome-desktop-config.png
<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
Crystal Clear app ktip.svg

Select only one correct answer and no incorrect answers.

What kind of fish are these?

Herring
Salmon
Tunafish
Goldfish

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

Watch the video below. Select only one correct answer and no incorrect answers. What does LIST stands for?


Lead, Ideas, Summarize, Talk
List, Ideas, Summarize, Time
Listen,Ideas, Summarize, Talk
Lunch, Ideas, Sleep, Talk

Numerical Response Questions

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

In which year was Plato born?

He was born in

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.

How far is the earth from the sun?

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 }

What is 10*10?

  • 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.


Complete the following text, inserting words and numbers as appropriate.

The Earth formed around

billion years ago and its only known natural satellite, the

, began orbiting it around

billion years ago. At present, the Earth orbits the

once for every roughly

times it rotates about its axis.

  • 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>




  

Try this question now.

Plus 3 points for this one.
Minus 1 point for this one.

  • 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>

1

Try this question now.

1 point for this one.
0 points for this one.

2

Try this question now.

2 points for this one.
0 points for this one.

3

Try this question now.

4 points for this one.
0 points for this one.

4

Try this question now.

1/2 point for this one.
0 points for this one.

  • 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)

Additional Resources

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