Publishing eLearning content in HTML5
Video: Publishing eLearning content in HTML5The term eLearning has been around for quite some time. A newer term is mLearning, short for mobile learning, and that is simply creating eLearning for mobile devices. People are using iPads, and may want to take your eLearning project with them, or maybe even on their mobile devices, such as their smart phones. Well in that case, there's a new format we can publish to, HTML5, that will allow us to do things like access a project on an iPad. So we're going to take a look at HTML5 as a format to publish to, but before we do that, it's important to know that there are certain features and functions in Captivate 6 that are simply not supported in that format.
Viewers: in countries Watching now:
Adobe Captivate is a program used to create interactive eLearning content and provide custom online training to employees or clients. In this course, author David Rivers walks through the Captivate 6 interface and the process of building an eLearning project from start to finish.
The course shows how to make a presentation from scratch or with built-in themes, import Photoshop images and PowerPoint slides, and add interest with animation, widgets, and video. It also demonstrates how to prepare for and record a software simulation, synchronize video, add audio, and build quizzes into your project.
- What is eLearning?
- Choosing a workspace
- Adding text, shapes, and images to projects
- Linking in Captivate
- Inserting interactive elements
- Using built-in actors
- Adding voiceover to projects
- Using different question types on quizzes
- Scoring tests and quizzes
Publishing eLearning content in HTML5
The term eLearning has been around for quite some time. A newer term is mLearning, short for mobile learning, and that is simply creating eLearning for mobile devices. People are using iPads, and may want to take your eLearning project with them, or maybe even on their mobile devices, such as their smart phones. Well in that case, there's a new format we can publish to, HTML5, that will allow us to do things like access a project on an iPad. So we're going to take a look at HTML5 as a format to publish to, but before we do that, it's important to know that there are certain features and functions in Captivate 6 that are simply not supported in that format.
Luckily for us, there's something called the HTML tracker that will find those things, so we can fix them up before we publish. We access it by going to the Window menu, and we are working with our Volunteer Orientation project. If you need to get caught up go to the Chapter6 folder; open up Volunteer_orientations_SAMOCA29. Then we'll click Window, and then HTML Tracker. It's going to quickly go through all of your slides, and find the ones that have issues, like slide number 8. It contains a widget. If you may recall from a previous lesson, we added a print widget to this slide, if somebody wanted to print out the contents.
So if we want to scroll down to slide number 8, take a look at it, and there it is, Rules of Conduct. Select it in the Filmstrip. You might need to move this HTML Tracker of the way, and as we move it into the dock here, you can see it stays docked, and there's the widget. We will click it, hit Delete on the keyboard, click OK, and look what happens over here in the HTML Tracker. That slide is gone. No issues there. So we would continue on. It looks like slide 23 has an issue, and in this case, it has to do with the animation.
So as we go down to our Vision slide, we are looking for that issue. There it is, and sure enough, we have an animation here that is not text-only animation. So as we scroll through our list on the Timeline, we find that Text Animation. We can delete it, and then we would have to replace the word Vision with just regular text perhaps, but that slide is gone now. So there will be some cleaning up. We have fill in the blank answer, short answer, and matching questions in our quiz that are not acceptable if we are going to publish to HTML5.
So you would have to go through each of those, and change up the question type, or simply remove those if you don't need them. Now, to save some time, I've gone ahead and made those changes. So if you open up Volunteer_orientation _SAMOCA29_b from your Chapter6 folder of the Exercise Files, and run the HTML Tracker, you'll see there is nothing wrong there. And we can drag that back out here if we wanted to, and close it up, and we're back to looking at Properties over here on the right-hand side.
So now that we know our project is ready to be published to HTML5, all we have to this go up to the File menu, go down to Publish, and here at the very top, we already talked about SWF, or Shockwave Flash Format, but you'll notice down below, there is a second option: HTML5. And in fact, if we select it, you'll notice SWF stays selected. This is going to create kind of a hybrid output, and I really like this feature in Captivate 6. If I was to play this on my iPad where there's no Flash player, automatically Captivate knows to play the HTML5 version.
If I was to play this on my PC after it's published, and I do have the Flash player, it would use that version. So it'll use of both versions, depending on what you're viewing it on, and select the right one for your circumstances. So we can leave them both selected. If you only wanted to publish to HTML5, you have to have it selected first, and then deselect SWF. Let's leave them both selected, and as you can see, the project title is SAMOCA29_b. Perfect! We can have it go to our Desktop, and it will be published to a folder, and if we already have that folder there, then we might want to consider removing it, and creating a new spot, or choosing another location.
But we will be okay with this name, SAMOCA29_b. All we have to do now is click Publish, and you can see its generating slides. It'll take a few minutes. It'll publish in that new format, and like I said, when we distributed to our users, depending on where they are, and what they're planning the project on, the correct format will kick in. Just a new feature here in Captivate 6 that will include mobile devices, or what we call mLearning.
There are currently no FAQs about Up and Running with Captivate 6.