Evidence for Core area 1: Operational issues
An example web directory listing
Below is a web directory listing that provides access to a complete set of files for one academic year for my XML-based module details publishing system.
Index of /~fjw/modules-2013-14
Name Last modified Size Description
Parent Directory - FixTableHeader.js 27-Oct-2011 11:38 2.0K ReadMe.html 10-May-2012 12:08 32K Subject_Streams.pdf 06-Jun-2013 16:57 319K index.html 04-Jun-2013 19:22 15K module-body.xsl 10-May-2012 12:08 8.8K modules-2012-13.xml 07-Mar-2013 14:37 284K modules.dtd 27-May-2011 19:35 6.9K modules.html 06-Jan-2014 14:35 182K modules.xml 06-Jan-2014 14:35 285K modules/ 11-Mar-2013 18:29 - restrictions.html 06-Jan-2014 14:35 13K sans-serif_font.css 19-Jun-2011 12:40 63 serif_font.css 19-Jun-2011 12:40 66 sort-modules.el 27-May-2011 19:35 1.2K ug-module-files.xsl 25-Sep-2011 17:07 13K ug-module-restriction-notes.html 12-Mar-2013 17:24 1.6K ug-module-restrictions.xsl 10-May-2012 12:08 8.5K ug-modules.xsl 19-Jun-2011 12:40 3.9K update 28-May-2011 14:55 954 update.bat 29-Jul-2011 10:11 379 validate 27-May-2011 19:35 36 validate.bat 27-May-2011 19:35 278 xhtml-lat1.ent 27-May-2011 19:35 12K xhtml-special.ent 27-May-2011 19:35 4.1K xhtml-symbol.ent 27-May-2011 19:35 14K
Apache/2.0.52 (Scientific Linux) Server at legacy.maths.qmul.ac.uk Port 80
Evidence for Core area 2: Learning, teaching and assessment
Evidence for Core area 3: The wider context
Evidence for Core area 4: Communication and working with others
Evidence for Specialist option(s)
JavaScript to implement an accordion widget using jQueryUI
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[ $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css">'); $('h5').css('padding-left', '2.0em').each( function() { $(this).nextUntil('h5').wrapAll('<div />') }); $('#accordion').accordion({ heightStyle: "content", collapsible: true, active: false }); // ]]></script>
Code for past exam paper repository as a Moodle database
CSS
th { text-align: left }
tbody tr:nth-child(odd) { background-color: #EEE; }
#list-view th, #list-view td { padding: 0 2px }
List-view Header (HTML)
<div class="defaulttemplate">
<table id="list-view" class="mod-data-default-template">
<thead>
<tr>
<th>Level</th>
<th>Module code(s)</th>
<th>Module name</th>
<th>2013 exam paper</th>
<th>2014 exam paper</th>
<th>2015 exam paper</th>
</tr>
</thead>
<tbody>
List-view Repeated entry (HTML)
<tr>
<td style="text-align: center">[[Level]]</td>
<td class="template-token cell c1"><a title="Click to go to the module page." href="http://qmplus.qmul.ac.uk/course/view.php?id=[[QMplus id]]">[[Module code(s)]]</a></td>
<td class="template-token cell c1"><a title="Click to go to the module page." href="http://qmplus.qmul.ac.uk/course/view.php?id=[[QMplus id]]">[[Module name]]</a></td>
<td class="template-token file-cell c1">[[2013 exam paper]]</td>
<td class="template-token file-cell c1">[[2014 exam paper]]</td>
<td class="template-token file-cell c1">[[2015 exam paper]]</td>
<td class="controls template-field cell c0 lastcol">##edit## ##more## ##delete## ##delcheck##</td>
</tr>
List-view Footer (HTML + JavaScript)
</tbody>
</table>
</div>
<script type="text/javascript">
// Once the document has loaded...
$(function() {
// Set the number of records per page if necessary:
if ( $("#pref_perpage").val() < 100 ) {
$("#pref_perpage").val("100");
$("#options").submit();
} else {
// Hide the selector and its (preceding) label:
$("#pref_perpage").hide().prev().hide();
// Shorten the file names and remove the extension:
$("#list-view td.file-cell a").text( function(n, current) {
return current.replace( /\s*Exam\s*(\d*)\.pdf$/, "/$1" )
});
}
});
</script>