Flash to HTML: What to Expect

There are officially more mobile internet users in the world compared to desktop internet users. As of August 2017, 3.5 billion people access the internet, globally, via their smartphones. Internet usage on mobile devices (per day) has increased from 0.4 hours to 2.8 hours between 2010 and 2015. As of February 2017, mobile devices accounted for 49.74 percent of web page views worldwide. According to Ambient Insight, the percentage of people using mobile devices for learning is 74%.

Globally, there is a clear shift from traditional eLearning (available on desktops and laptops) to micro learning or video-based learning through smartphones. This surge in mobile usage has rendered courses built using Flash ineffective as they are not compatible with mobile devices. In fact, most browsers of today do not support Flash.

Here’s where HTML5 lends a hand. It has now become easier to provide learners with the same course seamlessly on multiple devices (including desktops, laptops, tablets, and smartphones).

At S4Carlisle, Flash to HTML5 migration is a mature practice. Our team of skilled developers, programmers and graphic designers work for top global higher education publishers, and leading corporates. We help in transforming content in terms of UX, graphics and interactivities to allow for better experience across all browsers and devices.

Here’s what you need to keep in mind while migrating from Flash to HTML5:

  1. List all the courses to be migrated
    Identify various courses that should be moved from Flash or legacy formats to HTML5.

  2. Validate that all assets and pre-requisites are in place
    Validate that all courses and source files for a smooth and timely conversion.

  3. Draw up the priority list of courses to be converted from Flash to HTML5
    Some courses would need only a technology uplift, some need only visual design uplift whereas some require complete re-design. It’s important to look at the overall volume and the nature of upliftment while forming a priority list.

  4. The big question: Technology update or complete redesign?
    Recent courses would already have been created with enhanced Instructional and Visual Design inputs and may need only a technology uplift. Whereas Compliance courses may require textual updates as well as visual upliftment. However, Legacy courses may need a complete overhaul and involve both Instructional Design and Visual Design enhancements.

  5. Focus on retention and performance gain
    Byte sized mobile learning solutions may be required for older, lengthy legacy courses. It is imperative that the learning design approach provides multi-device support. Innovative and effective Performance Support Tools (PSTs) may be used to supplement or complement formal learning.

  6. Select adaptive vs. responsive designs and tools
    Adaptive: Multi-device custom mobile learning solutions that support PCs, laptops, and tablets. Responsive: Multi-device custom mobile learning solutions that support PCs, laptops, tablets, and smartphones.
    The tools can also be further classified into rapid development (Articulate Studio 360, Spring, Adapt, and so on) or standard mobile learning authoring tools (Adobe CS6 with CreateJS, Adobe Captivate, Trivantis Lectora, Articulate Storyline, and so on)

  7. Plan for sampling to test user experience
    It’s always a good idea to do a sampling to get a sense of whether the migration approach is impactful. Obtaining feedback from learners after the pilot will help determine whether the migration strategy is effective.

Write to us at padmasheelas@s4carlisle.com if you have any queries or need help switching to HTML5.


  1. https://elearningindustry.com/leverage-digital-certificates-and-badges-differentiate-program-generate-more-referrals-free-ebook
  2. https://www.statista.com/topics/779/mobile-internet/
  3. https://elearningindustry.com/flash-to-html5-migration-7-tips

Share this Article