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

 

 

 

De-escalation elearning sample

captivate, elearning, elearning samples, html5, instructional design, powerpoint

 

From PowerPoint to Captivate 8 (Yes it can be done!)

There are a few I.D’s in the e-learning community who frown upon Captivate 8’s ability to import Power Point effectively. I’m not one of those people. It just needs a bit of pre-thought and tweaking. I did this for a module I created in a hospital setting.

What I changed

My Power Point had an animated hand introducing the module title and hyper-links within images to continue the presentation and to answer questions. I decided to change the animation and re-build the buttons in Captivate a much easier way to do it.

It’s that simple (Click the image below to view the html 5 module)

escalation intro

 

 

 

 

My html 5 video intro

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

The idea

If you’ve seen a movie or watched t.v. in the last twenty years you’ll be familiar with the production or channel video intro’s before the actual viewing.

The Creation/ Inspiration

I’ve been playing around with html5 animations recently to put in my e-learning courses. Then the idea came to me about creating my own intro video. The movie Trainspotting has a great intro sequence made to look like your stood in an underground tube station as a train whizzes by. THAT’s the look I was after

The Result

Once I was happy with the html5 animation I had to find some music to put to it the excellent http://www.freesfx site has a good selection of piano snippets to choose from but one stood out.

Check out my efforts below