Skip to main content

Using a SCORM wrapper to insert webpages/scripts/mini-sites into courses


Bfarkas
Hero III
Forum|alt.badge.img+5

This has come up a few times, so I thought I’d share my lightweight wrapper to solve this.

Issue: Building small webpages, scripts, webapps to bring into a course, but because regular html pages cannot be directly uploaded you must host it somewhere else and then iframe into the course.

Workaround: Move the files into a lightweight SCORM wrapper, zip all the files into a package and load into a course as a SCORM package. 

How: 

  1. Download and unzip the attachment (SCORM_WRAPPER_HACK.zip)
  2. Open the file ‘imsmanifest.xml’ and update the two title tags that currently have ‘Example SCORM Package Hack Update the Title!’ in them. These will show in a few places so use a good logical name.
  3. Copy your files into the base of the folder (you can bring in subfolders as long as you have referenced them correctly. The main page that will load needs to be an index.html file and should reference everything you loaded into the directory.
  4. Zip all contents of the folder into a single directory. Be careful not to insert an extra directory level by just zipping the top level folder, the manifest xml and the index.html should be the first level of the folder.

Tips:

  • I like to use the ‘Full Screen’ option across all device sizes as it lets it feel like a webapp inside the LMS.
  • Similarly, I like to use auto-launch and keep these kinds of courses with just one package.
  • The current wrapper does not push or pull any data (names, course, etc.), but you can if you understand how to write out SCORM scripts, I don’t have a sharable version that does this, but you can.
  • This one also does not pass a completion, as it was being used for tools/calculators so I wanted them to return and have it autolaunch all the time.
Did this post help you find an answer to your question?

15 replies

Forum|alt.badge.img+2
  • Helper III
  • 77 replies
  • April 7, 2022

So, this is brilliant! And, it worked like a charm. There is so much potential here, it needs to be stickied. Thanks for putting this together and sharing the tips on how to optimize it. It’s much appreciated.


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • April 7, 2022
IanMonk wrote:

So, this is brilliant! And, it worked like a charm. There is so much potential here, it needs to be stickied. Thanks for putting this together and sharing the tips on how to optimize it. It’s much appreciated.

I use this all the time for things to overcome stuff. Fake observation list type items, content pages that I want in search results and update the content remotely, various tools or calculators, etc. Very simple to use once used to it and I have not run into a simple html/javascript/css setup that I have issues yet with it, at most I might need to adjust some sizing by like 1% to deal with the lost screen space form the browser chrome, but rarely.

I am going to try to put an example together that leverages the SCORM connection to pull and send data and post that as a followup soon. 


dklinger
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 1671 replies
  • April 7, 2022

Gentlemen - you have me thinking alot... can I ask an amateur question that maybe others would gain from? I feel like I am behind the times because I have used a platform in the past that supported an SFTP and webserver ...how much does an Amazon S3 bucket go now-a-days? And how much of a pain-in-a-butt is it to stand it up as a web server for lighter weight purposes like this?

 


Forum|alt.badge.img+2
  • Helper III
  • 77 replies
  • April 7, 2022

I originally set up an S3 account to share samples of my articulate work. They have some tutorials on how to set up an account.
 

https://www.youtube.com/watch?v=-NlvIAaf_Mw&t=397s


The pricing depends largely on how much storage you need and traffic you drive. For my purposes, and from experience the cost is very low. A few cents per month. This video discusses the pricing in more detail. 
 

https://www.youtube.com/watch?v=AutgRGiR3CQ


The complete pricing list is available here.
https://aws.amazon.com/s3/pricing/

But as @Bfarkas mentioned, it’s not really needed so long as this SCORM wrapper trick continues to work. 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • April 7, 2022
dklinger wrote:

Gentlemen - you have me thinking alot... can I ask an amateur question that maybe others would gain from? I feel like I am behind the times because I have used a platform in the past that supported an SFTP and webserver ...how much does an Amazon S3 bucket go now-a-days? And how much of a pain-in-a-butt is it to stand it up as a web server for lighter weight purposes like this?

 

Its really easy to set one up now a days, I spin them up in minutes regularly, cost depends on storage use and usage/access of the content so can vary greatly. I always keep a small one for some emergency/last minute doc items.


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • April 7, 2022

Alright, I made another quick package which has an index file example where it connects to the scorm interaction, sets some user info as variables and then loads the name into the H1 welcome. I use this page for reference of the available items:

https://scorm.com/scorm-explained/technical-scorm/run-time/run-time-reference/?utm_source=google&utm_medium=natural_search#section-2

Same general setup as the above one, just you need to make sure to reference the javascript file in the header of the index page, and then there is a script I usually keep separate but for the example i brought into the head directly which attempts to connect to the LMS and then either sets up variables for the data or has a block of what to do if the connection fails. This is a very simple example, lots of possibilities. 


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • September 7, 2022
dklinger wrote:

Gentlemen - you have me thinking alot... can I ask an amateur question that maybe others would gain from? I feel like I am behind the times because I have used a platform in the past that supported an SFTP and webserver ...how much does an Amazon S3 bucket go now-a-days? And how much of a pain-in-a-butt is it to stand it up as a web server for lighter weight purposes like this?

 

For super light weigh purposes it’s actually free. You get some basics free. 
 

Standing it up as a web server? Click an item, set access permissions (“acl settings”), click and go to properties, copy and paste the url. Done!

 

it’s actually easier than Dropbox imo even for sharing links and files. Sometimes I just use my s3 to share files. 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • September 7, 2022
lrodman wrote:
dklinger wrote:

Gentlemen - you have me thinking alot... can I ask an amateur question that maybe others would gain from? I feel like I am behind the times because I have used a platform in the past that supported an SFTP and webserver ...how much does an Amazon S3 bucket go now-a-days? And how much of a pain-in-a-butt is it to stand it up as a web server for lighter weight purposes like this?

 

For super light weigh purposes it’s actually free. You get some basics free. 
 

Standing it up as a web server? Click an item, set access permissions (“acl settings”), click and go to properties, copy and paste the url. Done!

 

it’s actually easier than Dropbox imo even for sharing links and files. Sometimes I just use my s3 to share files. 

Sounds like you have your bucket to open sharing then? Not a great idea :) Should set up non-generic access and then you can create private links on a per directory/document basis. I don’t know that I’d say that is easier than dropbox though. Easy, but not that easy.

The cost comes down to usage, so while some basic things can be free, if you are deploying any type of document to a large group, you probably cross the free usage threshold a month, but it is definitely useful to have one setup for quick easy private use for sure.


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • September 7, 2022

How do you get data in or out of this?

I know nothing, Jon Snow. 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • September 7, 2022
lrodman wrote:

How do you get data in or out of this?

I know nothing, Jon Snow. 

You have to use the SCORM runtime, this is why most folks use tols like articulate to handle that part for them. There’s a javascript file that manages the connection and communication to the LMS and you’d have to script out the action you desire.


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • September 7, 2022
Bfarkas wrote:
lrodman wrote:
dklinger wrote:

Gentlemen - you have me thinking alot... can I ask an amateur question that maybe others would gain from? I feel like I am behind the times because I have used a platform in the past that supported an SFTP and webserver ...how much does an Amazon S3 bucket go now-a-days? And how much of a pain-in-a-butt is it to stand it up as a web server for lighter weight purposes like this?

 

For super light weigh purposes it’s actually free. You get some basics free. 
 

Sounds like you have your bucket to open sharing then? Not a great idea :) Should set up non-generic access and then you can create private links on a per directory/document basis. I don’t know that I’d say that is easier than dropbox though. Easy, but not that easy.

 

I create links on a per document basis as above :)

How do you open a bucket to sharing? I don’t want THAT, but I would like a bucket with ACL-view available to all, so I don’t have to do that every. single. time. i. upload.

Including replacing a jpeg with an identical file. Gotta set the ACL.

 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • September 7, 2022
lrodman wrote:
Bfarkas wrote:
lrodman wrote:
dklinger wrote:

Gentlemen - you have me thinking alot... can I ask an amateur question that maybe others would gain from? I feel like I am behind the times because I have used a platform in the past that supported an SFTP and webserver ...how much does an Amazon S3 bucket go now-a-days? And how much of a pain-in-a-butt is it to stand it up as a web server for lighter weight purposes like this?

 

For super light weigh purposes it’s actually free. You get some basics free. 
 

Sounds like you have your bucket to open sharing then? Not a great idea :) Should set up non-generic access and then you can create private links on a per directory/document basis. I don’t know that I’d say that is easier than dropbox though. Easy, but not that easy.

 

I create links on a per document basis as above :)

How do you open a bucket to sharing? I don’t want THAT, but I would like a bucket with ACL-view available to all, so I don’t have to do that every. single. time. i. upload.

Including replacing a jpeg with an identical file. Gotta set the ACL.

 

Good, you had me scared for a second, I wouldn’t do it for a full bucket, but do often do a directory with the same setup as the individual files.


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • September 8, 2022
Bfarkas wrote:
lrodman wrote:

How do you get data in or out of this?

I know nothing, Jon Snow. 

You have to use the SCORM runtime, this is why most folks use tols like articulate to handle that part for them. There’s a javascript file that manages the connection and communication to the LMS and you’d have to script out the action you desire.

Any tutorials you like? Setting my web dev on this next


Alan
Guide I
Forum|alt.badge.img+2
  • Guide I
  • 170 replies
  • February 14, 2023

Hi @Bfarkas 

I was wondering whether you (or any others here) are still using this SCORM wrapper?  I cannot get the second version, which uses the SCORM API, to work - it does not seem to be able to connect to the API, and the user name just says “Welcome !”, with no name inserted. 

Do you have any tips on troubleshooting?  

My ultimate goal is to use the API to record a simple completion status once the SCORM is closed. 

Many thanks,

Alan


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Author
  • Hero III
  • 3582 replies
  • February 15, 2023

Are you using the second package? The original one at the top does not support any data connections.

Curious what you are wrapping that makes you go this route over just using a traditional scorm route for completions?


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings