Wiki-Quellcode von Einzelne Seite

Version 950.8 von Carina Enke am 15.01.2024

Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="single"}}
3 {{layout-cell}}
4
5 {{/layout-cell}}
6 {{/layout-section}}
7
8 {{layout-section ac:type="two_right_sidebar"}}
9 {{layout-cell}}
10 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
11
12 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.
13
14 Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
15
16 {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
17 {{/layout-cell}}
18
19 {{layout-cell}}
20
21 {{panel borderColor="silver" title="Inhalt"}}
22
23
24 {{toc/}}
25
26 **Verwandte Themen**
27
28 * [[doc:Erstellung barrierefreier Inhalte]]
29 {{/panel}}
30
31 {{/layout-cell}}
32 {{/layout-section}}
33
34 {{layout-section ac:type="single"}}
35 {{layout-cell}}
36 == Nutzung aus Lerner-Sicht ==
37
38 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
39 (% class="auto-cursor-target" %)
40 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.
41
42 (% class="auto-cursor-target" %)
43 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png]]
44 {{/panel}}
45
46
47
48 {{id name="Nutzerfunktionen"/}}
49
50 {{panel title="Funktionen für Nutzer"}}
51 (% class="auto-cursor-target" %)
52 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.
53
54 {{info}}
55 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"]].
56 {{/info}}
57 {{/panel}}
58
59 == Nutzung aus Autoren-Sicht ==
60
61 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
62 Im **Kurseditor** stehen Ihnen als Autor folgende Funktionen zur Verfügung:
63
64 (% class="wrapped" %)
65 |(((
66 ==== Kursbaustein Einzelne Seite hinzufügen ====
67 )))|(((
68 (% class="content-wrapper" %)
69 (((
70 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
71
72
73 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}
74 {{/expand}}
75 )))
76 )))
77 |(((
78 ==== Konfigurations-Einstellungen ====
79 )))|(((
80 (% class="content-wrapper" %)
81 (((
82 Im Kurseditor sehen Sie folgende Konfigurationstabs:
83
84 (% class="wrapped" data-mce-resize="false" %)
85 |=(((
86 Titel und Beschreibung
87 )))|(((
88 (% class="content-wrapper" %)
89 (((
90 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
91
92
93 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C53FE0248C0803953C082"/}}
94 {{/expand}}
95 )))
96 )))
97 |=(((
98 Sichtbarkeit
99 )))|(% rowspan="2" %)(% rowspan="2" %)
100 (((
101 (% class="content-wrapper" %)
102 (((
103 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
104
105
106 {{includeplus spaceKey="LMS" scrollPageId="866DE487014C993C59312A0356AD1BC3"/}}
107
108
109
110 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015EC296B1E57D441AB72F4A"/}}
111 {{/expand}}
112 )))
113 )))
114 |=(((
115 Zugang
116 )))
117 |=(((
118 Seiteninhalt/Konfiguration Seite
119 )))|(((
120 {{id name="Seite"/}}
121
122 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.
123
124 === Baustein Einzelne Seite ===
125
126 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 [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Seite auswaehlen, erstellen oder hochladen]].
127
128 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 [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Seite im Editor oeffnen, auswechseln oder entfernen]].
129
130 === Baustein Externe Seite ===
131
132 Um eine **externe Seite** einzubinden, nutzen Sie den Baustein **Externe Seite**. Die Optionen im Tab **Konfiguration Seite** werden auf der Seite [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Baustein Externe Seite konfigurieren]] näher beschrieben.
133 )))
134 |=(((
135 Mehrsprachigkeit
136 )))|(((
137 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
138 )))
139 )))
140 )))
141
142 (% id="HEinenKursbausteinEinzelneSeiteinnerhalbeinesKurseskopieren" class="auto-cursor-target" %)
143 === Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
144
145 {{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
146 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.
147
148 Die Seite [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Kursbaustein Einzelne Seite kopieren]] Erläutert dieses Verhalten und beschreibt, welche Möglichkeiten Sie nutzen können, um eine Andere, eine Neue oder eine Dateikopie zu referenzieren.
149 {{/info}}
150 {{/panel}}
151 {{/layout-cell}}
152 {{/layout-section}}
153
154 {{layout-section ac:type="single"}}
155 {{layout-cell}}
156
157 {{/layout-cell}}
158 {{/layout-section}}
159
160 {{layout-section ac:type="single"}}
161 {{layout-cell}}
162 (% class="auto-cursor-target" %)
163
164
165
166
167 {{id name="Kursansicht"/}}
168
169 {{panel title="In der Kursansicht"}}
170 In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
171
172 (% class="wrapped" %)
173 |(% colspan="1" %)(% colspan="1" %)
174 (((
175 (% class="content-wrapper" %)
176 (((
177 [[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Icons.WebHome@Icon_Bearbeiten.png]]
178 )))
179 )))|=(((
180 Inhalt bearbeiten
181 )))|(((
182 (% class="content-wrapper" %)
183 (((
184 (% class="auto-cursor-target" %)
185 Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Einzelne Seite bearbeiten]].
186 )))
187 )))
188
189 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F016072B47C53428C3A28C15E"/}}
190 {{/panel}}
191 {{/layout-cell}}
192 {{/layout-section}}
193
194 {{layout-section ac:type="single"}}
195 {{layout-cell}}
196 (% class="auto-cursor-target" %)
197
198
199
200
201 {{id name="beispiele"/}}
202
203 (% id="HWorkflowsundAnwendungsbeispiele" class="auto-cursor-target" %)
204 == Workflows und Anwendungsbeispiele ==
205
206 Die Inhalte des Kursbausteins Einzelne Seite können sehr vielseitig sein. Folgende Seiten zeigen Ihnen einige Umsetzungsbeispiele:
207
208 === Externe Pdf-Datei einbetten ===
209
210 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:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Anwendungsbeispiel: Externe Pdf-Datei einbetten]] zeigt eine Beispielumsetzung.
211
212 === Datei mit VR-Inhalt einbinden ===
213
214 Die Seite [[Datei mit VR-Inhalt einbinden>>doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Anwendungsbeispiel: Datei mit VR-Inhalt einbinden]] beschreibt, wie ein VR-Inhalt, der als WebGL vorliegt, eingebunden werden kann.
215
216 === VR-Inhalte einfügen ===
217
218 VR-Inhalte, die bereits auf Webservern liegen, können per Einbettungscode in eine Seite integriert werden. Das Beispiel [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.VR-Inhalte einfuegen]] beschreibt die Anzeige von 3D-Modellen.
219
220 === Ein Video einbinden ===
221
222 Videos können auf vielen Wegen eingebunden werden. Die Seite [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Video einbinden]] beschreibt drei Möglichkeiten.
223
224 === Einen Link bereitstellen ===
225
226 Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden. Ein Anwendungsbeispiel zeigt die Seite [[doc:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Einen Link bereitstellen]].
227 {{/layout-cell}}
228 {{/layout-section}}
229 {{/layout}}
230
231 {{layout}}
232 {{layout-section ac:type="two_right_sidebar"}}
233 {{layout-cell}}
234 [[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Icons.WebHome@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.
235
236
237
238
239 {{includeplus spaceKey="LMS" scrollPageId="7F000001016D639F120B35E129E5C211"/}}
240 {{/layout-cell}}
241
242 {{layout-cell}}
243
244
245
246 {{panel borderColor="silver" title="Content"}}
247
248
249 {{toc minLevel="2"/}}
250
251 **Related topics**
252
253
254
255 {{children/}}
256 {{/panel}}
257
258 {{/layout-cell}}
259 {{/layout-section}}
260
261 {{layout-section ac:type="single"}}
262 {{layout-cell}}
263 == Usage: Learners' View ==
264
265 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
266 (% class="auto-cursor-target" %)
267 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.
268
269 (% class="auto-cursor-target" %)
270 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
271 {{/panel}}
272
273
274
275 {{id name="Functions for users"/}}
276
277 {{panel title="Functions for users"}}
278 (% class="auto-cursor-target" %)
279 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**.
280
281 {{info}}
282 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.
283 {{/info}}
284 {{/panel}}
285
286 == Configuration: Authors' View ==
287
288 {{panel titleBGColor="#5a759d" title="In the course editor"}}
289 The following functions are available to authors in the **course editor**:
290
291 (% class="wrapped" %)
292 |(((
293 ==== Add a single page course element ====
294 )))|(((
295 (% class="content-wrapper" %)
296 (((
297 {{expand title="Click to open instructions on how to add a course element ..."}}
298
299
300 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}
301 {{/expand}}
302 )))
303 )))
304 |(((
305 ==== General configuration settings ====
306 )))|(((
307 (% class="content-wrapper" %)
308 (((
309 In the course editor, you will find the following configuration tabs:
310
311 (% class="wrapped" %)
312 |=(((
313 Title and description
314 )))|(((
315 (% class="content-wrapper" %)
316 (((
317 {{expand title="Configuration options in the tab title and description ..."}}
318
319
320 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015C53FE0248C0803953C082"/}}
321 {{/expand}}
322 )))
323 )))
324 |=(((
325 Visibility
326 )))|(% rowspan="2" %)(% rowspan="2" %)
327 (((
328 (% class="content-wrapper" %)
329 (((
330 {{expand title="Configuration options in the tab visibility and access ..."}}
331
332
333 {{includeplus spaceKey="LMS" scrollPageId="866DE487014C993C59312A0356AD1BC3"/}}
334
335
336
337 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F015EC296B1E57D441AB72F4A"/}}
338 {{/expand}}
339 )))
340 )))
341 |=(((
342 Access
343 )))
344 |=(((
345 Page content / Configuration
346 )))|(((
347 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).
348
349 === Single page course element ===
350
351 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.
352
353 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.
354
355 === External page course element ===
356
357 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.
358 )))
359 |=(((
360 Multilingualism
361 )))|(((
362 In this tab, different translations can be added to individual course element areas.
363 )))
364 )))
365 )))
366
367 (% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %)
368 === Copy a single page course element within a course ===
369
370 {{info title="Note on copying a single page course element"}}
371 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.
372
373 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.
374 {{/info}}
375 {{/panel}}
376 {{/layout-cell}}
377 {{/layout-section}}
378
379 {{layout-section ac:type="single"}}
380 {{layout-cell}}
381
382 {{/layout-cell}}
383 {{/layout-section}}
384
385 {{layout-section ac:type="single"}}
386 {{layout-cell}}
387 (% class="auto-cursor-target" %)
388
389
390
391
392 {{id name="Course view"/}}
393
394 {{panel title="In the course view"}}
395 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:
396
397 (% class="wrapped" %)
398 |(% colspan="1" %)(% colspan="1" %)
399 (((
400 (% class="content-wrapper" %)
401 (((
402 (% style="color:#0000ff" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Einzelne Seite.Icons.WebHome@Icon_Bearbeiten.png]]
403 )))
404 )))|(((
405 ==== Edit content ====
406 )))|(((
407 (% class="content-wrapper" %)
408 (((
409 (% class="auto-cursor-target" %)
410 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.
411 )))
412 )))
413
414 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F016072B47C53428C3A28C15E"/}}
415 {{/panel}}
416
417 === Application examples ===
418
419 * [[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.
420 * [[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.
421 * [[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.
422 * [[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.
423 {{/layout-cell}}
424 {{/layout-section}}
425 {{/layout}}