Skip to Content

Single Page

Last modified by Carina Enke on 16.01.2024

KB_Seite.png

The single page course element allows you to create your own HTML pages with text, images, links, videos or VR content and to integrate and display files. With the external page course element, you can also embed external web pages in your course.

Information

A supplementary video is available for this function.

 

Content

Related topics

Failed to execute the [velocity] macro. Cause: [The execution of the [velocity] script macro is not allowed in [xwiki:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.WebHome]. Check the rights of its last author or the parameters if it's rendered from another script.]. Click on this message for details.

Usage: Learners' View

Overview

In the single page course element, you can read HTML pages created by the course author and view other files such as images or videos.

Kursrun - Überblick Kursbaustein Einzelne Seite_en.png

Functions for users

When you open the course element, the stored content will be displayed in the middle of the page. As the tutor individually designs the page, each single page course element can look different and contain different elements such as links, media or interactions.

Information

You can be assigned extended rights by a course supervisor. These rights will make additional functions, such as editing the page, available to you. For more information on these functions, see the Functions in the course view section.

Configuration: Authors' View

In the course editor

The following functions are available to authors in the course editor:

Add a course element check list

Click to open instructions on how to add a course element ...

To integrate a course element into your course, proceed as follows:

1

Open the course you want to edit.

Use the pencil icon at the top of the page to open the editing mode.

Kurs-zum Editor wechseln_en.png

2

Select the course element you require by clicking on it from the list of available course elements in the menu on the right-hand side.

Kurseditor-KB auswählen_en.png

3

In the dialog box, you can define the position of the new course element within your course structure (left navigation pane). The available positions are marked with an insert icon.

To insert the new course element into an existing sub-structure, you must first open it by clicking on the small triangle icon next to the structure's title. The area will open, and you will again see insert icons at the available positions.

Click on the insert icon at the desired position within the structure. The selected area will be highlighted.

Confirm your choice with Insert course element.

Kurseditor-KB in tree einfügen_en.png

4

The element will be inserted into the course structure at the selected position.

Depending on the course element, you have to make additional configurations or add content in order to complete the configuration.

For these changes to take effect, you must publish the course. The course element will then also become available in the course view.

Kurseditor-KB konfigurieren_en.png

 

 

General configuration settings

In the course editor, you will find the following configuration tabs:

Title and description

Configuration options in the tab title and description ...
VisibilityIf necessary, restrict the visibility of the course element here. For more information, see the Visibility help page.
Access If necessary, restrict the visibility of the course element here. For more information, see the Access help page.

Page content / Configuration

In the Page content or Configuration tab, you can assign a page resource to your course element. You can either use an internal page (single page course element) or an external page (external page course element).

Single page course element

By clicking on the Select or create page button, you can assign your course element specific existing or new content. For more information, see the Select, create or upload page section.

If there is already some assigned content available, you will see the following buttons: Open page in editor, Delete page and Replace page. The options offered by these buttons are described in the Open, replace or delete page in the editor section.

External page course element

To integrate an external page, use the external page course element. The options in the Configuration tab are explained in more detail on the Configure an external page course element help page.

Multilingualism

In this tab, different translations can be added to individual course element areas.

Copy a single page course element within a course

Information
Note on copying a single page course element

If you copy an already fully configured single page course element within the course, the reference to the HTML file used will also be copied. This is the standard behaviour when copying course elements. For a course element of the type single page, this means that the same file will then be displayed for both course elements. If you edit this file later on, e. g. at one point in the course view, the (same) modified content will also be displayed at the other course element location.

To add a different file to the copied course element, you can use the Replace page function in the Page content tab in the course editor and reference another or a new file.

 

In the course view

In the course view, you can use all the course element functions available to users, but also the following additional functions:

Icon_Bearbeiten.png

Edit content

For more information on how to edit an existing page, see the Edit single page section.

Information

As a course supervisor, you can assign extended rights for a course element's additional editing functions to individual or even all course users. These rights can be configured in the tab Access. Further information can be found in the section General configuration settings on this page.

Application examples

  • Embed files with VR content: This page explains how to integrate VR content that is available in the WebGL format.
  • Insert VR content: VR content that is already stored on web servers can be integrated into a page via embed code. This page contains an example for the display of 3D models.
  • Embed videos: Videos can be embedded in many ways. This page describes three options.
  • Provide links (blizz): Links can also be placed on a page in several ways.