Skip to content

Commit

Permalink
[FEATURE] Added multiple choice block style demo and added offsets
Browse files Browse the repository at this point in the history
  • Loading branch information
Ralf Dauenhauer committed Dec 13, 2013
1 parent da29003 commit da5d440
Showing 1 changed file with 253 additions and 89 deletions.
342 changes: 253 additions & 89 deletions www/assessment/questions/questiontypes.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,26 @@
"multiple_responses": false,
"penalty_score": -1
},
{
"response_id": "demo1b-'.$uniqueResponseIdSuffix.'",
"type": "mcq",
"options": [
{"label": "Dublin", "value": "1"},
{"label": "Bristol", "value": "2"},
{"label": "Liverpool", "value": "3"},
{"label": "London", "value": "4"}
],
"ui_style": {
"type": "block",
"columns": 1,
"choice_label": "upper-alpha"
},
"valid_responses": [
{ "value":"4"}
],
"is_math": true,
"instant_feedback": true
},
{
"response_id": "demo2-'.$uniqueResponseIdSuffix.'",
"type": "mcq",
Expand Down Expand Up @@ -309,10 +329,10 @@
"type": "orderlist",
"description": "In this question, the student needs to order the albums, chronologically earliest to latest.",
"list": [
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_sgt.-peppers-lonely-hearts-club-band.jpg\"><span class=\"caption\">Sgt. Pepper\'s Lonely Hearts Club Band</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_abbey-road.jpg\"><span class=\"caption\">Abbey Road</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_a-hard-days-night.jpg\"><span class=\"caption\">A Hard Day\'s Night</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_the-beatles.jpg\"><span class=\"caption\">The Beatles</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_sgt.-peppers-lonely-hearts-club-band.jpg\"><span class=\"caption\"> Sgt. Pepper\'s Lonely Hearts Club Band</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_abbey-road.jpg\"><span class=\"caption\"> Abbey Road</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_a-hard-days-night.jpg\"><span class=\"caption\"> A Hard Day\'s Night</span></div>",
"<div class=\"album\"><img src=\"http://www.staging.learnosity.com/static/img/beatles_the-beatles.jpg\"><span class=\"caption\"> The Beatles</span></div>",
],
"ui_style": "button",
"instant_feedback": true,
Expand Down Expand Up @@ -563,118 +583,262 @@

<!-- Main question content below here: -->
<h2 class="page-heading">Question Types Overview</h2>
<hr>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q1">Multiple Choice</h3>
<p>Which of these colours has the smallest wavelength?</p>
<span class="learnosity-response question-demo1-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q1">Multiple Choice</h3>
<p>Which of these colours has the smallest wavelength?</p>
<span class="learnosity-response question-demo1-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>

<h3 id="q2">Multiple Choice with multi select</h3>
<p>Which of these cities are state capitals?</p>
<span class="learnosity-response question-demo2-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>

<h3 id="q3">Short text</h3>
<p>Who is the Mayor of New York City?</p>
<p>
<span class="label label-info">Hint</span> &#8220;Michael Bloomberg&#8221; gets one point, &#8220;Bloomberg&#8221; gets half a point.
</p>
<span class="learnosity-response question-demo3-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q1">Multiple Choice (Block Style)</h3>
<p>What is the capital city of England?</p>
<span class="learnosity-response question-demo1b-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q4">Long text answer with basic formatting</h3>
<p>Briefly explain cellular mitosis.</p>
<span class="learnosity-response question-demo4-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q2">Multiple Choice with multi select</h3>
<p>Which of these cities are state capitals?</p>
<span class="learnosity-response question-demo2-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q3">Short text</h3>
<p>
<span class="label label-info">Hint</span> &#8220;Michael Bloomberg&#8221; gets one point, &#8220;Bloomberg&#8221; gets half a point.
</p>
<p>Who is the Mayor of New York City?</p>
<span class="learnosity-response question-demo3-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q5">Plain text answer, with copy, cut &amp; paste</h3>
<p>Write a haiku poem in German.</p>
<span class="learnosity-response question-demo5-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q4">Long text answer with basic formatting</h3>
<p>Briefly explain cellular mitosis.</p>
<span class="learnosity-response question-demo4-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q6">Spoken response</h3>
<p>Describe a typical day in your life.</p>
<span class="learnosity-response requires-flash question-demo6-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="alert alert-error no-flash"><strong>Aww!</strong> We can't load this question because Flash isn't available.</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q5">Plain text answer, with copy, cut &amp; paste</h3>
<p>Write a haiku poem in German.</p>
<span class="learnosity-response question-demo5-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q6">Spoken response</h3>
<p>Describe a typical day in your life.</p>
<span class="learnosity-response requires-flash question-demo6-<?php echo $uniqueResponseIdSuffix ?>"></span>
<div class="alert alert-error no-flash"><strong>Aww!</strong> We can't load this question because Flash isn't available.</div>
</div>
</div>
<hr>

<h3 id="q7">Cloze (fill in the blanks)</h3>
<p>Complete the multiplication table below.</p>
<span class="learnosity-response question-demo7-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q7">Cloze (fill in the blanks)</h3>
<p>Complete the multiplication table below.</p>
<span class="learnosity-response question-demo7-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q8">Cloze (fill in the blanks) with drop down menus</h3>
<p>Fill in the blanks</p>
<span class="learnosity-response question-demo8-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q8">Cloze (fill in the blanks) with drop down menus</h3>
<p>Fill in the blanks</p>
<span class="learnosity-response question-demo8-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q9">Cloze (fill in the blanks) with drag and drop</h3>
<p>Simplify the following, expressing your answers with positive indices.</p>
<span class="learnosity-response question-demo9-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q9">Cloze (fill in the blanks) with drag and drop</h3>
<p>Simplify the following, expressing your answers with positive indices.</p>
<span class="learnosity-response question-demo9-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q10">Cloze Text Expanding (Extended Fill in the blanks)</h3>
<p>Fill in the blanks.</p>
<span class="learnosity-response question-demo10-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q10">Cloze Text Expanding (Extended Fill in the blanks)</h3>
<p>Fill in the blanks.</p>
<span class="learnosity-response question-demo10-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q11">Draw / highlight on a background image</h3>
<p>Circle one of the flower's anthers in the picture.</p>
<span class="learnosity-response question-demo11-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q11">Draw / highlight on a background image</h3>
<p>Circle one of the flower's anthers in the picture.</p>
<span class="learnosity-response question-demo11-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q12">Label an image (add text)</h3>
<p>Name the states on the map</p>
<span class="learnosity-response question-demo12-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q12">Label an image (add text)</h3>
<p>Name the states on the map</p>
<span class="learnosity-response question-demo12-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q13">Label an image (with drop down menus)</h3>
<p>Select the correct State names on the map.</p>
<span class="learnosity-response question-demo13-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q13">Label an image (with drop down menus)</h3>
<p>Select the correct State names on the map.</p>
<span class="learnosity-response question-demo13-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q14">Label an image (with drag and drop)</h3>
<p>Indicate whether each of the highlighted countries currently has a male or a female <strong>Head of State</strong>.</p>
<span class="learnosity-response question-demo14-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q14">Label an image (with drag and drop)</h3>
<p>Indicate whether each of the highlighted countries currently has a male or a female <strong>Head of State</strong>.</p>
<span class="learnosity-response question-demo14-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q15">Order a list</h3>
<p>Sort these historical events chronologically, from earliest to latest.</p>
<span class="learnosity-response question-demo15-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q15">Order a list</h3>
<p>Sort these historical events chronologically, from earliest to latest.</p>
<span class="learnosity-response question-demo15-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q16">Order buttons</h3>
<p>Sort these Beatles albums by release date (earliest first).</p>
<span class="learnosity-response question-demo16-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q16">Order buttons</h3>
<p>Sort these Beatles albums by release date (earliest first).</p>
<span class="learnosity-response question-demo16-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q17">Order paragraphs</h3>
<p>Move the paragraphs into the correct order.</p>
<span class="learnosity-response question-demo17-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q17">Order paragraphs</h3>
<p>Move the paragraphs into the correct order.</p>
<span class="learnosity-response question-demo17-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q18">Order words or sentences within a paragraph</h3>
<p>Rearrange the sentences into the correct order.</p>
<span class="learnosity-response question-demo18-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q18">Order words or sentences within a paragraph</h3>
<p>Rearrange the sentences into the correct order.</p>
<span class="learnosity-response question-demo18-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q19">Text Highlight</h3>
<p>Select all the <strong>adjectives</strong> in the text.</p>
<span class="learnosity-response question-demo19-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q19">Text Highlight</h3>
<p>Select all the <strong>adjectives</strong> in the text.</p>
<span class="learnosity-response question-demo19-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q20">Token Highlight</h3>
<p>Select all the <strong>relevant sections</strong> in the text.</p>
<span class="learnosity-response question-demo20-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q20">Token Highlight</h3>
<p>Select all the <strong>relevant sections</strong> in the text.</p>
<span class="learnosity-response question-demo20-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q21">Match Lists</h3>
<p>Match each city to its parent nation.</p>
<span class="learnosity-response question-demo21-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q21">Match Lists</h3>
<p>Match each city to its parent nation.</p>
<span class="learnosity-response question-demo21-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q22">Sort List</h3>
<p>Sort these historical events chronologically, from earliest to latest.</p>
<span class="learnosity-response question-demo22-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q22">Sort List</h3>
<p>Sort these historical events chronologically, from earliest to latest.</p>
<span class="learnosity-response question-demo22-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q23">Categories (Drag and Drop)</h3>
<p>Drag each triangle to the correct category.</p>
<span class="learnosity-response question-demo23-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q23">Categories (Drag and Drop)</h3>
<p>Drag each triangle to the correct category.</p>
<span class="learnosity-response question-demo23-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q24">Plot Points</h3>
<p>Plot a simple cubic curve on the graph.</p>
<span class="learnosity-response question-demo24-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q24">Plot Points</h3>
<p>Plot a simple cubic curve on the graph.</p>
<span class="learnosity-response question-demo24-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q25">Plot Lines</h3>
<p>Plot the line \( y = x + 1 \)</p>
<span class="learnosity-response question-demo25-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q25">Plot Lines</h3>
<p>Plot the line \( y = x + 1 \)</p>
<span class="learnosity-response question-demo25-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<h3 id="q26">Math Formula</h3>
<p><span class="label label-info">Hint</span> \(x(x+4) +3\), \(x^2 +4x +3\) and \(3 + x^2 +4x \) would all be acceptable.</p>
<span class="learnosity-response question-demo26-<?php echo $uniqueResponseIdSuffix ?>"></span><hr>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 id="q26">Math Formula</h3>
<p><span class="label label-info">Hint</span> \(x(x+4) +3\), \(x^2 +4x +3\) and \(3 + x^2 +4x \) would all be acceptable.</p>
<span class="learnosity-response question-demo26-<?php echo $uniqueResponseIdSuffix ?>"></span>
</div>
</div>
<hr>

<!-- Tell the API where to place the submit button if using "renderSubmitButton" attribute -->
<span class="learnosity-submit-button"></span></br></br></br>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<span class="learnosity-submit-button"></span>
</div>
</div>

<?php
include_once '../../../src/views/modals/initialisation-preview.php';
Expand Down

0 comments on commit da5d440

Please sign in to comment.