Flash to HTML5 Migration: The Roadmap

In July 2017, Adobe announced that it would stop distributing and updating Flash Player at the end of 2020 and has been encouraging web developers to migrate any existing Flash content to open standards since then. Apple too has been working with Adobe, industry partners, and developers to complete this transition.

News Flash- Times up Flash-based eLearning!

Open web standards like WebGL and HTML5 have advanced and are now equipped to offer many of the web game, interaction development capabilities provided by Flash. A while back we talked about the death and resurrection of Flash but looks like things are now moving towards an HTML5 driven eLearning development scenario with multi-device, multi-faceted learning in the mix.

So, what do we do with the Flash content? Here’s a roadmap to assist in the transition. For starters, we should evaluate whether:

  • it is time to discard/retire the existing eLearning
  • it is good enough to be converted to HTML5
  • it is better to rebuild/redesign the eLearning.

While the first option would mean having an entirely new eLearning approach without being influenced by the past. The second and third options call for a well-planned Flash to HTML5 migration, wherein the former involves conversion while the latter involves reconstruction using only raw data from the flash content. In the past we have shared a few tips for getting better ROI while opting for Flash to HTML5 migration. This post is more about the actual process behind Flash to HTML5 conversion and could easily be a roadmap to a successful migration.

So, it all starts with one crucial question. Do you have the source files? If not, then conversion is not an option here, only redesign and redevelopment can be done. Knowing the tool that was used to create the flash content is a plus as it helps in accessing the source files easily.

Then comes Extraction, the tedious task of creating a list of all courses and other assets that are available and evaluating those to determine what can be used and what cannot. As a good practice, often a cross-reference list is created for reference during conversion and for tracking the process.

What follows is a selective process of checking what course assets can be reused including graphics, animations, and other content. It is good to be choosy at this point as the content and style may be outdated.

Once the content is gathered and the gaps are filled, instructional designers take over and the storyboard is created to suit the current learning requirements. Here interactives, scenarios, game-based models, etc. are incorporated as deemed fit and after a series of corrections, changes and modifications the final storyboard is ended of development.

If the legacy content was created using a tool that can deliver HTML5 output the conversion is done using the same. Otherwise, the raw content is imported into the authoring tool or the development framework. The process thereafter is similar to that of any eLearning creation.

The final output then undergoes a quality check before being rolled out.

This is basically the story behind the curtains. While we often talk about Flash to HTML5 conversion, the actual process is hardly discussed. Understanding the process can assist in creating a better strategy for transition and in getting better results.

Hope this post helps you to get the best out of Flash to HTML5 conversion. And if you need our assistance, we are just a mouse click away.

Leave a Reply

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

Subscribe With Us

Recent Posts
September 7, 2022
6 Benefits of Outsourcing Your eLearning

Are you evaluating the decision of where you must do you eLearning development inhouse or outsource. Here are some of the tips on benefits of custom eLearning outsourcing for you.

Read More
September 1, 2022
Importance of eLearning in Remote Onboarding of Employees

eLearning is important for remote onboarding. Instead of going the traditional way of listing out the importance, what if we use a scenario instead?

Read More
August 22, 2022
Gamification for Safety Training

“Jack fell down and Broke his Crown, and Jill came tumbling after”.The lines from a rhyme that most of us chanted during childhood, but now that I look back, Jack must have been severely injured, and Jill too, considering the fact that both tumbled down the hill.

Read More
Recent Case Studies
December 19, 2020
Only Assessment Skill Assessment App

Knowzies Team developed a solution that consisted of a responsive web application with admin and user functionality. The admin can create assessments and assign those to users based on time and date. There are 6 different types of questions that can be created or bulk uploaded by the admin. This is a highly scalable architecture and is built to handle the load of as much as more than 5000 concurrent users. It had 4 types of users viz super admin, evaluator, and user.

Read More
December 17, 2020
On the SAAS Software Review Platform

Knowzies team offered a solution that consisted of a responsive web application that is available in 4 different languages- English, Spanish, Italian, and French. The main portal offered an excellent search facility to search the required product based on category, feature, pricing, country, etc. It also showed the latest trends in the industry and top 3 products based on the user’s reviews. It had 5 different types of modules like Main Page, Categories (further split into subcategories), market analysis and trends, and some useful resources.

Read More
December 14, 2020
Compliance Training App

Knowzies team created a solution that consisted of a responsive web application with multi-portal functionality. The main portal was integrated with the client’s website. An iOS, as well as an Android mobile app, is also part of the solution. It had 4 types of users viz super admin, master admin, sub-admin, and learner. Knowzies team adopted SCRUM methodology for managing this solution which was built across 8 sprints.

Read More
© 2023
 All Rights Reserved
Privacy PolicySitemap
envelopecrossarrow-up linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram