Flash to HTML5 Conversion Checklist for Optimizing eLearning Experience

If you are planning to migrate the legacy Flash e-learning courses to HTML5, you need to follow a handy checklist. This would ensure optimum results after Flash to HTML5 conversion.

Quick Checklist

This checklist compiles the essential things that you need to factor in when you want to convert Flash to HTML5.

conversion of flash to html5
  1. Start by Auditing the Flash Courses

    You need to get all the e-learning resources together. These include videos, digital resources and course elements. Segregate all elements with swf and .flv extensions (Flash Payer needed).

    Analyze the Flash based courses earmarked for conversion. You have to identify and prioritize the courses which

    • Need to be converted directly to HTML5
    • Have to be rebranded
    • Require smaller content related updates
    • Needs conversion to bite-sized modules
  2. For avoiding delays and directing the vendor where to start from, choose the courses which have to be urgently converted.

  3. Compile All Needful Resources

    Before you can convert Adobe Flash to HTML5 (e-learning courses), you need to compile the source files of segregated Flash courses for ensuring smooth migration. The files carry development related information like media, codes, text, and resources.

    Collect all source files in a folder so that you can hand them over to vendor easily. If source files are missing, the media elements have to be recorded and redesigned. You need to classify media elements as per format and place them in separate folders.

  4. Select A Proper Authoring Tool

    Converted courses need to be mobile friendly. For this, you will need an authoring tool that facilitates development of responsive courses. Such courses can be seamlessly accessed by different devices as the course intuitively adapts to screen sizes for optimum viewing pleasure.

    Tools for rapid authoring include Adobe Captivate, Lectora Inspire and Articulate 360. Articulate Storyline 360 is ideal if you plan the conversion by retaining maximum number of interactive features of legacy Flash courses. Lectora or Articulate Rise is ideal for creating truly responsive courses. You must analyze the content comprehensively for choosing the right authoring tool. Adobe Captivate helps in converting courses through software simulations. Lectora Online allows collaboration while converting and Lectora Inspire allows conversion of text rich content to engaging media.

  5. Update the Content

    Legacy Flash courses

    • May contain all content and can be converted directly with nominal changes
    • May have interactive features which have to be redesigned for HTML5
    • May need visual tweaking and smaller modifications in content
    • May need thorough changes in content, design, or strategy

    While converting, update the content with contemporary additions.

  6. Make Converted Courses Short and Mobile Friendly

    Learners today need short courses where important info is encapsulated. Also, they want to access the course from multiple device primarily portable mobile devices like smartphones.

    Segregate the courses which are 1-2 hours longer or contain 50+ slides. You need to convert them to mobile-friendly, short and bite-sized courses. The courses will serve as PSTs (Performance Support Tools) so that learners can improve skills even when training is not being imparted in real time.

  7. Embrace Newer Instructional Design Strategies

    When you convert Flash courses to HTML5, add cutting-edge features to them by adopting contemporary techniques that make learning more immersive. You can add games, videos, podcasts and scenario oriented learning.

  8. Render the Courses in Responsive Manner

    Flash courses could never be played on iOS devices like iPad or iPhone. Newer Android versions also don’t support Flash. You need to convert legacy files in responsive manner so that learners can browse them on multiple devices easily.

  9. Make the Courses Learner Friendly

    To make courses learner friendly, you need to rebrand content, make the navigation restricted or free by placing navigation buttons consistently across pages, and use correct fonts. The course completion certificate should clearly display name of course and date of completion. Scores achieved by learners in assessments should be clearly reflected. The lesson status should get changed to complete after learner finishes it.

  10. Designate A Point of Contact for Query Resolution

    When the vendor starts to convert Flash to HTML5, it may cause some problems. You need to designate a single point of contact who can resolve queries.

  11. Review and Test Thoroughly

    During and post course development, review the converted content thoroughly. Ensure that vendor has adequate quality assessment process in place. Test the converted courses after they have been uploaded on Learning Management System. Test the compatibility of converted courses with various devices.

  12. Conclusion

    The Adobe Flash to HTML5 conversion would offer you optimum ROI in your elearning venture. The aforesaid checklist would streamline the process and render the converted courses mobile and learner friendly.