Here’s a Free E-Learning Interaction Template

free e-learning interaction

I built a simple sorting interaction to show how to work with sliders and variables for a workshop. It’s a fun and simple interaction so I cleaned out the data and made it so it can work as a template. It’s yours to use as you wish.

free e-learning interaction

Click here to view the demo.

Tutorial: Interactive Sort Activity

Here’s a YouTube tutorial that walks through the template and explains how to customize it.

A few things you’ll learn:

  • Customizing the slider
  • Animation-based triggers
  • How to customize the sorting activity

Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events

  • March 26-28 (Orlando). Learning Solutions Conference.
  • April 10 (Madrid): E-Learning Workshop. Workshop covers general e-learning topics and not tool-specific. Register now.
  • April 12 (Milan): Digital Learning Tour. My workshop will be in English. You can sign up for just my session if you don't want the entire package.
  • May 19-22 (Washington DC): ATD International Conference & Expo.
  • June 3 & 4 (Toronto). Articulate Roadshow. Sign up for one day or two: register today. Early bird ends April 30.
  • June 6 (Halifax). Articulate Roadshow. Register today. Early bird ends April 30.
  • July 24 & 25 (Minneapolis). Articulate Roadshow. Sign up for one day or two: register today. Early bird ends May 17.
  • August 14 & 15 (Seattle). Articulate Roadshow. Sign up for one day or two: register today. Early bird ends May 31.
  • November 4 (Manchester, UK). Articulate Roadshow. Details coming soon.
  • November 6 & 7 (London, UK). Articulate Roadshow. Details coming soon.
  • November 8 (Edinburgh, UK). Articulate Roadshow. Details coming soon.
  • We're currently working on additional locations and dates for 2019.

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 

Software Demonstration — Cannot Edit a Slide

I am creating my first demonstration video for my class. I got distracted after narrating a slide and the length went to 14 seconds, when it only needs to be 8 seconds. IT WON’T ALLOW ME TO CHANGE THE DURATION OF THE SLIDE! I am ready to scream. Can someone please tell me how to make what should be a simple edit to me slide.

Thank you.

The post Software Demonstration — Cannot Edit a Slide appeared first on eLearning.

Create Free Emoji for E-Learning

create free emojis

Most e-learning courses have some sort of positive and negative feedback. And often we use symbols like a check or X mark to indicate good or bad.

Why not use emojis?

In a previous post, I explained when to use emojis for e-learning and three ways to insert them into your courses.

free emojis

Create Free Emojis

Here’s a site where you can create free custom emojis. The site is easy to use and you can create all sorts of fun emojis to provide feedback in your courses.

Here’s quick tutorial that shows how to use the free emoji site. And here are a couple of silly examples where I use the free emojis as a way to offer hints on a slide and as a way to provide right and wrong feedback.

free emoji

Click here to view the demo.

Of course the example above is silly, but you could find more creative and appropriate ways to use these free assets in your e-learning content, especially if working with a younger audience. Since the image files you get are the same dimensions, they’re perfect for buttons with various states.

If you did create some free emojis, how would you use them in your courses?


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events


Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 

Here’s an Easy Way to Update an Old Course Without the Source Files

convert Flash to HTML5

“Help, I need to update my course, but I don’t have the source file. All I have is a link!”

This is a common issue. Here’s a solution that may work for you and it’s generally easy to do.

In a previous posts, we looked at how to copy text from old Flash courses and how to transcribe them using into new slides.

How to Convert the Course to HTML5

The secret to all of this is screen capturing your old e-learning courses. You can do what I am going to show with a number of tools. For example, Storyline has a screen capture feature where you can bring in one screen at a time. That works fine for smaller courses.

For this demo, I am going to use Screen2Gif because it works well for this demo that has a lot of slides, it’s easy to use, and it’s free.

View the detailed tutorial on YouTube.

Below are the basic steps. The video above has more detail. Essentially, we’re going to capture the old course screens, bring them into PowerPoint as images (because we can do a simple batch import), and then we’ll import the PowerPoint slides into Storyline.

Once inside of Storyline you can add interactive elements and additional content.

Basic Steps for Converting the Old Course

  • Determine the original course slide resolution. Don’t include the player; just the slide. Most courses are usually 4:3 or 16:9.
  • Create a PowerPoint file at the same resolution as the course images.
  • Create a Storyline file at the same resolution as the PowerPoint file.
  • Go through the course using a screen capture application. This will capture all of your course screens. If you have interactions, you’ll go through those as well. You want a copy of every possible screen. Just click on everything clickable. I’d even go through the quizzes, just so you have the screens. You can use that content later.
  • Review the screens you captured and get rid of duplicates.
  • Save the separate frames captured as image files.
  • Batch insert the screen capture images using the album feature in PowerPoint. I like to force them to fit the slide. That way I don’t need to do any adjustments. Things should be aligned.
  • Import the PowerPoint slides into Storyline.
  • From there, it’s a matter or making some edits and adding interactions, quizzes, and whatever else the course requires.
  • For example, you could take the screen for a tabs interaction and combine them into one slide with layers for each tab. Then add hotspot triggers to the layers.

Example: Course Converted to HTML5

I created an example course using the steps I outlined above. For the demo, I copied the old course screens and created new slides Storyline. Then I published in HTML5. It only took about 10 minutes and considering the time spend, looks pretty decent.

It’s definitely a good solution for a lot of the old compliance training that needs to go from Flash to HTML5, or if you need to update a course and don’t have the source files.

convert to html5

Click here to view the example HTML5 course.

Obviously, the best solution is to rebuild the course from scratch. That works fine if you have a handful of courses. But if you have dozens (or hundreds) that need to be converted to HTML5, then this is a viable solution for many of those courses.


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events


 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 

Action reply with slow motion (For the End-user)

Play

There are many tutorials, where predefined play-back is given. but in fact, they suffer from two drawbacks:

  1. a programmer had to define all probable replay points(bookmarks) manually &
  2. user doesn’t have a facility to replay at his choice…

Say for example, while viewing sports /action movie video, we may like to see again(repeat)the scene just got finished. Such dynamic replay is not possible by adding Bookmarks in captivate…

I have tried to overcome both drawbacks in this demo cum tutorial.

In this tutorial, you will see that without adding any bookmarks, end-user can have dynamic Action Replay(that also with slow motion).
Action replay button is added that can be used by the user to replay the last action at any moment user wish to!!!

Advanced Action script and JavaScript is used to achieve this.

The post Action reply with slow motion (For the End-user) appeared first on eLearning.

Wireframe Podcast

Wireframe Podcast

Wireframe Podcast

Here’s the trailer for the series.
https://megaphone.link/GLT1096765364

Here are a couple of the standout episodes for me.

Good Design is Good Civics

Where the hosts discuss the City of Boston’s app for reporting problems through the use of an app and the challenges of producing an app that is intuitive and easy to use and understand.
https://megaphone.link/GLT3841317779

Inclusivity is a Recipe for Good Design

In this episode, the hosts talk about closed captions and Xbox controllers and what they teach us about accessibility. I believe this is something we as eLearning designers need to think long and hard about and consider talking with the experts, the ones who need inclusive design.
https://megaphone.link/GLT2017781702

Get all the shows here.

The post Wireframe Podcast appeared first on eLearning.

How to Transcribe Text into PowerPoint & E-Learning Courses

transcribe text PowerPoint HTML5 Flash

I’ve been playing around with ideas to get old Flash course content into a new HTML5 course. There are tens of thousands of old Flash-based e-learning courses where people no longer have the source files. All they have are published versions of the course and need to convert to HTML5.

Grabbing the media like images, video, and audio is usually not as challenging. But moving all of the text can be a hassle.

In a previous post we discovered how to use screenshots and OCR to extract the text from the old course screens. Another way to get the text into your slide is by reading it out loud to transcribe it and insert into your slide. I like this approach because you it’s easy and you have to go through the content anyway. Reading it out loud may help you think through the tone and some script changes you’ll make in the new HTML5 course.

There are applications you can buy to do the recording and transcription, but I want to focus on tools you already have that won’t cost anything more.

Use PowerPoint to Transcribe Text for HTML5 E-Learning

transcribe text for e-learning with PowerPoint for HTML5 course

The new version of PowerPoint has a dictate feature. All you do is press the button and start to read. PowerPoint transcribes the text and adds it to the slide. Then you make your edits. You can also send the file out to be verified and edited by others who use PowerPoint. Once it’s ready, import the slides into Storyline.

Use Google Docs to Transcribe Text for HTML5 E-Learning

transcribe text for e-learning with Google Docs for HTML5 course

Some of you use Google Docs instead of Microsoft Office. In Google Docs, under the Tools tab, you’ll find a Voice Typing feature. Just press it and it starts to record. If I speak clearly, I find it to be very accurate. Once the text is on the page, send it around to be verified and approved. And then copy and paste it into your HTML 5 course.

Use Windows to Transcribe Text for HTML5 E-Learning

transcribe text for e-learning with Windows for HTML5 course

Microsoft Windows has a transcription feature that works to transcribe text right into Storyline. Press Windows + h keys to open the narration window. Start talking and it will do the transcription. It’s not quite as fast or accurate as the solutions above, but it makes up for it by recording right into the Storyline slide or Rise lesson.

So, there you have it, three easy ways to read the text from old Flash-based courses to get them into your new HTML5 course that you can update and edit as needed. Then publish it for HTML5 and you are all set.


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events

  • February 13-14 (London): Learning Technologies. Swing by booth H50 and say hello.
  • February 15 (Edinburgh): Articulate User Meeting.
  • We're currently working on additional locations and dates for 2019.

 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 

Using Animation effects efficiently and professionally:

As we all know there are many (animation) effects that Captivate provides & which, we can apply to any object in our project. At first sight it may look cool.

But in real life, we may need to apply two/three effects on the same object and that also concurrently. And that is not so simple and straight forward. It is also time consuming and need trial & error(test-edit-test..). Even that is accepted. But what, When we want same complex effect on many other objects on many another slides?

What I mean is, when we work on really big project, where naturally, we may need to repeat same animation pattern, object, style multiple time. Applying complex animation effects again and again, by repeating all steps again, may become tedious work. 

Have a look at this demo where multiple effects need to apply to achieve some specific effect.

Demo. 

Play

Luckily, There is way a cool way to do it professionally.

Step 1:

Just apply all(whatsoever, multiple) effects to a particular object as per your project need. Test it.

Step 2:

Now save that effect using save button.

Step 3a: Only care need to be taken to save it in specific directory.  Normally, in     Cogram FilesAdobeAdobe Captivate 2017 x64GalleryEffects

Step 3b: After navigating to above path, Create folder name ‘Custom’ (or any name of your choice.).

Step 3cGive some meaningful name to the file & Save it.

Step 4Once saved, you can just apply that customized multiple complex effect on any other object with In a second by selecting effect from effect.

This will have following advantages:

1)      Saving of lots of time.(creating complex combine effect may take lots of time, and professionally it would not be possible to spend time again and again…)

2)      Exact same effects(seamlessly) in other slides.

3)      As you have saved in external file, now that effect can be used in any other project very easily. By this way, in big organization, let Animator/graphic Visualizer design one by one complex effects and save that for future use. And let other person working on the project use it.

4)      As it is universal XML file, you can easily open in any text editor, and modify also!

 

The post Using Animation effects efficiently and professionally: appeared first on eLearning.