Wiki-Quellcode von Einzelne Seite

Version 956.2 von Carina Enke am 15.01.2024

Verstecke letzte Bearbeiter
Carina Enke 954.1 1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
Carina Enke 954.2 4 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
Carina Enke 954.1 5
Carina Enke 954.2 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
Carina Enke 954.1 8 Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
9
10
Carina Enke 954.2 11 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
Carina Enke 954.1 12 {{/layout-cell}}
13
14 {{layout-cell}}
15 {{panel borderColor="silver" title="Inhalt"}}
16 {{toc/}}
17
18 **Verwandte Themen**
19
Carina Enke 956.2 20 * [[Erstellung barrierefreier Inhalte>>doc:LMS.Benutzerhandbuch OPAL.Barrierefreiheit.Erstellung barrierefreier Inhalte.WebHome]]
Carina Enke 954.1 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" %)
Carina Enke 956.2 34 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
Carina Enke 954.1 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
62 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}
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
82 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C53FE0248C0803953C082"/}}
83 {{/expand}}
84 )))
85 )))
86 |=(((
87 Sichtbarkeit
88 )))|(% rowspan="2" %)(% rowspan="2" %)
89 (((
90 (% class="content-wrapper" %)
91 (((
92 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
93
94
95 {{includeplus spaceKey="LMS" scrollPageId="866DE487014C993C59312A0356AD1BC3"/}}
96
97
98
99 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015EC296B1E57D441AB72F4A"/}}
100 {{/expand}}
101 )))
102 )))
103 |=(((
104 Zugang
105 )))
106 |=(((
107 Seiteninhalt/Konfiguration Seite
108 )))|(((
109 {{id name="Seite"/}}
110
Carina Enke 954.2 111 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.
Carina Enke 954.1 112
113 === Baustein Einzelne Seite ===
114
Carina Enke 956.2 115 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]].
Carina Enke 954.1 116
Carina Enke 956.2 117 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]].
Carina Enke 954.1 118
119 === Baustein Externe Seite ===
120
Carina Enke 956.2 121 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.
Carina Enke 954.1 122 )))
123 |=(((
124 Mehrsprachigkeit
125 )))|(((
126 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
127 )))
128 )))
129 )))
130
Carina Enke 954.2 131 (% id="HEinenKursbausteinEinzelneSeiteinnerhalbeinesKurseskopieren" class="auto-cursor-target" %)
Carina Enke 954.1 132 === Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
133
134 {{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
Carina Enke 954.2 135 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.
Carina Enke 954.1 136
Carina Enke 956.2 137 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.
Carina Enke 954.1 138 {{/info}}
139 {{/panel}}
140 {{/layout-cell}}
141 {{/layout-section}}
142
143 {{layout-section ac:type="single"}}
144 {{layout-cell}}
Carina Enke 954.2 145
Carina Enke 954.1 146 {{/layout-cell}}
147 {{/layout-section}}
148
149 {{layout-section ac:type="single"}}
150 {{layout-cell}}
151 (% class="auto-cursor-target" %)
Carina Enke 954.2 152
Carina Enke 954.1 153
154
155 {{id name="Kursansicht"/}}
156
157 {{panel title="In der Kursansicht"}}
158 In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
159
160 (% class="wrapped" %)
161 |(% colspan="1" %)(% colspan="1" %)
162 (((
163 (% class="content-wrapper" %)
164 (((
165 [[image:attach:Icons@Icon_Bearbeiten.png]]
166 )))
167 )))|=(((
168 Inhalt bearbeiten
169 )))|(((
170 (% class="content-wrapper" %)
171 (((
172 (% class="auto-cursor-target" %)
173 Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[doc:Einzelne Seite bearbeiten]].
174 )))
175 )))
176
177 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F016072B47C53428C3A28C15E"/}}
178 {{/panel}}
179 {{/layout-cell}}
180 {{/layout-section}}
181
182 {{layout-section ac:type="single"}}
183 {{layout-cell}}
184 (% class="auto-cursor-target" %)
Carina Enke 954.2 185
Carina Enke 954.1 186
187
188 {{id name="beispiele"/}}
189
Carina Enke 954.2 190 (% id="HWorkflowsundAnwendungsbeispiele" class="auto-cursor-target" %)
Carina Enke 954.1 191 == Workflows und Anwendungsbeispiele ==
192
193 Die Inhalte des Kursbausteins Einzelne Seite können sehr vielseitig sein. Folgende Seiten zeigen Ihnen einige Umsetzungsbeispiele:
194
195 === Externe Pdf-Datei einbetten ===
196
197 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:Anwendungsbeispiel: Externe Pdf-Datei einbetten]] zeigt eine Beispielumsetzung.
198
199 === Datei mit VR-Inhalt einbinden ===
200
201 Die Seite [[Datei mit VR-Inhalt einbinden>>doc:Anwendungsbeispiel: Datei mit VR-Inhalt einbinden]] beschreibt, wie ein VR-Inhalt, der als WebGL vorliegt, eingebunden werden kann.
202
203 === VR-Inhalte einfügen ===
204
205 VR-Inhalte, die bereits auf Webservern liegen, können per Einbettungscode in eine Seite integriert werden. Das Beispiel [[doc:VR-Inhalte einfuegen]] beschreibt die Anzeige von 3D-Modellen.
206
207 === Ein Video einbinden ===
208
209 Videos können auf vielen Wegen eingebunden werden. Die Seite [[doc:Video einbinden]] beschreibt drei Möglichkeiten.
210
211 === Einen Link bereitstellen ===
212
213 Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden. Ein Anwendungsbeispiel zeigt die Seite [[doc:Einen Link bereitstellen]].
214 {{/layout-cell}}
215 {{/layout-section}}
216 {{/layout}}
217
218 {{layout}}
219 {{layout-section ac:type="two_right_sidebar"}}
220 {{layout-cell}}
Carina Enke 954.3 221 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
Carina Enke 954.1 222
Carina Enke 954.3 223 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 954.1 224
225
Carina Enke 954.3 226 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
Carina Enke 954.1 227
Carina Enke 954.3 228
Carina Enke 954.1 229 {{/layout-cell}}
230
231 {{layout-cell}}
Carina Enke 954.2 232
Carina Enke 954.1 233
234 {{panel borderColor="silver" title="Content"}}
235 {{toc minLevel="2"/}}
236
237 **Related topics**
238
239
240
241 {{children/}}
242 {{/panel}}
243 {{/layout-cell}}
244 {{/layout-section}}
245
246 {{layout-section ac:type="single"}}
247 {{layout-cell}}
248 == Usage: Learners' View ==
249
250 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
251 (% class="auto-cursor-target" %)
252 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.
253
254 (% class="auto-cursor-target" %)
255 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
256 {{/panel}}
257
258
259
260 {{id name="Functions for users"/}}
261
262 {{panel title="Functions for users"}}
263 (% class="auto-cursor-target" %)
264 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**.
265
266 {{info}}
267 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.
268 {{/info}}
269 {{/panel}}
270
271 == Configuration: Authors' View ==
272
273 {{panel titleBGColor="#5a759d" title="In the course editor"}}
274 The following functions are available to authors in the **course editor**:
275
276 (% class="wrapped" %)
277 |(((
278 ==== Add a single page course element ====
279 )))|(((
280 (% class="content-wrapper" %)
281 (((
282 {{expand title="Click to open instructions on how to add a course element ..."}}
283
284
285 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}
286 {{/expand}}
287 )))
288 )))
289 |(((
290 ==== General configuration settings ====
291 )))|(((
292 (% class="content-wrapper" %)
293 (((
294 In the course editor, you will find the following configuration tabs:
295
296 (% class="wrapped" %)
297 |=(((
298 Title and description
299 )))|(((
300 (% class="content-wrapper" %)
301 (((
302 {{expand title="Configuration options in the tab title and description ..."}}
303
304
305 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C53FE0248C0803953C082"/}}
306 {{/expand}}
307 )))
308 )))
309 |=(((
310 Visibility
311 )))|(% rowspan="2" %)(% rowspan="2" %)
312 (((
313 (% class="content-wrapper" %)
314 (((
315 {{expand title="Configuration options in the tab visibility and access ..."}}
316
317
318 {{includeplus spaceKey="LMS" scrollPageId="866DE487014C993C59312A0356AD1BC3"/}}
319
320
321
322 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015EC296B1E57D441AB72F4A"/}}
323 {{/expand}}
324 )))
325 )))
326 |=(((
327 Access
328 )))
329 |=(((
330 Page content / Configuration
331 )))|(((
332 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).
333
334 === Single page course element ===
335
336 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.
337
338 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.
339
340 === External page course element ===
341
342 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.
343 )))
344 |=(((
345 Multilingualism
346 )))|(((
347 In this tab, different translations can be added to individual course element areas.
348 )))
349 )))
350 )))
351
Carina Enke 954.2 352 (% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %)
Carina Enke 954.1 353 === Copy a single page course element within a course ===
354
355 {{info title="Note on copying a single page course element"}}
356 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.
357
358 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.
359 {{/info}}
360 {{/panel}}
361 {{/layout-cell}}
362 {{/layout-section}}
363
364 {{layout-section ac:type="single"}}
365 {{layout-cell}}
Carina Enke 954.2 366
Carina Enke 954.1 367 {{/layout-cell}}
368 {{/layout-section}}
369
370 {{layout-section ac:type="single"}}
371 {{layout-cell}}
372 (% class="auto-cursor-target" %)
Carina Enke 954.2 373
Carina Enke 954.1 374
375
376 {{id name="Course view"/}}
377
378 {{panel title="In the course view"}}
379 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:
380
381 (% class="wrapped" %)
382 |(% colspan="1" %)(% colspan="1" %)
383 (((
384 (% class="content-wrapper" %)
385 (((
Carina Enke 954.2 386 (% style="color:#0000ff" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
Carina Enke 954.1 387 )))
388 )))|(((
389 ==== Edit content ====
390 )))|(((
391 (% class="content-wrapper" %)
392 (((
393 (% class="auto-cursor-target" %)
394 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.
395 )))
396 )))
397
398 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F016072B47C53428C3A28C15E"/}}
399 {{/panel}}
400
401 === Application examples ===
402
403 * [[Embed files with VR content>>url:https://www.bps-system.de/help/display/LMSintern/.Anwendungsbeispiel%3A+Datei+mit+VR-Inhalt+einbinden+v12.5||shape="rect"]]: This page explains how to integrate VR content that is available in the WebGL format.
404 * [[Insert VR content>>url:https://www.bps-system.de/help/display/LMSintern/.VR-Inhalte+einfuegen+v13.en||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.
405 * [[Embed videos>>url:https://www.bps-system.de/help/display/LMSintern/.Video+einbinden+v13.en||shape="rect"]]: Videos can be embedded in many ways. This page describes three options.
406 * [[Provide links (blizz)>>url:https://www.bps-system.de/help/display/LMSintern/.Einen+Link+bereitstellen+v11.3.3||shape="rect"]]: Links can also be placed on a page in several ways.
407 {{/layout-cell}}
408 {{/layout-section}}
409 {{/layout}}