Create an xAPI Leaderboard - Live Event

TL;DR

Learn how to use XAPI in Storyline to create a leaderboard that displays user scores based on data from the Learning Record Store.

Transcript

so here we are we want to have the storyline file open that we've been working on that has these couple of questions as well as this query.js file that we worked on for the last session okay so the first thing we're going to want to do is set up the storyline file again i mean the goal of today's session is we want to have a leaderboard it's going ... Read More

Key Insights

• 👻 XAPI in Storyline allows for the creation of interactive and personalized learning experiences.
• 🆘 Querying the Learning Record Store using JavaScript helps retrieve specific data required for displaying leaderboards or other dynamic elements.
• 💯 Sorting the data based on scores and displaying them in percentage format enhances the visual representation of the leaderboard.
• 💯 JavaScript can be used to round scores and perform other calculations within Storyline.
• ♿ Understanding the structure of the statements array in JavaScript is crucial for accessing and manipulating specific data from the Learning Record Store.
• 👻 Using variables in Storyline allows for dynamic updating of content based on real-time data from the Learning Record Store.
• 🤗 Implementing XAPI functionality in Storyline opens up possibilities for adaptive learning experiences and personalized feedback.

Questions & Answers

Q: How can we create a leaderboard in Storyline using XAPI?

To create a leaderboard, set up a table with name and score columns and use JavaScript to populate the table with data from the Learning Record Store. Sort the data based on scores and display the leaderboard in percentage format.

Q: How can we retrieve user scores from the Learning Record Store?

Use JavaScript to query the Learning Record Store based on specific criteria, such as the user's email and the quiz completion status. Retrieve the necessary data and populate the leaderboard accordingly.

Q: Can we customize the appearance of the leaderboard slide?

Yes, you can customize the appearance of the leaderboard slide by adjusting the layout, adding styling, and positioning the elements as desired. However, the focus should be on functionality rather than extensive styling.

Q: How do we display user names and scores on the leaderboard slide?

Create variables in Storyline to hold the user names and scores, and use JavaScript to populate these variables with the data retrieved from the Learning Record Store. Then, use variable references to display the names and scores on the leaderboard slide.

Summary & Key Takeaways

• The goal is to create a leaderboard in Storyline that shows user scores from a sample quiz, using data from the Learning Record Store.

• To set up the leaderboard slide, create a table with name and score columns and populate them with variables.

• Use JavaScript to query the Learning Record Store and retrieve the necessary data to populate the leaderboard.

• Sort the data based on scores and display the leaderboard in percentage format, rounding the scores to two decimal places.