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

 

 

 

Part 2:Instructional design for good

creative commons, elearning, instructional design, mooc

Badges!

I don’t need no…(spot the film reference), actually I do need one after I’ve completed this course and a certificate of recognition from Designers for Learning.

But I’m not there yet there’s 7 modules to get through first.

The more I read about why this course is being run and its outcomes (basically 30 milllion U.S. adults don’t have high school credentials and only 2 million are supported) the more I want to complete it.

Plus it’s an Instructional Design itch I have to scratch!

scratch

In this case it goes on the the Designers for Learning Adult Learning Zone group on the OER commons platform

Background to why the course is being run

The course gives a good grounded explanation as to why there is a need for this course which is backed-up by facts using tables and infographics.

This helps me get a good feel of how the course should be pitched and the learner skill level.

Not alone

There’s a nice social feel to this course with encouragement to share thoughts and ideas via social media and through the canvas network. I might even try a web cam next time!

Coming soon

Part 3: Module 1 . Let’s get started

Keep watching

 

 

 

Part 1:Instructional design for Adult Education

creative commons, elearning, instructional design, mooc

The Course:

I saw a post on Linked In asking for people interested in instructional design to work on a MOOC to develop a course in the basic adult education sector for Maths and English. Great! everybody wins. I get a real world I.D. experience, the Adult Educators get an OER course to CCRS (College and Career readiness standards)  and the learner gets a course for free.

My First impressions

  • The course is being run on the Canvas network which looks great and is very intuitive
  • The authoring tool Open Author looks great I can’t wait to use that! very exciting!!
  • It should take about 40 hours to complete and so is a nice side project to get my I.D. teeth into
  • It’s for a non-profit educator which suits my Open Source business ideals
  • It looks a fun project to do!!

adult learn zone

The Course project

The course is aimed at supporting adult learners who have not completed high school and is to CCRS standards and I can chose from the topics below (decisions,decisions!!)

English Language Arts and Literacy, including History/Social Studies, Science, and Technical subjects, and
Mathematics

It’s being created on Open Author with which you can create OER courses. I can’t wait to get started creating more courses with that. Ideas are bouncing around in my head already

  1. Intro to Libre office
  2. Gimp essentials
  3.  plus a few more quite possibly aimed at the Charity sector

 

Part 2 will continue my journey creating a course in the wonderful world of Instructional Design

 

 

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

 

 

 

 

Non-human characters in e-learning

elearning, elearning samples, gimp, instructional design, open source

The excellent Articulate e-learning community run a weekly challenge to improve skills and share best practice. This week’s was to get a non-human character to ‘talk’. These come in handy especially when I.D. can’t find  a character to suit or in my example below I wanted to reach to a younger audience .

The design

There was always going to be bespoke artwork (I prefer it in my e-learning) so I drew a computer chip, leaving room for googly eyes and a smile. A bit of photo-editing with GIMP ( A Free alternative to photoshop) and I was ready to author.

Captivate 8

Adobe’s authoring software made this bit a breeze, place the photos on the slide, get the timing and audio to match and Boom! it’s a breeze

Click image to launch the sample

motherboar elh #113

 

 

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

 

8 bit art in elearning

elearning, elearning samples, instructional design

Stock vs Bespoke images

I’m a believer in using bespoke images where possible when I create an elearning course. I also believe stock images are over used they can also distract and disengage the learner. Pictures can say a thousand words but they can also be interesting and engaging.

Freebie alert

I know Christmas has some and gone but everyone likes a surprise and seeing as the elearning community both at Articulate and the Adobe forums have been so generous, it’s time I shared something.

8 bit icon promo

I’ve created an 8 bit technology icon set I’d like to share with you all.

Look out on this blog for a future full colour version or send me a request

https://drive.google.com/folderview?id=0B5-v9RNnU0ALS3AxQV9KRlhtOE0&usp=sharing

 

E-learning Heroes Challenge #110

adobe, captivate, elearning, instructional design

1st screen wordpressStar Wars!!

Oh boy! I went to the cinema to see the first 3 Star Wars films (showing my age, there) so this was a challenge I simply had to accept. Almost everyone is familiar with the series and its characters /scenes etc so there’s a myriad of options to pick from. But I had to choose only one (shame!)

The inspiration

I wanted to more than just a trivial game I felt my entry needed to be educational in a real sense. The setting would be in the Star Wars universe but the learning would be on planet Earth.

Start Wars Bar and I.D.’s

I hope you’ve seen the original films and know about the famous bar scene. If not check the link here https://youtu.be/g6PDcBhODqo

band

Basically it’s a rough gin joint fun of unusual aliens and rough types. This was to be my setting for a bar security/ doorman/bouncer to check a stormtrooper’s I.D. and the learner has to spot the fake.

Click on the link to view the sample

https://opensoft.talentlms.com/shared/start/key:BZFPJUVW

 

 

 

 

E-learning showing conversation

adobe, captivate, elearning, elearning samples, instructional design

E-learning Heroes Challenge #105

This week’s challenge was to find creative ways to show dialogue in e-learning. Which lit my creative side

The idea

I had plenty of ideas for this challenge but I had to whittle it down to one.

Ticker Tape – scrolling dialogue at the bottom of the screen

Translation – Two sentences in different languages

Subtext – Speech bubble for dialogue. Loose text for the thought.

But the winner was

Subtitles- The type you see on T.V. for the hard of hearing.

bbc subtitles

The Design

I set myself an extra challenge which was to shrink the working area by using a mobile phone template. With space at a premium the dialogue had to be snappy. A busy workplace setting sprang to mind. I used text and audio to set the scene.

wordpress promo subtitle

The Result

I coloured the text for each character to help the reader identify who is saying what and used left and right placement to reinforce this.

Having the text pop-up also helped with identification and reading.

Click the image below to view the sample

wordpress promo