Planning To Convert From Flash To HTML5? Here’s A 9-Point Checklist

Planning To Convert From Flash To HTML5? Here’s A 9-Point Checklist
Summary: Are you looking to convert your Flash courses to HTML5? Check this post to gain access to a 9-point checklist to ensure an effective transition. This will help whether you convert Flash to HTML5 in-house or outsource the effort.

A Checklist To Determine Whether You're Ready To Convert From Flash To HTML5

With the end of Flash by 2020, organizations have been realizing that it makes business sense to convert their Flash-based courses to HTML5. Now, the question they face is whether to convert these courses in-house or to outsource the conversion. Well, if you do not have the required skillsets, and need to convert a huge number of courses, it is preferable to outsource your requirements. When you outsource the effort of converting Flash to HTML5 to the right vendor, you will enjoy error-free courses, scalability, and more.

Here is a 9-point checklist that gives you an idea what you need to do before, during, and after the conversion, in tandem with your outsourcing partner, to ensure that the process of converting from Flash to HTML5 is smooth.


Here are the considerations you need to keep in mind even before you provide your Flash courses to your vendor for conversion.

1. Audit Of Your Flash Courses

Bring together all your eLearning resources – courses, videos, and other digital resources. Once you do this, list out all the resources that require a Flash player to view. Any file with the extension .flv or .swf relies on a Flash player.

Now identify which of these Flash-based courses you would like to convert to HTML5, and analyze the courses. Segregate them into those that can be converted to HTML5 directly, ones that need minor content updates, ones that need rebranding, and ones that need to be converted into bite-sized modules.

Once the courses are segregated, prioritize them for conversion. For example, if your blended training program for new hires requires them to go through a couple of Flash-based eLearning courses and you’re planning to onboard employees in a month, converting these courses would be on priority. This will definitely avoid delays and also give an idea to the vendor on where exactly they need to start from.

2. Ensure You Have The Resources In Place

Before going ahead with the conversion process, check if you have source files of all the Flash courses that you are planning to convert. Gather all the source files you have and place them in a single location. This will make it easy to pass on the files to your vendor. In case you do not have the source files, do not worry, the conversion is still possible by using the Record and Redesign (provided media elements are available) methodologies.

Apart from the source files, place all media elements you have into appropriate folders according to their format.

3. Choose An Appropriate Authoring Tool

Make sure you choose the right authoring tool for your need. Do you want to convert your Flash-based courses into HTML5 by retaining most of the interactivities in the Flash courses? Then Articulate Storyline 360 would be the right choice. Do you want to convert your Flash courses and make them truly responsive? Then Lectora Inspire 17 or Articulate Rise would be the right choice for you.

Similarly, each authoring tool has its own strengths and unique features. So always ensure you analyze your content thoroughly and then choose an appropriate authoring tool based on your training need. Here is a table that will make it easier for you.

Scenario Need Solution
1 Convert customized interactive, engaging courses in minimal time Articulate Storyline 2, Storyline 360
2 Convert courses with software simulations Adobe Captivate
3 Make converted courses truly responsive Articulate Rise and Lectora Inspire
4 Easy collaboration during conversion Lectora Online
5 Text-heavy to engaging course Lectora Inspire

If you have further queries on making the right choice among authoring tools, an eLearning service provider who has the expertise in using authoring tools should be able to provide you with answers.

4. Don’t Just Convert, Update

Your existing Flash-based courses may fall under these categories:

  • Have relevant content and require direct conversion to HTML5 with minimal or no changes
  • Have Flash-based interactivities that might need to be redesigned using HTML5-based authoring tools
  • Require a visual uplift and minor changes in content
  • Require a complete overhaul in terms of content, instructional strategy, or design

When you convert eLearning courses from Flash to HTML5, take this as an opportunity to review all your courses thoroughly, and decide if just converting them would be enough or updating the content is necessary too. If yes, provide the updated content to the vendor along with the existing Flash courses.

5. Adopt The Trending Learning Strategies

Use this opportunity to redevelop your courses using Instructional Design strategies and techniques that are more equipped to resonate with your modern learners. For example, if you have been providing online training through lengthy courses, take this opportunity to reconfigure these courses as a curriculum of microlearning assets during the conversion. You have a lot of trending strategies and techniques to choose from: gamification, scenario-based learning, videos, podcasts, etc.

6. Make Your Courses Responsive

Flash was never supported by iOS devices, which means your Flash-based eLearning is inaccessible to learners using iPhones and iPads. While old versions of Android supported Flash, the later versions didn’t. It is time you convert your courses to be responsive, i.e., make the courses accessible on any mobile device – smartphones, tablets, or laptops. Once you convert your Flash courses to be responsive, your learners can easily access the courses in any device they wish to learn from.

During Development

Your vendor-partner will ensure these aspects are taken care of. However, ensure you check them and give your approval.

7. Ensure The Course Is Learner-Friendly

These are a few things you need to cross-check:

  • Check the branding.
  • Check if the navigation is as you wanted it to be (Free or Restricted).
  • Ensure the usage of the right fonts.
  • Ensure that the course completion certificate displays the course name and the completion date.
  • Make sure the assessments reflect the correct score achieved.
  • Ensure the lessons status changes to complete once your learner completes them.
  • Ensure the placement of navigation buttons is consistent across all pages.

8. Ensure Your Point Of Contact Is Always Available For Query Clarification

Once your eLearning vendor starts converting your Flash courses to HTML5, there is really nothing much you would have to worry about. But it is quite possible that some doubts might arise from your vendor’s side related to the conversion. So always make sure there is a single point of contact who is available to respond to your vendor’s queries and clarify them. This individual is involved in the conversion project right from the initial stage.


9. Ensure Thorough Review And Testing

Whether you convert Flash to HTML5 in-house or outsource it, a thorough review and testing process is essential.

  • Reviews are an ongoing process during course development as well as post-development.
  • Your outsourcing partner for Flash to HTML5 conversions should have a well-defined quality check process in place. For in-house reviewers involved in the project, consider creating a checklist to monitor the quality of converted courses.
  • After the HTML5 courses are uploaded to the Learning Management System (LMS), do thorough testing of these courses.
  • If you had intended to make these HTML5-based courses accessible on multiple devices, test these courses on various devices (iPads, smartphones, laptops) and browsers to ensure their functionality remains the same.

If you haven’t already planned to convert your existing Flash-based eLearning to HTML5, it’s time you give this some serious thought. Converting Flash courses to HTML5 doesn’t have to be a daunting task. Following this 9-point checklist can ease the conversion process and ensure you get your maximum ROI in Flash to HTML5 conversion projects.