Zum Inhalt springen

Wiki-Quellcode von Einzelne Seite

Version 335.1 von Carina Enke am 28.12.2020
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6 {{/layout-cell}}
7 {{/layout-section}}
8
9 {{layout-section ac:type="two_right_sidebar"}}
10 {{layout-cell}}
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 und das Einbinden und Anzeigen von Dateien. Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
12
13 \\
14 {{/layout-cell}}
15
16 {{layout-cell}}
17 {{scroll-ignore}}
18 {{panel borderColor="silver" title="Inhalt"}}
19
20
21 {{toc/}}
22
23 **Verwandte Themen**
24
25
26
27 {{children/}}
28 {{/panel}}
29 {{/scroll-ignore}}
30 {{/layout-cell}}
31 {{/layout-section}}
32
33 {{layout-section ac:type="single"}}
34 {{layout-cell}}
35 == Nutzung aus Lerner-Sicht ==
36
37 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
38 (% class="auto-cursor-target" %)
39 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.
40
41 (% class="auto-cursor-target" %)
42 [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png]]
43 {{/panel}}
44
45
46
47 {{id name="Nutzerfunktionen"/}}
48
49 {{panel title="Funktionen für Nutzer"}}
50 (% class="auto-cursor-target" %)
51 Beim Aufruf des Kursbausteins werden 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.
52
53 {{info}}
54 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"]].
55 {{/info}}
56 {{/panel}}
57
58 == Nutzung aus Autoren-Sicht ==
59
60 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
61 Im **Kurseditor** stehen Ihnen als Autor folgende Funktionen zur Verfügung:
62
63 (% class="wrapped" %)
64 |(((
65 ==== Kursbaustein Einzelne Seite hinzufügen ====
66 )))|(((
67 (% class="content-wrapper" %)
68 (((
69 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
70
71
72 {{display reference="Add Course Element"/}}
73 {{/expand}}
74 )))
75 )))
76 |(((
77 ==== Konfigurations-Einstellungen ====
78 )))|(((
79 (% class="content-wrapper" %)
80 (((
81 Im Kurseditor sehen Sie folgende Konfigurationstabs:
82
83 (% class="wrapped" %)
84 |=(((
85 Titel und Beschreibung
86 )))|(((
87 (% class="content-wrapper" %)
88 (((
89 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
90
91
92 {{display reference="Tab Titel und Beschreibung"/}}
93 {{/expand}}
94 )))
95 )))
96 |=(((
97 Sichtbarkeit
98 )))|(% rowspan="2" %)(% rowspan="2" %)
99 (((
100 (% class="content-wrapper" %)
101 (((
102 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
103
104
105 {{display reference="Sichtbarkeit und Zugriff"/}}
106
107
108
109 {{display reference="Zugang Bearbeitungsrechte"/}}
110 {{/expand}}
111 )))
112 )))
113 |=(((
114 Zugang
115 )))
116 |=(((
117 Seiteninhalt/Konfiguration Seite
118 )))|(((
119 {{id name="Seite"/}}
120
121 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.
122
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 externe Seiten (Baustein** Externe Seite**) verlinken.
124
125 === Baustein Einzelne Seite ===
126
127 Mit Klick auf den Button **Seite auswählen oder erstellen **können Sie dem Kursbaustein einen konkreten Inhalt zuordnen oder erstellen. Weitere Informationen bietet der Abschnitt [[Seite auswählen, erstellen oder hochladen>>doc:Seite auswaehlen, erstellen oder hochladen]].
128
129 Ist bereits ein Inhalt zugeordnet, sehen Sie die Button **Seite im Editor öffnen**, **Seite entfernen** und **Seite auswechseln**. Welche Möglichkeiten diese Buttons bietet beschreibt der Abschnitt [[Seite im Editor öffnen, auswechseln oder entfernen>>doc:Seite im Editor oeffnen, auswechseln oder entfernen]].
130
131 === Baustein Externe Seite ===
132
133 Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Die Optionen im Tab **Konfiguration Seite** beschreibt die Seite [[doc:Baustein Externe Seite konfigurieren]].
134
135 \\
136 )))
137 |=(((
138 Mehrsprachigkeit
139 )))|(((
140 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
141 )))
142 )))
143 )))
144
145 (% class="auto-cursor-target" %)
146 === Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
147
148 \\
149
150 {{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
151 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.
152
153 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.
154 {{/info}}
155 {{/panel}}
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 )))
178
179
180
181 {{display reference="Info Extended Rights"/}}
182 {{/panel}}
183
184 (% class="auto-cursor-target" %)
185 === Anwendungsbeispiele ===
186
187 * [[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
188 * [[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.
189 * [[Ein Video einbinden:>>doc:Video einbinden]] Videos können auf vielen Wegen eingebunden werden. Diese Seite beschreibt wie drei Möglichkeiten.
190 * [[Einen Link bereitstellen (blizz):>>doc:Einen Link bereitstellen]] Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden.
191 {{/layout-cell}}
192 {{/layout-section}}
193 {{/layout}}
194 {{/sv-translation}}
195
196 {{sv-translation language="en"}}
197 {{layout}}
198 {{layout-section ac:type="two_right_sidebar"}}
199 {{layout-cell}}
200 [[image:attach:Icons@KB_Seite.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.
201
202 \\
203 {{/layout-cell}}
204
205 {{layout-cell}}
206 \\
207
208 {{scroll-ignore}}
209 {{panel borderColor="silver" title="Content"}}
210
211
212 {{toc minLevel="2"/}}
213 {{/panel}}
214 {{/scroll-ignore}}
215 {{/layout-cell}}
216 {{/layout-section}}
217
218 {{layout-section ac:type="single"}}
219 {{layout-cell}}
220 == Usage: Learners' View ==
221
222 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
223 (% class="wrapped" %)
224 |(((
225 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**.
226 )))|(((
227 (% class="content-wrapper" %)
228 (((
229 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
230 )))
231 )))
232 {{/panel}}
233
234
235
236 {{id name="Functions for users"/}}
237
238 {{panel title="Functions for users"}}
239 (% class="wrapped" %)
240 |(((
241 ==== Open content for reading ====
242 )))|(((
243 (% class="content-wrapper" %)
244 (((
245 {{expand title="How to do that?"}}
246 (% class="wrapped" %)
247 |(% class="numberingColumn" %)(% class="numberingColumn" %)
248 (((
249 1
250 )))|(((
251 Open the course element **//Single Page//**.
252 )))|(% rowspan="2" %)(% rowspan="2" %)
253 (((
254 (% class="content-wrapper" %)
255 (((
256 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
257 )))
258 )))
259 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
260 (((
261 2
262 )))|(% colspan="1" %)(% colspan="1" %)
263 (((
264 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.
265 )))
266 {{/expand}}
267 )))
268 )))
269
270 {{info}}
271 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"]].
272 {{/info}}
273 {{/panel}}
274
275 == Configuration: Authors' View ==
276
277 {{panel titleBGColor="#5a759d" title="In the course editor"}}
278 The following functions are available to authors in the course editor:
279
280 (% class="wrapped" %)
281 |(((
282 ==== Add a course element single page ====
283 )))|(((
284 (% class="content-wrapper" %)
285 (((
286 {{expand title="Click to open instructions on how to add a course element ..."}}
287
288
289 {{display reference="Add Course Element"/}}
290 {{/expand}}
291 )))
292 )))
293 |(((
294 ==== General configuration settings ====
295 )))|(((
296 (% class="content-wrapper" %)
297 (((
298 In the course editor, you will find the following configuration tabs:
299
300 (% class="wrapped" %)
301 |=(((
302 Title and description
303 )))|(((
304 (% class="content-wrapper" %)
305 (((
306 {{expand title="Configuration options in the tab title and description ..."}}
307
308
309 {{display reference="Tab Titel und Beschreibung"/}}
310 {{/expand}}
311 )))
312 )))
313 |=(((
314 Visibility
315 )))|(% rowspan="2" %)(% rowspan="2" %)
316 (((
317 (% class="content-wrapper" %)
318 (((
319 {{expand title="Configuration options in the tab visibility and access ..."}}
320
321
322 {{display reference="Sichtbarkeit und Zugriff"/}}
323
324
325
326 {{display reference="Zugang Bearbeitungsrechte"/}}
327 {{/expand}}
328 )))
329 )))
330 |=(((
331 Access
332 )))
333 |=(((
334 Page content / Configuration
335 )))|(((
336 In this tab, you can select or create the page to be displayed or specify the URL to the external page.
337 Detailed instructions are given in the following section //**Special configuration settings**//.
338 )))
339 |=(((
340 Multilingualism
341 )))|(((
342 In this tab, different translations can be added to individual course element areas.
343 )))
344 )))
345 )))
346 |(((
347 ==== Special configuration settings ====
348 )))|(((
349 (% class="content-wrapper" %)
350 (((
351
352
353 {{id name="Page"/}}
354
355 (% class="wrapped" %)
356 |=(% rowspan="2" %)(% rowspan="2" %)
357 (((
358 ===== Select or create page or configure link =====
359 )))|(% colspan="1" %)(% colspan="1" %)
360 (((
361 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//**).
362
363 \\
364
365 (% class="content-wrapper" %)
366 === Course element Single Page ===
367
368 To include an internal page, click on the //**Select or create page**// button.
369
370
371
372 {{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
373
374
375
376 {{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
377
378 \\
379 )))
380 |(((
381 (% class="content-wrapper" %)
382 (((
383 === Course element External Page
384 ===
385 )))
386
387 To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:
388
389 (% class="content-wrapper" %)
390 (((
391 (% class="wrapped" %)
392 |(((
393 **Configuration of external page**
394 )))|(((
395 1. Enter the **URL **of the desired page in the appropriate text field.
396 1. (((
397 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.
398 )))
399 1. (((
400 Confirm your entries with //**Save**//.
401 )))
402 )))|(% rowspan="2" %)(% rowspan="2" %)
403 (((
404 (% class="content-wrapper" %)
405 (((
406 (% style="color: rgb(0,0,255);" %)[[image:url:https://www.bps-system.de/help/plugins/servlet/confluence/placeholder/unknown-attachment?locale=de_DE&version=2]]
407 )))
408 )))
409 |(((
410 **Expert settings for dynamic content
411 **
412 )))|(((
413 1. (((
414 Click on the desired option: If you would like **the height of the visible area to be calculated automatically**, then select the first option. Otherwise, select the second option **//Define height manually//** and enter the **desired height in pixels **(min. 300 pixels).
415 )))
416 1. (((
417 Click on //**Save**// to confirm your entries and publish the course.
418 )))
419 )))
420 )))
421 )))
422 )))
423 )))
424
425 {{info title="Note on copying a single page course element"}}
426 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.
427
428 To add a different file to the copied course element, you can use the **//Replace page//** function in the tab **//Page content//** in the course editor and reference another or a new file.
429 {{/info}}
430 {{/panel}}
431
432 {{panel title="In the course view"}}
433 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"]] as well as:
434
435 (% class="wrapped" %)
436 |(% colspan="1" %)(% colspan="1" %)
437 (((
438 (% class="content-wrapper" %)
439 (((
440 (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
441 )))
442 )))|(((
443 ==== Edit content ====
444 )))|(((
445 (% class="content-wrapper" %)
446 (((
447 {{expand title="Open content for editing ..."}}
448 (% class="wrapped" %)
449 |(% class="numberingColumn" %)(% class="numberingColumn" %)
450 (((
451 1
452 )))|(((
453 Open the course element //**Single Page**//.
454 )))|(% rowspan="2" %)(% rowspan="2" %)
455 (((
456 (% class="content-wrapper" %)
457 (((
458 (% style="color: rgb(0,0,255);" %)[[image:url:https://www.bps-system.de/help/plugins/servlet/confluence/placeholder/unknown-attachment?locale=de_DE&version=2]]
459 )))
460 )))
461 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
462 (((
463 2
464 )))|(% colspan="1" %)(% colspan="1" %)
465 (((
466 Click on //**Edit**//.
467 )))
468 |(% class="numberingColumn" %)(% class="numberingColumn" %)
469 (((
470 3
471 )))|(% colspan="1" %)(% colspan="1" %)
472 (((
473 (% class="content-wrapper" %)
474 (((
475 The **editor view **of the page opens. Make your **desired changes**.
476
477 {{info}}
478 (% class="TableParagraph" %)
479 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"]](%%).
480 {{/info}}
481 )))
482 )))|(% rowspan="2" %)(% rowspan="2" %)
483 (((
484 (% class="content-wrapper" %)
485 (((
486 (% style="color: rgb(0,0,255);" %)[[image:url:https://www.bps-system.de/help/plugins/servlet/confluence/placeholder/unknown-attachment?locale=de_DE&version=2]]
487 )))
488 )))
489 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
490 (((
491 4
492 )))|(% colspan="1" %)(% colspan="1" %)
493 (((
494 Confirm your settings with **//Save//** or **//Save and close//**.
495 )))
496 {{/expand}}
497 )))
498 )))
499
500
501
502 {{display reference="Info Extended Rights"/}}
503 {{/panel}}
504 {{/layout-cell}}
505 {{/layout-section}}
506 {{/layout}}
507 {{/sv-translation}}