Skip to main content
Category

Scenario-Based E-Learning

Managing Pain

This demo is in response to Articulate’s E-Learning Heroes Challenge #322: Creating Visual Stories with Interactive Photo Collages

Select the image below to view the demo.

The Needs of Chronic Pain Patients

Patients struggling with chronic pain need relief. At the same time, medical personnel are charged with the task of preventing the illegal or harmful use of opioids. These challenges can be difficult to reconcile.

In this photo collage demo, Jonathan tells his story about the chronic pain that he lives with. For more information about Pain Management Best Practices, see https://www.hhs.gov/sites/default/files/pmtf-final-report-2019-05-23.pdf.

Cool Tool

To create the comic book effect with the images I used, I employed the use of a tool new to me: Colorcinch. This online photo editor & cartoonizer is very easy to use. Below is a quick example that shows how the tool can quickly create cartoon versions of a photo. (The image below is not shown in the demo.)

Freebie

Download the story file.

Authoring Tools

Storyline 396, the Articulate Content Library, and Colorcinch.

ChatGPT as SME, Part 3

Creating images with Artificial Intelligence (AI)

In the lesson below, the video script and the questions were written by me; the question feedback was written by ChatGPT. I used the Artificial Intelligence (AI) applications Microsoft Designer & Adobe Firefly to create the video images. This blog post is another response to Articulate eLearning Challenge #416: Using AI to Build Online Training.

Click the image below to view the Rise microlesson: Homicide Investigation, Part I.

Working with Microsoft Designer & Adobe Firefly

What sets both Designer and Firefly apart from other design tools is that they are types of AI applications that allow you to create images and artwork simply by entering a text description of what you want.

Designer is part of Microsoft Office 365, while Firefly is part of the Adobe Creative Cloud suite of tools. As of this writing, Designer has been available for several months, while Firefly has only been available for a few weeks.

Both tools are easy to use, and are quite addicting! I used each tool to produce images for my video. Below you can see how each tool produced different versions of two of the characters in the video.

Three Hands?

One glitch I noticed is that both tools frequently produced images of humans with added arms, hands, and/or legs. This might be a plus for anyone writing science fiction, but it was slightly irritating for me.

Another issue was that it was difficult to produce an image with an authentic old-fashioned typywriter.

I used PowerPoint to edit the images and create the video. In PowerPoint, I would remove the background around the characters and replace it with another image, or change the colors, soften the focus, etc. Since it’s part of the MS Office suite of tools, most people already have access to the tool. In my experience, organizations funded by local government, such as police departments, frequently operate on a shoestring budget.

Authoring Tools:

  • ChatGPT
  • Microsoft Designer
  • Adobe Firefly
  • PowerPoint
  • Articulate Rise – Microlesson format

In Part 2, I asked ChatGPT to create a course outline with learning objectives for this course.

Back to the Office

As a result of the COVID-19 pandemic, lifestyles have changed. Many former office workers now work remotely, from their homes. At this point, some organizations are demanding that workers return to the office. Check out the demo by clicking the image above!

Back to the Office is an Articulate Rise interaction based on this situation. I created this demo as a response to Articulate’s eLearning Heroes Challenge #371Using Labeled Graphics to Create Interactive Pictures in E-Learning.

I decided to use a comic book theme, and use labeled graphics to advance the scenario. Users click on the markers to reveal the graphics, which serve as speech bubbles for the characters.

I used several authoring tools to create this presentation:

  • Freepik
  • Adobe Illustrator
  • PowerPoint
  • Articulate Rise

I found the images I wanted to use by exploring pop art images on the Freepik site. I picked images that would be easy for me to manipulate using Adobe Illustrator and/or PowerPoint.

Vector mages downloaded from Freepik are easily edited in Illustrator. For each image I used, I removed the backgrounds by simply turning off the background layer in Illustrator, and exporting the image as a transparent png image.

Working with PowerPoint, I was able to compose new images by combining graphics, inserting new backgrounds, increasing color saturation and changing the expression on a character’s face by adding colored shapes strategically.

Holiday Office Party

The Holiday Office Party is another submission to Using Interactive Video Quizzes and Scenarios in E-Learning, Articulate’s E-Learning Challenge #258. Click the image below to view the comic book-themed gamified demo.

The boss is pretty strict! Can you meet her unwritten dress code standards and win prizes at the office holiday party?!

Authoring Tools: Camtasia, PowerPoint & Storyline 360.

Leadership Training Template

E-Learning Heroes Challenge #230 is: Course Starters: E-Learning Templates for Leadership Training. This week’s challenge from Articulate is to share a course starter template for leadership training.

Click the image below to view the Storyline version of my comic book style demo.

Creation Process

I started creating this demo by leveraging Paul Alders’ PowerPoint template, which you can download for free on the Articulate E-Learning Heroes website: https://community.articulate.com/download/powerpoint-comic-strip-template

Original template

My template

To make the template my own, I changed the colors on the slide master backgrounds, using PowerPoint’s picture tools. I like bolder colors for comic books, so I darkened and increased the color saturation and color contrast on most of the background images. (I thought it would be quicker and easier than it was, because I thought the backgrounds were shapes rather than images! So, I’m not sure I actually saved myself much time in this process!)

I replaced the existing fonts with some I already had on my computer (Bangers & Back Issues BB – both can be downloaded for free), and decided to go with photographic images, rather than cartoons, for the characters in the scenario. I altered the photographic characters by using PowerPoint’s artistic effects. Then, I included some office backgrounds, again altered by using PowerPoint’s artistic effects tools.

PowerPoint Versatility

I like creating in PowerPoint when I want to manipulate images extensively, using PowerPoint’s image-editing tools. It makes for a smoother workflow for me, rather than uploading images into Photoshop, editing them, then downloading them from Photoshop and uploading them to an eLearning application. When I’ve edited all the images in the PowerPoint to my satisfaction, I can upload the PowerPoint to Storyline, or use Articulate Presenter, to finish my eLearning course and add interactivity. Sometimes I export the PowerPoint to video, and use Camtasia’s video-editing tools and quiz capability, too.

Free PowerPoint Template Download!

Download my version of the comic book template here.

Authoring Tools

PowerPoint, Storyline 360