Migrate Your E-learning Courses to HTML5 The Right Way!
3 likes1,725 views
The document discusses the importance of migrating eLearning courses from outdated technologies like Flash to the more versatile HTML5 format, which enhances mobile accessibility and eliminates the need for external plug-ins. It outlines steps for effective conversion, including gathering course materials, selecting appropriate rapid authoring tools like Articulate Storyline and Adobe Captivate, and ensuring stakeholder approval. While praising HTML5's benefits, it notes potential compatibility issues with older browsers like Internet Explorer 7 and 8.
Migrate Your E-learning Courses to HTML5 The Right Way!
- 1. HTML Migrate your eLearning courses to HTML5 the right way HTML
- 2. Do you have eLearning courses developed using Flash and other technologies
- 3. Do you have eLearning courses developed using Flash and other technologies which cannot be accessed on smartphones and tablets?
- 4. What can you do to make these courses ‘Mobile’?
- 5. Well, you need to convert your learning content into the HTML5 format.
- 6. BUT, WHAT IS HTML5 ALL ABOUT?
- 7. HTML5 is the acronym of Hypertext Markup Language 5. HTML5 helps make courses mobile compatible.
- 9. Of course, there are. Let us see them. Is free A Liberates users from the use of external plug-ins B Provides geo-location functionality, and most importantly C Allows development of courses that are universally accessible D
- 10. Is freeA
- 11. The world wide web (W3) consortium which regulates the development of HTML5
- 12. The world wide web (W3) consortium which regulates the development of HTML5 currently does not put any restrictions or charge licensing fees for using their technology.
- 13. So, HTML5 can be used by everyone.
- 14. Liberates users from the use of external plug-insB
- 15. You can view HTML5 content without downloading external plug-ins. You can view HTML5 content without downloading external plug-ins.
- 16. You can view HTML5 content without downloading external plug-ins. You can view HTML5 content without downloading external plug-ins. And, this makes the life of learners easy.
- 18. The HTML Geolocation API is used to get the geographical position of a user (w3schools,2014).
- 19. You can provide Information updates to staff members
- 20. You can provide information updates to staff members which are relevant to their location.
- 21. Sales people can get information about existing customers who are located near a prospective customer. And, service technicians can get information about the nearest place to source spare parts to address a customer’s complaint.
- 22. Allows development of courses that are universally accessibleD
- 23. You no longer need to develop multiple versions of the same course for multiple devices
- 24. You no longer need to develop multiple versions of the same course for multiple devices because courses in the HTML5 format can be accessed on ALL devices.
- 25. How to convert legacy courses into HTML5 effectively? That’s great But,
- 26. 1.Ensure that all media and other supporting files of the course are available.
- 27. 1.Ensure that all media and other supporting files of the course are available. Having all files at one place will save considerable time.
- 28. 2. Extract content and media from the legacy course into an MS-word document or a PPT file.
- 29. Don’t forget to copy learning resources in the form of PDF files and MS-Word documents. 2. Extract content and media from the legacy course into an MS-word document or a PPT file.
- 30. 3. Choose the right rapid authoring tool to convert your legacy course into HTML5
- 31. 3. Choose the right rapid authoring tool to convert your legacy course into HTML5 You may also convert courses into HTML5 through programming. This is ideal if you have programmers in your team.
- 32. When you choose a rapid authoring tool
- 33. When you choose a rapid authoring tool consider its capabilities, your training requirement and the instructional strategy adopted in the legacy course.
- 34. 4. Finalize the GUI and the interactivities
- 35. 4. Finalize the GUI and the interactivities Some elements of the legacy courses developed in Flash cannot be replicated with HTML5.
- 36. Identify and pick up the right templates to develop interactivities and assessments
- 38. 6. Develop the course and publish it to HTML5
- 39. 7. Check the quality and deliver it to stakeholders
- 40. But, what are the rapid authoring tools used for converting courses into HTML5? That’s good.
- 41. There are many software that can publish your courses to HTML5. But, 5 are very popular.
- 42. Articulate Storyline 2 Adobe Captivate 8 Lectora Inspire 11 Articulate Studio 13 iSpring Presenter 7 There are many software that can publish your courses to HTML5. But, 5 are very popular.
- 44. An excellent tool to migrate the content of your legacy courses to HTML5
- 45. Can be used to re-create many effec
- 46. Provides the flexibility to re-create many effects of Flash and comes with several built-in templates and interactivities
- 47. Supports a wide variety of instructional design strategies
- 48. Supports a wide variety of instructional design strategies including elements of Gamification.
- 49. Comes with Articulate Mobile Player (AMP)
- 50. Comes with Articulate Mobile Player (AMP) that can be used to create excellent learner experiences on iOS and Android devices.
- 51. 2. Adobe Captivate 8
- 52. A wonderful tool to create responsive eLearning courses
- 53. Well-known for its abilities to create simulations and responsive screen-captures. Well-known for its abilities to create simulations and responsive screen-captures.
- 54. Supports a wide variety of assessment question types and interactions
- 55. Allows the user to publish to iOS and Android devices, MS-Word, PDF, EXE, Web, MP4 and SWF
- 56. 3. Lectora Inspire 11
- 57. An incredible tool to convert text-heavy courses into HTML5
- 58. An incredible tool to convert text-heavy courses into HTML5
- 59. Provides excellent HTML5 media support
- 60. Can be used to create an interface which allows the learner to switch from one language to another, from anywhere in the course.
- 61. 4. Articulate Studio 13
- 62. Is a PowerPoint add-in that is very simple to use.
- 63. Retains most of the animations and several transitions
- 64. when you convert the PowerPoint storyboard into HTML5. Retains most of the animations and several transitions
- 65. 5. iSpring Presenter 7
- 66. A simple to use, yet powerful rapid authoring tool
- 67. Based on HyperPoint 4.0 that provides excellent support to features of PowerPoint. !!!
- 68. Supports more than 180 PowerPoint animations and all slide transitions
- 69. Ability to develop courses specifically for Black Board Learning Management System (LMS) and as ZIP archives
- 70. To recap
- 71. Benefits of HTML5 Process of converting legacy courses into this format 5 widely used rapid authoring tools used to publish content to HTML5 We have seen
- 72. Hey, wait
- 73. HTML5 is very useful. But…
- 74. Some old browsers such as IE 7 and IE 8 do not support it well.
- 75. So, you may have to upgrade your browsers to their latest version.
- 77. Go ahead
- 78. And convert your legacy eLearning courses, effectively and efficiently!