Here is a quick tutorial on how to embed PDF document onto your Moodle Course Area and make this available in a viewer frame, all achieved in 5 simple steps. Embedding a Portable Document Format (PDF) file onto Moodle is very similar to adding an iframe on a webpage, although the codes to achieve this look slightly different.
We start this exercise by first uploading a PDF document to your course area. Then the link of the file is copied and used on the HTML code below when creating a Web Page resource. We also take a look at the different parameters that adds functionality to the PDF viewer frame within the browser.
Typically, one would just upload and link the PDF document which then appear as links on the course area. Clicking on this link simply opens the PDF document. However, to make this look sleeker, you can embed the PDF document onto the course area, keeping the top banner, menu and overall look and feel of your course area. This also allows for additional information to be added to the page such as instructions to read certain sections or complete certain exercises.
User Level: Basic to Intermediate
Step by Step Guide: 5 Steps to Embed a PDF into Moodle as a Resource
1. For Start: Log on to Moodle, go to your course and click ‘Turn Editing On’
2. Upload your PDF: Under the Administration block, click on “Files” link then “Upload a file” button. Click on “Choose file” button then browse to and click on the PDF you wish to upload, and finally to upload this, click on “Upload this file” button.
3. Link to your PDF: Once your file is uploaded successfully, it will be listed in the Files folder. Right click on the PDF and copy the URL link. Depending on your browser, this can be “Copy Shortcut” or “Copy link address”
4. Create a Web Page Resource: Go back to your course by clicking on the course short name on the breadcrumb. Now still in Editing mode, click on “Add a resource…” drop down menu in your desired section and choose “Compose a web page”. Add the Name and Summary for this Resource. In the Full Text field, click on <> button to flip over to HTML editor mode. Paste your URL link here, then on the next line copy and paste the following line to the Compose a web page, Full Text field after the URL.
<embed width=”900″ height=”600″ src=”http://www.yourdomain.com/file.php/1/Replace-With-Your-Link.pdf#TOOLBAR=1&NAVPANES=0&SCROLLBAR=0″ type=”application/pdf” />
Now cut and paste the URL link overwriting the link in red above.
5. The End Bit: Click the Save and Display button. You can also add additional text or instruction to the same page, simple Toggle HTML Source by clicking on <> button to go back to WYSIWYG editor. You can then add your content that way.
There is More…
User Level: Intermediate
Step by Step Guide: Embed a PDF into Moodle as a Resource – Viewer Controls (Intermediate)
Now that you have completed the 5 steps above for embedding PDF document onto Moodle, try the following variables to enhance your viewer frame on the browser.
Parameters of which values you can change from “0” to “1” to turn them ON.
Changing the “navpane=0” to “navpane=1” turns ON additional controls on the left side of the frame.
And finally, changing “scrollbar=0” to “scrollbar=1” turns ON the scroll bar on the right side of the frame.
You can also change the width and height of the window by changing the values measured in pixels, from 900 and 600 respectively to something bigger or smaller.
For this and many more useful tips and tutorials to make the most of your VLE, check back soon.
NOTE: This guide is written for Moodle version 1.9
Author: Samuel J. Tan