Wiki source code of Einzelne Seite

Last modified by Carina Enke on 13.02.2024
Show last authors
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
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.
7
8
9 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
10 {{/layout-cell}}
11
12 {{layout-cell}}
13
14
15 {{panel borderColor="silver" title="Content"}}
16 {{toc start="2"/}}
17
18 **Related topics**
19
20
21 {{velocity}}
22 {{documentTree root="document:$doc.documentReference" showAttachments="false" showTranslations="false" limit="20" /}}
23 {{/velocity}}
24 {{/panel}}
25 {{/layout-cell}}
26 {{/layout-section}}
27
28 {{layout-section ac:type="single"}}
29 {{layout-cell}}
30 == Usage: Learners' View ==
31
32 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
33 (% class="auto-cursor-target" %)
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.
35
36 (% class="auto-cursor-target" %)
37 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
38 {{/panel}}
39
40
41
42 {{id name="Functions for users"/}}
43
44 {{panel title="Functions for users"}}
45 (% class="auto-cursor-target" %)
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**.
47
48 {{info}}
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.
50 {{/info}}
51 {{/panel}}
52
53 == Configuration: Authors' View ==
54
55 {{panel titleBGColor="#5a759d" title="In the course editor"}}
56 The following functions are available to authors in the **course editor**:
57
58 (% class="wrapped" %)
59 |=(% scope="row" %)(((
60 ===== Add a course element check list =====
61 )))|(((
62 {{expand title="Click to open instructions on how to add a course element ..."}}
63 {{display reference="LMS._Include Library.Kursseiten.Kursbaustein hinzufügen.WebHome"/}}
64 {{/expand}}
65 )))
66 |=(((
67 ===== General configuration settings =====
68 )))|(((
69 (% class="content-wrapper" %)
70 (((
71 In the course editor, you will find the following configuration tabs:
72
73 (% class="wrapped" %)
74 |=(((
75 Title and description
76 )))|(((
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"/}}
79 {{/expand}}
80 )))
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.
83 |=(((
84 Page content / Configuration
85 )))|(((
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).
87
88 === Single page course element ===
89
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.
91
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.
93
94 === External page course element ===
95
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.
97 )))
98 |=(((
99 Multilingualism
100 )))|(((
101 In this tab, different translations can be added to individual course element areas.
102 )))
103 )))
104 )))
105
106 (% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %)
107 === Copy a single page course element within a course ===
108
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.
111
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.
113 {{/info}}
114 {{/panel}}
115 {{/layout-cell}}
116 {{/layout-section}}
117
118 {{layout-section ac:type="single"}}
119 {{layout-cell}}
120 (% class="auto-cursor-target" %)
121
122
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:
125
126 (% class="wrapped" %)
127 |(% colspan="1" %)(% colspan="1" %)
128 (((
129 (% class="content-wrapper" %)
130 (((
131 (% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon" height="23" width="25"]]
132 )))
133 )))|(((
134 ==== Edit content ====
135 )))|(((
136 (% class="content-wrapper" %)
137 (((
138 (% class="auto-cursor-target" %)
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.
140 )))
141 )))
142 {{/panel}}
143
144 {{display reference="LMS._Include Library.Kursseiten.Info Erweiterte Berechtigungen.WebHome"/}}
145
146 {{id name="Course view"/}}
147
148 === Application examples ===
149
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.
154 {{/layout-cell}}
155 {{/layout-section}}
156 {{/layout}}