Page Comparison

Keywords: media, website, HTML, images, upload, file, content

What is it?

There are a few options for embedding multiple file media (like a website) into your Moodle course. In both cases, you need to zip your files together into one file on your computer before you begin. If you don't know how to do this refer to M03b - Uploading multiple files using zip

Why use it?

Media is embedded, a media player appears directly on the page allowing people to view or listen without listen without leaving the page.

Who can use it?

• Tutors and course administrators can add and edit the media files.
• Students can view the media files.

Before I start...

- None  at this time.

How do I set one up?

Add a file to your course page and set the main file

If you want students to click on a link on the Moodle course homepage and view the website from there you can add the zipped files as a file and set the main file to index.html (or whatever the main file is called*)

* For Articulate Storyline the main file is called story.html

1. Navigate to your Moodle course and turn editing and use the toggle switch to turn 'Edit mode' on.
2. Go to to the section of the course where you want to add files, select the '+' icon which will open the Add an Activity or Resource and and then from the list select select 'File'.
3. Add a Name  (the text the user will click on).
4. Add a Description, this is compulsory - you can choose to show the Description below the link (Display description on course page).
5. In the contents area you can drag and drop your zip file onto the blue arrow or you can click Add...click 'Add' to go to the file picker.
   Image RemovedImage Added
6. The Moodle File picker appears, offering some possible sources.
7. Upload a file at the top is the most common option.
   Image RemovedImage Added
8. Under Select Choose File, Chose file... The usual  and the Windows (or Mac) file manager appears. Find and click on the file you want then click on Open. 
9. You can add details for the Author (usually you) and Licence (this is a check to ensure you know the copyrights of any materials you upload, choose what you think is appropriate).
10. Click Click 'Upload this file'.
11. Once the zip file is uploaded it will appear in the Select Files area with the following icon:
     Image Removed Image Added
12. Left-click on the zip file and click click ' Unzip' .
    Image RemovedImage Added
13. You will be returned to the File settings window the Adding a new File window and you will see the unzipped files from the zip file in the Select Files area.
14. Left click on the main file (usually index.html) and click click 'Set main file'.
    Image RemovedImage Added
15. The file you selected will display its name in bold. 

16. Scroll to the bottom of the page and click click 'Save and display'.

Embed a PDF

Before you progress with the below steps please consider Embedding PDFs could cause Data Protection and GDPR

issues.

1. Navigate to your Moodle course and turn editing and use the toggle switch to turn 'Edit mode' on.
2. Upload the PDF to a hidden section - See Moodle course structure for further information.
3. Open and Edit the uploaded PDF under Common module settings  make sure Availability is set to “Make available , click on 'Common Module Settings' to Edit the PDF's Availability and select 'Make Available but don't show on course page' which will make your PDF 'Available but not shown on course page”page'.
4. Copy the page link of the uploaded PDF.
   
5. Go to Add an Activity or Resource and and then from the list select Labelselect the Text and Media area.
6. Paste the below HTML Code that follows into the page content section <embed src="https://moodle-1819.ucl.ac.uk/mod/resource/view.php?id=822823 LINK" quality="low" height="540" width="720" />.
7. Copy the page link from of the uploaded PDF Uploaded to the orphaned section (please make sure its it's viewable for students).
8. Paste the link replacing the bit of HTML code highlighted in red which is the HTML address of the PDF you have uploaded.
9. Save and exit.
   
   

Caution

Please consider that Embedding could cause copyright & GDPR Issues. Please see the attached document for information on copyright and GDPR.

Examples and case studies

- None  at this time.

Questions & Answers

- None  at this time.

Further information

- None  at this time.