Self Assessment - Multiple Questions Example
JSON code for this quiz:
{
"attempts": "3",
"questions": [
{
"questiontype":"draglabels",
"question":"<p>Drag the names of the fruits to the appropriate places on the diagram.</p><p>The locations of the correct answers are defined by coordinates in the json file.</p><p>Try getting it wrong and see what happens when you click 'Reveal answers'</p>",
"draggableslocation":"top",
"image":"img/fruits.jpg",
"imagewidth":"400",
"imageheight":"300",
"draggables": {
"house":"none",
"apple":"6",
"banana":"5",
"desk":"none",
"orange":"7",
"car":"none"
},
"dropzones": {
"5":"207,52",
"6":"70,245",
"7":"343,105"
},
"attempts":"1",
"feedbackGeneral": "<p>That is the correct answer. You know your fruits.</p>"
},
{
"questiontype":"dragarrows",
"draggableslocation":"right",
"attempts":"1",
"question":"<p>Drag the labels to the appropriate places on the diagram below.</p><p>Notice that the draggables can contain any HTML - transparent png images work best.</p><p>With the arrow dragging question type each droppable area can have more than one correct answer.</p>",
"image":"img/sa_image.jpg",
"imagewidth":"480",
"imageheight":"333",
"draggables": {
"red":"1",
"<img src=\"img/drag.png\" />":"2",
"yellow":"3",
"yellow again":"3",
"more red":"1"
},
"dropzones": {
"1":"43,20-230,104",
"2":"277,94-444,320",
"3":"16,161-248,233"
},
"feedback": {
},
"feedbackGeneral": "<p>Yes, those are the correct colours</p>"
},
{
"questiontype":"sortcolumns",
"question":"<p>Drag the following items into the most appropriate columns.</p>",
"draggableslocation":"bottom",
"tablewidth":"400px",
"tablecolour":"blue",
"columns": {
"1":"Good for you",
"2":"Bad for you"
},
"items": {
"A":"Ice Cream",
"B":"Chips",
"C":"Humous",
"D":"Salad"
},
"sortorder": {
"1":"C,D",
"2":"A,B"
},
"attempts":"1",
"feedbackGeneral": "Those are the correct answers."
},
{
"questiontype":"draglabels",
"attempts":"1",
"question":"<p>If the descriptions of each draggable label are long then this might be a good way of doing things. Just use the \"pipe\" symbol to separate the letter from the description (see the json file).</p>",
"draggableslocation":"right",
"image":"img/fruits.jpg",
"imagewidth":"400",
"imageheight":"300",
"draggables": {
"A|This fruit grows on apple trees.":"6",
"B|This fruit is yellow.":"5",
"C|This fruit is orange.":"7",
"D|This is another made up answer. Blah blah blah blah blah.":"none"
},
"dropzones": {
"5":"207,52",
"6":"70,245",
"7":"343,105"
},
"feedbackGeneral": "<p>That is the correct answer. You know your fruits.</p>",
"correct":"a"
},
{
"questiontype":"reflection",
"question":"<p>This is a 'reflection' question type. The user has to type something before they can continue to see the feedback/model answer.</p><p>Just click submit to see a model answer and then click to continue. The progress bar will move on but no marks are awarded for this 'question'.</p><p><strong>Is this a useful question type?</strong></p>",
"feedbackGeneral": "<p>Thank you for writing something. Here is a model answer:</p><p>Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>"
},
{
"questiontype":"information",
"question":"<p>This is the 'information' question type. It is set up as other questions in the json file, just set the 'questiontype' to 'information' and add the content to the 'question'. No other settings are needed.</p><p>The progress bar will move on but no marks are awarded for this 'question'.</p><p>Notice that if a quiz contains any 'information' question types then the 'Question X of X' text at the top of the quiz changes to read 'Page X of X'.<p><strong>Just click continue to continue.</strong></p>"
},
{
"questiontype":"dragarrows",
"question":"<p>In this question, after 5 incorrect attempts you will be offered the chance to reveal the answers. The default number of attempts before displaying the 'Reveal anwers' button is 3 but this can be changed using the 'attempts' setting in the json file for each question.</p><p>The easiest way to create the coordinates for complex shapes such as in this example is in Fireworks. Load the image in and create some imagemap polygons then save out the HTML file. Then you can go into the HTML source and grab the list of coordinates.</p><p><strong>Drag the names of the London boroughs to the appropriate locations on the map.</strong></p>",
"draggableslocation":"right",
"image":"img/LondonBoroughs.gif",
"imagewidth":"500",
"imageheight":"394",
"draggables": {
"Brent":"1",
"Greenwich":"2",
"Croydon":"3",
"Wandsworth":"4",
"Islington":"5",
"Southwark":"6"
},
"dropzones": {
"1":"141,98,190,160,186,165,170,166,154,161,136,167,124,163,114,148,104,143,109,124",
"2":"368,177,372,208,349,218,353,236,339,259,319,240,313,244,304,216,292,217,282,203,298,204,297,186,313,194,344,192,353,180",
"3": "230,274,239,261,251,265,250,272,287,301,289,319,298,332,302,344,292,345,289,340,279,340,272,346,275,354,268,360,261,355,258,362,235,389,226,378,216,377,212,359,221,358,222,336,238,334,223,295,233,289",
"4":"198,213,212,206,226,206,223,215,215,224,220,238,223,261,222,268,199,262,190,246,172,249,157,255,157,240,154,226,170,219,182,225,194,225",
"5":"219,130,233,122,239,132,245,136,248,143,253,144,248,159,242,161,250,166,249,171,240,172,229,160,225,144,220,138",
"6":"236,182,265,190,275,183,282,183,281,196,270,199,268,205,269,217,273,225,276,232,267,237,263,244,259,253,254,261,242,237,250,226,248,217,238,209,242,199,236,195"
},
"attempts":"1",
"feedbackGeneral": "<p>Those are the correct London boroughs.</p>"
},
{
"questiontype":"mcq",
"question":"<p>Multiple choice questions have been improved. Now questions can have more than 1 correct answer. Just set up the question in the same way, but separate each correct answer with a comma. If the script sees that there is more than one correct answer it will be created using checkboxes instead of radio buttons.</p><p>Each answer can have individual feedback as well as a general feedback comment. The feedback for each chosen answer will be given when the user clicks 'submit'. The general feedback will also be shown when the correct answer is chosen/has been revealed.</p><p>As with all question types, the number of attempts before showing the 'Reveal answers' button can be set (3 is the default).</p><p><strong>Which of the following are breeds of dog?</strong></p>",
"answers": {
"a":"Terrier",
"b":"Jack Russell",
"c":"Cocker Spaniel",
"d":"Justin Bieber",
"e":"Golden Retriever",
"f":"Volkswagen"
},
"feedback": {
"a":"A is a correct answer.",
"b":"B is a correct answer.",
"c":"C is a correct answer",
"d":"Justin Bieber is not a breed of dog.",
"e":"D is a correct answer",
"f":"Volkswagen is a make of car."
},
"correct":"a,b,c,e",
"feedbackGeneral": "Those are all breeds of dog."
},
{
"questiontype":"information",
"question":"<p>The 'information' question types (as well as all other question types) can contain any html.</p><iframe width=\"640\" height=\"360\" src=\"http://www.youtube.com/embed/dQw4w9WgXcQ?feature=player_detailpage\" frameborder=\"0\" allowfullscreen></iframe><p><strong>Just click continue to continue.</strong></p>"
},
{
"question":"<p>You can make a true/false question using an MCQ question type.</p><p>It might be a good idea to set 'attempts' to 1 for these questions so that 'Reveal answers' shows up as soon as they get their first attempt wrong.</p><p><strong>Does 1 + 1 = 2 ?</strong></p>",
"answers": {
"a":"Yes",
"b":"No"
},
"feedback": {
"a":"<p>That is the correct answer.</p>"
},
"attempts":"1",
"correct":"a"
},
{
"questiontype":"draglabels",
"question":"<p>In a draggable question type you can place the draggables along the top of the image or down the right hand side. Just change the 'draggableslocation' setting to 'top' or 'right'.</p><p><strong>Drag the numbers to the correct numbers on the diagram.</strong></p>",
"draggableslocation":"top",
"image":"img/numbers.jpg",
"imagewidth":"700",
"imageheight":"200",
"draggables": {
"Three":"3",
"Five":"5",
"Six":"none",
"One":"1",
"Two":"2",
"Four":"4"
},
"dropzones": {
"1":"58,35",
"2":"192,162",
"3":"346,32",
"4":"487,162",
"5":"633,31"
},
"feedback": {
},
"feedbackGeneral": "<p>Yes, those are the correct numbers.</p>"
},
{
"questiontype":"mcq",
"question":"<p>Is that everything for now?</p>",
"answers": {
"a":"Yes",
"b":"No"
},
"feedback": {
"a":"<p>That is the correct answer.</p>",
"b":"<p>That is not the correct answer.</p>"
},
"attempts":"1",
"correct":"a"
}
],
"endPage": [
{
"title":"<h4>Quiz complete</h4>",
"textAllCorrect":"<p>Awesome! You've obviously mastered the subject.</p>",
"textPass":"<p>Well done! You've passed this quiz.</p>",
"failPercentage":75,
"textFail":"<p>You didn't do so well and need to go back over the materials again.</p>",
"showScore":true,
"showRetry":true
}
]
}