How are Badges, Awards, and Achievements Used to Gamify E-Learning? #280
Badges and Awards in E-Learning Courses #280: Challenge | Recap
Gaming elements, such as rewards, points, discovery, and competition, are excellent ways to engage and motivate learners. But the challenge for most course designers is finding practical ways to apply game mechanics without disrupting their existing course design models.
One way to begin adding gamification elements to e-learning courses is by starting small and working with existing projects. And that’s what this week’s challenge is all about!
E-Learning Challenge of the Week
This week, your challenge is to share an example that demonstrates how badges, awards, or achievements can be used in e-learning.
If you’re new to course authoring, focus on the technical basics of working with variables and showing custom bookmarking states. For those with more experience, try showing more real-world examples that demonstrate how awards and badges can be appropriately used in e-learning.
New Entries Only!
We’ve hosted several gamification, showing progress, and personalization challenges which are similar to this week’s topic. To keep this week’s entries fresh, we’re asking that you only share new examples in this week’s challenge.
Share Your E-Learning Work
- Comments: Use the comments section below to share a link to your published example and blog post.
- Forums: Start your own thread and share a link to your published example..
- Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
- Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
Last Week’s Challenge:
Before you level up in this week’s challenge, check out the the creative ways your fellow challengers motivate learners and gain attention in e-learning:
Motivating and Gaining Attention in E-Learning #279: Challenge | Recap
Wishing you a great week, E-Learning Heroes!
New to the E-Learning Challenges?
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
181 Comments
Question for the ones who view this on mobile: is the content just smaller in the middle of the screen with pointless white space all around the 4 corners, instead of going right to the left and right edge of the screen, as it used to? Since the last updates during this year, the classic player started to display off center, and now I noticed as I initially published with modern player, it's not responsive, doesn't fill the whole screen, it just shrinks everything in the center with a lot of white space around it. This was designed with mobile in mind, a player size of 500x900... I had no idea it will end up not displaying with a decent re-scale on mobile. Perhaps I don't have the right settings on the mobile player? But what settings really, I just chose Modern Off and I haven't ticked a... Expand
Hi Jodi, thanks for sending the screenshots. Sorry, I just sent you a message via Message me section, from you Articulate profile. It appears it displays center small for you as well. I've taken some screenshots, for anyone interested. Here is a screenshot from the same articulate file and lesson, I published about 3 weeks ago: https://bit.ly/2zauudM. As seen it fills the mobile screen left to right. Here is how it displays now (just as yours Jodi): https://bit.ly/35x5hGU. Content gets much smaller (which is not ideal at all when you are already creating it for mobile) and white all around it. Also for the ones that didn't notice a bad change in the classic player too...the push to the top and the wide black strip at the bottom, here are some screenshots, before on mobile with classic play... Expand
i do think Storyline treats variables always as strings...so internally a Number will be converted to a string anyway... How to do that yourself ? So how to use strings for your input... and then convert them as Numbers..well thats easy... to convert any string to a Number Javascript has an standard function called parseInt() parseInt(input); this will return a Number... samples: =========================== var input = "12"; var myNum = parseInt(input); console.log(myNum); ===================== var input = "05"; var myNum = parseInt(input); console.log(myNum); =========================== Note: If the first character cannot be converted to a number, parseInt() returns NaN. So if using a space or non-numeric character you get NaN as return... so you have to che... Expand
Update: With the help of Sunet and Carrie I was able to make the adjustments I wanted (mostly - not sure my variables will work in every clicking pattern). Thank you so much!!! Here is the updated version: https://go.aws/2YLDUY5 ________________________________________________________ It's been awhile! I was inspired by everyone's travel themed games, so I came up with my own. I would like to think Jackie Van Nice especially, as she has a similar travel trivia game that heavily inspired me here: https://www.jackievannice.com/?page_id=175068527 So here's mine - Help Mindy collect souvenirs on her trip to Japan! It was fun to get back into things and refresh my memory while learning how to do something new :) Here is my entry: https://go.aws/35Fuqin I had a few issues with it... Expand