learnnovators-logo
Request Demo
CREATING A LEADERBOARD IN STORYLINE USING TIN CAN API

CREATING A LEADERBOARD IN STORYLINE USING TIN CAN API

We developed a quiz in Storyline that displays a leaderboard of the top 5 scorers. How did we do this?

Share This Post

Share on facebook
Share on linkedin
Share on twitter
Share on email

CREATING A LEADERBOARD IN STORYLINE USING TIN CAN API

What is the first thing that comes to mind when you think of gamifying a course?

Points? Badges? Scores? Levels?

While all of this can be added in a course, it is not until you include a leaderboard that the gamification experience feels ‘complete’. With a leaderboard, there is a social element involved, with users pitched against one another, and engaged in constructive competition with their peers.

Up until this point, there have been few ways to add a leaderboard to a course without the support of a gamified platform (an LMS or other).

Now, with Tin Can API, it is possible to add a leaderboard to a Storyline course, without any such dependence on a gamified LMS or other system.

In this post, we share an example of a quiz we developed in Storyline. In addition to being a regular assessment that sends learner responses to the LMS, it also displays a leaderboard of the top 5 scorers. How did we do this?

At the beginning of the quiz, we captured the learner’s data by having them enter basic details – their name and e-mail ID.

With the help of ‘tincan.js’, we sent the score from Storyline to a Learning Record Store (LRS) using JavaScript, and we received data back from the LRS into the Storyline course. The data we received from the LRS included the names and scores of the top five scorers. Once we received the data, we computed the rank and displayed the details (name, score and rank) on a leaderboard.

We also created a voting system using the same concepts in Tin Can API.

If you are familiar with JavaScript you can adapt this to work in Captivate, Lectora, HTML5, etc.

And with Tin Can API, the possibilities of what you can do, sending data to the LRS and getting it back, are limitless!

Click here to experience the quiz. Note that you will be asked to enter your name and e-mail ID. This is just to make sure we have clean data in the database and to display on the leaderboard. Don’t worry, we hate spam as much as you do. We will never put you on any mailing list, or share your details with anyone.

(Visited 1,706 times, 1 visits today)

More To Explore

Strategies for Creating a Feedback-Driven Learning Environment - Learnnovators
E-Learning

Strategies for Creating a Feedback-Driven Learning Environment

A thriving workplace learning strategy hinges on continuous improvement, and at its core lies a culture of actionable feedback. Organizations that prioritize open communication, train leaders in effective feedback techniques, encourage peer-to-peer input, and leverage technology for real-time insights can create an environment where learning is dynamic and responsive. But feedback is only valuable when acted upon—closing the loop ensures trust and sustained engagement. By integrating these strategies, businesses can cultivate a feedback-driven learning culture that nurtures growth, innovation, and agility, ultimately empowering employees and strengthening organizational success.

Learnnovators March 7, 2025
Promoting Mental Health And Wellbeing - Learnnovators
E-Learning

Promoting Mental Health and Wellbeing Through L&D Initiatives

Mental health is fundamental to a thriving workplace, yet it often gets overlooked in favor of business priorities. Learning and Development (L&D) can play a pivotal role in creating a supportive environment where employees feel valued and empowered to manage their mental wellbeing. By normalizing mental health conversations, equipping managers with empathy-driven leadership skills, and integrating wellbeing practices into everyday learning, organizations can create a culture of resilience. Prioritizing mental health through L&D initiatives not only enhances employee engagement and trust but also drives long-term organizational success by ensuring a healthier, more motivated workforce.

Learnnovators February 12, 2025
How to Create Inclusive Learning Programs for Diverse Teams_Learnnovators
E-Learning

How to Create Inclusive Learning Programs for Diverse Teams

Creating truly inclusive learning programs means designing opportunities that empower every team member, regardless of background, abilities, or learning preferences. By offering flexible content formats, ensuring accessibility, and representing diverse voices, organizations can make learning more engaging and equitable. Encouraging open dialogue strengthens collaboration and understanding, while continuous feedback helps refine and adapt programs to evolving needs. Inclusion isn’t just about meeting requirements—it’s about creating a workplace where everyone feels valued and supported in their growth. This post explores key strategies to build learning experiences that drive meaningful impact across diverse teams.

Learnnovators February 7, 2025
Gamified Learning For The Workplace
E-Learning

Gamified Learning for the Workplace: Transforming Employee Training

Gamified learning is reshaping workplace training by integrating game mechanics—such as points, leaderboards, and rewards—into learning programs. This approach boosts engagement, enhances retention, and drives measurable results, making training more interactive and effective. From sales and compliance to leadership development, gamification adapts to various training needs while fostering collaboration and motivation. By leveraging technology and data-driven strategies, organizations can create impactful learning experiences. Learnnovators specializes in custom gamified learning solutions designed to align with business goals and optimize employee development. Ready to transform your training? Partner with Learnnovators to create immersive and results-driven learning programs.

Learnnovators January 29, 2025
Future-Ready Skills_Learnnovators
E-Learning

Future-Ready Skills: Preparing Your Workforce for Technological Change

Technological change is reshaping industries at an unprecedented pace, making it essential for organizations to equip their teams with future-ready skills. This blog explores strategies to bridge the skills gap, from understanding emerging technologies like AI and automation to conducting skills audits that identify key competencies. It emphasizes the importance of continuous learning through upskilling, reskilling, and nurturing digital literacy paired with problem-solving. Scenario-based learning and a growth mindset further empower teams to navigate challenges with adaptability and confidence. Preparing your workforce today ensures they are ready to embrace tomorrow’s opportunities, driving both individual and organizational success.

Learnnovators January 23, 2025
Storytelling-in-Learning_Learnnovators
E-Learning

Harnessing The Power of Storytelling in Learning

Storytelling is a powerful tool in learning, transforming information into meaningful experiences. By embedding lessons in real-world scenarios, storytelling bridges the gap between theory and practice, making content relatable and engaging. It taps into emotions, driving retention and inspiring action, while motivating individuals to adopt new behaviors. Incorporating storytelling into learning programs can be achieved through authentic scenarios, relatable personas, and multimedia elements, creating immersive journeys where participants actively engage with their growth. In L&D, storytelling isn’t just an art – it’s a strategy to inspire change and make learning unforgettable.

Learnnovators January 18, 2025
Linkedin-in Youtube Instagram

Learnnovators

The Learnnovators Blog.

© Copyright Learnnovators. All Rights Reserved.

REQUEST DEMO