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,701 times, 1 visits today)

More To Explore

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.

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.

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.

Upskilling vs. Reskilling
E-Learning

Upskilling vs. Reskilling: Preparing Your Workforce For The Future

Upskilling and Reskilling are essential strategies for preparing your workforce for the future. Upskilling hones employees’ existing skills to stay competitive in their current roles, while Reskilling equips them for entirely new roles, addressing the impact of automation and changing business needs. Both approaches ensure adaptability and innovation, helping organizations stay ahead of industry trends. By assessing skills gaps and nurturing a culture of growth, businesses can empower their teams to thrive. Investing in Upskilling and Reskilling isn’t just about staying relevant—it’s about building a resilient and future-ready workforce.

Learnnovators-Emotional Intelligence
E-Learning

The Role of Emotional Intelligence in L&D for Building Inclusive Workplaces

Emotional Intelligence (EI) is a transformative force in Learning & Development (L&D), fostering inclusive workplaces by cultivating empathy, self-awareness, and effective communication. EI training helps employees understand and respect diverse perspectives, encouraging collaboration and building trust. By emphasizing self-awareness, organizations empower individuals to reflect on their behaviors and resolve conflicts constructively. Enhanced communication skills further support inclusivity by bridging gaps between different backgrounds and viewpoints. As a cornerstone of diversity and inclusion, EI equips teams to create environments where everyone feels valued and empowered, driving organizational success through a culture of mutual respect and open-minded collaboration.

E-Learning

How Learning Analytics Shapes Effective L&D Programs

Learning analytics is transforming L&D by delivering data-driven insights that evaluate and enhance training effectiveness. By tracking key metrics, analyzing engagement patterns, and measuring ROI, organizations can align learning outcomes with business goals, achieving impactful results such as improved productivity and reduced attrition. Beyond optimizing current programs, learning analytics predicts trends, identifies skill gaps, and helps prepare a future-ready workforce. Success in L&D lies in understanding how learning drives performance—and analytics makes this possible.

REQUEST DEMO