Demos, Storyline Challenges

Cells (Using Small Words to Explain How Complex Things Work #176)

This week’s elearning challenge is to design an elearning course explaining something complex . As a long time fan of Randall Munroe, whose book Thing Explainer inspired the challenge, I had to give this a whirl!

I decided to step back to GCSE biology and create a mini course about cells. Mostly because for some reason, “cell” is one of the 1000 most used words on Munroe’s list. Although frustratingly, the word plant isn’t.

wednesday
CHALLENGE ACCEPTED.

Since the challenge was mostly content based and I always like to try to explore a new aspect of Storyline with these challenges, I decided to focus on making the transition between slides as interesting as possible without being distracting. I ended up using the push transition alongside a few animation tricks to make it seem like the learner is visiting different parts of a single scene.

cellsimage2

VIEW THE DEMO HERE

As a bonus which I didn’t end up using in the course, here are all the things an organism must do in order to be considered alive (in only the most used 1000 words, of course.)

  • Things that are living can move.
  • Things that are living can make more things like them.
  • Things that are living can feel other things around them. This could be through seeing, hearing, smelling, touching or in other ways.
  • Things that are living can get bigger by growing more of the blocks that make up living things – cells.
  • Things that are living can get power from their cells. Humans do this by breathing.
  • Things that are living can throw away bad stuff inside them that they don’t need.
  • Things that are living can get power from outside. Humans do this by eating. They can use this power to get better if they are hurt.
Demos, Storyline Challenges

Time to Draw, Version 2!

Earlier in the week I used Javascript to create this random drawing prompt generator!

I shared it around social media and it took off more than I expected it to. I got a lot of feedback suggesting that it would be good to have the facility to draw in the web browser.

The only way I could think to do that was by embedding a Flash object, and since I’m no expert I decided to use the code and assets from this really comprehensive tutorial.

Here is the new version:

shyclown

But you don’t want to look at my art!

Not when I’m about to share the great pieces that have been made based on Time to Draw prompts!
I’ve tried to put links to artist’s websites where I could find them. Click on the image to see more of the artist’s work.

9jssfh6

tumblr_otb1m2hkjc1wtm8d9o1_r1_1280
A giggling dragon with a tiny birthday cake

 

mydrawing_by_timelapse11-dbgtphx
A short ghost with a beautiful hat
limpcat
A blue teacher holding a limp pet cat

Fun, fun, fun! If anyone has any more to add, let me know!

Demos, Storyline Challenges

Time To Draw! – Random Word Generator (E-Learning Challenge #174)

This week’s elearning challenge was to create a random word generator. I decided to combat that horrible feeling of wanting to draw but feeling uninspired by developing something that would generate odd or funny drawing prompts.

example2

Click here to try it out!

This challenge was perfect timing for me, since I’ve been trying to learn some Javascript basics over the past month. A few weeks ago I was messing around with random numbers, so a random word generator is a great next step!

Most of them make sense (even if they are a bit silly!) but if you get a nonsense phrase, you can click to have another go.

If anyone feels inspired to draw any of these weird creations, do let me know.

Stuff I’ve Learned, Stuff I’m Thinking About.

Timers

I put in a timer function so that you can set yourself a challenge by completing your drawing in either two, ten or thirty minutes. This works, although at the moment there is no indication of how far through your allotted time you are. You just get a message when your time is up. I was planning on creating an animated timer, but I found out that Storyline isn’t fond of animations which last for 30 minutes!

I’m putting finding a workaround for that one on pause for now.

Javascript

Have you reached the point when learning a (regular, non-programming) language where you’re thrilled because you understood a sentence perfectly, but then you realise you don’t have the skills to actually respond yet?

That was my feeling when encountering the Javascript I used in this piece, which was from a guide by Matthew Bibby.

It was great to be able to look at the Javascript and understand what it was doing and how, but I’m not at a point where I could have created it from scratch.

I’m hoping to update this post with other challenge entries which catch my eye, so stay tuned!

Demos, Storyline Challenges

Animated Timer Farm Quiz- Elearning Challenge #150

Here’s a quiz with a twist – can you answer the questions before the tractor makes its way across the screen and drops all of its hay bales?

The farm game

Try the demo here.

This piece was inspired by Ridvan Saglam’s creative timers, and I made it in Storyline 2 in response to Elearning Heroes Animated Countdown challenge!

The quiz questions are sourced from Letham Shank Farm, which has a fantastically comprehensive website with a passion for agriculture which is infectious!

Storyline Challenges

Scrolling Lighthouse (Storyline Challenge #169)

View the demo here!

Scrolling panels have been getting a lot of love over at the weekly Articulate community e-learning challenges.

I feel like they are one of the most sidelined features in Storyline. It probably says a lot that the only time I have had to use them is in situations where a client wants a lot of text on a screen, but doesn’t want the font size to get too small!

After taking a look at some of the examples, I decided to find a vertically orientated diagram which would be difficult to view in close detail without  the ability to scroll. When I saw this cross-section on wikimedia, I knew I had to use it!

Unfortunately, despite growing up by the sea and visiting a fair number of lighthouses, I don’t actually know the first thing about them, so don’t expect this to be factually accurate!

My Take-Aways from this Challenge:

I’m still not a scrolling panel convert, but this challenge did make me consider some new ways that they could be used.

Perhaps my biggest discovery was that they can be orientated horizonally, with a bit of trickery and know how. You just have to group a scroll bar to another object and then rotate them together.

One thing that would help enormously is if Storyline allowed scrollbars to be customised so that they could fit the look and tone of the elearning (I did consider creating a scrolling panel using Javascript, but that’s probably an entirely different challenge for me, being a Javascript novice!)