Add a page

TEXT AND ASSET PAGE TEMPLATES

Text and asset pages have a two-column layout, with a text area in the left-hand column and a media asset in the right-hand column.

The text column is a useful way of conveying information introducing concepts or subjects, e.g. as an introduction page to a module, a summary page, etc.

You have a choice of three different page templates in this range, each of which uses a different type of media asset in the right-hand column:

1. Image* - you can upload a JPEG, GIF or PNG image file. With the ubiquity of smartphones these days it's easy to take your own high quality photos or you may want to use an online image bank.

2. Audio - you can upload an MP3 audio file and an accompanying image file*. You can also capture high quality audio files using most smartphones these days.

3. HTML5 - if you have the skills to create an interactive asset using Hype software you can upload this type of asset as a zip file.

* If you don't have an image to upload, an image specific to you (e.g. your logo) will be used instead.

Downloads

Optionally you can add downloadable documents, using the Page downloads tab, to any of these page templates. Downloadable documents will appear at the bottom of the content page underneath your main content.

FULL WIDTH CONTENT PAGE TEMPLATES

Full width content pages allow you to use the maximum width area of the page to deliver your content (975 pixels).

There are four types of page to choose from:

1. Text - this presents text in a one column layout using the full width of the page. You can also upload images to appear inline within the text (using the 'Insert image' function in the text editor), but please remember to left or right align them so that the surrounding text wraps around the image appropriately.

The full width text can also be used to embed content from sharing media sites, e.g. SlideShare, Prezi, Issuu, etc. To do this simply copy and paste the embed code from your sharing media site, select 'Tools' from the drop down menu in the text editor toolbar and then select '<>Source code'. A pop-up will appear where you can paste your embed code, select 'OK' in the pop-up and save your page.

2. Image - this allows you to upload a large image (in JPEG, PNG or GIF format) that will fill the width of the page (975 pixels). Don't worry if the width of your image is larger than 975 pixels, as the system will automatically reduce the width and height of your image appropriately. Optionally, you can add text content above and/or below your image.

3. Video - this allows you to add a video from a video streaming site, e.g. YouTube, Vimeo, Vzaar, etc. Simply copy and paste the embed code from your video streaming site and paste it into the Video field. Don't worry about the dimensions of your video, they will automatically be adjusted to fill the width of the page, with the height also adjusted proportionately.

4. HTML5 - if you have the skills to create an interactive asset using Hype software you can upload this type of asset as a zip file.

Downloads

Optionally you can add downloadable documents, using the Page downloads tab, to any of these page templates. Downloadable documents will appear at the bottom of the content page underneath your main content.

CLICK AND REVEAL PAGE TEMPLATES

Click and reveal page templates enable you to deliver content with options for the learner to select that reveals more content within context. There are two types of this template.

1. Click and reveal with left hand menu

This page template has a two-column layout. In the left hand column you can include text information. You can also upload images to appear inline within the text (using the 'Insert image' function in the text editor), but please remember to left or right align them so that the surrounding text wraps around the image appropriately.

You can then choose text links to appear at the bottom of the left hand column that when selected reveal more content in the right hand column. There are four types of content you can reveal:

a) Text - as with the left-hand column you can include text information with inline images.

b) Image * - you can upload a JPEG, GIF or PNG image file. With the ubiquity of smartphones these days it's easy to take your own high quality photos or you may want to use an online image bank.

c) Audio - you can upload an MP3 audio file and an accompanying image file*. You can also capture high quality audio files using most smartphones these days.

d) Video - simply copy and paste the embed code from your video streaming site (e.g. YouTube, Vimeo, Vzaar) and paste it into the Video field. Don't worry about the dimensions of your video, they will automatically be adjusted to fill the width of the page, with the height also adjusted proportionately.

* If you don't have an image to upload, an image specific to you (e.g. your logo) will be used instead.

2. Image hotspot click and reveal

This page allows you to use a large image (using the full width of the page) and to place up to 8 hotspots overlaid on it. When a learner selects a hotspot a pop-up is launched. Within the pop-up you can enter text information with inline images.

You can drag and drop the hotspots into position on your image and also increase/decrease the size of them. There are three ways to display the hotspots to the learner:

a) No visual cues i.e. nothing on screen to show where the hotspots are.

b) Numbers are used to show where the hotspots are.

c) A symbol is used for each hotspot.

This page template is a useful way of delivering learning where you wish to highlight particular points on an image, e.g. health and safety hazards, places on a map, data on a graph, etc.

Downloads

Optionally you can add downloadable documents, using the Page downloads tab, to either of these page templates. Downloadable documents will appear at the bottom of the content page underneath your main content. 

MULTIPLE CHOICE QUESTIONS (MCQ) SINGLE CORRECT ANSWER PAGE TEMPLATES

These page templates can be used to deliver questions with multiple choice answers where there is one correct answer. You can award a score to learners for getting the question right.

There are four page templates which use one question only:

1. Text – the learner chooses from text answer options.

2. Images – the learner chooses from image answer options.

3. Audio – the learner chooses from audio answer options, with an accompanying image for each audio answer option.

4. Video – the learner chooses from video answer options.

There is no limit to how many answer options you present to the learner to choose from.

The MCQ quiz page allows you to present several questions on the same page with multiple choice text answer options. There is no limit on the number of questions you want to use or the answer options your present to the learner. Note: learners need to get all of the questions right on this page in order to be awarded the score you have chosen.

Attempts and learner feedback

In each of these page templates you can allow the learner either one or two attempts at the answer. You can display feedback to the learner for correct, first incorrect and second incorrect attempts using the Feedback tab.

Downloads

Optionally you can add downloadable documents to appear at the same time as the question and answer options, using the Page downloads tab, to any of these page templates. You can also add downloadable documents to appear at the same time as the feedback, using the Feedback tab, to any of these page templates. Downloadable documents will appear at the bottom of the page underneath your main content.

MULTIPLE CHOICE QUESTIONS (MCQ) MULTIPLE CORRECT ANSWERS PAGE TEMPLATES

These page templates can be used to deliver questions with multiple choice answers where there are two or more correct answers. You can award a score to learners for getting the question right.

There are four page templates:

1. Text – the learner chooses from text answer options.

2. Images – the learner chooses from image answer options.

3. Audio – the learner chooses from audio answer options, with an accompanying image for each audio answer option.

4. Video – the learner chooses from video answer options.

There is no limit to how many answer options you present to the learner to choose from.

Attempts and learner feedback

In each of these page templates you can allow the learner either one or two attempts at the answer. You can display feedback to the learner for correct, first incorrect and second incorrect attempts using the Feedback tab.

Downloads

Optionally you can add downloadable documents to appear at the same time as the question and answer options, using the Page downloads tab, to any of these page templates. You can also add downloadable documents to appear at the same time as the feedback, using the Feedback tab, to any of these page templates. Downloadable documents will appear at the bottom of the page underneath your main content.

INTERACTIVE QUESTIONS PAGE TEMPLATES

There are 6 question page templates in this range.

1. Image hotspot question

This page allows you to use a large image (using the full width of the page) and to place up to 8 hotspots on the image representing one or more correct answers. The learner has to drag one or more symbols onto the correct part(s) of the image.

You can drag and drop the hotspots into position on your image and also increase/decrease the size of them.

This page template is a useful way of testing learner’s knowledge and understanding, e.g. picking out health and safety hazards, places on a map, points on a graph, etc.

2. Drag and drop matching pairs

This page allows you to set a question where you ask the learner to match pairs by dragging and dropping text labels into the correct positions. For example, you could ask the learner to match statements in English with their corresponding translations in another language, or to match words or phrases with a corresponding description.

There is no limit to how many matching pairs you want to use.

3. Drag and drop into columns using text

This page allows you to set a question where you ask the learner to categorise answers by dragging and dropping them into the appropriate column. For example, you could ask the learner to sort statements into true or false columns, or to match words or phrases with their appropriate concept.

You can add up to 4 columns to choose from and up to 12 answer labels.

4. Drag and drop into columns using images

This question page template works in the same way as the drag and drop into columns using text template above but uses images for the answer options. For example, you could ask the learner to sort images of equipment into their appropriate categories, or to match symbols with an appropriate category.

You can add up to 4 columns to choose from and up to 12 images.

5. Drag and drop into columns using audio

This question page template works in the same way as the drag and drop into columns using text template above but uses audio (with an accompanying image) for the answer options. For example, you could ask the learner to sort responses to a complaint into categories, or to match sounds with an appropriate category.

You can add up to 4 columns to choose from and up to 12 audio files (each with an accompanying image).

6. Drag and drop onto an image

This page allows you to use a large image (using the full width of the page) and to choose up to 8 text labels to be placed on the correct part(s) of the image. The learner has to drag one or more text labels onto the correct part(s) of the image.

You can drag and drop the hotspots for the text labels into position on your image and also increase/decrease the size of them.

This page template is a useful way of testing learner’s knowledge and understanding, e.g. labelling an image of a piece of equipment with the correct descriptions, or to identify points on a graph with the associated descriptions of trends shown in the data.

Attempts and learner feedback

In each of these page templates you can allow the learner either one or two attempts at the answer. You can display feedback to the learner for correct, first incorrect and second incorrect attempts using the Feedback tab.

Downloads

Optionally you can add downloadable documents to appear at the same time as the question and answer options, using the Page downloads tab, to any of these page templates. You can also add downloadable documents to appear at the same time as the feedback, using the Feedback tab, to any of these page templates. Downloadable documents will appear at the bottom of the page underneath your main content.

LEARNER INPUT PAGE TEMPLATES

These page templates allow you to ask the learner a question and they respond by entering their free text answer. Unlike other question page templates, the learner’s answer is not marked by the system, although their answer is stored in the website (NB: you can download a copy from their User profile in the Courses tab. You can also opt to receive an email notification when a module is completed by a user that uses one or more of these page templates).

This type of template is a good way of getting learners to reflect on a topic, e.g. their approach to an issue or a problem. You can present feedback when they have submitted their entry, e.g. points or tips that they may want to consider.

Learners submit their entry in a free text box field on the left hand side of the page. On the right hand side of the page you can present media in 3 different templates:

1. Image* - you can upload a JPEG, GIF or PNG image file. With the ubiquity of smartphones these days it's easy to take your own high quality photos or you may want to use an online image bank.
2. Audio - you can upload an MP3 audio file and an accompanying image file*. You can also capture high quality audio files using most smartphones these days.
3. HTML5 - if you have the skills to create an interactive asset using Hype software you can upload this type of asset as a zip file.

* If you don't have an image to upload, an image specific to you (e.g. your logo) will be used instead.

Downloads

Optionally you can add downloadable documents, using the Page downloads tab, to any of these page templates. Downloadable documents will appear at the bottom of the content page underneath your main content.