UCL WIKI

UCL Logo

UCL Moodle Guides

Navigation

Moodle Resource Centre - home

UCL's new Moodle

New Moodle Information

General links

Moodle Home
E-Learning services for staff

Moodle Resources

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Table of Contents
maxLevel2
minLevel2
printablefalse

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 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 on.
  2. Go to Add an Activity or Resource and then from the list 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... to go to the file picker.
  6. The Moodle File picker appears, offering some possible sources.
  7. Upload a file at the top is the most common option.
  8. Under File, Chose file... The usual 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 Upload this file.
  11. Once the zip file is uploaded it will appear in the Files area with the following icon:
     
  12. Left-click on the zip file and click Unzip.
  13. You will be returned to the File settings window and you will see the unzipped files from the zip file.
  14. Left click on the main file (usually index.html) and click Set main file.
  15. The file you selected will display its name in bold. 
  16. Scroll to the bottom of the page and 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

  17. Navigate to your Moodle course and turn editing on.
  18. Upload the PDF to a hidden section - See Moodle course structure for further information.
  19. Edit the uploaded PDF under Common module settings  make sure Availability is set to “Make available but not shown on course page”
  20. Go to Add an Activity or Resource and then from the list select Label
  21. Paste the below HTML Code into the page content section
  22. <embed src="https://moodle-1819.ucl.ac.uk/mod/resource/view.php?id=822823" quality="low" height="540" width="720" />
  23. Copy the page link from the PDF Uploaded to the orphaned section( please make sure its viewable for students)
  24. Paste the link replacing the bit of HTML code highlighted in red.
  25. Save and exit

Info
titleFurther help

Further guidance on File resource settings: Displaying a website index page is available from moodledocs.

If you find any inaccurate or missing information you can even update this yourself (it's a communal wiki).

If you have a specific question about the tool please contact the Digital Education team.


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