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 which has a lot going on in the background with theming and coding.

View the sample here:

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’


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:




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.)


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:




Part 3: Instructional Design For Good

creative commons, elearning, mooc, OER

It’s been a busy week for me work-wise so I’ve concentrated all my course work into the weekend. Which I’m glad I did because there’s a lot of content to take in. Hats off to the team who’ve created the course it has a nice flow to it.

circle Analyze 1

Module 1 : Identify with your learners

  “it’s been emotional”

vinny jones

Vinny Jones Lock, Stock and 2 smoking barrels

Know your learners’

Module 1 started with a vital part of what an I.D. does. Know your learners. The module had some marvellously written learner persona’s  and one stood out from the crowd that had my empathy kicking into overdrive, got me all emotional and had me rooting for her to do well. (I do like a good story!)

(In my experience as a Trainer and Learning Mentor getting to know the people you’re developing training for is vital to understanding where they are and how to get them where they want to be. This is especially true for distance training as I found out when assessing the I.T. skill levels of a team of orthodontists.)

Once I’d read her story, I felt myself filling in the blanks of her learning and imagined ways helping her complete her studies.

Jamie-Ann (Assessment and Outcomes)

Jamie Ann is an eager learner. She doesn’t like a classroom setting, and struggles to tolerate teachers and groups. She enjoys reading. She lacks focus.

My recommendations
Jamie Ann, would benefit from a blended approach of e-learning and reading, a Learning Mentor/ Coach would offer support and provide encouragement to complete her studies.


Next up: Module 2
Thanks for stopping by


Vinny Jones Clipart from






Part 2:Instructional design for good

creative commons, elearning, instructional design, mooc


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!


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