Add documentation
parent
2237f026c9
commit
b575426f83
111
js/x-api.js
111
js/x-api.js
|
@ -1,5 +1,10 @@
|
||||||
var H5P = H5P || {};
|
var H5P = H5P || {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Internal H5P function listening for xAPI completed events and stores scores
|
||||||
|
*
|
||||||
|
* @param {function} event - xAPI event
|
||||||
|
*/
|
||||||
H5P.xAPIListener = function(event) {
|
H5P.xAPIListener = function(event) {
|
||||||
var statement = event.data.statement;
|
var statement = event.data.statement;
|
||||||
if ('verb' in statement) {
|
if ('verb' in statement) {
|
||||||
|
@ -12,6 +17,11 @@ H5P.xAPIListener = function(event) {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Trigger xAPI events on all registered listeners
|
||||||
|
*
|
||||||
|
* @param {Function} event - xAPI event
|
||||||
|
*/
|
||||||
H5P.xAPIEmitter = function (event) {
|
H5P.xAPIEmitter = function (event) {
|
||||||
if (event.data.statement !== undefined) {
|
if (event.data.statement !== undefined) {
|
||||||
for (var i = 0; i < H5P.xAPIListeners.length; i++) {
|
for (var i = 0; i < H5P.xAPIListeners.length; i++) {
|
||||||
|
@ -22,14 +32,20 @@ H5P.xAPIEmitter = function (event) {
|
||||||
|
|
||||||
H5P.xAPIListeners = [];
|
H5P.xAPIListeners = [];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* API function used to register for xAPI events
|
||||||
|
*
|
||||||
|
* @param {Function} listener
|
||||||
|
*/
|
||||||
H5P.onXAPI = function(listener) {
|
H5P.onXAPI = function(listener) {
|
||||||
H5P.xAPIListeners.push(listener);
|
H5P.xAPIListeners.push(listener);
|
||||||
};
|
};
|
||||||
|
|
||||||
H5P.onXAPI(function(statement) {
|
/**
|
||||||
console.log(statement);
|
* Constructor for xAPI events
|
||||||
});
|
*
|
||||||
|
* @class
|
||||||
|
*/
|
||||||
H5P.XAPIEvent = function() {
|
H5P.XAPIEvent = function() {
|
||||||
H5P.Event.call(this, 'xAPI', {'statement': {}});
|
H5P.Event.call(this, 'xAPI', {'statement': {}});
|
||||||
};
|
};
|
||||||
|
@ -37,6 +53,12 @@ H5P.XAPIEvent = function() {
|
||||||
H5P.XAPIEvent.prototype = Object.create(H5P.Event.prototype);
|
H5P.XAPIEvent.prototype = Object.create(H5P.Event.prototype);
|
||||||
H5P.XAPIEvent.prototype.constructor = H5P.XAPIEvent;
|
H5P.XAPIEvent.prototype.constructor = H5P.XAPIEvent;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helperfunction to set scored result statements
|
||||||
|
*
|
||||||
|
* @param {int} score
|
||||||
|
* @param {int} maxScore
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.setScoredResult = function(score, maxScore) {
|
H5P.XAPIEvent.prototype.setScoredResult = function(score, maxScore) {
|
||||||
this.data.statement.result = {
|
this.data.statement.result = {
|
||||||
'score': {
|
'score': {
|
||||||
|
@ -47,6 +69,13 @@ H5P.XAPIEvent.prototype.setScoredResult = function(score, maxScore) {
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helperfunction to set a verb.
|
||||||
|
*
|
||||||
|
* @param {string} verb
|
||||||
|
* Verb in short form, one of the verbs defined at
|
||||||
|
* http://adlnet.gov/expapi/verbs/
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.setVerb = function(verb) {
|
H5P.XAPIEvent.prototype.setVerb = function(verb) {
|
||||||
if (H5P.jQuery.inArray(verb, H5P.XAPIEvent.allowedXAPIVerbs) !== -1) {
|
if (H5P.jQuery.inArray(verb, H5P.XAPIEvent.allowedXAPIVerbs) !== -1) {
|
||||||
this.data.statement.verb = {
|
this.data.statement.verb = {
|
||||||
|
@ -62,6 +91,13 @@ H5P.XAPIEvent.prototype.setVerb = function(verb) {
|
||||||
// Else: Fail silently...
|
// Else: Fail silently...
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helperfunction to get the statements verb id
|
||||||
|
*
|
||||||
|
* @param {boolean} full
|
||||||
|
* if true the full verb id prefixed by http://adlnet.gov/expapi/verbs/ will be returned
|
||||||
|
* @returns {string} - Verb or null if no verb with an id has been defined
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.getVerb = function(full) {
|
H5P.XAPIEvent.prototype.getVerb = function(full) {
|
||||||
var statement = this.data.statement;
|
var statement = this.data.statement;
|
||||||
if ('verb' in statement) {
|
if ('verb' in statement) {
|
||||||
|
@ -75,9 +111,17 @@ H5P.XAPIEvent.prototype.getVerb = function(full) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helperfunction to set the object part of the statement.
|
||||||
|
*
|
||||||
|
* The id is found automatically (the url to the content)
|
||||||
|
*
|
||||||
|
* @param {object} instance - the H5P instance
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.setObject = function(instance) {
|
H5P.XAPIEvent.prototype.setObject = function(instance) {
|
||||||
this.data.statement.object = {
|
this.data.statement.object = {
|
||||||
// TODO: Correct this. contentId might be vid
|
// TODO: Correct this. contentId might be vid, and this can't be Drupal
|
||||||
|
// specific
|
||||||
'id': window.location.origin + Drupal.settings.basePath + 'node/' + instance.contentId,
|
'id': window.location.origin + Drupal.settings.basePath + 'node/' + instance.contentId,
|
||||||
'objectType': 'Activity',
|
'objectType': 'Activity',
|
||||||
'extensions': {
|
'extensions': {
|
||||||
|
@ -86,29 +130,55 @@ H5P.XAPIEvent.prototype.setObject = function(instance) {
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helper function to set the actor, email and name will be added automatically
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.setActor = function() {
|
H5P.XAPIEvent.prototype.setActor = function() {
|
||||||
this.data.statement.actor = H5P.getActor();
|
this.data.statement.actor = H5P.getActor();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the max value of the result - score part of the statement
|
||||||
|
*
|
||||||
|
* @returns {int} the max score, or null if not defined
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.getMaxScore = function() {
|
H5P.XAPIEvent.prototype.getMaxScore = function() {
|
||||||
return this.getVerifiedStatementValue(['result', 'score', 'max']);
|
return this.getVerifiedStatementValue(['result', 'score', 'max']);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the raw value of the result - score part of the statement
|
||||||
|
*
|
||||||
|
* @returns {int} the max score, or null if not defined
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.getScore = function() {
|
H5P.XAPIEvent.prototype.getScore = function() {
|
||||||
return this.getVerifiedStatementValue(['result', 'score', 'raw']);
|
return this.getVerifiedStatementValue(['result', 'score', 'raw']);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Figure out if a property exists in the statement and return it
|
||||||
|
*
|
||||||
|
* @param {array} keys
|
||||||
|
* List describing the property we're looking for. For instance
|
||||||
|
* ['result', 'score', 'raw'] for result.score.raw
|
||||||
|
* @returns the value of the property if it is set, null otherwise
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.prototype.getVerifiedStatementValue = function(keys) {
|
H5P.XAPIEvent.prototype.getVerifiedStatementValue = function(keys) {
|
||||||
var val = this.data.statement;
|
var val = this.data.statement;
|
||||||
for (var i in keys) {
|
for (var i = 0; i < keys.length; i++) {
|
||||||
if (val[keys[i]] === undefined) {
|
if (val[keys[i]] === undefined) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
val = val[keys[i]];
|
val = val[keys[i]];
|
||||||
}
|
}
|
||||||
return val;
|
return val;
|
||||||
}
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List of verbs defined at http://adlnet.gov/expapi/verbs/
|
||||||
|
*
|
||||||
|
* @type Array
|
||||||
|
*/
|
||||||
H5P.XAPIEvent.allowedXAPIVerbs = [
|
H5P.XAPIEvent.allowedXAPIVerbs = [
|
||||||
'answered',
|
'answered',
|
||||||
'asked',
|
'asked',
|
||||||
|
@ -137,10 +207,26 @@ H5P.XAPIEvent.allowedXAPIVerbs = [
|
||||||
'voided'
|
'voided'
|
||||||
];
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helper function for triggering xAPI added to the EventDispatcher
|
||||||
|
*
|
||||||
|
* @param {string} verb - the short id of the verb we want to trigger
|
||||||
|
* @param {oject} extra - extra properties for the xAPI statement
|
||||||
|
*/
|
||||||
H5P.EventDispatcher.prototype.triggerXAPI = function(verb, extra) {
|
H5P.EventDispatcher.prototype.triggerXAPI = function(verb, extra) {
|
||||||
this.trigger(this.createXAPIEventTemplate(verb, extra));
|
this.trigger(this.createXAPIEventTemplate(verb, extra));
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helper function to create event templates added to the EventDispatcher
|
||||||
|
*
|
||||||
|
* Will in the future be used to add representations of the questions to the
|
||||||
|
* statements.
|
||||||
|
*
|
||||||
|
* @param {string} verb - verb id in short form
|
||||||
|
* @param {object} extra - Extra values to be added to the statement
|
||||||
|
* @returns {Function} - XAPIEvent object
|
||||||
|
*/
|
||||||
H5P.EventDispatcher.prototype.createXAPIEventTemplate = function(verb, extra) {
|
H5P.EventDispatcher.prototype.createXAPIEventTemplate = function(verb, extra) {
|
||||||
var event = new H5P.XAPIEvent();
|
var event = new H5P.XAPIEvent();
|
||||||
|
|
||||||
|
@ -157,12 +243,23 @@ H5P.EventDispatcher.prototype.createXAPIEventTemplate = function(verb, extra) {
|
||||||
return event;
|
return event;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helper function to create xAPI completed events
|
||||||
|
*
|
||||||
|
* @param {int} score - will be set as the 'raw' value of the score object
|
||||||
|
* @param {int} maxScore - will be set as the "max" value of the score object
|
||||||
|
*/
|
||||||
H5P.EventDispatcher.prototype.triggerXAPICompleted = function(score, maxScore) {
|
H5P.EventDispatcher.prototype.triggerXAPICompleted = function(score, maxScore) {
|
||||||
var event = this.createXAPIEventTemplate('completed');
|
var event = this.createXAPIEventTemplate('completed');
|
||||||
event.setScoredResult(score, maxScore);
|
event.setScoredResult(score, maxScore);
|
||||||
this.trigger(event);
|
this.trigger(event);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Helps get the data for the actor part of the xAPI statement
|
||||||
|
*
|
||||||
|
* @returns {object} - the actor object for the xAPI statement
|
||||||
|
*/
|
||||||
H5P.getActor = function() {
|
H5P.getActor = function() {
|
||||||
var user = H5PIntegration.getUser();
|
var user = H5PIntegration.getUser();
|
||||||
return {
|
return {
|
||||||
|
|
Loading…
Reference in New Issue