Änderungen von Dokument Einzelne Seite

Zuletzt geändert von Carina Enke am 02.07.2025

Von Version 364.1
bearbeitet von Carina Enke
am 22.04.2020
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 333.1
bearbeitet von Carina Enke
am 29.06.2021
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 13.1.

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Single Page
1 +Einzelne Seite
Inhalt
... ... @@ -8,31 +8,27 @@
8 8  
9 9  {{layout-section ac:type="two_right_sidebar"}}
10 10  {{layout-cell}}
11 -[[image:attach:Icons@KB_Seite.png]]Der Kursbaustein //**Einzelne Seite **//erlaubt das Erstellen eigener HTML-Seiten und das Einbinden und Anzeigen von Dateien. Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
11 +[[image:attach:Icons@KB_Seite.png]]Der Kursbaustein **Einzelne Seite **erlaubt das Erstellen eigener HTML-Seiten mit Texten, Bildern, Links, Videos oder VR-Inhalten sowie das Einbinden und Anzeigen von Dateien. Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
12 12  
13 13  \\
14 14  {{/layout-cell}}
15 15  
16 16  {{layout-cell}}
17 -(% class="auto-cursor-target" %)
18 -\\
19 -
20 20  {{scroll-ignore}}
21 -(% class="auto-cursor-target" %)
22 -\\
23 -
24 24  {{panel borderColor="silver" title="Inhalt"}}
25 25  
26 26  
27 27  {{toc/}}
28 -{{/panel}}
29 29  
30 -(% class="auto-cursor-target" %)
31 -\\
32 -{{/scroll-ignore}}
23 +**Verwandte Themen**
33 33  
34 -(% class="auto-cursor-target" %)
35 -\\
25 +
26 +
27 +{{children/}}
28 +
29 +* [[Usability & Barrierefreiheit>>doc:Usability Barrierefreiheit]]
30 +{{/panel}}
31 +{{/scroll-ignore}}
36 36  {{/layout-cell}}
37 37  {{/layout-section}}
38 38  
... ... @@ -42,20 +42,10 @@
42 42  
43 43  {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
44 44  (% class="auto-cursor-target" %)
45 -\\
41 +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.
46 46  
47 -(% class="wrapped" %)
48 -|(((
49 -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**.
50 -)))|(((
51 -(% class="content-wrapper" %)
52 -(((
53 -[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
54 -)))
55 -)))
56 -
57 57  (% class="auto-cursor-target" %)
58 -\\
44 +[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png]]
59 59  {{/panel}}
60 60  
61 61  
... ... @@ -64,56 +64,17 @@
64 64  
65 65  {{panel title="Funktionen für Nutzer"}}
66 66  (% class="auto-cursor-target" %)
67 -\\
53 +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.
68 68  
69 -(% class="wrapped" %)
70 -|(((
71 -==== Inhalt zum Lesen öffnen ====
72 -)))|(((
73 -(% class="content-wrapper" %)
74 -(((
75 -(% class="auto-cursor-target" %)
76 -\\
77 -
78 -{{expand title="Wie geht das?"}}
79 -(% class="auto-cursor-target" %)
80 -\\
81 -
82 -(% class="wrapped" %)
83 -|(((
84 -1. Öffnen Sie den Kursbaustein //**Einzelne Seite** //.
85 -1. Nun werden Ihnen im Kursbaustein **Informationen** beziehungsweise **Lernmaterialien** bereitgestellt. Die Seiten können zudem **Verlinkungen**,** Medien und auch verschiedene Interaktionen** enthalten. Da die Seite **individuell vom Tutor** **gestaltet** wird, kann jeder Kursbaustein //**Einzelne Seite** //anders aussehen und verschiedene Elemente aufweisen.
86 -)))|(((
87 -(% class="content-wrapper" %)
88 -(((
89 -[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
90 -)))
91 -)))
92 -
93 -(% class="auto-cursor-target" %)
94 -\\
95 -{{/expand}}
96 -
97 -(% class="auto-cursor-target" %)
98 -\\
99 -)))
100 -)))
101 -
102 -(% class="auto-cursor-target" %)
103 -\\
104 -
105 105  {{info}}
106 -Ein Kursverantwortlicher kann Ihnen erweiterte Berechtigungen vergeben. Dann sind zusätzliche Funktionen wie beispielsweise das Beabeiten der Seite für Sie verfügbar. Weitere Informationen zu diesen Funktionen enthält der Abschnitt [[Funktionen in der Kursansicht>>doc:||anchor="kursansicht"]].
56 +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"]].
107 107  {{/info}}
108 -
109 -(% class="auto-cursor-target" %)
110 -\\
111 111  {{/panel}}
112 112  
113 113  == Nutzung aus Autoren-Sicht ==
114 114  
115 115  {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
116 - Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:
63 + Im **Kurseditor** stehen Ihnen als Autor folgende Funktionen zur Verfügung:
117 117  
118 118  (% class="wrapped" %)
119 119  |(((
... ... @@ -121,21 +121,15 @@
121 121  )))|(((
122 122  (% class="content-wrapper" %)
123 123  (((
124 -(% class="auto-cursor-target" %)
125 -\\
126 -
127 127  {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
128 128  
129 129  
130 130  {{display reference="Add Course Element"/}}
131 131  {{/expand}}
132 -
133 -(% class="auto-cursor-target" %)
134 -\\
135 135  )))
136 136  )))
137 137  |(((
138 -==== Allgemeine Konfigurations-Einstellungen ====
79 +==== Konfigurations-Einstellungen ====
139 139  )))|(((
140 140  (% class="content-wrapper" %)
141 141  (((
... ... @@ -147,17 +147,11 @@
147 147  )))|(((
148 148  (% class="content-wrapper" %)
149 149  (((
150 -(% class="auto-cursor-target" %)
151 -\\
152 -
153 153  {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
154 154  
155 155  
156 156  {{display reference="Tab Titel und Beschreibung"/}}
157 157  {{/expand}}
158 -
159 -(% class="auto-cursor-target" %)
160 -\\
161 161  )))
162 162  )))
163 163  |=(((
... ... @@ -166,9 +166,6 @@
166 166  (((
167 167  (% class="content-wrapper" %)
168 168  (((
169 -(% class="auto-cursor-target" %)
170 -\\
171 -
172 172  {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
173 173  
174 174  
... ... @@ -178,9 +178,6 @@
178 178  
179 179  {{display reference="Zugang Bearbeitungsrechte"/}}
180 180  {{/expand}}
181 -
182 -(% class="auto-cursor-target" %)
183 -\\
184 184  )))
185 185  )))
186 186  |=(((
... ... @@ -189,108 +189,53 @@
189 189  |=(((
190 190  Seiteninhalt/Konfiguration Seite
191 191  )))|(((
192 -In diesem Tab können Sie die anzuzeigende Seite auswählen oder erstellen bzw. die URL zur externe Seite angeben. Dies wird ausführlich im nachfolgenden Abschnitt **//Spezielle Konfigurations//-//Einstellungen// **erläutert.
193 -)))
194 -|=(((
195 -Mehrsprachigkeit
196 -)))|(((
197 -Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
198 -)))
199 -
200 -(% class="auto-cursor-target" %)
201 -\\
202 -)))
203 -)))
204 -|(((
205 -==== Spezielle Konfigurations-Einstellungen ====
206 -)))|(((
207 -(% class="content-wrapper" %)
208 -(((
209 -
210 -
211 211  {{id name="Seite"/}}
212 212  
213 -(% class="wrapped" %)
214 -|=(% rowspan="2" %)(% rowspan="2" %)
215 -(((
216 -===== Seite auswählen, erstellen oder Verlinkung konfigurieren =====
217 -)))|(((
218 -(% class="content-wrapper" %)
219 -(((
220 -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 externe Seiten (Baustein** Externe Seite**) verlinken.
123 +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.
221 221  
222 222  === Baustein Einzelne Seite ===
223 223  
224 -Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**.
127 +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:Seite auswaehlen, erstellen oder hochladen]].
225 225  
129 +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:Seite im Editor oeffnen, auswechseln oder entfernen]].
226 226  
227 -
228 -{{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
229 -
230 -{{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
231 -
232 -\\
233 -)))
234 -)))
235 -|(% colspan="1" %)(% colspan="1" %)
236 -(((
237 -(% class="content-wrapper" %)
238 -(((
239 239  === Baustein Externe Seite ===
240 240  
241 -Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite** //folgende Einstellmöglichkeiten:
242 -
243 -(% class="wrapped" %)
244 -|(((
245 -**Konfiguration der externen Seite**
246 -)))|(((
247 -1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein.
248 -1. Ist die Seite passwortgeschützt, haben Sie die Möglichkeit das Passwort und den Benutzernamen hier einzutragen. Beide Daten werden dem Nutzer in der Lernplattform nicht angezeigt. Sie werden aber beim Aufruf der externen Seite automatisch mit übertragen. Aktivieren Sie die Checkbox hinter dem Eintrag //**Seite Passwort geschützt** //, um die Felder zur Angabe von Benutzernamen und Passwort zu öffnen.
249 -1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern** //.
250 -
251 -\\
252 -
253 -\\
254 -)))|(% rowspan="2" %)(% rowspan="2" %)
255 -(((
256 -(% class="content-wrapper" %)
257 -(((
258 -[[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]
133 +Um eine **externe Seite** einzubinden, nutzen Sie den Baustein **Externe Seite**. Die Optionen im Tab **Konfiguration Seite** werden auf der Seite [[doc:Baustein Externe Seite konfigurieren]] näher beschrieben.
259 259  )))
260 -)))
261 -|(((
262 -**Anzeigeeinstellung**
135 +|=(((
136 +Mehrsprachigkeit
263 263  )))|(((
264 -1. Klicken Sie auf die gewünschte Option:** **Wenn die **Höhe des sichtbaren Bereichs automatisch bestimmt werden soll**, dann wählen Sie diese erste Option. Andernfalls setzen Sie den Punkt vor die Option //**Höhe manuell definieren** //. In diesem Fall geben Sie anschließend die **gewünschte Höhe in Pixeln** (min. 300 Pixel) ein.
265 -1. Klicken Sie auf **//Speichern// **, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
138 +Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
266 266  )))
267 -
268 -(% class="auto-cursor-target" %)
269 -\\
270 270  )))
271 271  )))
272 272  
273 273  (% class="auto-cursor-target" %)
274 -\\
275 -)))
276 -)))
144 +=== Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
277 277  
278 -(% class="auto-cursor-target" %)
279 -\\
280 -
281 281  {{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
282 -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. in der Kursansicht an einer Stelle, wird deshalb auch an der anderen Kursbausteinstelle der (gleiche) geänderte Inhalt angezeigt.
147 +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.
283 283  
284 -Um eine andere Datei zum kopierten Kursbaustein einzufügen, können Sie im Kurseditor im **Tab Seiteninhalt** die Funktion "**Seite auswechseln**" nutzen und so eine andere oder neue Datei referenzieren.
149 +Um eine andere Datei zum kopierten Kursbaustein hinzuzufügen, können Sie im Kurseditor im Tab **Seiteninhalt** die Funktion **Seite auswechseln** nutzen und so eine andere oder neue Datei referenzieren.
285 285  {{/info}}
151 +{{/panel}}
152 +{{/layout-cell}}
153 +{{/layout-section}}
286 286  
287 -(% class="auto-cursor-target" %)
155 +{{layout-section ac:type="single"}}
156 +{{layout-cell}}
288 288  \\
289 -{{/panel}}
158 +{{/layout-cell}}
159 +{{/layout-section}}
290 290  
161 +{{layout-section ac:type="single"}}
162 +{{layout-cell}}
291 291  (% class="auto-cursor-target" %)
292 -\\
293 293  
165 +
166 +{{id name="Kursansicht"/}}
167 +
294 294  {{panel title="In der Kursansicht"}}
295 295  In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
296 296  
... ... @@ -307,58 +307,22 @@
307 307  (% class="content-wrapper" %)
308 308  (((
309 309  (% class="auto-cursor-target" %)
310 -\\
311 -
312 -{{expand title="Inhalt zum Bearbeiten öffnen ..."}}
313 -(% class="auto-cursor-target" %)
314 -\\
315 -
316 -(% class="wrapped" %)
317 -|(((
318 -1. Öffnen Sie den Kursbaustein **//Einzelne Seite// **.
319 -1. Klicken Sie auf den Button **//Bearbeiten// **.
320 -)))|(((
321 -(% class="content-wrapper" %)
322 -(((
323 -[[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]]
184 +Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[doc:Einzelne Seite bearbeiten]].
324 324  )))
325 325  )))
326 -|(% colspan="1" %)(% colspan="1" %)
327 -(((
328 -(% class="content-wrapper" %)
329 -(((
330 -3. Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor.
331 331  
332 -{{info}}
333 -Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[doc:Texteditor]] beschrieben.
334 -{{/info}}
335 335  
336 -4. Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen** //.
337 -)))
338 -)))|(% colspan="1" %)(% colspan="1" %)
339 -(((
340 -(% class="content-wrapper" %)
341 -(((
342 -[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]]
343 -)))
344 -)))
345 345  
346 -(% class="auto-cursor-target" %)
347 -\\
348 -{{/expand}}
349 -
350 -(% class="auto-cursor-target" %)
351 -\\
352 -)))
353 -)))
354 -
355 -
356 -
357 357  {{display reference="Info Extended Rights"/}}
358 358  {{/panel}}
359 359  
360 360  (% class="auto-cursor-target" %)
361 -\\
194 +=== Anwendungsbeispiele ===
195 +
196 +* [[Datei mit VR-Inhalt einbinden>>doc:Anwendungsbeispiel: Datei mit VR-Inhalt einbinden]]: Diese Seite beschreibt, wie ein VR-Inhalt, der als WebGL vorliegt, eingebunden werden kann.
197 +* [[VR-Inhalte einfügen>>doc:VR-Inhalte einfuegen]]: VR-Inhalte, die bereits auf Webservern liegen, können per Einbettungscode in eine Seite integriert werden. Ein Beispiel zur Anzeige von 3D-Modellen beinhaltet diese Seite.
198 +* [[Ein Video einbinden:>>doc:Video einbinden]] Videos können auf vielen Wegen eingebunden werden. Diese Seite beschreibt drei Möglichkeiten.
199 +* [[Einen Link bereitstellen (blizz):>>doc:Einen Link bereitstellen]] Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden.
362 362  {{/layout-cell}}
363 363  {{/layout-section}}
364 364  {{/layout}}
... ... @@ -368,17 +368,25 @@
368 368  {{layout}}
369 369  {{layout-section ac:type="two_right_sidebar"}}
370 370  {{layout-cell}}
371 -[[image:attach:Kursbausteine@kb_file.png]]The course element **//Single Page// **allows you to create your own HTML pages as well as to integrate and display files. With the element **external page**,** **you can embed external web pages in your course.
209 +[[image:attach:Icons@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.
372 372  
373 -
211 +\\
374 374  {{/layout-cell}}
375 375  
376 376  {{layout-cell}}
215 +\\
216 +
377 377  {{scroll-ignore}}
378 378  {{panel borderColor="silver" title="Content"}}
379 379  
380 380  
381 -{{toc/}}
221 +{{toc minLevel="2"/}}
222 +
223 +**Related topics**
224 +
225 +
226 +
227 +{{children/}}
382 382  {{/panel}}
383 383  {{/scroll-ignore}}
384 384  {{/layout-cell}}
... ... @@ -389,11 +389,11 @@
389 389  == Usage: Learners' View ==
390 390  
391 391  {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
392 -|(((
393 -In the course element **//Single Page//**, you can **read HTML pages** created by the course author and **view** other files such as **images or videos**.
394 -)))|(((
395 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
396 -)))
238 +(% class="auto-cursor-target" %)
239 +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.
240 +
241 +(% class="auto-cursor-target" %)
242 +[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
397 397  {{/panel}}
398 398  
399 399  
... ... @@ -401,21 +401,11 @@
401 401  {{id name="Functions for users"/}}
402 402  
403 403  {{panel title="Functions for users"}}
404 -|(((
405 -==== Open content for reading ====
406 -)))|(((
407 -{{expand title="How to do that?"}}
408 -|(((
409 -1. Open the course element **//Single Page//**.
410 -1. The course element will provide you with** information** or **learning materials**. The pages may also contain** links**,** media**,** and various interactions**. Since the page is **individually designed by the tutor**, each course element **//Single Page//** can have its own specific layout and include different elements.
411 -)))|(((
412 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
413 -)))
414 -{{/expand}}
415 -)))
250 +(% class="auto-cursor-target" %)
251 +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**.
416 416  
417 417  {{info}}
418 -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 about these functions, refer to the section [[Functions in the course view>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-kursansicht||shape="rect"]].
254 +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.
419 419  {{/info}}
420 420  {{/panel}}
421 421  
... ... @@ -422,11 +422,14 @@
422 422  == Configuration: Authors' View ==
423 423  
424 424  {{panel titleBGColor="#5a759d" title="In the course editor"}}
425 -The following functions are available to authors in the course editor:
261 +The following functions are available to authors in the **course editor**:
426 426  
263 +(% class="wrapped" %)
427 427  |(((
428 -==== Add a course element single page ====
265 +==== Add a single page course element ====
429 429  )))|(((
267 +(% class="content-wrapper" %)
268 +(((
430 430  {{expand title="Click to open instructions on how to add a course element ..."}}
431 431  
432 432  
... ... @@ -433,14 +433,20 @@
433 433  {{display reference="Add Course Element"/}}
434 434  {{/expand}}
435 435  )))
275 +)))
436 436  |(((
437 437  ==== General configuration settings ====
438 438  )))|(((
279 +(% class="content-wrapper" %)
280 +(((
439 439  In the course editor, you will find the following configuration tabs:
440 440  
283 +(% class="wrapped" %)
441 441  |=(((
442 442  Title and description
443 443  )))|(((
287 +(% class="content-wrapper" %)
288 +(((
444 444  {{expand title="Configuration options in the tab title and description ..."}}
445 445  
446 446  
... ... @@ -447,10 +447,13 @@
447 447  {{display reference="Tab Titel und Beschreibung"/}}
448 448  {{/expand}}
449 449  )))
295 +)))
450 450  |=(((
451 451  Visibility
452 452  )))|(% rowspan="2" %)(% rowspan="2" %)
453 453  (((
300 +(% class="content-wrapper" %)
301 +(((
454 454  {{expand title="Configuration options in the tab visibility and access ..."}}
455 455  
456 456  
... ... @@ -461,6 +461,7 @@
461 461  {{display reference="Zugang Bearbeitungsrechte"/}}
462 462  {{/expand}}
463 463  )))
312 +)))
464 464  |=(((
465 465  Access
466 466  )))
... ... @@ -467,214 +467,69 @@
467 467  |=(((
468 468  Page content / Configuration
469 469  )))|(((
470 -In this tab, you can select or create the page to be displayed or specify the URL to the external page.
471 -Detailed instructions are given in the following section //**Special configuration settings**//.
472 -)))
473 -|=(((
474 -Multilingualism
475 -)))|(((
476 -In this tab, different translations can be added to individual course element areas.
477 -)))
478 -)))
479 -|(((
480 -==== Special configuration settings ====
481 -)))|(((
319 +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).
482 482  
321 +=== Single page course element ===
483 483  
484 -{{id name="Page"/}}
323 +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.
485 485  
486 -|=(((
487 -===== Select or create page or configure link =====
488 -)))|(((
489 -In the tab **//Page content//**// //or// **Configuration**//, you can assign a resource of the type **//Page//** to your course element. You can use internal pages (element **//Single Page//**) or link external pages (element **//External Page//**).
325 +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.
490 490  
491 -To configure an **internal page**, you have the following options:
327 +=== External page course element ===
492 492  
493 -* **create a new HTML page online (option 1)**,
494 -* **select** **a HTML page from the course storage folder or copy an existing template (option 2)**, or
495 -* **upload one or more HTML files in a ZIP package to the storage folder (option 3)**
496 -**\\**
497 -
498 -{{expand title="Start the configuration for all three variants as follows:"}}
499 -|=(((
500 -1.
501 -)))|(((
502 -Open the **course editor **in the course element// **Single Page**//** **and switch to the tab **//Page content//**. Then click on **//Select or create page//**.
503 -)))|(((
504 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite auswählen oder erstellen_en.png]]
329 +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.
505 505  )))
506 506  |=(((
507 -2.
332 +Multilingualism
508 508  )))|(((
509 -A page with functions for creating a new HTML page, selecting a HTML page from the course storage folder, as well as for uploading HTML files to the storage folder appears. Decide on one of the following options:
510 -)))|(((
511 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite drei Optionen_en.png]]
334 +In this tab, different translations can be added to individual course element areas.
512 512  )))
513 -|=(((
514 -3a
515 -)))|(((
516 -(**Option 1**:) **To create a new HTML page online**, enter a page name in the field **//Name of new file//**. Then select the **desired character set** and click on **//Create//**.
517 -
518 -{{expand title="Expand further steps ..."}}
519 -|(((
520 -* The **editor for creating page content** opens.
521 -* Fill your page with the desired content and media and click on **//Save//**.
522 -)))|(((
523 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Texteditor_en.png]]
524 524  )))
525 -{{/expand}}
526 -)))|(((
527 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Neue Seite erstellen_en.png]]
528 528  )))
529 -|=(((
530 -3b
531 -)))|(((
532 -(**Option 2**:) **To choose a HTML page from the course storage folder or to copy an existing template**, click on the button **//Select page//**. Select the desired file and activate the checkbox next to **//Create a copy of the selected file (template) and assign it to the course element//** if necessary.** **Then click on **//Select//**.
533 -)))|(((
534 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite beim Hinzufügen auswählen_en.png]]
535 -)))
536 -|=(((
537 -3c
538 -)))|(((
539 -(**Option 3**:) **To upload one or more files to the storage folder**, click on **//Select file//**. Then select the desired file and confirm the process with **//Upload//**.
540 -)))|(((
541 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Datei hochladen_en.png]]
542 -)))
543 -|=(((
544 -4.
545 545  
546 -5.
547 -)))|(((
548 -The selected resource is now automatically used as a resource for the course element **//Single Page//** and displayed under **//Selected//** **//page//**.
339 +(% class="auto-cursor-target" %)
340 +=== Copy a single page course element within a course ===
549 549  
550 -**Publish **your course to complete the configuration and to make the resource available to participants.
551 -)))|(((
552 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite gewählte Seite_en.png]]
553 -)))
554 -{{/expand}}
342 +{{info title="Note on copying a single page course element"}}
343 +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.
555 555  
556 -To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:
345 +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.
346 +{{/info}}
347 +{{/panel}}
348 +{{/layout-cell}}
349 +{{/layout-section}}
557 557  
558 -|(((
559 -**Configuration of the external page**
560 -)))|(((
561 -1. Enter the **URL **of the desired page in the appropriate text field.
562 -1. (((
563 -If the page is password protected, you can enter the password and user name here. Your information will not be displayed to the user in the learning platform. However, it will be automatically transmitted when the external page is accessed. Select the checkbox next to the entry **Page pass-word controlled **to open the fields for specifying your user name and password.
564 -)))
565 -1. (((
566 -Confirm your entries with //**Save**//.
567 -)))
568 -)))|(% rowspan="2" %)(% rowspan="2" %)
569 -(((
570 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite konfigurieren_en.png]]
571 -)))
572 -|(((
573 -**Display settings**
574 -)))|(((
575 -1. (((
576 -Click on the desired option: If you would like **the height of the visible area to be determined automatically**, then select the first option. Otherwise, select the second option **//Define height manually//** and enter the **desired height in pixels **(min. 300 pixels).
577 -)))
578 -1. (((
579 -Click on //**Save**// to confirm your entries and publish the course.
580 -)))
581 -)))
582 -)))
583 -|=(% colspan="1" %)(% colspan="1" %)
584 -(((
585 -===== Security settings =====
586 -)))|(% colspan="1" %)(% colspan="1" %)
587 -(((
588 -(% class="TableParagraph" %)
589 -With the option **//Allow links in the entire storage folder//**, it is possible to embed links to **files within the storage folder** in a HTML page.
590 -
591 -{{expand title="How to do that?"}}
592 -|(((
593 -1. Open the **course editor **in the course element// **Single Page **//and switch to the tab **//Page content//**.
594 -1. Click on **//Additional settings for the selected page//**.
595 -1. In the section **//Security//** **//settings//**, select the checkbox next to **//Allow links in the entire storage folder//**.
596 -1. Click on **//Save//**.
351 +{{layout-section ac:type="single"}}
352 +{{layout-cell}}
597 597  \\
354 +{{/layout-cell}}
355 +{{/layout-section}}
598 598  
599 -{{note}}
600 -This setting allows savvy users to gain access to the entire storage folder.
601 -{{/note}}
602 -)))|(% colspan="1" %)(% colspan="1" %)
603 -(((
604 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Sicherheitseinstellung_en.png]]
605 -)))
606 -{{/expand}}
607 -)))
608 -|=(((
609 -===== Display settings =====
610 -)))|(((
611 -This option allows you to set the visible **height of your page**.
357 +{{layout-section ac:type="single"}}
358 +{{layout-cell}}
359 +(% class="auto-cursor-target" %)
612 612  
613 -If the page is higher than the configured visible area, scrollbars will help the user navigate the page.
614 614  
615 -{{expand title="How to do that?"}}
616 -|(((
617 -1. (% style="color: rgb(51,51,51);" %)Open the **course editor** in the course element //**Single Page**// and switch to the tab //**Page content**//.
618 -1. (% style="color: rgb(51,51,51);" %)Click on// **Additional settings for the selected page**//.
619 -1. (% style="color: rgb(51, 51, 51); color: rgb(51, 51, 51)" %)Go to the section //**Display settings**// and click on the desired option: (%%)If you would like the **height of the visible area to be determined** **automatically**, then select the first option. Otherwise, select the second option //**Define height manually **//and enter the desired height in pixels (min. 300 pixels).
620 -1. Click on **//Save//** to confirm your entries and publish the course.
621 -)))|(((
622 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Anzeigeeinstellung_en.png]]
623 -)))
624 -{{/expand}}
625 -)))
626 -)))
627 -|(((
628 -==== Functions after adding a resource ====
629 -)))|(((
630 -|=(((
631 -===== Open page in editor =====
632 -)))|(((
633 -Click on this button to get to the **editor for editing pages**. Here you can make your changes.
634 -Then click on **//Save//** to confirm your entries.
635 -)))|(% rowspan="2" %)(% rowspan="2" %)
636 -(((
637 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Funktionen nach dem Hinzufügen einer Ressource_en.png]]
638 -)))
639 -|=(((
640 -===== Replace page =====
641 -)))|(((
642 -This button takes you to the functions for **creating or selecting a page**. For more information, refer to the section //**Select or create** **page**//.
643 -)))
644 -)))
645 -{{/panel}}
362 +{{id name="Course view"/}}
646 646  
647 647  {{panel title="In the course view"}}
648 -In the course view, you can use all course element [[functions available to users>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-Nutzerfunktionen||shape="rect"]] and:
365 +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:
649 649  
367 +(% class="wrapped" %)
650 650  |(% colspan="1" %)(% colspan="1" %)
651 651  (((
370 +(% class="content-wrapper" %)
371 +(((
652 652  (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
373 +)))
653 653  )))|(((
654 654  ==== Edit content ====
655 655  )))|(((
656 -{{expand title="Open content for editing ..."}}
657 -|(((
658 -1. Open the course element //**Single Page**//.
659 -1. Click on //**Edit**//.
660 -)))|(((
661 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite bearbeiten_en.png]]
662 -)))
663 -|(% colspan="1" %)(% colspan="1" %)
377 +(% class="content-wrapper" %)
664 664  (((
665 -3. The **editor view **of the page opens. Make your **desired changes**.
666 -
667 -{{info}}
668 -(% class="TableParagraph" %)
669 -Further information on the editing environment is given in the section [[(% style="color: rgb(13,122,149);" %)Text editor>>url:https://www.bps-system.de/help/display/LMSintern/.Texteditor+v3.8||shape="rect"]](%%).
670 -{{/info}}
671 -
672 -4. Confirm your settings with **//Save//** or **//Save and close//**.
673 -)))|(% colspan="1" %)(% colspan="1" %)
674 -(((
675 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_en.png]]
379 +(% class="auto-cursor-target" %)
380 +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.
676 676  )))
677 -{{/expand}}
678 678  )))
679 679  
680 680  
... ... @@ -681,6 +681,13 @@
681 681  
682 682  {{display reference="Info Extended Rights"/}}
683 683  {{/panel}}
388 +
389 +=== Application examples ===
390 +
391 +* [[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.
392 +* [[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.
393 +* [[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.
394 +* [[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.
684 684  {{/layout-cell}}
685 685  {{/layout-section}}
686 686  {{/layout}}
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -337413682
1 +476774514
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/337413682/Single Page
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/476774514/Einzelne Seite