E-Learning Challenge: Zombie Survival Training

This week, I dived into the Halloween themed challenge to produce a zombie survival training object.

Concept

I originally kept thinking of ways to revive Shaun of the Dead’s comic zombie survival tricks, such as attacking zombies with pool cues to the soundtrack of Queen’s ‘Don’t Stop Me Now’, however I settled on rather British post-war response to a zombie attack.

Loosely set in late 1940s Britain, I imagined how zombie survival training would have been provided to the masses. As such, I produced a training object that used wireless radio and government rationed survival kits as the core elements in providing information. I  even worked up the courage to provide a voice-over for the emergency broadcast!

Method

I used various new features of Articulate Storyline 2, such as sliders and motion paths, and I enjoyed playing with the extra fancy transition options. What I truly found exciting was discovering the small changes to Storyline – for example, the color options for the slider player now has full text information instead of class IDs, making it easier to change the slider player without guess work or referring to any guides.

  • Cover Slide: Imported a zombie vector face from Adobe Illustrator and used a curved motion path to move from right to left.
  • Newspaper Intro: Sourced a newspaper background from a Presentation Magazine and built content in Storyline.
  • Radio Slide: Imported from Adobe Illustrator a hand vector and a radio vector  into Storyline. Applied a free-form motion path to the hand vector.
  • Survival Tip Paper Slides: Imported a paper vector and hand vector from Adobe Illustrator into Storyline.
  • Target Practice Slide: Built and imported a pendulum clock vector in Adobe Illustrator into Storyline Master Slide. Used motion paths to create a swinging effect.
  • Target Practice Game & Slider: Imported a catapult vector, built states and applied slider triggers.
  • Audio: Recorded audio in Audacity and imported into Storyline.

Slides

Object

Cover Slide

Advertisements

E-Learning Challenge: Using Interactive Sliders in E-Learning

This week, I took the plunge and dived into Storyline 2 – to complete an Articulate design challenge and satiate my greedy curiosity. We were tasked to get to grips with the new slider feature in online learning.

Concept

This week’s submission was a rather rapid e-Learning attempt to show transitions of important geographical change. Through my interaction with wonderful environmental scientists and interest in the recent UN climate change summit in New York, I was keen show the effects of climate change by using the Storyline 2 sliders.

For this challenge, I produced a couple of objects to show how the slider is more effective than a slideshow. The user is in control of delivering the learning content and in particular, it’s a sneaky way to infer their impact on the environment is just simple as controlling a slider.

With more time, I would love to create more climate change scenarios. Perhaps by delivering of facts and information through online learning efficiently, we can better inform individuals about the effects we have on our environment.

Method

  • Sourced all images from NASA.
  • Read Articulate Slider help page.
  • Inserted graphics, text and slider.
  • Added image, then created states for every image, including text denoting the year of the image.
  • Added triggers to allow the slider to change the state of every image when dragged.
  • Added animations where necessary.
  • Added a menu, using buttons to reveal to navigation instructions and relevant content information.
  • Important: Something that may catch you out – to return your slider to the beginning and display the original value, you must include a trigger equaling to the original value (e.g. zero) and returning it to its “Normal” state. See image below.

StatetoZero

Slides

Object(s)

The Sinking of the Aral Sea

Global Temperatures Slide 1

E-Learning Challenge: Flat Design for E-Learning Graphics

After a whirlwind summer of projects, adventures and planning for future endeavors, I am thrilled to finally jump back into the Articulate Community for the 50th Design Challenge. Hooray!

This week’s challenge was to address flat design in e-Learning, and design a graphic based on the office workplace environment.

Concept

Ignoring the questioning gazes from my colleagues, I turned my cubicle into a photo shoot, and captured many alluring angles of where I plonk my bottom and work everyday. Now, my office space is not incredibly glamorous, but it’s minimal, well-lit and I’m surrounded by hilarious chaps who I am fortunate to work with. Plus, it has so much storage space for all my boxes of tea!

I try to ensure my workplace environment reflects the “tidy desk, tidy mind” concept, which allows me to remain organized and focused on the job at hand. I therefore couldn’t wait to attempt the flat design challenge, and organize my desk digitally, ha! For this challenge, I designed two different point of views of my work space, with the idea to use them in future e-Learning projects.

Method

  • Snapped pictures of my cubicle with a smartphone camera.
  • Copied the images into Adobe Illustrator, then used the shapes tool to build the design. I found AI more flexible than MS PowerPoint, due to the ability to transform and manipulate shapes.
  • Used the Flat UI Color Picker as inspiration to generate flat design colors.
  • Saved outputs as a .png.

Images

The top view of the work space was ridiculously fun to create and the output was as flat as a pancake!

The front view of the work space isn’t as “flat” as I would like, but I thought this would prove rather useful in potential e-Learning interactions. These outputs do need more attention, but I’m pretty darn happy about the double screen graphics.

Final Design

Flat Design: Top View of Work space (1200pxx600px)

Creative Commons License  Flat Design Work space by Gemma Henderson

E-Learning Challenge: Steal This E-Learning Template

This week’s challenge was very special indeed as it rightly praised the hard work of freelance Instructional Designer, Jackie Van Nice. Using her template for a previous challenge, we were tasked to rework her quest template into our own whimsical adventure.

Concept

For this challenge, I didn’t want to change too much of the structure, due to time constraints and well, I didn’t want to undo all of Jackie’s fab work! This object was based around an astronaut who was having rather too much fun in space, and needed assistance plotting the stars… and so “Stargazer” was born.

 

Method

  • Download Jackie’s Template.
  • Sourced 6 space themed images from Pixabay to work as the background and character for each slide (cover slide, instructions slide, questions slide and feedback slide).
  • Updated Master Slide by changing existing colors and shapes of slide.
  • Added sound effects from soundbible.com
  • Added a new reward slide to this template. The reward for assisting the astronaut was being able to space walk for a limited amount of time. This slide allowed the player to use their keyboard to space walk!
  • Customized the player to emulate a black background.
  • An aspect I would have liked to update was to use a feedback master slide for the incorrect and correct answers, which may be easier to use as a template.

Slides

Object

Cover Slide

E-Learning Challenge: Spelling Bees and Interactive Vocabulary Quizzes

This week’s challenge was a treat – inspired by spelling bee week, we were informed to design an interactive vocabulary quiz. I do love spelling, I particularly enjoy spelling games that push me into a pit of despair when I realize I need to expand my vocabulary further! So I thought for this week’s challenge, I’d make everyone suffer with my tricky words. Muahaha.

Concept

I do think I went a tad overboard this time concept wise! For this challenge, I went with a punny approach, by creating an interactive object based around a witch who cannot spell and needs assistance to write her spells. Set in the medieval era, this object involved me donning my South Londoner accent into something more ropey and comic. This was great fun to build and I think it could be easily built upon with further spelling quizzes and interactions.

Method

Boy this week, I pulled all the tricks out, so I’ll just list a few of the aspects I included in this object.

  • Wellsley font sourced from fontspace.com
  • Background images sourced from pixabay.com
  • ‘Witch Henley’ images sourced from Public Domain Pictures by George Hoden (Woman One | Woman Two | Woman Three)  edited in Photoshop.
  • Background audio sourced from audionautix.com
  • Audacity used to capture and edit voice overs. I used a headset with a noise cancelling microphone.
  • Introductory slide created in Powerpoint, with animated text, then imported as a .wav file into Storyline.
  • Closed Captions added with the help of this post from the Articulate Community.
  • Menu created within Storyline to appear on hover.
  • Clip-art imported from Powerpoint.

The Slides

The Object

Cover Slide

E-Learning Challenge: Interactive Step Graphics in Online Training

This week’s challenge focuses on how to deliver an interactive step graphic to tell a story or communicate a process. Everyday, to assist faculty and students, I am continually breaking down the application of various technologies into simple steps. Taking the time to communicate, makes my day more efficient and the end user over-the-moon with their new found knowledge. So of course, I was blooming ecstatic I had some free time to play with this challenge.

Concept

Boy, what a dizzy turn of events this week! My family’s dog got “fresh” with a poisonous Bufo Toad this week – he luckily made it through thanks to their quick response and care. As such, I thought, why not create a step by step interaction on how to prevent this from occurring, and how to treat it. Plus, everyone loves pictures of tiny dogs. I mean, come on, look-at-this-tiny-dog.

Don't Get Fresh With Bufo Toad's. Image of Dog.

 Method

  • Researched and outlined what steps to cover & created a slide layout based on steps.
  • Search and imported background images from Pixabay.
  • Edited clip-art from Open Clip Art in Photoshop to use as the clickable steps. I used ‘footprints’ as the steps. (See what I did there…hehe.)
  • Added hover/down states to the clickable ‘footprint’ steps.
  • Imported background audio in Master Slide from YouTube’s audio library.
  • Imported audio to play when a user hovers over a step from SoundCl.ips.

The Slides.

 The Object

Cover Slide

E-Learning Challenge: What’s In Your Course Design Toolkit?

This week’s challenge asked for our favourite free and trusted tools we could share with the community. I first began playing with web apps to collate various resources – however, I soon discovered no matter how user friendly these web apps are, I find a simple, linear blog post does the trick!

By-the-way: I’d advise checking out next week’s challenge which includes a collated run down of everyone’s fave free tools.

Here are my top ten freebies:

 

Clip Art

Open Clip Art: Free clipart contributed by users. Images can be embedded within webpage or downloaded as image file or PDF.

Clker: Free clipart contributed by users. Images can be embedded within webpage or downloaded as image file.

 

Images:

Pixabay: Free images in the Public Domain.

Creative Common Search: Web page linking to image sites and automatically filtering images with a creative commons license.

 

Colour Schemes:

ColorZilla: This browser extension is an Eyedropper, Color Picker, CSS Gradient Generator and Web Page color Analyzer.

Design Seeds: Color palettes created from inspirational images.

 

Audio:

Sound Bible: Favourite source for sound clips and effects, free and many in the public domain.

Audionautix: Atmospheric soundscapes all free and ready to remix, as long as you attribute the website.

 

Cloud Storage:

Google Drive: 15GB of cloud storage free with a Google Account. A nifty way to host and share Storyline files.

Dropbox: 5GB of cloud storage free with Dropbox Account. Also a nifty way to host and share Storyline files.

 

Tutorials

Tuts +: Website with various useful tutorials to assist me in my creative endeavors.

Articulate Community: One-stop-shop for tutorials and assistance with Storyline and other e-learning questions.

 

Social Networking

Pinterest: A visual search tool to fuel my ideas for personal and professional projects.

Twitter: My go-to when wanting to learn about breaking news, ideas and discover interesting individuals.