Medical FacultyHeidelberg

Standardized And Extensible JavaScript-API

For Logging Functionality For the MVP Player

Heid J, Hess F, Huber S, Haag M, Huwendiek S

ANSI/MEDBIQ VP.10.1-2010• Defines storage of virtual patients (VP)• Provided as a SCORM package• virtualpatientdata.xml for the data• dataavailabilitymodel.xml for

aggregation of the content• activitymodel.xml for walk-through

definitions• Used by eViP for 320 VPs

2

Example: OpenLabyrinth VP in CAMPUS Card-Player

3

Player Implementations• MVP players use the same data format• MVP VP inside SCORM package for use in

learning management systems (LMS)

• Idea: Standardized, extensible logging API based on MVP standard

4

Player Implementations (cont.)

fires events

interacts

transmits data

generates

User

Server

MVP

Reports

MVP player

5

Player Implementations (cont.)• Step #1: Include JavaScript-API:

<script type=“text/javascript“ src=“mvp-log-api.js“></script>

• Step #2: Fire events:logAPI.fireSpecEvent ({ type: logAPI.Type.INTERVIEW_ITEM_SHOWN, id: ‘4711‘ });logAPI.fireEvent ({ ns: ‘http://www.imsglobal.org/xsd/imsqti_v2p1‘, typeID: ‘question-answered‘, id: ‘4711‘, data: … });

6

Event attributes• namespace: Spec or external (like QTI)• elementID: Reference to the XML-id• userID: Identification of the current user• typeID: The type of the event• date: Timestamp of the event• data: Optional additional data (e.g. for QTI)

7

Consumers

8

fires events

transmits data

MVP player

transmits data

register

Consumers (cont.)• Consumers register themselves at the API:

medbiq.mvp.log.registerImplementation ({ eventReceived: function (e) { // do something with the event… },

isNamespaceSupported: function (ns) { // Only ActivityModel return ns === medbiq.mvp.log.NS_ACTIVITY_MODEL; } });

9

Consumers (cont.)• Consumers can analyze the data to show:

– Walk-throughs of users– Frequency of pages– Time-consumption– Media usage– Resuts of a formative assessment– …

→ independent from the MVP system10

Consumer-Example #1: Console

• Helps developing by showing all events• Just include an extra JavaScript file:

<script type=“text/javascript“ src=“mvp-log-console.js“></script>

11

Console

Demo

Consumer-Example #2: Walk-through Visualisation

12

Get involved• Code and examples at:

http://code.google.com/p/mvp-log-api/• Discussion at:

http://groups.google.de/group/mvp-log-api

• MVP-XSLT-test-suite at:http://code.google.com/p/mvp-evip-xslt-test-suite/

13

Thanks for your attention.

Contact:Centre for Virtual Patients

University Hospital Heidelberghttp://campus-virtual-patients.cominfo@campus-virtual-patients.com