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.

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.

17. Provides geo-location functionalityC

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

37. 5. Get
the stakeholder
approval

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.

43. Articulate Storyline 2

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!