Content

Content

On this page you will find resources designed to teach you how to create, edit, and add content to your unit page. These resources will show you how to add text, images, documents, video, and audio clips to your unit page using the iLearn system.

Activities and resources: adding and duplicating activities and resources

You can add content and interaction to your unit by adding resources and activities. The add a resource menu allows you to add content to your unit and includes Book, File, Folder, IMS content package, Label, Lightbox Gallery, Page, Unit Guide and URL. The add an activity menu allows you to add interactive tools to your course, such as Assignments, Database, Dialogues, Forum, Glossary, Choice, Quiz, Turnitin Assignment, SCORM package and OU Wiki.

Add an activity or resource menu

The Add an activity or resource link will appear in each week/topic when editing is turned on.

If you prefer to keep the Activities and Resources menus separate, you can go to the Tools block and select Activity chooser off.

To add a resource or activity:

  1. Click Turn editing on.
  2. Go to the week/topic where you wish to add a resource or activity to.
  3. Click Add an activity or resource.
  4. Select an activity or resource. A description of each tool will appear as you select each item, to help identify if this is the tool best suited to your purpose.
  5. Click Add.
     
  6. Enter a Name and Description (compulsory fields).
  7. Complete remaining fields/instructions (eg add URL or upload file).
  8. Click Save and return to unit or Save and display to view.
 

After you add an activity, you need to add content to it and make it available to students. Simply adding an activity is not in itself enough to create it. Eg, if you add a quiz, you will need to add questions before students can complete it.

Duplicating a label, resource, or activity

If you have a label (such as the lectures, readings, activities, etc), a resource, or an activity in your unit that you would like to duplicate, you can do this by using the Duplicate icon.  The duplicate functionality can be beneficial if you wish to have a forum in every week but don't want to individually create 13 forums. As part of the duplication process, the settings are retained. For example if you have set your forum to be available to a certain group, you don't have to re-enter these settings.

  1. Click Turn editing on.
  2. Locate the item that you wish to duplicate and click on Edit and select  Duplicate.
  3. The duplicated item will be sitting directly below the original. You can move it anywhere within your unit using the Move icon

Reusing activities by importing and exporting activity content

You may wish to re-use an activity that you have developed for one online unit in another online unit. Below are example situations where you would opt to clone a single activity or an entire online unit:

  1. In the process of designing your online unit, you have worked in a development unit that will require content to be cloned to a live unit.
  2. An activity developed in an online unit worked well with a group in one semester so you want to use the same activity in another online unit.
  3. You keep a standard template for an online unit with minimal changes required between semesters so you will want to clone the entire online unit.
 

Note that:

When an activity is cloned some data will not be copied across as part of the cloning process whether it is student-generated or not. A reason for this is that activities are designed to be learning tools for students to engage with and populate with student-generated data during the course of their study. This information is considered private and therefore not transferred in keeping with the University’s Confidentiality policies.

This information sheet will guide you through a few options to manage the cloning of activities so that you maintain necessary details of activities, including the data that you may have generated (e.g. a glossary that you have pre-populated so that students can use it as a resource rather than an activity).

Steps to successfully clone two activities (glossary and database) are given below. Unfortunately activities such as Wikis and Forums do not have a similar process to follow. If you would like to reuse these activities as resources you will need to simply copy and paste the content into the new iteration of the activity.

Database and glossary are two activities that can have all data exported and saved as a file to later be imported into another online unit. Below is some further information on this.

Glossary

  1. Select the desired Glossary.
  2. Go to the Tools block and select Export entries.
     
  3. You will then be able to save the entries as an XML file.
  4. To import your entries into another glossary, follow a similar process. Go to the Tools block and select Import entries.
     
  5. You will then get a screen that asks you to Choose a file and upload an XML file.

Database

  1. Select the desired database.
  2. Go to the Tools block (or the Export tab) and choose Export entries.
  3. It’s best to keep everything ticked as it is by default. Click Export entries.
  4. To import entries from another database, you must first have the fields set up that you will be importing. For example, if you are importing database entries that have the fields title, author, year, and publication you will need to ensure these fields exist in the database before you import.
  5. Go to the Tools block and click on Import entries.
  6. Click Choose a file… or drag and drop the file to upload your CSV file, keeping all other settings as is.

Book: creating an online book

Books are a series of web pages presented in chapters and sub chapters. Books can be printed entirely or in parts.

Scenario: A set of book resources was set up on the unit page as a way of making lecture notes available to students week-to-week. Books can be accessed by chapter or downloaded in its entirety and as students were already familiar with the concept, its take-up was successful.

To create a book:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to add the book to.
  3. Click Add an activity or resource and select Book.
  4. Click Add.
     
  5. Enter a Name. This will be the name of the link within your week/topic.
  6. Enter a Description describing the book. 

  7. Tick Display description on unit page box for the Summary (entered in step 6) to appear below the Book link.
  8. Click to expand the Appearance heading and assign Chapter formatting from the available options.
  9. Select Custom titles if you would like chapter titles displayed only in the table of contents.
  10. The remaining options can be left as the defaults for setting up a basic book. Click Save and display and you will then be prompted to add your first chapter.
  11. Enter a Chapter title.
  12. Enter the page Content.
  13. Click Save changes.


    Your unit will now display your first chapter and a table of contents. At this stage you can continue adding content or make changes to existing content.
  14. To add additional content to your book click on the Grey plus  icon. This is located in the Table of contents block next to each chapter.
     
  15. Chapters can also have subchapters. To add a subchapter in your book, click on the Grey plus  icon. Enter your Chapter title, tick the box Subchapter and fill in your Content.
     

Book module icons

Move your chapters and sub chapters up or down. Each chapter and sub chapter in the table of contents has a grey arrow move icon that allows you to re-order your content.

Delete a chapter or sub chapter by clicking the cross icon along side the chapter you no longer require.

Edit your chapters or sub chapters by using the edit icon.

Hide your chapters or sub chapters using the eye icon.

Add new chapter and / or sub chapter.

Navigate the book using the links in the table of contents or using the navigation buttons.

File: uploading content

You can upload different types of electronic files such as images, Word documents, PDF or PowerPoint presentations. You just need to make sure your students can access these with the appropriate software on their computers. There are two ways to add a file to your iLearn unit: by drag and drop or using the activities and resources menu.

Drag and drop:

  1. Click Turn editing on.
  2. Locate the file on your desktop or using your Finder window (Mac), Start Menu or My Computer (PC)
  3. Left click and hold your finger down on the file. Carefully drag the file across into the week/topic you wish to add it to. When you reach the week/topic, a rectangle with a broken line appears with the words Add files here. Release your finger from the mouse to drop it into the chosen location.
  4. Your file name can be easily changed by clicking the Pencil icon below the file.
  5. Click on Edit and select  Edit Settings to change the file settings e.g. to add a File Description for accessibility purposes.

Using the add an activity or resource menu:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to upload the file to.
  3. Click Add an activity or resource and select File.
  4. Click Add.
     
  5. Enter a Name. This is what your students will click on when they see the link on the main page of iLearn.
  6. Enter a Description which will be displayed on the resources index page for accessibility purposes.
  7. Tick Display description on unit page box for the Description (entered in step 6) to appear below the file link.
     
  8. Click on the paper icon or drag and drop the file to upload your file.
     
  9. The remaining options can be left as the defaults for setting up a basic file upload. Click Save and return to unit or Save and display to view.

HTML Editor: formatting content

The HTML editor appears in many places within your unit allowing you to easily create and edit your content using similar functions to the Microsoft Word interface.

The default editor is TinyMCE HTML editor.  The ATTO HTML editor allows for easier mathematical expression. 

To edit text in the HTML editor:

  1. Click on the  icon to display full editing tools of the HTML editor.
  2. Enter your text into the text field and highlight it.
  3. Select the function from the HTML editor that you need to format the text. You can hover your mouse over each icon to see its name/function.
  4. You can also expand the HTML editor box by dragging out the bottom right hand corner.

To upload an image in the HTML editor:

  1. Click on the Image icon.
  2. Click Find or upload an image…
  3. Click Browse.
  4. Search for the image in your computer files and click Upload this file.
  5. Enter an Image description.
  6. Click Insert.


 

To add image icons using the HTML editor:

  1. Enter the text you wish to label the image icon with and highlight it.
  2. Select the desired image from the list of Styles. This list only provides a text description of images. See below for a full display of images available.
     
  3. Your image will not appear yet in the <strong>HTML editor</strong>. Click Save and return to unit to view your image.
  4. Your image will appear on screen as shown below.

Images available and style name

Lecture

Read or View

Activity

Assessment

Tutorial

Forum

For Information

Heading styles

HTML editor icons

Undo/Redo

Find

Find and replace

Toggle full screen mode

Subscript for mathematical/scientify equations etc

Superscript for mathematical/scientific equations etc

Clean up messy HTML code in the background

Remove formatting

Paste as plain text (when cutting and pasting text from different sources)

Paste from Word (retains and inserts formatting when cutting and pasting from Word)

Direction of text: left to right or right to left

Insert link to text/image on another website

Undo link to text/image on another website

Insert image URL or file

Moodle media: Insert a sound, video or applet

Insert a non-breaking space character

Insert a custom character

Insert a custom table

Edit HTML source

ATTO HTML Editor

As an alternative to TinyMCE, the ATTO editor features a new mathematical equation editor, producing TeX with a WYSIWYG interface without needing Java.  This means it works everywhere, even tablets and phones.  Also added is a new MathJax filter for displaying mathematical equations, without needing any special server setup. 

To change to the ATTO HTML editor:

  1. Hover your mouse over your name in the top left corner and click on Preferences.

     
  2. Click on Editor preferences.
     
  3. For Text editor select Atto HTML editor
  4. Click Update profile.
    htmleditor3
  5. The Equation editor icon  will now appear in the HTML editor.

Images: adding and using images in iLearn

Because an iLearn unit is made up of a series of HTML pages, the process for adding images to an iLearn unit is slightly different from adding an image to a document. It is essential to:

  1. Upload stored images from your computer or memory stick. Never copy and paste images.
  2. Add an image description - it is essential for accessibility purposes!
  3. Add an image attribution - it is a creative commons licensing requirement and models good practice!

All uploaded images must have copyright clearance. To demonstrate this, all images should include the license type and source. There are four license categories:

  1. Own work;
  2. Free licensed (e.g. copyright holder has released the image under an acceptable free license);
  3. Public domain (e.g. free of all copyright); or
  4. Fair use (e.g. limited use of copyrighted material without acquiring permission from the rights holders). All images should also be correctly attributed to recognize the source and the owner (if known). To find images you can use (correctly attributed), see:

To upload an image using the HTML editor:

Follow the steps below to upload images to your iLearn unit. It is not acceptable to simply copy and paste the image in the HTML editor.

  1. Click Turn editing on.
  2. Click on Edit and select  Edit settings for the activity or resource where you wish to add the image.
  3. Click on the Image icon.
  4. Click Find or upload an image...
  5. Click Browse to search for the image you wish to include.
  6. Leave your name in the Author field.
  7. Assign Choose license from the available options. You will need to select the appropriate license for your image. The source of your image will help you with this information.
     
  8. Enter an Image description. The image description provides information about the image which is useful for users that cannot view it e.g. a slow connection, an error in the image link or if the user uses a screen reader.
  9. Click on the Advanced tab and enter a Title to attribute the source of your image.
  10. Click on the Insert button.
  11. Click Save and return to unit.
  12. Check that the uploaded image appears, as it should i.e. the attribution appears when you hover your mouse over the image.
    Image1

Importing content between iLearn units

You can easily copy content across from one unit to another that you have Convenor access to using the import function.

To import content:

  1. Go to the unit you want to import content to.
  2. Ensure the unit has the same or more week/topic areas as the source unit.
  3. Go to the Tools block and select Import.
  4. Select the unit you wish to import content from.
  5. If you are enrolled in a number of units, you may need to search for the unit you are looking for.
  6. Click Continue.
  7. Select the areas where you would like to import content from.
  8. Click Next.
  9. A list of the unit’s content will appear with a tick. Go through this list and un-tick any item that you don't want to import. Un-ticking the item in bold will de-select all content associated to that item.
  10. Click Next.
  11. A page will appear with green ticks and red crosses confirming what will and will not be imported.
  12. Click Perform import. 
  13. A notice will appear, Import complete. Click Continue to return to the unit.
  14. Your course page will appear showing the imported content and activities.
 

Imported content will appear in the corresponding week/topic it was copied from. However, week/topic summaries and titles will not import across.

Labels: adding text and images to your iLearn page

You can use labels to insert headings, short instructions, audio, video or images to help organise content and make your page look more attractive.

To add a label:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to add the label to.
  3. Click Add an activity or resource and select Label.
  4. Click Add.
  5. Click on the  icon to display full editing tools.
  6. The remaining options can be left as the defaults for setting up a basic label. Click Save and return to unit.

Once you have created a label it will appear in the week/topic where you created it.

LaTeX: inserting mathematical equations in iLearn

LaTeX in Moodle allows you to insert mathematical equations into iLearn using the HTML editor. In order to activate the Insert equation icon in the HTML editor of a unit, you must first switch on the TeX notation filter.

To enable the TeX notation filter:

  1. Go to the Tools block and select Filters.
  2. Select On for TeX notation.
     
  3. Click Save changes. The Insert equation icon  will now appear within the HTML editor.

To insert an equation using the HTML editor:

  1. Click on the Insert equation icon.
     
  2. Use the equation editor to create your equation. You can also enter your equation directly into the HTML editor using LaTeX code. E.g. Use the $$ symbols to open and close an equation, and the backslash \ symbol to invoke a particular command or control sequence.
  3. Click Insert.
  4. You will return to the HTML editor which will look like this:
     
  5. Click Save and return to unit.

The resulting equation would look like:

 

The Moodle Docs site contains further information on TeX notation.

Page: adding an online page

You can easily create single web pages within your unit using the HTML editor. The page resource allows you to add content or information within a week/topic without students having to open up an additional website or file. It can also reduce clutter on the main page of your unit.

To add a page:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to add the page to.
  3. Click Add an activity or resource and select Page.
  4. Click Add.
  5. Enter a Name. This is what your students will click on.
  6. Enter a Description which will be displayed on the resources index page for accessibility purposes.
  7. Create your page in the Page content text field. Add text, images, video or links using the editing tools available to you in the HTML editor.

    Attention The Toggle full screen iconTogglecan be useful when you have a lot of text to work with.  
  8. The remaining options can be left as the defaults for setting up a basic page. Click Save and return to unit or Save and display to view.

Remote RSS feeds block: adding RSS feeds from external websites

The remote RSS feeds block allows convenors to pull in content from relevant news sites, blogs or journals.

Scenario: A RSS feeds block was set up on the unit page to show students how the share prices are going as well as give students newsfeeds from a credible and appropriate news source. This gave the unit a feel of being connected to what’s going on out there in the business world.

To add a feed:

  1. Click Turn editing on.
  2. Locate the Add a block block in the column on the right hand side of the screen.
  3. Select Remote RSS Feeds for Add…
     
  4. Find the Remote news feed block and click on the Actions icon  and select Configure Remote news feed block.
     
  5. If you have entered feeds before, they will appear in the Choose the feeds… menu. To add a new feed, click Add/edit feeds, then click on the Add a new feed button.
  6. Enter in the Feed URL. This is the RSS feed from the blog or site producing the content. It is often linked from an RSS icon  or under Subscribe. Add a Custom title if you like. (You can add other feeds at the same time by repeating steps 6-7.)
  7. Click on Add a new feed.
  8. Go back to the unit home page and find the Remote news feed block again. Click on the Edit icon .
  9. Select the feed to add from the list of feeds. It is usually a good idea to link to the original site.
  10.  The remaining options can be left as the defaults for setting up a basic feed. Click Save changes and the block will be populated with the feed content.

Embedding video and audio content

Embedding a video or audio clip into an iLearn unit can be as easy as cutting and pasting text or attaching a file.  You can watch the video or listen to the audio clip directly on the page you or your students are viewing, just by clicking a button on the player.

To embed a video clip from YouTube:

AttentionStudents may need to click on the reload button  of their browser if connection to the video is lost.

  1. Open the video clip from YouTube you would like to embed.
  2. Copy the URL of the video clip
  3. Open your iLearn unit where you would like to embed the video.
  4. Click Turn editing on.
  5. Go to the Tools block and select Filters.
  6. Assign On for Multimedia plugins.
  7. Click Save changes.
  8. Go to the week/topic you wish to add the video clip to.
  9. Click Add an activity or resource and select Page.
  10. Click Add.
  11. Enter a Name. This is what your students will click on.
  12. Enter a Description which will be displayed on the resources index page for accessibility purposes.
  13. Enter text in Page content. E.g. Name of the video clip entered in step 11.
      
  14. Highlight the text entered in step 13 and click on the Insert/Edit Link icon.
     
  15. Paste the URL you copied in step 2 and click Insert.
  16. Click Save and return to unit.
  17. Your video should now be embedded in the designated week/topic.

To add a video file from your personal drive:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to add the video file to.
  3. Click Add an activity or resource and select File.
  4. Click Add.
  5. Enter a file Name and Description.
  6. Scroll down the page to the Content section.
  7. Click on the paper icon or drag and drop the file toupload your video file.
  8. Click Save and return to unit.

To embed an audio clip:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to add the audio clip to.
  3. Click Add an activity or resource and select Label.
  4. Click Add.
  5. Enter a description of your audio clip.
  6. Highlight the description entered in step 4 and click on the insert/edit link icon. Insert_link
  7. Click on the Browse icon  and locate the audio clip you would like to embed into your unit.
  8. Click on the Upload this file button.
  9. Click on the Insert button.
  10. Click Save and return to unit.
  11. The link to your audio clip player will display in your online unit. Click on it to hear the audio clip.

Block: adding a Twitter feed block

Twitter is a real-time social networking tool that can connect students to the latest stories, ideas, opinions and news related to your subject from your iLearn unit. Students and teachers can contribute to the conversation or just listen in. A Twitter feed block will make your unit dynamic and encourage those who love communicating via social media.

To create a Twitter feed:

  1. Sign in or Sign up for Twitter at https://Twitter.com
  2. Go to https://Twitter.com/settings/widgets to start building a widget for your own unit.
  3. Click on the Create new button next to Widgets
  4. If you are unsure about which type of widget to select trial different ones or contact your Faculty Educational Developer. The example below is for a Search Widget - the most commonly used in iLearn.
  5. Enter a hashtag term in the Search Query field.
  6. Under Preview your changes will be reflected in the Twitter feed widget on the right hand side.

    You can keep modifying the three fields and testing the settings until you are happy with the final product. 
  7. Click on the Create widget button.
  8. Copy the Twitter Widget code under the feed Preview. You will need to paste this code into your iLearn unit.

To add a Twitter feed block:

  1. Login to iLearn.
  2. Go to the unit you wish to add a Twitter feed block to.
  3. Click Turn editing on.
  4. Go to the Add a block block at the bottom right hand side of your unit.
  5. Click on HTML from the drop down list.
  6. Click on the Edit  icon and click on Configure(new HTML block) block.
  7. Enter a Block title for your Twitter feed block.
  8. Click on the  icon to display full editing tools.
  9. Click on the Edit HTML source  icon.
  10. Paste the Twitter Widget code (copied at step 8) in the Content field and click Update.
  11. Click Save Changes.
  12. Your new Twitter feed block will appear on the right hand side of your screen.
  13. Students can join the conversation by clicking on reply, retweet or Join the conversation from the Twitter feed block in your unit or going to their Twitter account and composing a tweet with the same search hashtag.
  14. If your students’ tweets are not appearing in the Twitter feed block within your unit, ask them to check their privacy settings and ensure Protect my Tweets is not ticked.

Adding a link to your unit guide in iLearn

To add a link to the unit guide:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to upload the Unit guide to.
  3. Click Add an activity or resource and select Unit guide.
  4. Click Add.
  5. Enter a name (e.g. Unit guide).
  6. URL of the unit guide will be automatically populated.
  7. Enter a Description (optional).
  8. Click Save and return to unit.

The Unit guide link directs students to the Unit Guides page to view the unit guide.

More information and help with setting up your online unit guide can be found on the iTeach section.

URL: adding a weblink

You can add links to web sites to give students access to important web resources.

To add a link to a web site:

  1. Click Turn editing on.
  2. Go to the week/topic you wish to add the URL to.
  3. Click Add an activity or resource and select URL.
  4. Click Add.
  5. Enter a Name for the link and write a Description.
  6. Enter an External URL. This is the address of the page you want link to.
  7. The remaining options can be left as the defaults for adding a basic URL. Click Save and return to unit or Save and display to view.
Back to the top of this page