Zum Inhalt springen

Wiki-Quellcode von Einzelne Seite

Version 966.1 von Carina Enke am 16.01.2024
Verstecke letzte Bearbeiter
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
6 Der Kursbaustein **Einzelne Seite **erlaubt das Erstellen eigener HTML-Seiten mit Texten, Bildern, Links, Videos oder VR-Inhalten sowie das Einbinden und Anzeigen von verschiedenen Dateiformaten. Beispiele dazu listet der [[Abschnitt Workflows und Anwendungsbeispiele>>doc:||anchor="beispiele"]] auf.
7
8 Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
9
10
11 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
12 {{/layout-cell}}
13
14 {{layout-cell}}
15 {{panel borderColor="silver" title="Inhalt"}}
16 {{toc/}}
17
18 **Verwandte Themen**
19
20 * [[Erstellung barrierefreier Inhalte>>doc:LMS.Benutzerhandbuch OPAL.Barrierefreiheit.Erstellung barrierefreier Inhalte.WebHome]]
21 {{/panel}}
22 {{/layout-cell}}
23 {{/layout-section}}
24
25 {{layout-section ac:type="single"}}
26 {{layout-cell}}
27 == Nutzung aus Lerner-Sicht ==
28
29 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
30 (% class="auto-cursor-target" %)
31 Im Kursbaustein **Einzelne Seite** haben Sie die Möglichkeit, die vom Kursautor erstellten **HTML-Seiten zu lesen** und andere Dateien wie beispielsweise Bilder oder Videos anzusehen.
32
33 (% class="auto-cursor-target" %)
34 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
35 {{/panel}}
36
37 {{id name="Nutzerfunktionen"/}}
38
39 {{panel title="Funktionen für Nutzer"}}
40 (% class="auto-cursor-target" %)
41 Beim Aufruf des Kursbausteins wird Ihnen der hinterlegte Inhalt im mittleren Seitenbereich präsentiert. Da die Seite **individuell vom Tutor** **gestaltet** wird, kann jeder Kursbaustein Einzelne Seite anders aussehen und verschiedene Elemente wie **Verlinkungen, Medien oder Interaktionen** enthalten.
42
43 {{info}}
44 Ein Kursverantwortlicher kann Ihnen erweiterte Berechtigungen vergeben. Dann sind zusätzliche Funktionen wie beispielsweise das Bearbeiten der Seite für Sie verfügbar. Weitere Informationen zu diesen Funktionen enthält der Abschnitt [[Funktionen in der Kursansicht>>doc:||anchor="Kursansicht"]].
45 {{/info}}
46 {{/panel}}
47
48 == Nutzung aus Autoren-Sicht ==
49
50 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
51 Im **Kurseditor** stehen Ihnen als Autor folgende Funktionen zur Verfügung:
52
53 (% class="wrapped" %)
54 |(((
55 ==== Kursbaustein Einzelne Seite hinzufügen ====
56 )))|(((
57 (% class="content-wrapper" %)
58 (((
59 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
60
61
Carina Enke 963.2 62 {{display reference="LMS._Include Library.Course Pages.Kursbaustein hinzufügen.WebHome"/}}
Carina Enke 960.1 63 {{/expand}}
64 )))
65 )))
66 |(((
67 ==== Konfigurations-Einstellungen ====
68 )))|(((
69 (% class="content-wrapper" %)
70 (((
71 Im Kurseditor sehen Sie folgende Konfigurationstabs:
72
73 (% class="wrapped" data-mce-resize="false" %)
74 |=(((
75 Titel und Beschreibung
76 )))|(((
77 (% class="content-wrapper" %)
78 (((
79 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
80
81
Carina Enke 962.2 82 {{display reference="LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
Carina Enke 960.1 83 {{/expand}}
84 )))
85 )))
Carina Enke 962.2 86 |=(% scope="col" %)Sichtbarkeit|Schränken Sie hier bei Bedarf die Sichtbarkeit des Kursbausteins ein. Weitere Informationen enthält der Abschnitt [[Sichtbarkeit und Zugriff>>doc:LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]].
87 |=(% scope="col" %)Zugang|Schränken Sie hier bei Bedarf den Zugang  zum Kursbausteins ein. Weitere Informationen enthält der Abschnitt [[Sichtbarkeit und Zugriff>>doc:LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]].
Carina Enke 960.1 88 |=(((
89 Seiteninhalt/Konfiguration Seite
90 )))|(((
91 {{id name="Seite"/}}
92
93 Im Tab **Seiteninhalt** bzw. **Konfiguration Seite** ordnen Sie Ihrem Kursbaustein eine Seiten-Ressource hinzu. Sie können dabei interne Seiten verwenden (Baustein **Einzelne Seite**) oder auch externe Seiten (Baustein** Externe Seite**) verlinken.
94
95 === Baustein Einzelne Seite ===
96
97 Mit Klick auf den Button **Seite auswählen oder erstellen **können Sie dem Kursbaustein einen konkreten Inhalt zuordnen oder einen neuen Inhalt für diesen erstellen. Weitere Informationen bietet der Abschnitt [[Seite auswählen, erstellen oder hochladen>>doc:.KB Einzelne Seite Konfiguration.Seite auswaehlen, erstellen oder hochladen.WebHome]].
98
99 Ist bereits ein Inhalt zugeordnet, sehen Sie die Buttons **Seite im Editor öffnen**, **Seite entfernen** und **Seite auswechseln**. Welche Möglichkeiten diese Buttons bieten, beschreibt der Abschnitt [[Seite im Editor öffnen, auswechseln oder entfernen>>doc:.KB Einzelne Seite Konfiguration.Seite im Editor oeffnen, auswechseln oder entfernen.WebHome]].
100
101 === Baustein Externe Seite ===
102
103 Um eine **externe Seite** einzubinden, nutzen Sie den Baustein **Externe Seite**. Die Optionen im Tab **Konfiguration Seite** werden auf der Seite [[Baustein Externe Seite konfigurieren>>doc:.KB Einzelne Seite Konfiguration.Baustein Externe Seite konfigurieren.WebHome]] näher beschrieben.
104 )))
105 |=(((
106 Mehrsprachigkeit
107 )))|(((
108 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
109 )))
110 )))
111 )))
112
113 (% id="HEinenKursbausteinEinzelneSeiteinnerhalbeinesKurseskopieren" class="auto-cursor-target" %)
114 === Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
115
116 {{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
117 Wenn Sie einen bereits vollständig konfigurierten Kursbaustein Einzelne Seite innerhalb des Kurses kopieren,** wird die Referenz zur verwendeten HTML-Datei mit kopiert**. Dies ist das Standardverhalten zum Kopieren von Kursbausteinen. Für den Kursbaustein Einzelne Seite heißt dies, es wird anschließend die gleiche Datei bei beiden Kursbausteinen angezeigt. Editieren Sie diese Datei nachträglich, bspw. an einer Stelle in der Kursansicht, wird deshalb auch an der anderen Kursbausteinstelle der (gleiche) geänderte Inhalt angezeigt.
118
119 Die Seite [[Kursbaustein Einzelne Seite kopieren>>doc:.KB Einzelne Seite Workflows.Kursbaustein Einzelne Seite kopieren.WebHome]] Erläutert dieses Verhalten und beschreibt, welche Möglichkeiten Sie nutzen können, um eine Andere, eine Neue oder eine Dateikopie zu referenzieren.
120 {{/info}}
121 {{/panel}}
122 {{/layout-cell}}
123 {{/layout-section}}
124
125 {{layout-section ac:type="single"}}
126 {{layout-cell}}
127
128 {{/layout-cell}}
129 {{/layout-section}}
130
131 {{layout-section ac:type="single"}}
132 {{layout-cell}}
133 (% class="auto-cursor-target" %)
134
135
136 {{id name="Kursansicht"/}}
137
138 {{panel title="In der Kursansicht"}}
139 In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
140
141 (% class="wrapped" %)
142 |(% colspan="1" %)(% colspan="1" %)
143 (((
144 (% class="content-wrapper" %)
145 (((
Carina Enke 960.2 146 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon"]]
Carina Enke 960.1 147 )))
148 )))|=(((
149 Inhalt bearbeiten
150 )))|(((
Carina Enke 964.1 151 (((
Carina Enke 960.1 152 (% class="content-wrapper" %)
153 (((
154 (% class="auto-cursor-target" %)
Carina Enke 961.2 155 Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[Einzelne Seite bearbeiten>>doc:.KB Einzelne Seite Workflows.Einzelne Seite bearbeiten.WebHome]].
Carina Enke 960.1 156 )))
157 )))
Carina Enke 964.3 158 )))
Carina Enke 964.1 159
Carina Enke 964.3 160 hier müsste es her
161
Carina Enke 965.2 162 {{box}}
Carina Enke 963.2 163 (((
164 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
Carina Enke 965.2 165 {{display reference="LMS._Include Library.Course Pages.Info Erweiterte Berechtigungen.WebHome"/}}
Carina Enke 963.2 166 {{/expand}}
167 )))
Carina Enke 966.1 168
Carina Enke 965.2 169 {{box}}
Carina Enke 966.1 170
171 {{/box}}
172 {{/box}}
Carina Enke 960.1 173 {{/panel}}
174 {{/layout-cell}}
175 {{/layout-section}}
176
177 {{layout-section ac:type="single"}}
178 {{layout-cell}}
179 (% class="auto-cursor-target" %)
180
181
182
183 {{id name="beispiele"/}}
184
185 (% id="HWorkflowsundAnwendungsbeispiele" class="auto-cursor-target" %)
186 == Workflows und Anwendungsbeispiele ==
187
188 Die Inhalte des Kursbausteins Einzelne Seite können sehr vielseitig sein. Folgende Seiten zeigen Ihnen einige Umsetzungsbeispiele:
189
190 === Externe Pdf-Datei einbetten ===
191
Carina Enke 961.2 192 Liegt ein pdf-Inhalt bereits im Netz an anderer Stelle frei zugänglich vor, können Sie diesen auch direkt einbetten. Die verlinkte Seite [[Externe Pdf-Datei einbetten>>doc:.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Externe Pdf-Datei einbetten.WebHome]] zeigt eine Beispielumsetzung.
Carina Enke 960.1 193
194 === Datei mit VR-Inhalt einbinden ===
195
Carina Enke 961.2 196 Die Seite [[Datei mit VR-Inhalt einbinden>>doc:.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Datei mit VR-Inhalt einbinden.WebHome]] beschreibt, wie ein VR-Inhalt, der als WebGL vorliegt, eingebunden werden kann.
Carina Enke 960.1 197
198 === VR-Inhalte einfügen ===
199
Carina Enke 961.2 200 VR-Inhalte, die bereits auf Webservern liegen, können per Einbettungscode in eine Seite integriert werden. Das Beispiel [[VR-Inhalte einfügen>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Inhalte einbetten.VR-Inhalte einfuegen.WebHome]] beschreibt die Anzeige von 3D-Modellen.
Carina Enke 960.1 201
202 === Ein Video einbinden ===
203
Carina Enke 961.2 204 Videos können auf vielen Wegen eingebunden werden. Die Seite [[Video einbinden>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome]] beschreibt drei Möglichkeiten.
Carina Enke 960.1 205
206 === Einen Link bereitstellen ===
207
Carina Enke 961.2 208 Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden. Ein Anwendungsbeispiel zeigt die Seite [[Einen Link bereitstellen>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Leitfäden.Einen Link bereitstellen.WebHome]].
Carina Enke 960.1 209 {{/layout-cell}}
210 {{/layout-section}}
211 {{/layout}}
212
213 {{layout}}
214 {{layout-section ac:type="two_right_sidebar"}}
215 {{layout-cell}}
216 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
217
218 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.
219
220
221 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
222
223
224 {{/layout-cell}}
225
226 {{layout-cell}}
227
228
229 {{panel borderColor="silver" title="Content"}}
230 {{toc minLevel="2"/}}
231
232 **Related topics**
233
234
235
236 {{children/}}
237 {{/panel}}
238 {{/layout-cell}}
239 {{/layout-section}}
240
241 {{layout-section ac:type="single"}}
242 {{layout-cell}}
243 == Usage: Learners' View ==
244
245 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
246 (% class="auto-cursor-target" %)
247 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.
248
249 (% class="auto-cursor-target" %)
Carina Enke 961.2 250 [[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 251 {{/panel}}
252
253
254
255 {{id name="Functions for users"/}}
256
257 {{panel title="Functions for users"}}
258 (% class="auto-cursor-target" %)
259 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**.
260
261 {{info}}
262 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.
263 {{/info}}
264 {{/panel}}
265
266 == Configuration: Authors' View ==
267
268 {{panel titleBGColor="#5a759d" title="In the course editor"}}
269 The following functions are available to authors in the **course editor**:
270
271 (% class="wrapped" %)
272 |(((
273 ==== Add a single page course element ====
274 )))|(((
275 (% class="content-wrapper" %)
276 (((
277 {{expand title="Click to open instructions on how to add a course element ..."}}
278
279
280 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}
281 {{/expand}}
282 )))
283 )))
284 |(((
285 ==== General configuration settings ====
286 )))|(((
287 (% class="content-wrapper" %)
288 (((
289 In the course editor, you will find the following configuration tabs:
290
291 (% class="wrapped" %)
292 |=(((
293 Title and description
294 )))|(((
295 (% class="content-wrapper" %)
296 (((
297 {{expand title="Configuration options in the tab title and description ..."}}
298
299
300 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C53FE0248C0803953C082"/}}
301 {{/expand}}
302 )))
303 )))
304 |=(((
305 Visibility
306 )))|(% rowspan="2" %)(% rowspan="2" %)
307 (((
308 (% class="content-wrapper" %)
309 (((
310 {{expand title="Configuration options in the tab visibility and access ..."}}
311
312
313 {{includeplus spaceKey="LMS" scrollPageId="866DE487014C993C59312A0356AD1BC3"/}}
314
315
316
317 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015EC296B1E57D441AB72F4A"/}}
318 {{/expand}}
319 )))
320 )))
321 |=(((
322 Access
323 )))
324 |=(((
325 Page content / Configuration
326 )))|(((
327 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).
328
329 === Single page course element ===
330
331 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>>url:https://www.bps-system.de/help/display/LMSintern/.Seite+auswaehlen%2C+erstellen+oder+hochladen+v13.en||shape="rect"]] section.
332
333 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>>url:https://www.bps-system.de/help/display/LMSintern/.Seite+im+Editor+oeffnen%2C+auswechseln+oder+entfernen+v13.en||shape="rect"]] section.
334
335 === External page course element ===
336
337 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>>url:https://www.bps-system.de/help/display/LMSintern/.Baustein+Externe+Seite+konfigurieren+v13.en||shape="rect"]] help page.
338 )))
339 |=(((
340 Multilingualism
341 )))|(((
342 In this tab, different translations can be added to individual course element areas.
343 )))
344 )))
345 )))
346
347 (% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %)
348 === Copy a single page course element within a course ===
349
350 {{info title="Note on copying a single page course element"}}
351 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.
352
353 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.
354 {{/info}}
355 {{/panel}}
356 {{/layout-cell}}
357 {{/layout-section}}
358
359 {{layout-section ac:type="single"}}
360 {{layout-cell}}
361
362 {{/layout-cell}}
363 {{/layout-section}}
364
365 {{layout-section ac:type="single"}}
366 {{layout-cell}}
367 (% class="auto-cursor-target" %)
368
369
370 {{panel title="In the course view"}}
371 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:
372
373 (% class="wrapped" %)
374 |(% colspan="1" %)(% colspan="1" %)
375 (((
376 (% class="content-wrapper" %)
377 (((
Carina Enke 961.2 378 (% 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 379 )))
380 )))|(((
381 ==== Edit content ====
382 )))|(((
383 (% class="content-wrapper" %)
384 (((
385 (% class="auto-cursor-target" %)
386 For more information on how to edit an existing page, see the [[Edit single page>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+bearbeiten+v13.en||shape="rect"]] section.
387 )))
388 )))
389 {{/panel}}
390
Carina Enke 961.2 391 **include**
392
393 {{id name="Course view"/}}
394
Carina Enke 960.1 395 === Application examples ===
396
Carina Enke 961.3 397 * [[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.
398 * [[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.
399 * [[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.
400 * [[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 401 {{/layout-cell}}
402 {{/layout-section}}
403 {{/layout}}