TheDesignspace

How to use the HTML SCORM template with Moodle - unscored example

June 10, 2009
Elearning | Must Reads | SCORM

The HTML SCORM template works with Moodle, but it needs a few modifications to work perfectly.

Server side include statements in the content pages must be replaced with the real code
The closing javascript on buttons in the navbar needs to be modified from "top.window.close()" to "window.close" because of the Moodle uses a different learning activity window structure than our own in-house LMS.

I've made these changes and created a "Moodleized" version of the template for you to download:

DOWNLOAD MOODLE VERSION OF TEMPLATE

This template is an unscored activity and should just mark itself complete. I will soon be posting one that will allow scored interactions on each page as well.

Why is it necessary to replace the SSI's for Moodle?
Moodle uses slash arguments so the server cannot see the extension (.htm) that tells it a file may have Server-Side includes in it. For example, a typical module path would be:

http://yourserver.com/moodle/file.php/4/unit1/index.htm

There is an ".htm" extension on the end of the path, but "file.php" is the only file that is executed by the server.

Once you've downloaded the Moodleized template, follow these steps to create a test course:

Go into the category you want to put the course in, and click Add a new course.

In the Edit Course window

Enter a name and code
Set format to SCORM format
Set number weeks/topics to 1
Set course start date to today's date
Set news items to 0
Set show gradebook to yes
Set activity reports to yes
Set max upload size to 64 mb
Set is meta course to no

Set course enrollable to yes
Disable the start and end dates
Set this course is available to students

Click Save Changes.

In the Assign roles to Courses window

Add the desired user(s) to that role.

Click the Course Code (CF104 in the example below) at the bottom or top left of the page to continue.

Since you have not yet associated any SCORM packages with this SCORM course, it will next display the Adding a new SCORM/AICC page.
Fill in a Name and Summary for the SCORM package. Then click Choose or upload a file...

The Upload a file window will open

Choose a SCORM package (a zip archive containing files plus manifest) and click Upload this file
There will be no progress bar. Just wait until the screen changes to a list of available files.

You'll see a list of the available files to choose from. Unzip the package by selecting it and clicking Unzip.

A list of all the contained files will now appear. Select imsmanifest.xml and click Choose.

The window will close, leaving the Adding a new SCORM/AICC window visible. "imsmanifest.xml" will now appear in the Package file box.
Choose a Scoring method, Maximum grade, Number of attempts, and Attempts grading. You may need to consult Moodle documentation to decide which is appropriate.
For stage size, make height at least 500. You may want to experiment with these settings.
Display package should be set to New window.
Check all the options unless you have reason not to.
The rest of the options are up to you, except that Visible should be set to Show.
Click Save and display

The course launch page will appear.
The module should then open in a new window.
In the example shown, the two colored buttons in the navbar on the left are SCORM control buttons. The violet button marked Quiz simply opens the next SCO, if there is one. The pink one labeled End this lesson closes the window and marks the module complete.
Click the End this lesson button and the module window should close.

You will be back on the course launch page.
Click Exit activity.

You will return to the student's main view of the course.
You should see a report link. Click to view a summary of all your attempts.

In this example, I have only one attempt. To see more detail, click the attempt number as shown.

ARTICLE
SECTIONS:

Part 1: Features, Outline your Module Part 2: Creating the Navigation Part 3: Other Configuration Elements Part 4: Start Building Your Pages Part 5: Modifying the CSS Styles Part 6: Branching Behavior Part 7: Embed Questionark Perception quizzes in your learning modules Part 8A: Add flash video to your learning modules Part 8B: Create an FLV video clip and a second clip for captioning. Part 8C: Create a Playlist file Part 8D: Create a Captions file for the Jeroen Media Player Part 8E: Add the video player to your learning module Part 9: How to use the template with Moodle (Unscored example)

Posted by ellen at June 10, 2009 12:19 AM | TrackBack

Comments

As usual, you propose an other great ressource... I was planing to test your course template this summer. That's great to know there is a tweak to fit with Moodle.

Thanks!!

Posted by: JFDragon on June 25, 2009 11:17 PM

is there a manifest file inside your zip example?

Posted by: Tina on December 5, 2009 9:28 PM

Probably not, but I'll make you one next week. I figured people would want to make their own (use the Reload editor from http://www.reload.ac.uk/editor.html ) because you may want to combine more than one SCO.

Posted by: Ellen on December 5, 2009 10:06 PM

I am trying to upload template_moodleversion.zip but it is not uploading. Can anybody help.

I am able to work till "The Upload a file window will open"

thanks in advance.

Posted by: Arun on December 15, 2009 9:30 AM