Food Safety..Murder Mystery (e-learning sample)

elearning

Reward in e-learning

Lots has been said about gamification etc in learning. I’ll leave that here, but I’d like to add that ‘carrot and stick’ is as old as the hills and that is what I’ve done in this module so far. You answer a question correctly you get a Michelin-type star; if not you lose a star.

The setting

A murder mystery seemed to fit well with a food handling module and puts the learner in a ‘prove your innocence’ to the detective situation.

Multi – States

With this sample I wanted to use Captivate’s handy multi- state feature (which I first encountered using Articulate). I’ve used this feature to change to change the numbers of ‘Michelin’ stars the user earns by correctly answering or lose by answering incorrectly.

I created  three images (one star, two stars, three stars)

Check out the sample here

Note: only the top right room (kitchen) has questions in, in this sample)

Murder Mystery

Advertisements

Improve your workflow on Software Simulations

elearning

In Adobe Captivate you get 4 options when creating software simulations

capt sim options

Demo / Assessment / Training / Custom

Scenario: You want to create a demo and training simulation. All good so far, but, the conventional Adobe workflow is to create separate files, and this is where you can improve your and your users workflow.

Click of Death

We’ve all been there click after click after..RSI

Is what you’ll most likely end up with if you have to edit and publish two captivate files and then onced published the user has to open close the demo AND open close the training. Why!!

Create one file

Here’s my solution:

  1. Create the training simulation and edit to your hearts content
  2. Then create a video demo slide inside the training file (Insert button/ Video Demo)
  3. Less publishing, less clicking, all in one place.

Take a look at my example:

demo and training

 

Adobe Captivate’s Delay next action

adobe, captivate, elearning

I’m always on the looking to improve my developing skills and the ‘delay next action’ seemed a good one to learn. I’m currently developing a Food Safety course and I wanted to add audio to a warehouse roller shutter door for the food delivery module.

food safety capture

Converting You Tube to Audio

There’s a handy site that converts You Tubes to MP4 and I found just the sound I needed.

I added the sound to a button (that jumped to the next slide), so far so good. But soon realised that the button’s action superceded playing the sound of the shutter.

I had a problem to solve

So this was my chance to use the ‘delay next action’ command. All I had to do was place the command in between the play audio and jump to slide commands (see image)

delay actions food safety

and Voila! the audio is played on clicking the button but plays the sound first before jumping to the next slide.

Adapt e-learning Authoring Tool sample

elearning, elearning samples

The British and Tea

I’ve set myself a challenge to update my portfolio and this is a fully responsive sample

(i.e. can be viewed on desktop/ tablet or any phone)

which has a lot going on in the background with theming and coding.

View the sample here: Responsive Tea sample

Adapt Authoring tool

I’ve always been a champion of Open Source software (Libre Office and Gimp) so using Adapt to create e-learning is a perfect fit, for me. I’ve learned to code in HTML and less to create this sample.

Sample Features

This sample has quite a bit going on ‘behind the scenes’, there’s

  • Colour- coded sections (alternate to create a theme look)
  • Hyper-link to take you to the quiz page
  • color coded text – coded in the custom section using LESS
  • Menu-header image-  This may seem straight-forward in some authoring tools, but in Adapt it requires a certain amount of code (see below)

Custom Less coding

Adapt’s authoring tool has a handy Custom LESS/ CSS section, this allows you to change code from within. This is handy for creating themes changing background colours and fonts.

Below are screenshots of the coding I did for this sample.

Fully reponsive

Adapt is a great way to create content quickly and is fully responsive.

less full screen

I’ve had to learn quite a bit to get this far. (Adapt has a steep learning curve) But it’s worth it when you see the fully-responsive output

Portfolio addition ‘Cyber Bullying’

elearning

Time for an update.

I’ve recently renewed my subscription to Adobe Captivate 2017, which led my to thinking about updating my e-learning portfolio. So in the coming months I’m going to post  a heap of new modules showcasing what I can do with Captivate (along with other tools needed for developing effective e-learning.).

Timing is of the essence (no cognitive overload here.)

I was looking for a short but interesting topic I could start with and Cyber bullying fitted the bill. Rather than bombard the learner with information and overload them, I wanted a nice steady flow of content with an appropriate visual element to back it up and make it appealing.

Voice over and embedding audio

Just to add a little media element to the module I decided to have a voice over and have audio attached to some of the images (a handy feature in Captivate.)

It’s short and sweet but hopefully you can take something away from it.

intro module

Intro module

 

Captivate 2017 Fluid Boxes

adobe, captivate, elearning

grey camera button

First thoughts

Having recently had to change hard drives and re-load all my software I had my first chance to upgrade to Adobe Captivate 2017. With all the talk in e-learning about fluid boxes that had to be my first stop. I have to say it was quite easy to get my head around designing with these  boxes and handy when duplicating slides to stick with layouts and themes etc The break points bar was an improved feature too.

First go

I wanted to keep this example short and sweet (think micro learning) a quick google and wikipedia and voila! A photography 101 on the rule of thirds

Quick turn around

I set myself another challenge to see if the fluid boxes speed up the design to delivery stage. In short yes they do

Time taken from concept to finish

Approx 1 hour

View it here: https://goo.gl/mVAqZp

 

 

 

Gimp meets a team of Orthodontists

elearning, gimp, open source, software

Open Source Software training

A while ago I created and delivered a photo editing course for a team of orthodontists. Strange you may ask why they would want to learn the fine arts of photo manipulation. And so did I until they filled (excuse the intended pun!) me in.

It turns out that they had the clever idea of showing their clients what their teeth would look like after any treatment was done, before it was done! And moreover they didn’t want to pay Adobe’s rather large costs for Photoshop licenses for several of their team.

Open Source (Gimp) to the rescue!

They also had done their homework and realised that Gimp would do all and more of what they wanted. They just needed some expertise to show them how. Every time I use Gimp I get a little buzz from knowing this marvellous piece of Open Source is available to all. Getting to know how to use it is the fun part.

The finished product

Have a look  below of how I designed the course and how easy and fun it is to use Gimp

Broken Tooth Path Tool first jpeg

 

 

You Tube in Adobe Captivate

adobe, captivate, elearning, elearning samples, html5, instructional design

Working out Loud

I’m posting this blog to show you how I create e-learning and how I get my inspiration.

Soundcheck: You Tube/ text entry box with adv action 

This is an entry to Articulate’s weekly e-learning challenge, which has a handy time incentive to complete your idea on time.

Learner sensory input
I had the idea of the learner listen to a piece of music and then answer a question based on the tune.
This not only engages the learner using one sense (listening) but also starts them thinking on the answer.

The design
Looking for inspiration I went looking for images that were unique and music related (I don’t like using stock images as I feel they disconnect the learner from the content because they can be so bland and wallpaper like.)

microphone_in_fist

I came across the the above image and found my inspiration and colour scheme.

Instructional Design
The approach I took when designing this was to use the first 4 parts of Gagne’s instructional design framework

1. Gain Attention: To achieve this I used bespoke imagery and a bold colour scheme

2. Inform learner of objective: I set a challenge to identify the singer by only listening, thus increasing engagement levels.

3. Recall information: The challenge will test the learners recall and knowledge of current music.

4. Present stimulus material: The song starts as soon as the slide begins. And lasts for 30 seconds, ample time for the learner to decide on an answer. Stimulus is maintained by using motion paths (vinyl record moves on enter of answer) to reveal the visual part of the Y tube

Using Gagne’s approach suits this type of e-learning where the learner is presented with information and has to make a decision.

Engagement levels are raised by using only hearing and setting the question as a recall event. This focuses the learners attention on the audio and the question.

The presentation of the question is key to maintaining engagement levels.

Motion Paths and Advanced Actions

Rather than have the user click a button to reveal the answer (a pointless interaction and boring for the end user.) I chose to use a motion path (Adobe Captivates built in function to move images). This is not only a lot more visually appealing it also adds a little surprise element to the slide useful for keeping engagement levels high. I built the motion path into an advanced action so when the user enters their answer the motion path is set to go and a conformation text box reveals if the answer is correct or not.

Here’s the finished sample:

https://goo.gl/zDaX1X