Uploading an e-learning module to your website
April 15, 2017
Uploading an e-learning module to your website
April 15, 2017
Newbie 5 posts
Followers: 9 people

In this article I show you how to upload an e-learning module to your website. I’m using my recently completed module on discus throwing as an example.

The process is not as complicated as it might seem:

 

Once you have completed your project, you need to package up all the necessary files via the publishing process in your e-learning authoring tool. In Adobe Captivate go to Publish and select Publish for Devices.

Screenshot 2017-04-15 14.21.45

In the dialogue box Publish for Devices ensure that the option Zip Files in not ticked, and you should also set eLearning output to Disabled. You might have these options selected if you’ve published the content for an LMS already. If eLearning output is not disabled the user might be discouraged by an error message that essentially warns them that the SCORM files can’t connect with a Learning Management System.

So your dialogue box should looks something like this:

Screenshot 2017-04-15 14.24.45  

Click on Publish and wait for Captivate to do its magic.

Screenshot 2017-04-15 14.27.29

You can select No when Captivate asks you whether you want to view the output:

Screenshot 2017-04-15 14.27.51

All the files you later need to upload to your web server are now saved in the nominated folder.

Next, you will upload these files via FTP (file transfer protocol) to a folder within your public_html folder on your web server. 

In my case, I first logged into my Bluehost account (the process would be similar with other hosting services) and I created a special subdomain called elearning. I will place all my e-learning modules under that subdomain. 

I can find the relevant subdomain folder within the public_html folder. Within that subdomain folder I created another folder descriptively named discusquiz into which I will place the necessary files Captivate generated for me previously.

Screenshot 2017-04-15 14.51.28

Being a Mac user I used the FTP software Cyberduck to manage the file transfer. Windows users might use an FTP client like Filezilla. If you need help setting up your FTP file transfer capability and you happen to be a Bluehost customer, refer to these instructions

Now simply select all files Captivate packaged up for you and drag and drop them to the target folder. So in this example all the files highlighted in blue (the files located on my Mac) are dragged and dropped in the discusquiz folder in the Cyberduck window.

Screenshot 2017-04-15 14.51.48

Now it’s time for Cyberduck to do its magic:

Screenshot 2017-04-15 14.52.41

Of course you also need a link for users to access and play your newly uploaded e-learning module. 

In Cyberduck, select the index.html file, click on Action and select Copy URL > HTTP URL

Screenshot 2017-04-15 14.55.58

You can now paste that link in your web browser address bar – but hang on, you’re not quite done yet.

Finally, get rid of the ftp and the public_html bits of the address. In my example the copied address http://ftp.jorgprobst.com/public_html/elearning/discusquiz/index.html

becomes this:

http://jorgprobst.com/elearning/discusquiz/index.html

And that’s it! Users can now use that link to access and play your e-learning module:

 Screenshot 2017-04-15 15.05.00

 

All Comments
Sort by:  Most Recent
Feb 6, 2019
Feb 6, 2019

Thank you for the information.

Like
(2)
Feb 5, 2019
Feb 5, 2019

This is my first time to know that you can actually embed the module for webpage application. Thank you for the useful information!

Like
(2)
Jun 29, 2018
Jun 29, 2018

Thank you jPro! I have struggled with this in the past and will use your post in the future if I run into the same problem again. The steps are clear and easy to follow. Great Job!

Like
(3)
(1)
Aug 26, 2018
Aug 26, 2018
>
Shelly Gooden
's comment

Thanks, I’m glad you found it useful. It took me a long time too to work this out.

Like
(1)