Authoring PlatformsEngaging the Learner

4 Ways to Extend the Capabilities of Your eLearning Software for Manufacturing

HTML, CSS and JavaScript can greatly expand the power of your eLearning software.

Your eLearning software has many built-in features that simplify programming. But what do you do when you want to add features or functionality that is not built into the software?

Some eLearning software features an “HTML object” or “web object.” This is an object within the software (usually found under an Insert menu or ribbon) that can be placed on your slide or page along with your other content. The HTML object can then contain HTML, CSS, JavaScript and other web languages that you copy or hand-code into it.

Sounds fancy, but what would you need this for? Here are 4 examples of how to extend your software’s capabilities.

  1. Calculators and Conversion Charts
    Your training might involve teaching employees to use custom calculators or conversion charts. A custom tool can be coded in HTML or JavaScript outside of your authoring software and then included as an HTML object. It can then seamlessly be integrated within your course on any slide. Note that passing information from the object to the software and back can be a bit more complicated, but can be done.
  1. Pre-existing Content
    You can also include existing coded content like an animated graph, map, simple “To-do” list or custom video or audio player that you would like to feature in your program without having to re-create it from scratch. . The code can be copied and included inside an HTML object the same way.
  1. Animation
    If your eLearning module must be viewable on an iPad or iPhone, then your animation capabilities have been reduced by not being able to include Flash animation. The animation within your eLearning software is probably limited to simple moves, fades and transition effects. If you need to demonstrate a process or procedure with a more complicated animation, you might turn to other software like Adobe Edge Animate. It can output your animation as HTML, CSS or JavaScript which will run on iOS devices and can be added to your project as an HTML or web object.
  1. Customizing your own effects
    Sometimes you may have to customize the built in effects and animations to achieve your goal (i.e. images or text to move, scroll or pan behind other objects on your page). The way you order and layer your objects are key. I once wanted to mimic the look of a slot machine and scroll multiple rows of and columns of content. I was able to achieve this using the simple Move transition and just had to move the objects behind others to complete the effect. It took longer to setup, but the client was very happy with the results.

ELearning authoring software offers great time-saving benefits. But sometimes you need to step outside the box of built in features. Use html, CSS and JavaScript to expand the capabilities and enhance your training module.

Ron Trilling
Author of Learning Lines | Founder and Partner, at Media Dynamics
Ron is a great source of information when it comes to eLearning. He has a background in instructional design and has worked with many companies to help develop their eLearning content and courses.
Previous post

What Manufacturers can learn from middle schoolers about eLearning

Next post

eLearning Production Cost-Saving Tips for Manufacturers

1 Comment

  1. […] Your eLearning software has many built-in features that simplify programming. But what do you do when you want to add features or functionality that is …  […]

Leave a reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>