Wiki source code of Einzelne Seite

Last modified by Carina Enke on 13.02.2024

Hide last authors
Carina Enke 960.1 1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
5
Carina Enke 981.1 6 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.
Carina Enke 960.1 7
8
9 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
10 {{/layout-cell}}
11
12 {{layout-cell}}
Carina Enke 981.1 13
14
15 {{panel borderColor="silver" title="Content"}}
Carina Enke 980.2 16 {{toc start="2"/}}
Carina Enke 960.1 17
Carina Enke 981.1 18 **Related topics**
Carina Enke 960.1 19
Carina Enke 981.1 20
21 {{velocity}}
22 {{documentTree root="document:$doc.documentReference" showAttachments="false" showTranslations="false" limit="20" /}}
23 {{/velocity}}
Carina Enke 960.1 24 {{/panel}}
25 {{/layout-cell}}
26 {{/layout-section}}
27
28 {{layout-section ac:type="single"}}
29 {{layout-cell}}
Carina Enke 981.1 30 == Usage: Learners' View ==
Carina Enke 960.1 31
Carina Enke 981.1 32 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
Carina Enke 960.1 33 (% class="auto-cursor-target" %)
Carina Enke 981.1 34 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.
Carina Enke 960.1 35
36 (% class="auto-cursor-target" %)
Carina Enke 981.1 37 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
Carina Enke 960.1 38 {{/panel}}
39
40
Carina Enke 981.1 41
42 {{id name="Functions for users"/}}
43
44 {{panel title="Functions for users"}}
Carina Enke 960.1 45 (% class="auto-cursor-target" %)
Carina Enke 981.1 46 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**.
Carina Enke 960.1 47
48 {{info}}
Carina Enke 981.1 49 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>>doc:||anchor="Course view"]] section.
Carina Enke 960.1 50 {{/info}}
51 {{/panel}}
52
Carina Enke 981.1 53 == Configuration: Authors' View ==
Carina Enke 960.1 54
Carina Enke 981.1 55 {{panel titleBGColor="#5a759d" title="In the course editor"}}
56 The following functions are available to authors in the **course editor**:
Carina Enke 960.1 57
58 (% class="wrapped" %)
Carina Enke 981.1 59 |=(% scope="row" %)(((
60 ===== Add a course element check list =====
Carina Enke 960.1 61 )))|(((
Carina Enke 981.1 62 {{expand title="Click to open instructions on how to add a course element ..."}}
Carina Enke 975.1 63 {{display reference="LMS._Include Library.Kursseiten.Kursbaustein hinzufügen.WebHome"/}}
Carina Enke 960.1 64 {{/expand}}
65 )))
Carina Enke 981.1 66 |=(((
67 ===== General configuration settings =====
Carina Enke 960.1 68 )))|(((
69 (% class="content-wrapper" %)
70 (((
Carina Enke 981.1 71 In the course editor, you will find the following configuration tabs:
Carina Enke 960.1 72
Carina Enke 981.1 73 (% class="wrapped" %)
Carina Enke 960.1 74 |=(((
Carina Enke 981.1 75 Title and description
Carina Enke 960.1 76 )))|(((
Carina Enke 981.1 77 {{expand title="Configuration options in the tab title and description ..."}}
78 {{display reference="LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
Carina Enke 960.1 79 {{/expand}}
80 )))
Carina Enke 981.1 81 |=(% scope="col" %)Visibility|If necessary, restrict the visibility of the course element here. For more information, see the [[Visibility >>doc:LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
82 |=(% scope="col" %)Access |If necessary, restrict the visibility of the course element here. For more information, see the [[Access >>doc:LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
Carina Enke 960.1 83 |=(((
Carina Enke 981.1 84 Page content / Configuration
Carina Enke 960.1 85 )))|(((
Carina Enke 981.1 86 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).
Carina Enke 960.1 87
Carina Enke 981.1 88 === Single page course element ===
Carina Enke 960.1 89
Carina Enke 981.1 90 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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Konfiguration.Seite auswählen, erstellen oder hochladen.WebHome||shape="rect"]] section.
Carina Enke 960.1 91
Carina Enke 981.1 92 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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Konfiguration.Seite im Editor öffnen, auswechseln oder entfernen.WebHome||shape="rect"]] section.
Carina Enke 960.1 93
Carina Enke 981.1 94 === External page course element ===
Carina Enke 960.1 95
Carina Enke 981.1 96 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>>doc:.KB Einzelne Seite Konfiguration.Baustein Externe Seite konfigurieren.WebHome||shape="rect"]] help page.
Carina Enke 960.1 97 )))
98 |=(((
Carina Enke 981.1 99 Multilingualism
Carina Enke 960.1 100 )))|(((
Carina Enke 981.1 101 In this tab, different translations can be added to individual course element areas.
Carina Enke 960.1 102 )))
103 )))
104 )))
105
Carina Enke 981.1 106 (% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %)
107 === Copy a single page course element within a course ===
Carina Enke 960.1 108
Carina Enke 981.1 109 {{info title="Note on copying a single page course element"}}
110 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.
Carina Enke 960.1 111
Carina Enke 981.1 112 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.
Carina Enke 960.1 113 {{/info}}
114 {{/panel}}
115 {{/layout-cell}}
116 {{/layout-section}}
117
118 {{layout-section ac:type="single"}}
119 {{layout-cell}}
Carina Enke 981.1 120 (% class="auto-cursor-target" %)
121
Carina Enke 960.1 122
Carina Enke 981.1 123 {{panel title="In the course view"}}
124 In the course view, you can use all the course element [[functions available to users>>doc:||anchor="Functions for users"]], but also the following additional functions:
Carina Enke 960.1 125
126 (% class="wrapped" %)
127 |(% colspan="1" %)(% colspan="1" %)
128 (((
129 (% class="content-wrapper" %)
130 (((
Carina Enke 981.1 131 (% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon" height="23" width="25"]]
Carina Enke 960.1 132 )))
133 )))|(((
Carina Enke 981.1 134 ==== Edit content ====
135 )))|(((
Carina Enke 960.1 136 (% class="content-wrapper" %)
137 (((
138 (% class="auto-cursor-target" %)
Carina Enke 981.1 139 For more information on how to edit an existing page, see the [[Edit single page>>doc:.KB Einzelne Seite Workflows.Einzelne Seite bearbeiten.WebHome||shape="rect"]] section.
Carina Enke 960.1 140 )))
141 )))
Carina Enke 981.1 142 {{/panel}}
Carina Enke 964.1 143
Carina Enke 974.1 144 {{display reference="LMS._Include Library.Kursseiten.Info Erweiterte Berechtigungen.WebHome"/}}
Carina Enke 960.1 145
Carina Enke 981.1 146 {{id name="Course view"/}}
Carina Enke 960.1 147
Carina Enke 981.1 148 === Application examples ===
Carina Enke 960.1 149
Carina Enke 981.1 150 * [[Embed files with VR content>>doc:.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Datei mit VR-Inhalt einbinden.WebHome||shape="rect"]]: This page explains how to integrate VR content that is available in the WebGL format.
151 * [[Insert VR content>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Inhalte einbetten.VR-Inhalte einfuegen.WebHome||shape="rect"]]: 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.
152 * [[Embed videos>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome||shape="rect"]]: Videos can be embedded in many ways. This page describes three options.
153 * [[Provide links (blizz)>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Leitfäden.Einen Link bereitstellen.WebHome||shape="rect"]]: Links can also be placed on a page in several ways.
Carina Enke 960.1 154 {{/layout-cell}}
155 {{/layout-section}}
156 {{/layout}}