Monday, March 19, 2012

Embed a PDF in Captivate for LMS

There are three ways to insert a PDF into your captivate project when uploading to a Management System (LMS).

A. Use Web Browser upload your .PDF file to a web server then copy the URL and paste it into the "Open link or URL" properties of your launch .PDF button. This "externalizes" the PDF. Another advantage to this is also that if the PDF ever changes, you don't have to edit the course again.

B. Use a widget: F
ree widget for Captivate 5 or 5.5 by Jim Leichliter at: http://captivatedev.com/2010/11/05/adobe-captivate-5-web-page-widget/


Captivate 6: http://captivatedev.com/2012/07/25/adobe-captivate-6-x-widget-dynamic-pdf-export/

C.  
Change the Javascript in the manifest that includes the PDF as part of the course package. Instructions below:


1.) In your captivate project: the button/click box properties edit the link properties to remove all but the filename itself.
  • Rename your PDF to: MPPFlyer.pdf
  • Then in your Captivate file add a button to the slide, in the Properties panel of the button, go to ACTION/On Success/Open URL or file
  • URL: MPPFlyer.pdf
  • If you browse to your file on the computer it will look like this.                        C:\Documents\ Settings\STHORBECK\Desktop\capPDF\MPPFlyer.PDF
  • You don't need the connection to your computer's absolute URL. Make sure you Delete the trail to make it look like this: MPPFlyer.pdf (see image below)
  • Click the drop down to the right of the URL and select NEW (that means it will pop up in a NEW web browser window)



2.) Publish you cptx file (don't zip it) make sure the .PDF file is in the root folder of your main .cptx file. See image




3.) Right click on the "imsmanifest.xml" and open it with Notepad scroll down to the bottom and add this line to between the resources section...

Make a copy the entire line: <file href="SCORM_support/scorm_support.swf"/>  and then paste it directly below:

highlight SCORM_support/scorm_support.swf

and substitute so it looks like this:

MPPFlyer.pdf

See example below for captivate 5 or 5.5 :




See image below for Captivate 6: 



4. Click File/Save, then close NotePad

5.) Highlight all the contents in the published folder and save as a compressed zip file 


6) upload to LMS and test it out

NOTE 1: when you highlight all the contents of your folder, wherever you place your mouse when you right click to save as a compressed zip file, that is what your zip file will be named as.

NOTE 2: You can have multiple PDF’s in your course; but you must rename them, I name all my PDF’s the same and add a number to the end.

Such as MPPFLyer1.pdf
MPPFlyer2.pdf

NOTE 3: Captivate will not allow you to open the same pdf on mulitiple slides. So if you want the user to open the same pdf on mulitiple slides you need to copy/paste and rename it for each slide.



15 comments:

  1. A third option that actually displays the PDF right inside of Captivate would be using the free web page widget: http://captivatedev.com/2010/11/05/adobe-captivate-5-web-page-widget/

    ReplyDelete
  2. Very cool, I will try it out. Thanks Jim

    ReplyDelete
  3. Hi Anita,

    I tried this solution to open a word doc rather than a PDF. I followed the instructions exactly but when I try to click on the PDF - I get an error that's referencing the original location on my C drive. I'm working in Captivate 6 - could that be the problem?

    ReplyDelete
    Replies
    1. Hi Lyn, I created this tutorial when I was in cptx5.5. I'm thinking it should work in cptx6 also. The problem I have with testing right now is that I am now using a MAC and things function differently on MAC for instance MAC doesn't have the same version of Notepad.
      I frequently find that errors occur because of user error, maybe one wrong space or something.
      Can you send a print screen of your NotePad to anita@engage-systems.com?

      Delete
    2. Hi Anita,

      Can this also be done when publishing a non_SCORM course as HTML5 from Captivate 6? I'm assuming as there is no manifest file that one of the javascript files needs to be edited.

      Cheers.

      Delete
    3. Hi Darrell, a believe this can be done with just an HTLM file (you'd open the HTLM in notepad and make same changes. However, I have not tested and am not sure about doing it with HTLM5, it would be a good thing to test!

      Delete
    4. We used the Javascript method and this did work for HTML5.

      But how do you get the pdf to close and go to next slide?

      Thanks for the post.

      Delete
    5. How would i do this on Captivate 8 or 7? The imsmanifest.xml is different...

      Delete
    6. Hi Brandy, I'm not sure. I haven't had a chance to look at this yet. Sorry.

      Delete
  4. Impressive! I really like your blog.
    Thanks for giving the information.
    Documents for IT filing

    ReplyDelete
  5. I hope you will post more Updates.

    Thanks for the post.

    documents for IT filing


    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete