Mars Colony 01: A Journey Into JavaScript and Gamification

Launch the Mission: Mars Colony 01 Project: Play

Adobe Captivate 2019 incorporates a rich variety of accessible features and functions that allow developers to produce effective eLearning courses. However, whether the result of client requirements, or your own professional development goals, you may want to extend Captivate’s capabilities through the use of JavaScript or JQuery.

My interest in using JavaScript and JQuery was twofold. First, I wanted to brush up on my JavaScript skills, as I don’t specialize in JavaScript programming. I use JavaScript when a communication or training solution requires it, and sometimes its just not needed.

Second, I wanted to explore how JavaScript and JQuery worked within Captivate 2019. As I said, you may not need to use JavaScript, as Advanced Actions and Shared Actions within Captivate may get the job done quite nicely. However, there might be situations in the future when using JavaScript could work for me.

This showcase presents “Mission: Mars Colony 01”, a Captivate 2019 project created to explore using JavaScript to create simple Gamification functions. As my objectives were mainly professional development, I kept the style more on the “fun” side. Key feature highlights include a:

  1. Learner selected avatar and name
  2. System assigned performance “Level” based on quiz performance
  3. Timed perceptual speed task that includes automatic scoring

The main focus of the project was a perceptual speed task based on an ability test that measures how quickly a person can scan objects and detect similarities and differences. In this case, the user reads a pair of 6 digit numbers and must determine if they are the same or different. This section of the project required the most coding in order create the functions for the countdown timer, the toggle buttons used in the test and the calculation of test performance.

General Strategy

The general scripting strategy was, to the extent possible, to call all JavaScript and JQuery functions within an Advanced Action created for each slide. Back in the day, this was basically how we set up OpenScript within the Toolbook object hierarchy.

Once the Advanced Action is created and assigned to a slide for the “On Enter” event, the Advanced Action could be easily accessed, along with the JavaScript. This made updating and debugging the JavaScript code easier.

The bulk of the JavaScript was contained in the “my_java_code.js” file and linked to the Captivate “index.html” file via an include, as described by TLC Media Design. The .js file was written with Atom, with debugging accomplished with a combination of the Python Tutor and Developer Tools within Google. Note: I backed up my “index.html” file before altering it.

Avatars, Timers and Quizzes

It is worth noting that the coding for the project was based on the strategy or actual code for a number of Adobe Community contributors.

Selecting Avatars: To setup the avatars, avatar name and performance level, I used a method similar to that recommended by Paul Wilson that involved setting the state of a multi-state smart object based on a variable’s value. However, where Paul Wilson used advanced actions, I used a combination of advanced actions and JavaScript.

Countdown Timers: The script for the timers was based on Greg Stager’s 10-Second Timer 3000, with some modifications. First, since it was used to set a time limit for the perceptual speed task, some of the buttons weren’t needed. However, as I found out, the script for the “Cancel” task was essential for ensuring the timer was reset prior to continuing navigation. Second, in addition to the countdown clock, I included a countdown bar.

The Perceptual Speed Task: My original concept was to use radio buttons for the perceptual speed task, but I couldn’t find a solution. I did find a great article by Steven Warwick where he used JavaScript to create a custom true / false quiz using toggle buttons and this code did the trick. It is worth noting that Quiz slides contain very special objects that Captivate uses to communicate with the LMS. Its best to avoid deleting slides or objects, rather use the onboard options to hide objects or hide them within the screen using formatting or other objects.

Wrapping it Up

All in all I enjoyed creating the Mars Colony 01 project. I certainly brushed up on my JavaScript tools and learned a thing or two about JQuery in the process.

Files for Download

Captivate 2019 .cptx document: Mars Colony 01

JavaScript Code: my_java_code


TLCMediaDesign | Using External JavaScript libraries in Adobe Captivate

JavaScript.Info | Debugging in Chrome

Paul Wilson | Adobe Captivate – Allow Learners To Select Their Own Avatar

Greg Stager | Countdown Timer

Steven Warwick – Health Decisions | Building a fully custom quiz in Adobe Captivate using JavaScript


BiZkettE1 – Freepik | Arabic Night Landscape 

Vectorpocket – Freepik | Set of Cartoon Spaceman Kid

Vectorpocket – Freepik | Set with Cartoon Astronaut Girl

Vectorpocket – Freepik | Cartoon Spaceman

Vectorpocket – Freepik | Spaceman Family with Space Ship

Vectorpouch – Freepik | Cartoon Solar System

NASA- JPL Caltech – MSSS | Telephoto Vista from Ridge in Mars’ Gale Crater


Mark DiAngelo | Wind Sound 

The post Mars Colony 01: A Journey Into JavaScript and Gamification appeared first on eLearning.

A Financial Literacy Program Created with Captivate 2019

This showcase presents a module taken from a larger Financial Literacy program created for a client. The module was originally created in PowerPoint as a backdrop for a recorded video that would delivered as a self study course via the web.

All content has been “sanitized” but the general structure is similar. Specifically, each module was presented as a series of lessons with the first being an overview, the second exploring myths and the final consisting of a series of case studies.  An assessment lesson, along with checkpoint questions, was added in the Captivate 2019 version.

Click on one of the links below to view a lesson.

Lesson 01: Overview


Click the Blue Arrow

Lesson 02: Myths


Click the Blue Arrow

Lesson 03: Case Studies


Click the Blue Arrow

Lesson 04: Assessment


Click the Blue Arrow

Instead of converting the PowerPoint file, I recreated each lesson in Captivate 2017, and then converted to 2019 when it was available. I was able to duplicate most of the original functionality of the PowerPoint slides, although some of the animations are not the same as PowerPoint has a few more on-board animation options.


Mimi Thian – Unsplash | Two Women Working

Stevepb | Financial Planning Picture

Aleksandr1982 | Couple

Stefan Stefancik  | Group Working Over Computer

Rawpixel – Unsplash | Aerial View of Laptop White Background

Ethan Robertson – Unsplash | Vintage Movie Camera

fernandozhiminaicela – Pixabay | Download Cube

The post A Financial Literacy Program Created with Captivate 2019 appeared first on eLearning.

The Complete Learning Technologist Certificate Program – Coming February 2019

I’ve wanted to put together a learning technologist certification for a long, long time. Well, guess who had the same idea – Training Magazine! And they’re making it happen at Training 2019! Learning geeks will unite in Orlando for our three-day learning technology program February 22-24, 2019. You can register here.

  • Day 1: Creation and Authoring Learning Tools, presented by Jeff Batt
  • Day 2: Multimedia Planning, Tools and Gadgets, presented by Nick Floro
  • Day 3: Delivery and Emerging Technologies, presented by yours truly

I’m going to cover a variety of technologies on day three, in addition to discussing how to select and implement educational technology. And I’ll give you some free goodies to take home with you. Take a look at the program descriptions below and consider joining us at Disney’s Coronado Springs Resort!

The Complete Learning Technologist Certificate Program

Whether you are a designer, developer, manager, facilitator, administrator, or executive, you need to understand what learning technologies are capable of today—and what their promise is for tomorrow. Through demos, hands-on experience, checklists, and rubrics, this program goes beyond identifying the latest shiny training tech objects — and helps you become a well-rounded learning technologist who makes the optimal selection, design, and implementation decisions for your organization.

Day 1 Creation and Authoring Learning Tools; Jeff Batt, Head Trainer, Learning Dojo

Authoring tools change quickly and often, so how do you keep up? We’ll begin by examining the overall principles of development (i.e., elements, properties, behavior). Then, using those principles, we’ll begin our exploration of specific authoring tools. You’ll learn:

  • About the basics of course authoring, regardless of what authoring tool you may be using.
  • How development principles apply to current off-the-shelf tools like Articulate Storyline, Adobe Captivate and more.
  • How to make the appropriate selection for authoring tools.
  • How to learn any new authoring tool.

Day 2: Multimedia Planning, Tools and Gadgets; Nick Floro, Learning Architect, Sealworks Interactive Studios

Looking to bring your skills to the next level? On day two, you will learn how to get started building and designing interactive learning. Learn the finer points, practical skills that you can apply, and best practices for delivering engaging learning. You’ll learn about:

  • Architecting your next project with collaborative tools.
  • Sketching a storyboard from paper to PowerPoint.
  • Improving brainstorming and feedback loops.
  • Creating a prototype with Marvel app.
  • Using Explain Everything App to create animated explainers and promos and to provide feedback.
  • Thinking Outside the Box: 5 activities and concepts to add to your next project.
  • Building an interactive chatbot for learning.
  • Strategies for designing for learning and your audience.

Day 3: Delivery and Emerging Technologies; Katrina Marie Baker, Senior Learning Evangelist, Adobe

You’ve spent two days learning how to create engaging training resources. Day three focuses on how to deliver your content using the latest in learning technology and features content from Katrina’s books LMS Success and The LMS Selection Checklist. You will:

  • Define common types of learning technology platforms.
  • Demonstrate how technology can help you engage learners through the use of gamification, mobile learning, social learning, and blended learning elements.
  • Explain how to use reporting and analytics to understand the learner experience.
  • Describe the process to select a new technology platform, including the features and factors you should review with potential vendors.
  • Discuss the process of successfully implementing and maintaining a learning technology platform.
  • Cover best practices that include how to internally market your platform, curate your course catalog and content, and build an effective administrator team.

BONUS! You will walk away with supplemental materials and a free trial of Adobe Captivate Prime.

BYOD:  Please bring a WiFi-enabled laptop with Storyline and Captivate installed (trial versions okay).

The post The Complete Learning Technologist Certificate Program – Coming February 2019 appeared first on eLearning.

Reduce Delivery Headaches for Your Responsive Courses Through “Mobile First” Design

The mobile-first approach is exactly as it sounds: designing for the smallest screen and working your way up. It is one of the best strategies to create either a responsive or adaptive design.

~ Ben Gremillion | A Hands-On Guide to Mobile-First Responsive Design

If an eLearning professional wants to engage end users on a personal level, they must first connect with them on a technical level. And, doing so involves addressing any of a number of technical challenges ranging from internet access to the compatibility of hardware and software. This blog post presents the Mobile First approach that may help address some of these issues through careful instructional design.

Delivery Issues with Multiple Devices

One critical  issue in eLearning surrounds whether or not the courseware you worked so hard on will display properly on the end user’s device. For example, graphics could be truncated on a mobile device or text presented in such a small font that it is difficult to read.

As noted by Lieve Weymeis, Captivate 2017 contains three workflows that enable content delivery on a range of devices using adaptive or responsive methods: Scalable Projects, Fluid Boxes and Break Points. While each has it own unique strengths and limitations, they all provide a means of reliably displaying content across a variety of end user devices and screen sizes.

In addition to the Captivate 2017, another option for dealing with compatibility issues involves designing eLearning courses to avoid them in the first. One such strategy, the “Mobile First” strategy, has been successfully used by web developers for some time and it could prove a useful for eLearning designers and developers.

What is Mobile First Design?

Luke Wroblewski is often credited with coining he term “Mobile First”, but a number of other developers have since expanded on the concept. In short, the Mobile First workflow involves first designing a website or application so that it works within the constraints of a mobile device (e.g., screen size), and then scaling up to other devices, such as a tablet or desktop.

For web designers, and possibly eLearning professionals, the Mobile First workflow has the key advantage of ensuring that content can be successfully delivered to the most problematic device, in terms of bandwidth and visible screen size. Additional benefits include:

  1. Increased Delivery Reach: designing for mobile phones opens delivery to an ever expanding user base. As of August 2018, there are currently 5 billion unique mobile subscribers worldwide, and that number continues to grow.
  2. Content Focus: Mobile First forces designers to focus on essential content, leading to a more meaningful and engaging user experience.
  3. Ease in Scalability: from a design stand point, it is easier to reorganize objects designed for a small screen to a larger screen than the reverse.

Figure 1: Mock Up of a Scalable Project Displayed on Smartphone.

Mobile First Design and eLearning

You may be surprised that you see Mobile First designs almost everyday and not just on your smartphone. If you pay attention to commercials displayed on a flat screen tv, you will notice they would also show up well on your smartphone. Such designs share a couple of key features:

  1. Limited Content: content is limited and very focused on key terms and product features.
  2. Large Text: Text is very large and, in general, uses less than 20 words.
  3. Simple Graphics: background graphics are not overly complex, with the content easy to identify. Graphics also lend themselves well to text overlays.

Figure 1 shows a mock up of a Mobile First screen design that would work well with Captivate’s Scalable Project workflow. The content is based on a screen from a micro lesson used during the implementation of a new web browser.  As can be seen, the content doesn’t overwhelm the screen and the text, graphic and navigation controls are easily visible.

In addition, while this Scalable Project is limited to a landscape format, it will display on larger devices. Figure 2 shows a mock up of how this design will look on a laptop. While some might consider the design a bit sparse, it is still capable of communicating the critical content.

Figure 2: Mock Up of a Scalable Project Displayed on Laptop.

The Mobile First approach can also work for responsive workflows in Captivate 2017, such as Break Points and Fluid Boxes. Critical to designing for these workflows, is the careful specification of screen elements (e.g., text box, graphics), as the relative position of the elements will shift depending on the screen size.

Figure 3: Mock Up of a Responsive Project on a Smartphone and Laptop.

Figure 3 shows a mock up of how a responsive Mobile First design could look on both a mobile device and a laptop. For the smartphone, the contents are essentially listed, with one screen element being below the other. This allows the width of each individual element to be as large as the screen width.

However, when the delivery device is changed to a laptop, the content shifts allowing screen elements to position themselves for better viewing in the landscape mode. Pooja Jaisingh has created a nice video “Fluid Boxes with Adobe Captivate (2017 Release)” that shows how you can create this sort of design within Captivate.


Mobile First design is not a replacement for existing development models (e.g., ADDIE). Rather, Mobile First provides insight into key decisions and steps that can make eLearning design, development and delivery more efficient and less problematic.

When designing and developing your adaptive or responsive projects, Mobile First design suggests that you consider the following:

  1. Conduct a detailed needs analysis that includes the specific type of devices used by your client.
  2. Create detailed storyboards that include notes on content priority.
  3. Select the simplest workflow in Captivate that will allow you to achieve your objectives.
  4. Develop your project starting with the smallest screen size.
  5. Limit text and use a large enough font size so that it is easy to read on a small screen.
  6. Ensure graphics are not overly detailed and that navigation buttons are easy to see and use.
  7. Test you project on devices similar to what your end users will use.


Mobile devices are now a fact of life and their use will continue to grow in the future. For the eLearning professional, this presents the opportunity to reach more end users and reach them wherever they are located. However, Mobile devices also present challenges that need to be addressed, and a Mobile First strategy can help you design away some delivery headaches before they even appear.

References (In Order of Appearance)

Ben Gremillion | A Hands-On Guide to Mobile-First Responsive Design

Lieve Weymeis | Tough Choice: Breakpoints or Fluid Boxes?

Luke Wroblewski | Mobile First

Pooja Jaisingh | Fluid Boxes with Adobe Captivate (2017 Release)

The post Reduce Delivery Headaches for Your Responsive Courses Through “Mobile First” Design appeared first on eLearning.

How BigCommerce Has Changed B2B Online Retail Trend In 2018

There are a large number of eCommerce platforms coming up these days, but BigCommerce is creating a huge difference in how customer segmentation works. Under this blog, we will discuss trending B2B online retail opportunities to be followed in 2018.

Let’s start with discussing the following topic;

Benefits of choosing BigCommerce over others eCommerce Platforms

Like every industry, even eCommerce is also getting benefitted with the digitization. B2B eCommerce is now considered one of the best models for wholesale dealers and even manufactures. The reason why we are focusing on BigCommerce more than any other eCommerce platform is that it has out-of-the-box offers to ease the workflow in the retail industry. It is a seamless and highly flexible platform, it is scalable and offers n-number of easily enjoyable benefits.

Take a detailed look at following benefits of this ultimate platform for B2B retailers;

1). Flexible payment modes

BigCommerce offers a wide number of payment methods that never miss to benefit you. They have designed everything focusing on B2B retailers and has established all the payment modes that are easy to choose.

Here are few of their payment modes you can choose from:

  • They accept even offline payments like NET
  • You can use PayPal
  • Offers Free-shipping
  • If online payment is now possible, you can even pay in a retail outlet

2). Customer segmentation is the best advantage

As compared to all other business modes, B2B retail organizations face more trouble with respect to the pricing and the merchandising requirements. Hence, it becomes more complex to segment the customers based on the price list.

BigCommerce has many inbuilt features for the same and that makes it more powerful for segmenting the customers with an ease and accuracy. It helps in offering the best competitive price to their customers by organizing them appropriately.

It is easy to sort potential customers through better pricing segmentation.

3). They are Better at coding and this helps in better performance.

The reason why BigCommerce is preferred by a large number of B2B retailers is that they have really strong foundation code, so it has a good API, and this keeps on getting better because they keep it updated in regular intervals.

Through better code, they can easily customize everything according to the changing trends.

Why better coding in important?

The reason is; BigCommerce is good with connecting with many ERP, CRM, and accounting systems, and at merchant end, it becomes easy to manage whole business process using their existing work process. A developer who writes codes find it convenient to build a high-end software for the target audience.

BigCommerce has SEO optimized framework, that is the best thing to use and also helps in mobile conversions. It is ‘Stencil’ that helps BigCommerce with faster loading, better performance, and ultimately helps in giving best customer satisfaction.

4). A plethora of B2B customization possibilities

BigCommerce is a wonderful platform that can be customized and extended at the same time depending on the various different business needs. You can actually modify your web design, can change the SEO, or any other modifications to meet your customer’s need in a best possible way.

5). Make the most important information visible to B2B customers

As we already discussed that BigCommerce can segregate customers based on pricing and other categories, this segregation also allows customizing the information that your customer is seeing at the first glance.

You can show the most relevant information to your customers with an ease. Here are few examples for the same;

  • Restrict some specific payment and shipping options to particular customer groups.
  • Display some specific product to specific customer category
  • Hide or show the payment options, shipping options according to the destination of the order or warehouse.

Last, but not the least.

6). You can customize the Checkout out process

Unlike other popular eCommerce platforms, BigCommerce allows you to customize the checkout page according to the ease of customers.

Importance of customizing the checkout page- Checkout page is the place where all customers finalize their purchase details, adds their favorites to the cart, choose a shipping option, payment mode and finally confirms their orders. If you customize the checkout page according to target customers and allow them to complete the purchase without any hassle, you can gain a loyal customer. Few examples of what you can do for check out customization include;

  • Uploading the PDF of your customer’s purchase order during final checkout.
  • Letting them choose their preferable shipping and payment options
  • Saving all the purchase options.

With BigCommerce, both the content as well as the pricing can be customized easily and this makes the B2B online retail business easier like never before.


All these benefits of BigCommerce that we discussed today make B2B retail business much easier, and you will not be able to enjoy them while using platforms that don’t have so many customizing options. With BigCommerce, any kind of segregation and customization is possible. You can actually show the best you have got to your potential customers and achieve your business goals with an ease.

The post How BigCommerce Has Changed B2B Online Retail Trend In 2018 appeared first on eLearning.

Classic Learning Research in Practice – Constructivism – Reflective Practice

In the Kolb’s learning cycle learners will be motivated more to engage in one of the steps depending on his or her personality type, it is important that students pass trough the complete cycle but that learning allows enough (extra) time to spend in their preferred step of the cycle. The Kolb Learning Cycle is one of the many learning theories  that starts with:

  1. CE – Feeling – Use realistic branching scenarios and simulations
  2. RO – Watching – Analyzing processes and procedures during demonstrations
  3. AC – Thinking- Make students think during an assessment: with a formative assessment strategy that visually highlight the impact of learners’ choices.
  4. AE – Doing – Put Information into context and apply the learning with hands-on tasks

Kolb is a type of Reflective Practice that can also be found back in the Disney Creative Strategy: Dreamer, Realist, Critic.

Reflective Practice will allow your learners to move from Single-Loop to Double-Loop Learning

Single-loop – reflect on and fix the problem at hand

Double-loop – reflect on and fix the system that generates the problem(s)

[A] thermostat that automatically turns on the heat whenever the temperature in a room drops below 68°F is a good example of single-loop learning. A thermostat that could ask, “why am I set to 68°F?” and then explore whether or not some other temperature might more economically achieve the goal of heating the room would be engaged in double-loop learning — Chris Argyris, Teaching Smart People How To Learn

When building an elearning make sure that your learners Dream, Think, Dare and Do, to establish double-loop learning:

Icons made by Freepik from is licensed by CC 3.0 BY

The post Classic Learning Research in Practice – Constructivism – Reflective Practice appeared first on eLearning.

My WIIFM Story

One mistake that is often made by organisations who design their eLearning is with WIIFM. WIIFM stands for “what’s in it for me?” (said from the perspective of the learner). This attempts to address the motivation for the learner to proceed and ultimately complete their training. The mistake comes when the WIIFM is written from the perspective of the organisation and not truly what motivates employees.

Here is an example that I experienced when I was working at the Toronto international airport. Consulting with my stakeholder and subject matter experts the motivation for a course on safety was for the thousands of passengers that visit Toronto’s international airport and with an emphasis on the reputation of the airport as a safe place.

Upon further reflection I started to think about the employees who were going to be required to complete this course and realized that while we all want to be safe, an employees concern is not toward the reputation of the airport or to the thousands of strangers who pass through the airport daily, but instead for themselves, their families and friends (their loved ones).

It took some convincing, but my stakeholder agreed that reminding employees that their loved ones at some point will be passengers at the airport and their safety is what is ultimately important to employees. Also, concern for their own safety can be used in this instance as well. Everyone, including the families of employees, wants them to come home safe at the end of their shift. I managed to extend that even further to include their co-workers as well. Many co-workers become friends outside of work. We share in each other’s lives and their families become our families.

Try to avoid towing the corporate line when writing your course motivation section of your eLearning. It becomes far more effective when it has real meaning to the employees and not some check mark on a corporate checklist.

The post My WIIFM Story appeared first on eLearning.

Migrating Legacy Flash Courses Is Still Worth The Money

Who would have thought that the once popular Flash which is still loved by many would slowly be phased out and replaced by HTML5 and other responsive ready frameworks? I share my perspective on why migrating relevant Flash courses is still worth the money.

The Best Practices Of Migrating Legacy Flash Courses

I still love Flash!

Don’t get me wrong. I still love Flash. I have seen extremely rich and interactive courses being developed in Flash over the years. However, the matter of the fact is that Adobe Flash has been dropped from all popular browsers and the support for Flash is going to be stopped completely from 2020 onwards. Currently, users need to activate Flash manually on browsers supporting Flash.

So, should organizations having their legacy courses with really good content be scrapped completely? Of course not.

Already, several organizations have migrated their legacy courses to HTML5, and as we read this article, some are migrating, while others are contemplating to migrate or rebuild the courses from scratch.

Your learning team may not have the resources or HTML5 skills to convert the courseware. This is a huge challenge to every organization who still has Flash courses in use. But you need not worry anymore!

What Can You Do To Address This Challenge?

I bet you are going to like this. If you have any legacy Flash courses still relevant to your learners, you have multiple options to consider for Flash to HTML5 migration as listed below.

1. Straightforward Migration

Migrate Flash courses to HTML5 compatible easily using services like MigrateEazy. You need to only have your Flash source files for this migration strategy. Your existing courses will look alike when they are migrated. They can work seamlessly on PC and Tablet post-migration.

2. Visual Enhancement And Migration

Enhance the visuals of the courses by revisiting the User Interface, key design elements and continue to use the Flash source files to migrate them with ease using services like MigrateEazy. Again, these migrated courses work on seamlessly on PC and Tablet.

3. Ground Up Approach

This approach can be used If your content is still relevant or content updates need to be made to meet the changing needs of the organization/learners. Accordingly, we can strategize to rebuild them using latest learning strategies. While doing this, you can consider having these courses be only compatible with PC or tablets or make it fully responsive to work on Smartphones too.

The first option is the most economical one followed by the second option. The third option requires additional planning, skillsets and time in identifying the right strategy and then you can carry out the development.

Is Migration An Easy Process?

Migrating legacy Flash to HTML5 is an easy process using services like MigrateEazy. These are highly flexible and agile solutions to migrate legacy eLearning courses easily for HTML5 delivery. Irrespective of the legacy authoring tool used for your course development, these solutions help you develop the HTML5 version of the course easily by mapping the right templates to your existing content without compromising on the required functionalities.

The repository of HTML5 templates ensures that the migration of your legacy content to HTML5 is a smooth process with aesthetically appealing learner experience, cost-effective designs and modern layouts.

Experience Of Migrating Courses

We have successfully migrated more than 730 courses so far. With this vast experience, our team of experienced instructional and usability specialists will work closely with your team to create cost-effective yet instructionally, visually, and functionally rich designs to meet your project requirements.

Be it a need for straightforward migration or visually enhancing them or do a ground-up approach, we will create a smooth journey for your team.

How Can They Be Impactful?

As Flash had innumerous features and possibilities, expectations have been to replicate the same in HTML5 too. Today, everyone is accepting what really is feasible in HTML5 compatible development tools.

However, if the source of the legacy course is in Flash, then we will be able to retain the same experience for the learner even after migration, this is possible for both straightforward migration and subtle visual enhancement. When a migration strategy is a ground-up approach, then we will need to factor for the authoring tool that is used before deciding on the experience it can offer to the learners.

A couple of examples of migrated courses are given below:

Example 1: This course, which was on a technology subject was still relevant when the decision to migrate it was taken. Hence, we had to only change the look and feel of the User Interface and retain all the visuals and text as is for the migration.

You can see the screens for before and after below:

Before Migration


After Migration


Example 2: The original course on Drug Discovery had a dated design but the content was quite relevant. Hence the content was slightly updated to meet the current trends. We took the course source files, modified the content and redesigned the course.

You can see the before and after below:

Before Migration


After Migration



At Tesseract Learning, we have helped numerous organizations in migrating legacy courses in Flash to HTML5 using varied strategies as explained above. If you have legacy Flash courses and wondering how to migrate the relevant courses, we can be of help to you.

Our design strategists are the right experts you can turn to for the migration solutions. To discuss how we can help migrate your Flash content to HTML5, do write to me at

The post Migrating Legacy Flash Courses Is Still Worth The Money appeared first on eLearning.

Adobe Captivate Toolbar is too small to see

As you can see I have 2 images the 1st is a perfect scaling. The 2nd image is what has happened to me this week. The scaling has reduced in size making it impossible to see anything. I haven’t changed anything on my computer and even when I have done it makes no difference to captivate itself.

Please help!

The post Adobe Captivate Toolbar is too small to see appeared first on eLearning.

Trying and failing to print a page from a Captivate module

Hi all,

In one of my e-learning courses, I’ve created print buttons that allow the user to print certain pages of interest; in another, a custom Certificate. (certificate widget is not suitable for my purposes)

For both I’ve used the JS window.print() command. That works, the printer dialog opens, I print preview… outcome is a blank page.

I’ve adjusted the browser settings to allow background printing (as mentioned in another post), still the same.

I’m using Captivate 2017 (with latest update) on a Windows 10 machine & publish in html5. I’ve tried IE11, Microsoft Edge, Firefox and Chrome browsers.

Can anyone help? What am I doing wrong? Is there an alternative?

Many thanks for any suggestions you may have.


The post Trying and failing to print a page from a Captivate module appeared first on eLearning.