mirror of
https://github.com/andre-wojtowicz/elearning-scorm-exam-template.git
synced 2024-08-16 09:11:57 +02:00
Create gh-pages branch via GitHub
This commit is contained in:
Andrzej Wójtowicz
parent
767c896046
commit
65893b51aa
108
index.html
108
index.html
@ -38,7 +38,113 @@
|
||||
<span class="credits right">Hosted on GitHub Pages — Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></span>
|
||||
</div>
|
||||
|
||||
<p>temp</p>
|
||||
<p>This repository contains template files in order to prepare SCORM 1.2 LMS exam for e-learning purposes. All content-based files are written HTML.</p>
|
||||
|
||||
<p>Whole zipped repository can be instantly imported as a SCORM package in Moodle and OLAT.</p>
|
||||
|
||||
<h2>
|
||||
<a id="features-and-libraries" class="anchor" href="#features-and-libraries" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features and libraries</h2>
|
||||
|
||||
<ul>
|
||||
<li>Look & feel: <a href="http://getbootstrap.com">Bootstrap</a>,</li>
|
||||
<li>Math notation: <a href="https://www.mathjax.org">MathJax</a>,</li>
|
||||
<li>Code syntax highlighting: <a href="http://alexgorbatchev.com/SyntaxHighlighter">SyntaxHighlighter</a>,</li>
|
||||
<li>Toast messages to check connection with LMS: <a href="https://github.com/scottoffen/jquery.toaster">jQuery toaster</a>,</li>
|
||||
<li>Text decoder: <a href="http://www.webtoolkit.info/">Web Toolkit</a>,</li>
|
||||
<li>Exam: single and multiple choice.</li>
|
||||
</ul>
|
||||
|
||||
<p>The exam is designed for one-time form send (all UI is blocked and connection with LMS is closed).</p>
|
||||
|
||||
<p>All submitted answers (also with correct answers) can be displayed in Moodle/OLAT per user.</p>
|
||||
|
||||
<h2>
|
||||
<a id="preview" class="anchor" href="#preview" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Preview</h2>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="materials/exam.html">Exam</a>.</li>
|
||||
</ul>
|
||||
|
||||
<p>Note that in the preview you do not have connection to LMS system, so an error will be displayed by toaster plugin.</p>
|
||||
|
||||
<h3>
|
||||
<a id="example-result" class="anchor" href="#example-result" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Example result</h3>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>element</th>
|
||||
<th>value</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>cmi.comments</td>
|
||||
<td>Wed Jan 20 2016 17:53:32 GMT+0100</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.core.lesson_status</td>
|
||||
<td>passed</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.core.score.max</td>
|
||||
<td>32</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.core.score.min</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.core.score.raw</td>
|
||||
<td>30</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.core.total_time</td>
|
||||
<td>3 min 40 sec</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.interactions_4.correct_responses_0.pattern</td>
|
||||
<td>c</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.interactions_4.id</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.interactions_4.result</td>
|
||||
<td>correct</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.interactions_4.student_response</td>
|
||||
<td>c</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cmi.interactions_4.type</td>
|
||||
<td>choice</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>...</td>
|
||||
<td>...</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h2>
|
||||
<a id="brief-how-to" class="anchor" href="#brief-how-to" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Brief how-to</h2>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<code>imsmanifest.xml</code> - defines tree of modules (practically nothing to change here).</li>
|
||||
<li>
|
||||
<code>materials/exam.html</code> - header and footer have CSS and JS code to proper load the libraries; main part of body has quiz questions; the beginning of body has list of correct answers.</li>
|
||||
</ul>
|
||||
|
||||
<p>Answers can be either in plain or obfuscated form. You may see in browsers debugger how the obfuscation is done - check <code>StringED.encode()</code> and <code>StringED.decode()</code> functions in <code>materials/js/webtoolkit.js</code>.</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1 +1 @@
|
||||
{"name":"Minimalistic SCORM-based exam template for e-learning","tagline":"","body":"temp","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
|
||||
{"name":"Minimalistic SCORM-based exam template for e-learning","tagline":"","body":"This repository contains template files in order to prepare SCORM 1.2 LMS exam for e-learning purposes. All content-based files are written HTML.\r\n\r\nWhole zipped repository can be instantly imported as a SCORM package in Moodle and OLAT.\r\n\r\n## Features and libraries\r\n\r\n * Look & feel: [Bootstrap](http://getbootstrap.com),\r\n * Math notation: [MathJax](https://www.mathjax.org),\r\n * Code syntax highlighting: [SyntaxHighlighter](http://alexgorbatchev.com/SyntaxHighlighter),\r\n * Toast messages to check connection with LMS: [jQuery toaster](https://github.com/scottoffen/jquery.toaster),\r\n * Text decoder: [Web Toolkit](http://www.webtoolkit.info/),\r\n * Exam: single and multiple choice.\r\n\r\nThe exam is designed for one-time form send (all UI is blocked and connection with LMS is closed).\r\n\r\nAll submitted answers (also with correct answers) can be displayed in Moodle/OLAT per user.\r\n\r\n## Preview\r\n\r\n * [Exam](materials/exam.html).\r\n\r\nNote that in the preview you do not have connection to LMS system, so an error will be displayed by toaster plugin.\r\n\r\n### Example result\r\n\r\n| element | value |\r\n|---|---|\r\n| cmi.comments | Wed Jan 20 2016 17:53:32 GMT+0100 |\r\n| cmi.core.lesson_status | passed |\r\n| cmi.core.score.max | 32 |\r\n| cmi.core.score.min | 0 |\r\n| cmi.core.score.raw | 30 |\r\n| cmi.core.total_time | 3 min 40 sec |\r\n| ... | ... |\r\n| cmi.interactions_4.correct_responses_0.pattern | c |\r\n| cmi.interactions_4.id | 1 |\r\n| cmi.interactions_4.result | correct |\r\n| cmi.interactions_4.student_response | c |\r\n| cmi.interactions_4.type | choice |\r\n| ... | ... |\r\n \r\n## Brief how-to\r\n\r\n * `imsmanifest.xml` - defines tree of modules (practically nothing to change here).\r\n * `materials/exam.html` - header and footer have CSS and JS code to proper load the libraries; main part of body has quiz questions; the beginning of body has list of correct answers.\r\n\r\nAnswers can be either in plain or obfuscated form. You may see in browsers debugger how the obfuscation is done - check `StringED.encode()` and `StringED.decode()` functions in `materials/js/webtoolkit.js`.","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
|
||||
Loading…
Reference in New Issue
Block a user