The Revealing Science of E-learning

If you’ve ever witnessed a plague of lighthouse keepers or traversed the topographic oceans only to find yourself in the court of the crimson king, you may appreciate what I created for this week’s Articulate e-learning challenge.

PROGressBarFront

Our MC, David Anderson asked us to create an e-learning interaction that used awards and/or progress bars in a creative way to reward learners and show them how far they’ve gotten in a lesson. Well, I thought this challenge being about progress bars, I should create the ultimate PROGress bar (ie: progressive rock, get it?).

So many times when I’ve seen documentaries about popular music or the 1970s in particular, all they ever talk about is punk and disco and totally miss the fact that the major progressive rock bands were selling millions of records and packing the hugest stadiums in the world. It was what Bill Martin aptly labelled a “popular avant garde.”

The PROGress Bar
For my progress bar, I decided to have seven levels of achievement with an illustrious title for each; ranging from Prog Novice to Prog God. I used the sun from the cover of King Crimson’s Larks’ Tongues in Aspic to denote where the learner was in the different levels. So the suns go along the bottom in a row with all of them grayed out except for the current level the learner is on.

PROGressBarMuirQuestion.png

Hint, Hint
Knowing that a deep knowledge of progressive rock is generally not the forte’ of most people and that my audience was going to be mostly other e-learning designers, I didn’t want them to get discouraged and opt out of the lesson right away. To remedy this, I added obvious hints to the feedback layer of the questions and gave them two tries to get the right answer.

PROGressBarQuestionFeedbackHint.png

Being the serious prog-nerd that I am, I had too many questions. Anyone who knows me personally knows I can go on and on about this topic. When I was done, I realized that I HAD to have at least one extra question. So it made sense that to get all the way to Prog God, that the learner should have to answer an additional question to get that ultimate title. To represent where they were at in the lesson, I highlighted one half of the final sun on the PROGress bar.

PROGressBarHalfSunHighlighted.png

Original Music
For anyone who’s interested, the music on the introductory slide is a piece I wrote and recorded called “Satisfaction.” It was supposed to be one of those epic 20 minute tunes, but is yet to be completed. At any rate, enjoy the lesson and definitely let me know what you think!

Advertisements

Hiding the Quiz Until the End

You have an e-learning course where your client wants the Take Quiz box to appear on the main menu, but doesn’t want learners to be able to take the quiz until after they’ve visited all the sections in the course.

They also want learners to have the option to take the different sections in any order they wish. As learners complete each section, they’ll return to the main menu. After they’ve completed all the sections, the Take Quiz box will become active so they can take the final quiz. Does this sound tricky? Fortunately, I’ve been there and can show you how to make it happen.

Main Menu with Take Quiz box on right

Main Menu with Take Quiz box on right

1. Create Two Versions of the Take Quiz Box
I needed two versions of the Take Quiz box; one that was clickable and would take learners to the final quiz, and one that was not. I named one “TQ With Link” and the other “TQ No Link”. Learners will see the “TQ No Link” box until they complete all the sections, at which time the “TQ With Link” will appear.

I put the “With Link” version on top of the “No Link” version in the timeline. Both boxes look the same to the learner, with the exception of what they say if the learner rolls over them. Since this requires that the boxes be the same size and in the same position, you can either select them in the timeline, or have one of them off to the side and set its final position after you’re done working on them. Either way, it’s a good idea to name them in the timeline to keep them straight.

2. Add States to the Two Boxes
For the “TQ With Link” box I created four states: an initial state of Hidden, and three other states; Normal, Hover, and Visited. For “TQ No Link” I created two states: Normal and Hover.

3. Add Layers and Triggers to the Two Boxes
So learners would understand why and when the Take Quiz box would be active, I created a layer called “Quiz” that said “Not available until all other sections completed” and added a trigger to make the “Quiz” layer appear when learners rolled over “TQ No Link”.

Then I created another layer called “Quiz 2” that said “Ready for a final quiz?” and added a trigger to make the “Quiz 2” layer appear when learners rolled over “TQ With Link”. And of course, I added a trigger to “TQ With Link” to go to the Quiz when the user clicks on it!

Layers with additional text appear on rollover

Layers with additional text appear on rollover

4. Create Variables and Triggers for All the Other Sections
Next, I needed a way for Storyline to know when each of the sections were completed. To do this, I created a variable and a trigger for each section.

I gave each variable a unique name I’d easily associate with the particular section and had them all start with a value of False. Then I went to the last slide of each section and created a trigger that changes the value of that variable to True when the timeline for that slide starts. That way, Storyline would know when the learner got to the last slide of each section, that meant they had successfully completed that section.

Click X symbol on right to create/edit variables

Click X symbol on right to create/edit variables

Variable created with initial setting of "false"

Variable created with initial setting of “false”

5. Create Trigger on “TQ With Link”
Lastly, on the main menu slide I added a trigger that changed the state of “TQ With Link” to Normal when the timeline for the slide starts AND when all the variables for all the other sections changed to True. Because when all the variables for all the sections are True, we know that all the sections have been completed.

When setting up this trigger, click the + sign to add as many variable changes as you need. ONE CAUTIONARY NOTE: I initially tried to just have the trigger activate when all the variables changed, but learned that that wasn’t enough, you also need to tell it to do it when the timeline for the slide starts.

Select when "timeline starts" on current slide

Select when “timeline starts” on current slide

Click + sign to add variables to trigger

Click + sign to add variables to trigger

To see a stripped-down version of how the menu looks and works, click here.

As always, I know some of this can be a bit challenging. So feel free to contact me if you have any questions about any of these steps.