Choose Your Own E-Learning Challenge Extreme Edition #248
Extreme E-Learning Challenge #248: Challenge | Recap
Challenge of the Week
This week, your challenge is to combine three or more e-learning challenge topics in a single entry. When you post your challenge demos, please mention the challenge topics you targeted for your examples.
Here are a few ideas to get you started:
- Choose from three randomly displayed characters using a slider
- Use a blurred, comic, or video background for a graded scenario with results slide
- Quiz learners on what they should know about ADDIE, Bloom’s Taxonomy, and Gagne’s 9 Events
Automatic Tip Selector
Stephanie did a great job combining three different challenge topics to create this random tip selector. You can read more about her project or check out the demo.
View project | Learn more | Stephanie Harnett
Tabcordion with Scrolling Panel
Here’s another fun example that combines tabs, accordions, and scrolling panels into a single interaction. Too bad Montse didn’t use Pantone’s Coral color to sneak in another challenge topic. Either way it’s a great example of how multiple challenge topics can come together in a single interaction.
View project | Download | Montse Anderson
Last Week’s Challenge:
Before you design your own challenge topic, take a few moments to check out the creative ways e-learning designers are using e-learning characters in online courses:
Using Characters in E-Learning #247: Challenge | Recap
Wishing you an extreme 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.
117 Comments
Hi Jodi. Glad you liked it! To answer your question, javascript was only used to enable the screen printing functionality. The rest was all Storyline: - I created one shape that had 6 states: white plus the five colors. - Then I made a variable called paint_color that changed based on the number typed. - Then I made five triggers that changed the shape's state when the mouse hovers over if paint_color equalled 1,2,3 etc. - Then I copied this shape enough times to fill the screen. Here's a link to the source file in case you're curious : https://drive.google.com/file/d/1RUZr_JstIRd0Ab7KfxAg59e9x_XnfDgU/view?usp=sharing (Be warned that the large number of shapes on the base layer slows SL down quite a bit. I ended up hiding everything on the base layer during development to speed t... Expand