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:

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

Automatic Tip Selector

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.

Tabcordion with Scrolling Panel

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

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
Jodi M. Sansone
Jodi M. Sansone
Samuel Apata
Jessica Grosman
Jonathan Hill
Jonathan Hill
Jonathan Hill
Eva Daniels
Daniel Brigham
Tanvir Masud
Mahua Ghosh
Ridvan  Saglam
Mark Weingarten

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

Ernesto Yannini