Sharable Content Object Reference Model (SCORM) is a collection of standards and specifications for web-based e-learning. It defines communications between client side learning content and the learning management system. SCORM also defines how learning content may be packaged into a transferable ZIP file.

SCORM introduces a complex idea called sequencing, which is a set of rules that specifies the order in which a leaner may experience content objects. In simple terms, it constrain a learner to a fixed set of paths through the training material, permit the learner to "pause and resume" their progress when taking breaks, and assure the acceptability of test scores or status (not started, in progress, completed) achieved by the learner. Most importantly, it is a LMS platform independent. The ZIP file can be used in any of the LMS as long as the LMS is compliance with the SCORM standard, Docebo is one of them.

In Docebo, uploading a SCORM Learning Object means to upload a zip file where the learning content has been packaged inside.

In this lesson, you will explore 2 types of SCORM Learning Object i.e. Scorm HTML LO and Scorm Flash LO. There are many softwares in the market can produce SCORM Zip file, but here you will build your course in Scorm zip (single organization with several resources) manually using the steps below.

You can find more Wiki scorm tutorials in this online documentation.
- Introduction to scorm standard
- Scorm glossary
- Difference bitween create Sco and Scorm Packages
- Create sco with Adobe Captivate
- Create sco with Exelearning
- Create sco with Coursebuilder
- Create scorm package with Reload editor
- Manage scorm package in Docebo


Scorm HTML LO

Scorm HTML LO is a collection of web pages that have sequencing rules implemented. Learner must follow a fixed path to learn through the training material laid down in the web pages. The Scorm HTML LO also allows learner to pause and resume their learning progress. Upon reaching the last web page, a flag of "finished" status triggered by the web page and accepted by the Docebo LMS, indicating the learner has completed the LO.



You will learn how to make use of a given zip file to build your course into a Scorm-compliance learning object. The zip file contains :

Type	File/Folder Name	Purpose
html pages	page1.html to page6.html	learning material
html page	multipage_SCO.oriyen.html	encapsulating the html page  and javascript
css	css folder	looks and feel
images	images folder	images used in learning material
javascript	SCORMGenericLogic.js	logic to communicate between LMS and LO
xml	imsmanifest.xml	Scorm definition

To proceed with this tutorial, you need to have some basic knowledge in HTML, css, Javascript, SCORM XML structure.

1. Unzip the given zip file.  

Note: Once unzipped, the extracted files/folder are structured as below.

  


The css folder is to store your css sheet, and the image folder is to store the images used in the web pages. Learning content has been divided into slides represented by web pages (from page1.htm to page6.htm).

CSS folder
Css folder contains a style sheet file called scormstylesheet.css and an image file called bgimg.jpg. The image file is used as the background image of all the web pages. You can modify this style sheet to design a new look for your Scorm object and store your new design background image inside this folder.

  

Images Folder
Store all the images you need to show inside the slide. You can remove the images files inside the folder and put in the images you will use for the learning material.

HTML Page
Usually you will not make changes on page0.htm, because it is a loading page with message "Please Wait".

You need to decide how many slides you need for the learning material. It is important to know that, Do not delete page0.htm, page1.htm and [lastnumber].htm. For example, in the original sample, page6.htm is the last page, do not delete this page.

Now, we are going to do a 8 slides HTML Scorm Object.

2. Rename the page6.htm to page8.htm.

3. Edit the page8.htm to change the page number.

<html><!-- saved as file "page8.htm" --> <head><title>Page 8</title></head> <LINK href="css/scormstylesheet.css" rel="stylesheet" type="text/css">  <body onload="window.parent.SetThisPage(8)"> <p align="right"> <a href="JavaScript:window.parent.PreviousPage()">Previous</a> <a href="JavaScript:window.parent.AllDone()">All Done</a> </p> Put your learning material here  </body> </html>

4. Duplicate any intermediate page (eg. page5.htm) to page6.htm, page7.htm.

5. Edit the page6.htm and page7.htm to change the page number.

<html><!-- saved as file "pagex.htm" --> <head><title>Page x</title></head> <LINK href="css/scormstylesheet.css" rel="stylesheet" type="text/css"> <body onload="window.parent.SetThisPage(x)"> <p align="right"> <a href="JavaScript:window.parent.PreviousPage()">Previous</a> <a href="JavaScript:window.parent.NextPage()">Next</a> </p>   Put your learning material here </body> </html>

6. Edit the page1.htm to page8.htm to put in your learning material.

Example of Page 1.



1. If you like, you can edit the endpage.htm to show congratulation message.

endpage.htm from sample:

 

After modification, you can produce endpage.htm like below.

  
Scorm Definition File imsmanifest.xml

After modify all the pages, you must make some changes for the xml file.

8. Edit the imsmanifest.xml.

9. Put the title of your learning material inside <langstring> code at line 29 and <title> code at line 57, 59. 

29         <keyword> <langstring>Oriyen Essence of Golden Clams</langstring> </keyword> 30         <keyword> <langstring>SCO</langstring> </keyword>

 

57         <organization identifier="One"> <title>Oriyen Essence of Golden Clams</title> 58         <item identifier="item1" identifierref="SCO1" isvisible="true"> 59         <title>Oriyen Essence of Golden Clams</title> </item> 60         </organization>

10. Add the following resources link after line 75.

<file href="page6.htm"/> <file href="page7.htm"/> <file href="page8.htm"/>

11. Save the file.

12. Back to window explorer, select all the folders and files except the zipped file.

13. Click and drag all the selected folders and files into the zip file. This will overwrite the files inside the zip.

Upload Zip File to Docebo

Now, you need to upload the zipped file to create Scorm Learning Object.

14. Teacher Area > Admin Learning Object.

15. Under Course Object area, click New Learning Object. 

     

16. Select the Load Scorm Object , then click New Learning Object.

17. Click Browse button and select the zip file. Click Upload content package.

   

Note: The file is uploaded.

 

18. Click Play learning object button to test the scorm html.

[If you have any question or comments, please drop a post in this forum]

[You can refer some discussion in this forum also.]

SCORM Flash LO

Scorm Flash LO is in flash swf format. Inside the flash, there is a movieclip containing of 5 frames. Each frame represents a slide of your learning material. Like Scorm HTML LO explained in earlier lesson, this Scrom Flash has sequencing rules implemented. Learner must follow the fixed path to learn through the training material laid down in every frame of the movieclip. The Scorm Flash LO also allows learner to pause and resume their learning progress. Upon reaching the last frame, a flag of "finished" status triggered by the Flash and accepted by the Docebo LMS, indicating the learner has completed the LO.



You will learn how to make use of a given zip to build your course into a Scorm-compliance learning object. The zip contains:

Type	File/Folder Name	Purpose
html page	scormflash.html	encapsulating the flash object & javascript
swf	scormflash.swf	learning material
xml	imsmanifest.xml	Scorm definition
fla	scormflash.fla	Source file to publish scormflash.swf

Understanding Flash is out of our training scope here.

1. Unzip the given zip file.

Note: Once unzipped, the extracted files/folder are structured as below.


  

2. Open the fla file in Macromedia Flash. Double click the movieclip.

 


You can see 5 frames in the timeline. Each frame represent a slide of your learning material. There are several layers storing different item. Eg. the text is stored inside the Text layer, table with contents into Table layer, etc.

3. To see the whole learning content inside the frame, click on frame number.

Note: the frame is highlighted in red at the top.

  


4. You can modify the contents inside the frame. For example, you want to edit the text inside frame 1. Click the frame at the text layer of frame 1, all the text box selected. Click text tool and click inside the area you want to edit text, edit your text.

 

5. If you would like to add another frame (page), select all the key frames before the page you want to add in. For example, you want add a page after page 4, so select all key frames for page 4, then right-click, select Insert Frame.

 

Note: Frame inserted. Insert frame will copy all the content from the page before.

6. Click the newly created frame on text layer, press F6 to insert key frame.

7. Select the Text tool , change the page number to Page 5 of 6. Put the learning material into the frame.

8. Do the same things for the frame 1 to frame 6.

9. CTRL+S to save the file. Go to File Publish Setting, check only the Flash (.swf) checkbox only. Click Publish.

 

10. The swf file created, drag the swf file into the zip file.

  
Now we are going to upload the zip file to create "Scorm Flash Learning Object".

11. Click Admin learning object at the Teacher Area menu. Select the Load Scorm Object and then click New Learning Object.

12. Click the Browse button to browse the zipped file from your computer.

13. Click Upload Content Package to upload the zip file.

Student's Screen

  


[If you have any question or comments, please drop a post in this forum]

==============old notes========================
Uploading a Scorm learning object means to upload a group of some learning objects, with an internal organization and a sequence, based on international scorm standards. DoceboLMS is structured to manage scorm packages, and his layout allows to sequence this kind of objects with other learning objects.
Uploading a Scorm package means uploading all the objects in the package and their organization. A package can also have more than one organization, and so we will see more object records. We can upload the Scorm packages using the right field. Browsing our computer resources, we have to select the package and upload it.

“Create complete object list” checkbox imports all resources of the package. If you are not a scorm expert, don’t check this option.

Tips: Remember that to use Scorm functions you must enable the DomXML(); (only for PHP4, not needed for php5) function and have the right permission for writing. Please ask to the LMS admin to check this issue through the diagnostic system