Track Any HTML5 Content with Custom SCORM

Name: Track Any HTML5 Content with Custom SCORM
Rating: 4.5 (241 reviews)

Create and track any HTML5 content using the Rustici SCORM Driver

Created byJeff Batt

Last updated 2/2020

English

English [Auto],

What you'll learn

Overview of SCORM
How to track SCORM completion in an LMS
How to track score in any LMS
How to track specific quiz questions in any LMS

Course content

6 sections • 30 lectures • 1h 54m total length

Introduction1:11
Explore how to create and track custom squirm content across HTML5, CSS, and JavaScript, learn basic completion, pass/fail status, and quiz tracking with the scoring driver.
What is a Learning Management System (LMS)?1:41
Discover how a learning management system (LMS) administers documents, publishes e-learning from tools like Articulate Storyline or Captivate, tracks courses, manages users and learning paths, and reports from a database.
How SCORM Works2:50
Explore how scorm, a long-standing standard for web based educational technology, enables html5 courses from Articulate Storyline or Adobe Captivate to communicate with the learning management system.
Exploring the SCORM Structure1:45
Explore the SCORM structure by examining XML files that define course information, assets, starting file, and metadata. Learn how SCORM API uses JavaScript to track completions, quiz questions, and bookmarking.
Exploring What SCORM Tracks3:00
Explore how scorm tracks completion, bookmarking and resume across devices, scores, interaction data from questions, pages viewed, and sequencing to relate topics and maintain standard, portable learning management system compatibility.

Downloading the SCORM Driver3:23
Learn to download the Gaume driver via Storm Cloud, choose Storm 2004 fourth edition for SCORM tracking, and test your HTML content before uploading in the next step.
Exploring the SCORM Driver Files3:04
Explore the scorm driver files and customize html content by editing the indexed html file within the squirm content folder, ensuring the first page loads as indexed html.
Updating SCORM Data Files2:30
Update scorm data files by editing the items manifest and metadata xml, set the id, update the course title to course content one on one, and preserve tags.
Packaging and Uploading Custom SCORM Content3:54
Package html course content by correctly zipping the folder, upload via the scorm cloud import, and test the learning environment to verify completion tracking.
Triggering Course Completion6:47
Attach a JavaScript file on the final HTML page to trigger course completion in a SCORM package, enabling progress tracking when users reach Page two.

Download Project Files0:03
Controlling When Completion Happens6:00
Learn to control when SCORM completion is sent by triggering a button click that dynamically attaches the SCO script to the page.
Getting the Status of the Course6:10
Master getting and setting course status with squirm, including get time, get status, set past, set failed, reset status, and set suspend data to persist across sessions.
Decoding the Course Status6:17
Decode the course status with a switch-based function that maps 1 to past, 2 to incomplete, 3 to filled, and 4 to unknown, then update the user interface label.
Adjusting the Course Success to Passed3:04
Set the course status to past via set past on SD, update the label to 'course is now past', verify with get status, and note that past also implies completion.
Adjusting the Course Success to Failed2:38
Toggle course status from passed to failed by setting the status in the HTML, then update and reset progress and global data to observe outcomes.
Resetting the Course Status3:13
Reset course status by calling sd.resetStatus, update the status label, and toggle between unknown, passed, and failed states. Learn how suspend data saves progress across devices.
Working with Stored Data6:49
Explore storing and retrieving suspend data as a data chunk in a SCORM HTML5 course, using get and set suspend data to update the display.
Getting Time Spent in Course7:37
Track time spent in the course by calculating current session and total time, converting milliseconds to readable hours, minutes, and seconds with JavaScript, and displaying them in the UI.

Download Project Files0:03
Setting Up the Function3:58
Set up the set score function to capture and test scores in HTML5 content, handle suspend data and score retrieval, and convert strings to numbers to enable math.
Converting a String to a Number2:14
Convert the input string to a number with a parse method and use the value to set the quiz score; track per-question results and compute total points and percentage.
Setting the Score4:30
Set the score by calling the SAT score method with updated, maximum, and minimum values, then test and submit the score within the SCORM framework to update progress.
Passing or Failing Course Based on Score4:08
Learn to determine course completion by score, using an if statement to set passed at 70 percent and set failed below, updating the course status and SCORM tracking.

Download Project Files0:03
Fill in the Blank10:56
Learn to implement a fill-in-the-blank quiz in a SCORM course, set up quiz variables, handle user input, and submit results to the LMS with debugging.
True or False8:03
Set up a true or false question in a SCORM training module by configuring the question ID, user response, and the correct answer, then submit for feedback.
Multiple Choice8:14
Learn to implement and track multiple choice quiz interactions in a custom scorm workflow, including question setup, capturing user responses, validating answers, and reporting to score cloud.

Requirements

Basic JavaScript
Familiar with Learning Management Systems (LMS)

Description

SCORM is how an eLearning course communicates and reports data over to a Learning Management System (LMS). If you use a standard eLearning authoring tool like Articulate Storyline or Adobe Captivate, most of the SCORM heavy lifting is already done for you behind the scenes. That works perfectly well for a lot of situations, but there may be times when you want to track content that doesn't get tracked by default within an authoring tool. Or perhaps you have custom HTML5 content that was created outside of any authoring tool entirely and you'd like it to report meaningful data back to your LMS.

In this course, Jeff will walk you through exactly how to track any HTML5 content and have it report completion status, passed or failed results, score, and even specific quiz question responses directly to the LMS. Using the Rustici SCORM Driver, you can quickly SCORM wrap your HTML content, trigger completions, and set passed/failed statuses while tracking scores and individual quiz responses with minimal setup.

But it doesn't stop there. Once you understand how custom SCORM works under the hood, you can take those same skills back into Articulate Storyline and Adobe Captivate and trigger custom SCORM interactions right within their native authoring environments — giving you far greater control over how your courses communicate with any LMS.

Who this course is for:

Instructional Designers
eLearning Developers

Track Any HTML5 Content with Custom SCORM

What you'll learn

Explore related topics

Course content

Getting Started5 lectures • 10min

Setting Up Your Custom SCORM and Tracking Completion5 lectures • 20min

Tracking Passed, Failed, Data Chunks and Time9 lectures • 42min

Setting the Course Score5 lectures • 15min

Tracking Quiz Questions4 lectures • 27min

Conclusion2 lectures • 1min

Requirements

Description

Who this course is for: