Zum Inhalt springen

Wiki-Quellcode von Einzelne Seite

Version 352.1 von Carina Enke am 29.05.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 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 {{/panel}}
23 {{/scroll-ignore}}
24 {{/layout-cell}}
25 {{/layout-section}}
26
27 {{layout-section ac:type="single"}}
28 {{layout-cell}}
29 == Nutzung aus Lerner-Sicht ==
30
31 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
32 (% class="wrapped" %)
33 |(((
34 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**.
35 )))|(((
36 (% class="content-wrapper" %)
37 (((
38 [[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
39 )))
40 )))
41 {{/panel}}
42
43
44
45 {{id name="Nutzerfunktionen"/}}
46
47 {{panel title="Funktionen für Nutzer"}}
48 (% class="wrapped" %)
49 |(((
50 ==== Inhalt zum Lesen öffnen ====
51 )))|(((
52 (% class="content-wrapper" %)
53 (((
54 {{expand title="Wie geht das?"}}
55 (% class="wrapped" %)
56 |(% class="numberingColumn" %)(% class="numberingColumn" %)
57 (((
58 1
59 )))|(((
60 Öffnen Sie den Kursbaustein //**Einzelne Seite**//.
61 )))|(% rowspan="2" %)(% rowspan="2" %)
62 (((
63 (% class="content-wrapper" %)
64 (((
65 [[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
66 )))
67 )))
68 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
69 (((
70 2
71 )))|(% colspan="1" %)(% colspan="1" %)
72 (((
73 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.
74 )))
75 {{/expand}}
76 )))
77 )))
78
79 {{info}}
80 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"]].
81 {{/info}}
82 {{/panel}}
83
84 == Nutzung aus Autoren-Sicht ==
85
86 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
87 Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:
88
89 (% class="wrapped" %)
90 |(((
91 ==== Kursbaustein Einzelne Seite hinzufügen ====
92 )))|(((
93 (% class="content-wrapper" %)
94 (((
95 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
96
97
98 {{display reference="Add Course Element"/}}
99 {{/expand}}
100 )))
101 )))
102 |(((
103 ==== Allgemeine Konfigurations-Einstellungen ====
104 )))|(((
105 (% class="content-wrapper" %)
106 (((
107 Im Kurseditor sehen Sie folgende Konfigurationstabs:
108
109 (% class="wrapped" %)
110 |=(((
111 Titel und Beschreibung
112 )))|(((
113 (% class="content-wrapper" %)
114 (((
115 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
116
117
118 {{display reference="Tab Titel und Beschreibung"/}}
119 {{/expand}}
120 )))
121 )))
122 |=(((
123 Sichtbarkeit
124 )))|(% rowspan="2" %)(% rowspan="2" %)
125 (((
126 (% class="content-wrapper" %)
127 (((
128 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
129
130
131 {{display reference="Sichtbarkeit und Zugriff"/}}
132
133
134
135 {{display reference="Zugang Bearbeitungsrechte"/}}
136 {{/expand}}
137 )))
138 )))
139 |=(((
140 Zugang
141 )))
142 |=(((
143 Seiteninhalt/Konfiguration Seite
144 )))|(((
145 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.
146 )))
147 |=(((
148 Mehrsprachigkeit
149 )))|(((
150 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
151 )))
152 )))
153 )))
154 |(((
155 ==== Spezielle Konfigurations-Einstellungen ====
156 )))|(((
157 (% class="content-wrapper" %)
158 (((
159
160
161 {{id name="Seite"/}}
162
163 (% class="wrapped" %)
164 |=(% rowspan="2" %)(% rowspan="2" %)
165 (((
166 ===== Seite auswählen, erstellen oder Verlinkung konfigurieren =====
167 )))|(((
168 (% class="content-wrapper" %)
169 (((
170 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.
171
172 === Baustein Einzelne Seite ===
173
174 Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**.
175
176
177
178 {{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
179
180 {{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
181
182 \\
183 )))
184 )))
185 |(% colspan="1" %)(% colspan="1" %)
186 (((
187 (% class="content-wrapper" %)
188 (((
189 === Baustein Externe Seite ===
190
191 Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite** //folgende Einstellmöglichkeiten:
192
193 (% class="wrapped" %)
194 |(((
195 **Konfiguration der externen Seite**
196 )))|(((
197 1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein.
198 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.
199 1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern**//.
200 )))|(% rowspan="2" %)(% rowspan="2" %)
201 (((
202 (% class="content-wrapper" %)
203 (((
204 [[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]
205 )))
206 )))
207 |(((
208 **Anzeigeeinstellung**
209 )))|(((
210 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.
211 1. Klicken Sie auf **//Speichern//**, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
212 )))
213 )))
214 )))
215 )))
216 )))
217
218 {{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
219 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.
220
221 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.
222 {{/info}}
223 {{/panel}}
224
225 {{panel title="In der Kursansicht"}}
226 In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
227
228 (% class="wrapped" %)
229 |(% colspan="1" %)(% colspan="1" %)
230 (((
231 (% class="content-wrapper" %)
232 (((
233 [[image:attach:Icons@Icon_Bearbeiten.png]]
234 )))
235 )))|(((
236 ==== Inhalt bearbeiten ====
237 )))|(((
238 (% class="content-wrapper" %)
239 (((
240 {{expand title="Inhalt zum Bearbeiten öffnen ..."}}
241 (% class="wrapped" %)
242 |(% class="numberingColumn" %)(% class="numberingColumn" %)
243 (((
244 1
245 )))|(((
246 Öffnen Sie den Kursbaustein **//Einzelne Seite//**.
247 )))|(% rowspan="2" %)(% rowspan="2" %)
248 (((
249 (% class="content-wrapper" %)
250 (((
251 [[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]]
252 )))
253 )))
254 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
255 (((
256 2
257 )))|(% colspan="1" %)(% colspan="1" %)
258 (((
259 Klicken Sie auf den Button **//Bearbeiten//**.
260 )))
261 |(% class="numberingColumn" %)(% class="numberingColumn" %)
262 (((
263 3
264 )))|(% colspan="1" %)(% colspan="1" %)
265 (((
266 (% class="content-wrapper" %)
267 (((
268 Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor.
269
270 {{info}}
271 Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben.
272 {{/info}}
273 )))
274 )))|(% rowspan="2" %)(% rowspan="2" %)
275 (((
276 (% class="content-wrapper" %)
277 (((
278 [[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]]
279 )))
280 )))
281 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
282 (((
283 4
284 )))|(% colspan="1" %)(% colspan="1" %)
285 (((
286 Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen**//.
287 )))
288 {{/expand}}
289 )))
290 )))
291
292
293
294 {{display reference="Info Extended Rights"/}}
295 {{/panel}}
296 {{/layout-cell}}
297 {{/layout-section}}
298 {{/layout}}
299 {{/sv-translation}}
300
301 {{sv-translation language="en"}}
302 {{layout}}
303 {{layout-section ac:type="two_right_sidebar"}}
304 {{layout-cell}}
305 [[image:attach: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.
306
307 \\
308 {{/layout-cell}}
309
310 {{layout-cell}}
311 \\
312
313 {{scroll-ignore}}
314 {{panel borderColor="silver" title="Content"}}
315
316
317 {{toc minLevel="2"/}}
318 {{/panel}}
319 {{/scroll-ignore}}
320 {{/layout-cell}}
321 {{/layout-section}}
322
323 {{layout-section ac:type="single"}}
324 {{layout-cell}}
325 == Usage: Learners' View ==
326
327 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
328 (% class="wrapped" %)
329 |(((
330 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**.
331 )))|(((
332 (% class="content-wrapper" %)
333 (((
334 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
335 )))
336 )))
337 {{/panel}}
338
339
340
341 {{id name="Functions for users"/}}
342
343 {{panel title="Functions for users"}}
344 (% class="wrapped" %)
345 |(((
346 ==== Open content for reading ====
347 )))|(((
348 (% class="content-wrapper" %)
349 (((
350 {{expand title="How to do that?"}}
351 (% class="wrapped" %)
352 |(% class="numberingColumn" %)(% class="numberingColumn" %)
353 (((
354 1
355 )))|(((
356 Open the course element **//Single Page//**.
357 )))|(% rowspan="2" %)(% rowspan="2" %)
358 (((
359 (% class="content-wrapper" %)
360 (((
361 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
362 )))
363 )))
364 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
365 (((
366 2
367 )))|(% colspan="1" %)(% colspan="1" %)
368 (((
369 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.
370 )))
371 {{/expand}}
372 )))
373 )))
374
375 {{info}}
376 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"]].
377 {{/info}}
378 {{/panel}}
379
380 == Configuration: Authors' View ==
381
382 {{panel titleBGColor="#5a759d" title="In the course editor"}}
383 The following functions are available to authors in the course editor:
384
385 (% class="wrapped" %)
386 |(((
387 ==== Add a course element single page ====
388 )))|(((
389 (% class="content-wrapper" %)
390 (((
391 {{expand title="Click to open instructions on how to add a course element ..."}}
392
393
394 {{display reference="Add Course Element"/}}
395 {{/expand}}
396 )))
397 )))
398 |(((
399 ==== General configuration settings ====
400 )))|(((
401 (% class="content-wrapper" %)
402 (((
403 In the course editor, you will find the following configuration tabs:
404
405 (% class="wrapped" %)
406 |=(((
407 Title and description
408 )))|(((
409 (% class="content-wrapper" %)
410 (((
411 {{expand title="Configuration options in the tab title and description ..."}}
412
413
414 {{display reference="Tab Titel und Beschreibung"/}}
415 {{/expand}}
416 )))
417 )))
418 |=(((
419 Visibility
420 )))|(% rowspan="2" %)(% rowspan="2" %)
421 (((
422 (% class="content-wrapper" %)
423 (((
424 {{expand title="Configuration options in the tab visibility and access ..."}}
425
426
427 {{display reference="Sichtbarkeit und Zugriff"/}}
428
429
430
431 {{display reference="Zugang Bearbeitungsrechte"/}}
432 {{/expand}}
433 )))
434 )))
435 |=(((
436 Access
437 )))
438 |=(((
439 Page content / Configuration
440 )))|(((
441 In this tab, you can select or create the page to be displayed or specify the URL to the external page.
442 Detailed instructions are given in the following section //**Special configuration settings**//.
443 )))
444 |=(((
445 Multilingualism
446 )))|(((
447 In this tab, different translations can be added to individual course element areas.
448 )))
449 )))
450 )))
451 |(((
452 ==== Special configuration settings ====
453 )))|(((
454 (% class="content-wrapper" %)
455 (((
456
457
458 {{id name="Page"/}}
459
460 (% class="wrapped" %)
461 |=(% rowspan="2" %)(% rowspan="2" %)
462 (((
463 ===== Select or create page or configure link =====
464 )))|(% colspan="1" %)(% colspan="1" %)
465 (((
466 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//**).
467
468 \\
469
470 (% class="content-wrapper" %)
471 === Course element Single Page ===
472
473 To include an internal page, click on the //**Select or create page**// button.
474
475
476
477 {{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
478
479
480
481 {{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
482
483 \\
484 )))
485 |(((
486 (% class="content-wrapper" %)
487 (((
488 === Course element External Page
489 ===
490 )))
491
492 To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:
493
494 (% class="content-wrapper" %)
495 (((
496 (% class="wrapped" %)
497 |(((
498 **Configuration of external page**
499 )))|(((
500 1. Enter the **URL **of the desired page in the appropriate text field.
501 1. (((
502 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.
503 )))
504 1. (((
505 Confirm your entries with //**Save**//.
506 )))
507 )))|(% rowspan="2" %)(% rowspan="2" %)
508 (((
509 (% class="content-wrapper" %)
510 (((
511 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite konfigurieren_en.png]]
512 )))
513 )))
514 |(((
515 **Expert settings for dynamic content
516 **
517 )))|(((
518 1. (((
519 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).
520 )))
521 1. (((
522 Click on //**Save**// to confirm your entries and publish the course.
523 )))
524 )))
525 )))
526 )))
527 )))
528 )))
529
530 {{info title="Note on copying a single page course element"}}
531 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.
532
533 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.
534 {{/info}}
535 {{/panel}}
536
537 {{panel title="In the course view"}}
538 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:
539
540 (% class="wrapped" %)
541 |(% colspan="1" %)(% colspan="1" %)
542 (((
543 (% class="content-wrapper" %)
544 (((
545 (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
546 )))
547 )))|(((
548 ==== Edit content ====
549 )))|(((
550 (% class="content-wrapper" %)
551 (((
552 {{expand title="Open content for editing ..."}}
553 (% class="wrapped" %)
554 |(% class="numberingColumn" %)(% class="numberingColumn" %)
555 (((
556 1
557 )))|(((
558 Open the course element //**Single Page**//.
559 )))|(% rowspan="2" %)(% rowspan="2" %)
560 (((
561 (% class="content-wrapper" %)
562 (((
563 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite bearbeiten_en.png]]
564 )))
565 )))
566 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
567 (((
568 2
569 )))|(% colspan="1" %)(% colspan="1" %)
570 (((
571 Click on //**Edit**//.
572 )))
573 |(% class="numberingColumn" %)(% class="numberingColumn" %)
574 (((
575 3
576 )))|(% colspan="1" %)(% colspan="1" %)
577 (((
578 (% class="content-wrapper" %)
579 (((
580 The **editor view **of the page opens. Make your **desired changes**.
581
582 {{info}}
583 (% class="TableParagraph" %)
584 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"]](%%).
585 {{/info}}
586 )))
587 )))|(% rowspan="2" %)(% rowspan="2" %)
588 (((
589 (% class="content-wrapper" %)
590 (((
591 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_en.png]]
592 )))
593 )))
594 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
595 (((
596 4
597 )))|(% colspan="1" %)(% colspan="1" %)
598 (((
599 Confirm your settings with **//Save//** or **//Save and close//**.
600 )))
601 {{/expand}}
602 )))
603 )))
604
605
606
607 {{display reference="Info Extended Rights"/}}
608 {{/panel}}
609 {{/layout-cell}}
610 {{/layout-section}}
611 {{/layout}}
612 {{/sv-translation}}