Augmenting a SCORM Course to Communicate Across Domains

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

S.A.L.T.: New Learning Technologies Conference 2013

Alex Villaneda
Gregory Fletcher

Presentation Objectives

Introductions

Briefly Describe our Problem

Problem and Constraints
Working examples

Present our Solution

Flexibility
Accessibility

Feedback and Questions

Who We Are...

Alex Van

Gregory Fletcher

Computer Programmers
Contractors to the US Department of State
e-learning application developers
Mobile Application Developers
SharePoint Developers
Other ...

Audience?

Problem and Constraints

Our Distributed Learning Course

One CBT with multiple modules
Public and Private network access
Global Exposure
Browser Compatibility
Grading (Multiple LMS or Single LMS)
Administrative Resources
Student Time

Our Proposed Solution!

Our Solution

Layered Approach (Top-Down Hamburger)

Top Bun (LMS)
Lettuce (SCORM)
Mayo (Client API)
MEAT (JSON)
Mustard (SCORM)
Bottom Bun (CBT)

Our Solution

In The Condiments

Custom JavaScript Library
jQuery and PostMessage.JS
SCORM-based JSON objects
iFrame Communication

Our Solution

LMS (Top Bun)

LMS implements SCORM API

LMS SCORM API (Lettuce)

Focused on SCORM API v1.2

Our Solution

Mayo (LMS Client API)

Stub Course Files

2 HTML pages
iFrame
Message

Load CMI Data
Convert CMI into JSON

Sample JSON:

{
  CMI:{
    core:{
    _children: “”,
    student_name: “John Smith”, 
    ...
    }
  }
}

Our Solution

Communication Channel (Meat)

Between LMS Client API and MOCK API

PostMessage.js JQuery Plug-in

Cross-document Messaging (newer browsers)
URL hash tags (#, older browsers)

Our Solution

MOCK API (Mustard)

Replica of LMS SCORM API
Receives CMI data from original API through JSON
Sends ‘Set’ message data back as JSON objects,
to TIN Can Approach

Our Solution

Course/Module Content (Bottom Bun)

Any Accessible Content Storage Area
- Public or Private Domain Network
- Authentication
Stand-Alone Module Content

Feedback and Questions

Utilizing cross-site scripting for IE7 and cross-document messaging for newer browsers, we created a solution.

Hungry Yet? (Questions?)

Contact Info

Alex Villaneda-van Vloten
Pitukia@gmail.com
Twitter: @Pitukia

Gregory Fletcher II
HavokJinx@gmail.com
Twitter: @HavokJinx

Source Code: http://goo.gl/OH9eU

Presentation: http://goo.gl/XA0B6

Paper: http://goo.gl/wQGlg

Use a spacebar or arrow keys to navigate