How many times have you brainstormed for hours only to come up with a mediocre idea or nothing at all? Other times, while exercising or watching television, you come up with a great idea. That’s something I’ve always found interesting. I think it has a lot to do with how your brain is wired. Apparently, there is a magical combination of relaxation, distraction, and dopamine that gives you your best, most creative ideas. I experienced that magical combination when I saw the scene in the picture above.
Television, Penguins and a Storyline Clock
The scene comes from an old Twilight Zone episode titled, Time Enough to Last (November 20, 1959). In this episode, Burgess Meredith played a man named Henry Bemis who loved books! You may know Meredith from his roles as The Penguin in the 1960s TV series Batman and as Mickey Goldmill in the Rocky film series. The opening of the episode goes something like this:
“Witness Mr. Henry Bemis, a charter member in the fraternity of dreamers. A bookish little man whose passion is the printed page, but who is conspired against by a bank president and a wife and a world full of tongue-cluckers and the unrelenting hands of a clock. But in just a moment, Mr. Bemis will enter a world without bank presidents or wives or clocks or anything else. He’ll have a world all to himself… without anyone.”
If you’re interested in more details on the episode, click here.
The idea that came from this episode was to use the Dial feature in Articulate Storyline 360 to create a simple interactive analog clock. It’s a prototype designed to test someone’s ability to set the correct time. Yes, I do realize we are now in the digital world but you’ll still find these mechanical wonders visible on the wall at the library, at the mall or even in your local supermarket. Maybe they will go the way of cursive writing but for now, let’s keep them! This clock sample also fits into Articulate’s challenge, “Using Interactive Dials and Knobs in e-Learning #151”.
Behind the Scenes with Storyline 360
The main element of this prototype is the clock which is designed using two dials. Each dial’s value is stored in its own variable. The learner is asked to set the clock to a specific time. After setting the time, they click the Check button to get feedback.
For the incorrect feedback layer, I pulled information from the Dial’s variables to show the learner the time they selected on the clock.
While creating this prototype, I ran into a small problem. When displaying the time set by the learner, I wanted to show two digits for the minute hand value if they set it to anything between 0 and 9. By default, Storyline 360 only showed it as a single digit for these values. For example, if you set the time to 3:05, the output of the variable would show it as 3:5 (e.g., missing the leading 0). If you’re interested in how I solved this problem, check out my post here. If you made it this far, enjoy the demo!