Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Migrate Your E-learning Courses to HTML5 The Right Way!

1,315 views

Published on

This post will help you in converting your eLearning content into the HTML5 format and learn why there is a need to migrate legacy e-learning courses into html 5 and what its benefits are.

Published in: Technology
  • Be the first to comment

Migrate Your E-learning Courses to HTML5 The Right Way!

  1. 1. HTML Migrate your eLearning courses to HTML5 the right way HTML
  2. 2. Do you have eLearning courses developed using Flash and other technologies
  3. 3. Do you have eLearning courses developed using Flash and other technologies which cannot be accessed on smartphones and tablets?
  4. 4. What can you do to make these courses ‘Mobile’?
  5. 5. Well, you need to convert your learning content into the HTML5 format.
  6. 6. BUT, WHAT IS HTML5 ALL ABOUT?
  7. 7. HTML5 is the acronym of Hypertext Markup Language 5. HTML5 helps make courses mobile compatible.
  8. 8. 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
  9. 9. Is freeA
  10. 10. The world wide web (W3) consortium which regulates the development of HTML5
  11. 11. 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.
  12. 12. So, HTML5 can be used by everyone.
  13. 13. Liberates users from the use of external plug-insB
  14. 14. You can view HTML5 content without downloading external plug-ins. You can view HTML5 content without downloading external plug-ins.
  15. 15. 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.
  16. 16. Provides geo-location functionalityC
  17. 17. The HTML Geolocation API is used to get the geographical position of a user (w3schools,2014).
  18. 18. You can provide Information updates to staff members
  19. 19. You can provide information updates to staff members which are relevant to their location.
  20. 20. 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.
  21. 21. Allows development of courses that are universally accessibleD
  22. 22. You no longer need to develop multiple versions of the same course for multiple devices
  23. 23. 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.
  24. 24. How to convert legacy courses into HTML5 effectively? That’s great But,
  25. 25. 1.Ensure that all media and other supporting files of the course are available.
  26. 26. 1.Ensure that all media and other supporting files of the course are available. Having all files at one place will save considerable time.
  27. 27. 2. Extract content and media from the legacy course into an MS-word document or a PPT file.
  28. 28. 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.
  29. 29. 3. Choose the right rapid authoring tool to convert your legacy course into HTML5
  30. 30. 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.
  31. 31. When you choose a rapid authoring tool
  32. 32. When you choose a rapid authoring tool consider its capabilities, your training requirement and the instructional strategy adopted in the legacy course.
  33. 33. 4. Finalize the GUI and the interactivities
  34. 34. 4. Finalize the GUI and the interactivities Some elements of the legacy courses developed in Flash cannot be replicated with HTML5.
  35. 35. Identify and pick up the right templates to develop interactivities and assessments
  36. 36. 5. Get the stakeholder approval
  37. 37. 6. Develop the course and publish it to HTML5
  38. 38. 7. Check the quality and deliver it to stakeholders
  39. 39. But, what are the rapid authoring tools used for converting courses into HTML5? That’s good.
  40. 40. There are many software that can publish your courses to HTML5. But, 5 are very popular.
  41. 41. 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.
  42. 42. Articulate Storyline 2
  43. 43. An excellent tool to migrate the content of your legacy courses to HTML5
  44. 44. Can be used to re-create many effec
  45. 45. Provides the flexibility to re-create many effects of Flash and comes with several built-in templates and interactivities
  46. 46. Supports a wide variety of instructional design strategies
  47. 47. Supports a wide variety of instructional design strategies including elements of Gamification.
  48. 48. Comes with Articulate Mobile Player (AMP)
  49. 49. Comes with Articulate Mobile Player (AMP) that can be used to create excellent learner experiences on iOS and Android devices.
  50. 50. 2. Adobe Captivate 8
  51. 51. A wonderful tool to create responsive eLearning courses
  52. 52. Well-known for its abilities to create simulations and responsive screen-captures. Well-known for its abilities to create simulations and responsive screen-captures.
  53. 53. Supports a wide variety of assessment question types and interactions
  54. 54. Allows the user to publish to iOS and Android devices, MS-Word, PDF, EXE, Web, MP4 and SWF
  55. 55. 3. Lectora Inspire 11
  56. 56. An incredible tool to convert text-heavy courses into HTML5
  57. 57. An incredible tool to convert text-heavy courses into HTML5
  58. 58. Provides excellent HTML5 media support
  59. 59. Can be used to create an interface which allows the learner to switch from one language to another, from anywhere in the course.
  60. 60. 4. Articulate Studio 13
  61. 61. Is a PowerPoint add-in that is very simple to use.
  62. 62. Retains most of the animations and several transitions
  63. 63. when you convert the PowerPoint storyboard into HTML5. Retains most of the animations and several transitions
  64. 64. 5. iSpring Presenter 7
  65. 65. A simple to use, yet powerful rapid authoring tool
  66. 66. Based on HyperPoint 4.0 that provides excellent support to features of PowerPoint. !!!
  67. 67. Supports more than 180 PowerPoint animations and all slide transitions
  68. 68. Ability to develop courses specifically for Black Board Learning Management System (LMS) and as ZIP archives
  69. 69. To recap
  70. 70. 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
  71. 71. Hey, wait
  72. 72. HTML5 is very useful. But…
  73. 73. Some old browsers such as IE 7 and IE 8 do not support it well.
  74. 74. So, you may have to upgrade your browsers to their latest version.
  75. 75. Go ahead
  76. 76. And convert your legacy eLearning courses, effectively and efficiently!

×