mirror of
https://github.com/andre-wojtowicz/elearning-scorm-exam-template.git
synced 2024-10-18 13:45:34 +02:00
Update index.html
This commit is contained in:
Andrzej Wójtowicz
parent
65893b51aa
commit
6dcbc3a0af
160
index.html
160
index.html
@ -1,154 +1,10 @@
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||
<title>Minimalistic SCORM-based exam template for e-learning by andre-wojtowicz</title>
|
||||
<link rel="stylesheet" href="stylesheets/styles.css">
|
||||
<link rel="stylesheet" href="stylesheets/github-dark.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
<script src="javascripts/respond.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
<!--[if lt IE 8]>
|
||||
<link rel="stylesheet" href="stylesheets/ie.css">
|
||||
<![endif]-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<nav>
|
||||
<li class="fork"><a href="https://github.com/andre-wojtowicz/elearning-scorm-exam-template">View On GitHub</a></li>
|
||||
<li class="downloads"><a href="https://github.com/andre-wojtowicz/elearning-scorm-exam-template/zipball/master">ZIP</a></li>
|
||||
<li class="downloads"><a href="https://github.com/andre-wojtowicz/elearning-scorm-exam-template/tarball/master">TAR</a></li>
|
||||
<li class="title">DOWNLOADS</li>
|
||||
</nav>
|
||||
</div><!-- end header -->
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
<section>
|
||||
<div id="title">
|
||||
<h1>Minimalistic SCORM-based exam template for e-learning</h1>
|
||||
<p></p>
|
||||
<hr>
|
||||
<span class="credits left">Project maintained by <a href="https://github.com/andre-wojtowicz">andre-wojtowicz</a></span>
|
||||
<span class="credits right">Hosted on GitHub Pages — Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></span>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
|
||||
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Andrzej Wójtowicz - Github</title>
|
||||
<meta http-equiv="Refresh" content="0; url=https://github.com/andre-wojtowicz/elearning-scorm-exam-template" />
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user