Wiki-Quellcode von Structure

Version 283.1 von Carina Enke am 17.06.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_Struktur.png]] Der Kursbaustein **//Struktur// **dient zur übersichtlichen Gestaltung eines Kurses und unterstützt die thematische Gruppierung von Inhalten.
12
13 In der Standardeinstellung werden im Inhaltsbereich des Strukturbausteins untergeordnete Bausteine in einer Vorschauansicht mit Titel, Untertitel und Beschreibung angezeigt. Es ist aber auch möglich statt der Vorschau individuelle Inhalte anzuzeigen. Zusätzlich können Resultate von bewertbaren Bausteinen aus dem Kurs in einer Bewertungsübersicht angezeigt werden.
14
15
16
17 {{/layout-cell}}
18
19 {{layout-cell}}
20 {{scroll-ignore}}
21 {{panel borderColor="silver" title="Inhalt"}}
22
23
24 {{toc/}}
25 {{/panel}}
26 {{/scroll-ignore}}
27 {{/layout-cell}}
28 {{/layout-section}}
29
30 {{layout-section ac:type="single"}}
31 {{layout-cell}}
32 == Nutzung aus Lerner-Sicht ==
33
34 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
35 (% class="wrapped" %)
36 |(((
37 Je nach Einstellung des Kursautors sehen Sie auf der Startseite des Kursbausteins //**Struktur** //eine **Übersicht ausgewählter untergeordneter Kursbausteine** mit Titel, Beschreibung und Vorschau. Alternativ ist auch die Darstellung eines** individuell vom Tutor** **gestalteten Inhaltes** möglich.
38 )))|(((
39 (% class="content-wrapper" %)
40 (((
41 [[image:attach:Kursrun Überblick Struktur_de.png]]
42 )))
43 )))
44 {{/panel}}
45
46
47
48 {{id name="Funktion"/}}
49
50 {{panel title="Verfügbare Funktionen für Nutzer"}}
51 Als Nutzer haben Sie in einem Kursbaustein //**Struktur** //folgende Möglichkeiten:
52
53 (% class="wrapped" %)
54 |(((
55 (% class="content-wrapper" %)
56 (((
57 [[image:attach:Icons@Icon_Kursbaustein erledigt_de.png]]
58 )))
59 )))|(((
60 ==== Kursfortschritt ====
61 )))|(((
62 (% class="content-wrapper" %)
63 (((
64 {{display reference="Kursfortschritt manuell"/}}
65 )))
66 )))
67
68 {{info}}
69 Zusätzlich kann der Kursautor eine Bewertungsübersicht freischalten. Weitere Informationen zu den dort gezeigten Inhalten finden Sie im Bereich [[doc:Bewertungen und Zertifikate]].
70 {{/info}}
71 {{/panel}}
72
73 == Nutzung aus Autoren-Sicht ==
74
75 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
76 Im Kurseditor stehen Ihnen folgende Funktionen zur Verfügung:
77
78 (% class="wrapped" %)
79 |(((
80 ==== Kursbaustein Struktur hinzufügen ====
81 )))|(((
82 (% class="content-wrapper" %)
83 (((
84 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
85
86
87 {{display reference="Add Course Element"/}}
88 {{/expand}}
89 )))
90 )))
91 |(((
92 ==== Allgemeine Konfigurationseinstellungen ====
93 )))|(((
94 (% class="content-wrapper" %)
95 (((
96 Im Kurseditor sehen Sie folgende Konfigurationstabs:
97
98 (% class="wrapped" %)
99 |=(((
100 Titel und Beschreibung
101 )))|(% colspan="1" %)(% colspan="1" %)
102 (((
103 (% class="content-wrapper" %)
104 (((
105 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
106
107
108 {{display reference="Tab Titel und Beschreibung"/}}
109 {{/expand}}
110 )))
111 )))
112 |=(((
113 Sichtbarkeit
114 )))|(% rowspan="2" %)(% rowspan="2" %)
115 (((
116 (% class="content-wrapper" %)
117 (((
118 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
119
120
121 {{display reference="Sichtbarkeit und Zugriff"/}}
122 {{/expand}}
123 )))
124 )))
125 |=(((
126 Zugang
127 )))
128 |=(((
129 Konfiguration
130 )))|(% colspan="1" %)(% colspan="1" %)
131 (((
132 In diesem Tab haben Sie die Möglichkeit über die Darstellung des Kursbausteins zu entscheiden. Dies wird ausführlich im nachfolgenden Abschnitt ** //Konfiguration// **erläutert.
133 )))
134 |=(((
135 Bewertung
136 )))|(% colspan="1" %)(% colspan="1" %)
137 (((
138 Der Strukturbaustein ist ein bewertbares Kurselement. Es können Punkte, Noten und ein Bestanden-Status aus anderen Kurselementen summiert und in einer Bewertungsübersicht angezeigt werden. Ausführlich beschreibt dies der Abschnitt //[[Bewertung>>doc:||anchor="bewertung"]] //.
139 )))
140 |=(((
141 Mehrsprachigkeit
142 )))|(% colspan="1" %)(% colspan="1" %)
143 (((
144 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
145 )))
146 )))
147 )))
148 |(((
149 ==== Konfiguration ====
150 )))|(((
151 (% class="content-wrapper" %)
152 (((
153 Öffnen Sie den Kurseditor und wechseln Sie in den Tab //**Konfiguration** //eines Strukturbausteins. Nun können Sie folgende Einstellungen zur **Darstellung** vornehmen:
154
155 (% class="wrapped" %)
156 |(((
157 ===== Automatische Übersicht =====
158 )))|(((
159 (% class="content-wrapper" %)
160 (((
161 (% class="wrapped" %)
162 |(((
163 (% class="content-wrapper" %)
164 (((
165 Wenn Sie eine automatische Übersicht der ausgewählten Bausteine bevorzugen, haben Sie folgende Optionen:
166
167 * **Automatische Übersicht:** Die ersten zehn untergeordneten Elemente werden mit dem Titel des Bausteins sowie -wenn enthalten- Untertitel und Beschreibung angezeigt.
168
169 * **Automatische Übersicht mit Vorschau:** Bis zu zehn untergeordnete Kursbausteine werden mit Titel,  -wenn enthalten- Untertitel und Beschreibung sowie einer Vorschau zum Inhalt angezeigt. Bei dieser Einstellungsoption können Sie zusätzlich eine Auswahl der Elemente treffen. Aktivieren oder deaktivieren Sie die Checkboxen vor den gewünschten Elementen.
170
171 {{info}}
172 Bei beiden Einstellungen wird die Konfiguration zur Ansicht im Tab //**Titel und Beschreibung** //des betreffenden Elements ignoriert. Diese Einstellung wird nur beim Öffnen eines einzelnen Elements ausgewertet.
173 {{/info}}
174
175 * **Anzeige in zwei Spalten:** Bei mehr als fünf Elementen empfiehlt sich die Übersicht der Elemente in zwei Spalten. Aktivieren Sie dazu einfach die entsprechende Checkbox.
176
177 Bestätigen Sie Ihre Angaben durch Klick auf die Schaltfläche **//Speichern// **.
178 )))
179 )))|(((
180 (% class="content-wrapper" %)
181 (((
182 [[image:attach:Kurseditor - Automatische Übersicht_de.png]]
183 )))
184 )))
185 )))
186 )))
187 |(((
188 ===== Eigene HTML-Seite =====
189 )))|(((
190 (% class="content-wrapper" %)
191 (((
192 An dieser Stelle stehen Ihnen folgende Optionen zur Verfügung, um eine HTML-Seite als Übersichtsseite zum Kursbaustein einzufügen.
193
194 * **HTML-Seite erstellen (Option 1)**
195 * **HTML-Seite auswählen (Option 2)**
196 * **HTML-Seite hochladen (Option 3)**
197 **\\**
198
199 {{expand title="Starten Sie die Konfiguration für alle Optionen wie folgt ..."}}
200 (% class="wrapped" %)
201 |(((
202 1. Aktivieren Sie die Checkbox //**Eigene HTML-Seite** //und klicken Sie anschließend auf die Schaltfläche **//Speichern// **.
203 )))|(((
204 (% class="content-wrapper" %)
205 (((
206 [[image:attach:Kurseditor - Eigene HTML - Checkbox_de.png]]
207 )))
208 )))
209 |(((
210 2. Klicken Sie nun auf die Schaltfläche **//Seite auswählen oder erstellen// **.
211 )))|(((
212 (% class="content-wrapper" %)
213 (((
214 [[image:attach:Kurseditor - Button Seite auswählen oder erstellen_de.png]]
215 )))
216 )))
217 |(((
218 3. Es öffnet sich ein Fenster mit den Funktionen zum** Erstellen**,** Auswählen oder Hochladen einer HTML-Seite**. Entscheiden Sie sich jetzt für eine der genannten Optionen.
219 )))|(((
220 (% class="content-wrapper" %)
221 (((
222 [[image:attach:Kurseditor - drei Optionen_de.png]]
223 )))
224 )))
225 |(% colspan="1" %)(% colspan="1" %)
226 (((
227 **HTML-Seite erstellen (Option 1)**
228
229 * Geben Sie den **Namen** der neuen Datei in das entsprechende Textfeld ein und wählen Sie optional einen anderen **Zeichensatz**.
230 * Es öffnet sich das **Editorfenster**, in dem Sie nun Ihre neue HTML-Seite gestalten können. Informationen über Formatierungsoptionen finden Sie [[Hier.>>doc:Texteditor]]
231 * Klicken Sie auf die Schaltfläche **//Speichern// **, um den Erstellvorgang abzuschließen.
232 )))|(% colspan="1" %)(% colspan="1" %)
233 (((
234 (% class="content-wrapper" %)
235 (((
236 [[image:attach:Kurseditor - HTML-Seite erstellen_de.png]]
237 )))
238 )))
239 |(% colspan="1" %)(% colspan="1" %)
240 (((
241 **HTML-Seite auswählen (Option 2)**
242
243 * Klicken Sie auf die Schaltfläche //**Seite** **auswählen** //.
244 * Wählen Sie nun die gewünschte Datei mit** Klick auf deren Name** aus.
245 * Bestätigen Sie die Auswahl, indem Sie auf die Schaltfläche **Auswählen** klicken.
246 )))|(% colspan="1" %)(% colspan="1" %)
247 (((
248 (% class="content-wrapper" %)
249 (((
250 [[image:attach:Kurseditor - Datei auswählen_de.png]]
251 )))
252 )))
253 |(% colspan="1" %)(% colspan="1" %)
254 (((
255 **HTML-Seite hochladen (Option 3)**
256
257 * Klicken Sie auf die Schaltfläche **//Datei wählen// **.
258 * Wählen Sie nun eine Datei von Ihrem PC aus.
259 * Klicken Sie anschließend auf die Schaltfläche **//Hochladen// **.
260 )))|(% colspan="1" %)(% colspan="1" %)
261 (((
262 (% class="content-wrapper" %)
263 (((
264 [[image:attach:Kurseditor - Datei hochladen_de.png]]
265 )))
266 )))
267 |(% colspan="1" %)(% colspan="1" %)
268 (((
269 Die HTML-Seite wird nun im Tab //**Konfiguration** //unter //**Gewählte Seite** //angezeigt.
270
271 \\
272 )))|(% colspan="1" %)(% colspan="1" %)
273 (((
274 (% class="content-wrapper" %)
275 (((
276 [[image:attach:Kurseditor - Gewählte Seite_de.png]]
277 )))
278 )))
279 {{/expand}}
280
281 Nachdem eine HTML-Seite hinzugefügt wurde, haben Sie folgende Möglichkeiten:
282
283 {{expand title="Seite im Editor öffnen oder auswechseln ..."}}
284 (% class="wrapped" %)
285 |(((
286 **Seite im Editor öffnen:**
287
288 * Klicken Sie auf diese Schaltfläche, um **Änderungen** an Ihrer HTML-Seite vorzunehmen.
289
290 **Seite auswechseln**:
291
292 * An dieser Stelle haben Sie die Möglichkeit eine **neue HTML-Seite zu erstellen**,** auszuwählen oder hochzuladen**. Befolgen Sie dafür die bereits im oberen Abschnitt erläuterten Schritte.
293 )))|(((
294 (% class="content-wrapper" %)
295 (((
296 [[image:attach:Kurseditor - Funktionen nach dem Hinzufügen einer Seite_de.png]]
297 )))
298 )))
299 {{/expand}}
300
301 {{expand title="Weitere Einstellungen zur gewählten Seite ..."}}
302 (% class="wrapped" %)
303 |(((
304 **Anzeigeeinstellung:**
305
306 Bestimmen Sie die Höhe des sichtbaren Bereichs der HTML Seite.
307
308 Wenn die **Höhe des sichtbaren Bereichs automatisch** bestimmt werden soll, dann wählen Sie die erste Option. Andernfalls setzen Sie den Punkt vor der Option //**Höhe manuell definieren** //. In diesem Fall geben Sie anschließend die gewünschte Höhe in Pixeln (min. 300 Pixel) ein.
309
310 Klicken Sie auf //**Speichern** //, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
311
312 Ist die Seite größer als der so konfigurierte sichtbare Bereich erscheinen in der Kursansicht Scrollbalken am Rand der Seite.
313 )))|(((
314 (% class="content-wrapper" %)
315 (((
316 [[image:attach:Kurseditor - Anzeigeeinstellungen_de.png]]
317 )))
318 )))
319 {{/expand}}
320 )))
321 )))
322 |(((
323 ===== Externe HTML-Seite =====
324 )))|(((
325 (% class="content-wrapper" %)
326 (((
327 Mit dieser Option haben Sie die Möglichkeit eine **externe HTML-Seite** als Übersichtsseite in den Kursbaustein **//Struktur// **einzubinden.
328
329 {{expand title="Wie geht das?"}}
330 (% class="wrapped" %)
331 |(((
332 1. Aktivieren Sie die Checkbox //**Externe HTML-Seite** //und klicken Sie auf die Schaltfläche //**Speichern** //.
333 )))|(((
334 (% class="content-wrapper" %)
335 (((
336 [[image:attach:Kurseditor - Externe Seite_de.png]]
337 )))
338 )))
339 |(((
340 2. Tragen Sie nun die **URL** in das entsprechende Textfeld ein.
341
342 3. 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.
343
344 4. Konfigurieren Sie bei Bedarf unter //**Anzeigeeinstellung** //die **Höhe des sichtbaren Teils der externen Seite**. Wenn die **Höhe des sichtbaren Bereichs automatisch** bestimmt werden soll, dann wählen Sie die erste Option. Andernfalls setzen Sie den Punkt vor der Option //**Höhe manuell definieren** //. In diesem Fall geben Sie anschließend die gewünschte Höhe in Pixeln (min. 300 Pixel) ein. Ist die Seite größer als der so konfigurierte sichtbare Bereich erscheinen in der Kursansicht Scrollbalken am Rand der Seite.
345
346 5. Bestätigen Sie die Angaben Klick auf die Schaltfläche **//Speichern// **.
347 )))|(((
348 (% class="content-wrapper" %)
349 (((
350 [[image:attach:Kurseditor - Externe Seite - URL_de.png]]
351 )))
352 )))
353 {{/expand}}
354 )))
355 )))
356 )))
357 )))
358 |(((
359 (% class="content-wrapper" %)
360 (((
361 {{id name="bewertung"/}}
362
363 ==== Bewertung ====
364 )))
365 )))|(((
366 (% class="content-wrapper" %)
367 (((
368 (% class="wrapped" %)
369 |(((
370 Im Kursbaustein //**Struktur** //können Sie, wie auch im Kurshauptknoten, Bewertungsinformationen anderer Kursbausteine summieren, wodurch eine übergreifende Bewertung entsteht.
371
372 Wählen Sie im Tab **//Bewertung// **die gewünschte Bewertungskategorie (Punkte, Note, Bestanden-Status) und anschließend die dafür notwendigen Kursbausteine aus, die in die Gesamtbewertung des Srukturbausteins eingehen sollen.
373
374 Weitere Informationen finden Sie im Kapitel [[Lehren~>Bewertung>>doc:Bewertung]].
375 )))|(((
376 (% class="content-wrapper" %)
377 (((
378 [[image:attach:Kurseditor - Tab Bewertung_de.png]]
379 )))
380 )))
381 )))
382 )))
383 {{/panel}}
384
385 {{panel title="In der Kursansicht"}}
386 In der Kursansicht stehen Ihnen alle für Nutzer verfügbaren Funktionen zur Verfügung. Eine detaillierte Anleitung hierzu finden Sie im Abschnitt [[Verfügbare Funktionen für Nutzer.>>doc:||anchor="Funktion"]]
387
388 Falls Sie in der Konfiguration eine eigene HTML-Seite erstellt oder ausgewählt haben, können Sie die Editoransicht der Seite aufrufen und Änderungen direkt vornehmen.
389
390 (% class="wrapped" %)
391 |(((
392 (% class="content-wrapper" %)
393 (((
394 [[image:attach:Icons@Icon_Stift Bearbeiten_de.png]]
395 )))
396 )))|(((
397 ==== HTML-Seite bearbeiten ====
398 )))|(((
399 (% class="content-wrapper" %)
400 (((
401 Hier haben Sie die Möglichkeit, eine im Kursbaustein //**Struktur** //referenzierte **HTML-Seite** zu bearbeiten.
402
403 {{expand title="Wie geht das?"}}
404 (% class="wrapped" %)
405 |(((
406 1. Öffnen Sie den Kursbaustein //**Struktur** //und klicken Sie auf die Schaltfläche **//Bearbeiten// **.
407 )))|(((
408 (% class="content-wrapper" %)
409 (((
410 [[image:attach:Kursrun - Schaltfläche Bearbeiten_de.png]]
411 )))
412 )))
413 |(((
414 2. Es öffnet sich die **Editorumgebung**. Nehmen Sie nun Ihre gewünschten Änderungen vor.
415
416 3. Klicken Sie auf die Schaltfläche //**Speichern** //, um den Bearbeitungsprozess abzuschließen.
417 )))|(((
418 (% class="content-wrapper" %)
419 (((
420 [[image:attach:Kursrun - Editorfenster_de.png]]
421 )))
422 )))
423 {{/expand}}
424 )))
425 )))
426 {{/panel}}
427 {{/layout-cell}}
428 {{/layout-section}}
429 {{/layout}}
430 {{/sv-translation}}
431
432 {{sv-translation language="en"}}
433 {{layout}}
434 {{layout-section ac:type="two_right_sidebar"}}
435 {{layout-cell}}
436 [[image:attach:Kursbausteine@kb_stack2.png]]The course element **//Structure//** facilitates a clear course design through the thematic grouping of content.
437
438 In the content area of the structure element, child elements will be displayed by default in a preview mode including their title, subtitle, and description. Alternatively, it is also possible to display individual content instead of the preview. In addition, the results of a course's assessable elements can be displayed in an assessment summary.
439 {{/layout-cell}}
440
441 {{layout-cell}}
442 {{scroll-ignore}}
443 {{panel borderColor="silver" title="Content"}}
444
445
446 {{toc/}}
447 {{/panel}}
448 {{/scroll-ignore}}
449 {{/layout-cell}}
450 {{/layout-section}}
451
452 {{layout-section ac:type="single"}}
453 {{layout-cell}}
454 == Usage: Learners' View ==
455
456 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
457 |(((
458 Depending on the setting of the course author, you may see an **overview of selected child course elements** including their title, description, and preview on the home page of the course element **//Structure//**. Alternatively, it is also possible that **content** **individually designed by the tutor **will be displayed.
459 )))|(((
460 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun Überblick Struktur_en.png]]
461 )))
462 {{/panel}}
463
464
465
466 {{id name="Funktion"/}}
467
468 {{panel title="Functions for users"}}
469 As a user, you have access to the following functions in a course element of the type **//Structure//**:
470
471 |(((
472 (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Kursbaustein erledigt_en.png]]
473 )))|(((
474 ==== Course progress ====
475 )))|(((
476 {{display reference="Kursfortschritt manuell"/}}
477 )))
478
479 {{info}}
480 The course author can also enable an assessment summary. Further information on the data displayed in the summary can be found in the help section [[Assessment, certificates, and performance results>>url:https://www.bps-system.de/help/display/LMS/Bewertungen+und+Zertifikate||shape="rect"]].
481 {{/info}}
482 {{/panel}}
483
484 == Configuration: Authors' View ==
485
486 {{panel titleBGColor="#5a759d" title="In the course editor"}}
487 The following functions are available to you in the course editor:
488
489 |(((
490 ==== Add a course element structure ====
491 )))|(((
492 {{expand title="Click to open instructions on how to add a course element ..."}}
493
494
495 {{display reference="Add Course Element"/}}
496 {{/expand}}
497 )))
498 |(((
499 ==== General configuration settings ====
500 )))|(((
501 (% class="TableParagraph" %)
502 In the course editor, you will find the following configuration tabs:
503
504 |=(((
505 Title and description
506 )))|(% colspan="1" %)(% colspan="1" %)
507 (((
508 {{expand title="Configuration options in the tab title and description ..."}}
509
510
511 {{display reference="Tab Titel und Beschreibung"/}}
512 {{/expand}}
513 )))
514 |=(((
515 Visibility
516 )))|(% rowspan="2" %)(% rowspan="2" %)
517 (((
518 {{expand title="Configuration options in the tab visibility and access ..."}}
519
520
521 {{display reference="Sichtbarkeit und Zugriff"/}}
522 {{/expand}}
523 )))
524 |=(((
525 Access
526 )))
527 |=(((
528 Configuration
529 )))|(% colspan="1" %)(% colspan="1" %)
530 (((
531 In this tab, you have the opportunity to decide on the presentation of the course element. Detailed instructions are given in the following section **//Configuration//**.
532 )))
533 |=(((
534 Assessment
535 )))|(% colspan="1" %)(% colspan="1" %)
536 (((
537 The structure element is an assessable course element. Scores, marks, and passed statuses from other course elements can be collected and displayed in an assessment summary. Detailed information can be found in the section [[Assessment>>url:https://www.bps-system.de/help/display/LMSintern/.Struktur+v3.8#id-.Strukturv3.8-bewertung||shape="rect"]]
538 )))
539 |=(((
540 Multilingualism
541 )))|(% colspan="1" %)(% colspan="1" %)
542 (((
543 In this tab, different translations can be added to individual course element areas.
544 )))
545 )))
546 |(((
547 ==== Configuration ====
548 )))|(((
549 Open the course editor and go to the tab //**Configuration** //of a structure element. Now you can configure the following **presentation** settings:
550
551 |(((
552 ===== Automatic overview =====
553 )))|(((
554 |(((
555 (% class="TableParagraph" %)
556 If you prefer an automatic summary of the selected elements, you have the following options:
557
558 * **Automatic overview:** The first ten child elements are displayed, including their title, subtitle, and description (if present). **
559 **\\
560 * **Automatic overview and preview: **Up to ten child course elements are displayed, including their title, subtitle, and description (if present), as well as a preview of the content. This setting option also allows you to choose from a list of available elements. All you need to do is enable the checkboxes in front of the desired elements. \\
561
562 {{info}}
563 (% class="TableParagraph" %)
564 Both settings ignore the display configuration in the tab **//Title and description//** of the course element. This setting is applied only when opening a single element.
565 {{/info}}
566
567 * **Display in two columns:** In the case of more than five elements, we recommend a two column overview. Just activate the corresponding checkbox.
568
569 (% class="TableParagraph" %)
570 Confirm your entries with **//Save//**//.//\\
571 )))|(((
572 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Automatische Übersicht_en.png]]
573 )))
574 )))
575 |(((
576 ===== Your HTML page =====
577 )))|(((
578 (% class="TableParagraph" %)
579 You have the following options to embed an HTML page as a summary page in the course element.
580
581 * **Create HTML page (option 1)**
582 * **Select HTML page (option 2)**
583 * **Upload HTML page (option 3)**
584 **\\**
585
586 {{expand title="Start the configuration for all three variants as follows:"}}
587 |(((
588 1. Activate the checkbox **//Your HTML page// **and click on **//Save//**.
589 )))|(((
590 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Eigene HTML - Checkbox_en.png]]
591 )))
592 |(((
593 2. Then click on **//Select or create page//**.
594 )))|(((
595 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Button Seite auswählen oder erstellen_en.png]]
596 )))
597 |(((
598 3. A window with functions for **creating, selecting, or uploading an HTML page** opens. Decide on one of the following options:
599 )))|(((
600 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - drei Optionen_en.png]]
601 )))
602 |(% colspan="1" %)(% colspan="1" %)
603 (((
604 **Create HTML page (option 1)**
605
606 * Enter the **name **of the new file in the appropriate text field and optionally select a different **character set**.
607 * The **editor window **for creating a new HTML page opens. For further information about formatting options, click [[here.>>url:https://www.bps-system.de/help/display/LMSintern/.Texteditor+v3.8||shape="rect"]]
608 * Click on **//Save//** to complete the creation process.
609 )))|(% colspan="1" %)(% colspan="1" %)
610 (((
611 [[image:attach:Kurseditor - HTML-Seite erstellen_en.png]]
612 )))
613 |(% colspan="1" %)(% colspan="1" %)
614 (((
615 **Select HTML page (option 2)**
616
617 * Click on the button //**Select page**//.
618 * Select the desired file by **clicking on its name**.
619 * Confirm your selection with **//Select//**.**
620 **
621 )))|(% colspan="1" %)(% colspan="1" %)
622 (((
623 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Datei auswählen_en.png]]
624 )))
625 |(% colspan="1" %)(% colspan="1" %)
626 (((
627 **Upload HTML page (option 3)**
628
629 * Click on the button **//Select file//**.
630 * Select a file from your computer.
631 * Then click on //**Upload**//.**
632 **
633 )))|(% colspan="1" %)(% colspan="1" %)
634 (((
635 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Datei hochladen_en.png]]
636 )))
637 |(% colspan="1" %)(% colspan="1" %)
638 (((
639 The HTML page will now be displayed in the tab **//Configuration// **under **//Selected Page//**.
640
641
642 )))|(% colspan="1" %)(% colspan="1" %)
643 (((
644 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Gewählte Seite_en.png]]
645 )))
646 {{/expand}}
647
648 After adding an HTML page, you have the following options:
649
650 {{expand title="Open or replace page in the editor ..."}}
651 |(((
652 (% style="font-size: 10.5pt;" %)**Open page in editor:**
653
654 * Click on this button to (% style="font-size: 10.5pt;" %)**make** **changes **(%%)to your HTML page.
655
656 **Replace page:**
657
658 * (% style="font-size: 10.5pt;" %)Click on this button to **create**,** select**,** or upload a** **new HTML page**. Follow the steps outlined above.
659 )))|(((
660 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Funktionen nach dem Hinzufügen einer Seite_en.png]]
661 )))
662 {{/expand}}
663
664 {{expand title="Additional settings for the selected page ..."}}
665 |(((
666 **Display settings:**
667
668 Determine the height of the HTML page's visible area.
669
670 If you would like the (% style="font-size: 10.5pt;" %)**height** **of the visible area to be determined automatically**(%%), then select the first option. Otherwise, select the second option (% style="font-size: 10.5pt;" %)**//Define height//**// **manually **//(%%)and enter the desired height in pixels (min. 300 pixels).
671
672 Click on (% style="font-size: 10.5pt;" %)**//Save// **(%%)to confirm your entries and publish the course.
673
674 (% style="font-size: 10.5pt;" %)If the page is longer than the configured visible area, scroll bars will appear in the right margin of the page.
675 )))|(((
676 [[image:attach:Kurseditor - Anzeigeeinstellungen_en.png]]
677 )))
678 {{/expand}}
679 )))
680 |(((
681 ===== External HTML page =====
682 )))|(((
683 This option allows you to embed an (% style="font-size: 10.5pt;" %)**external HTML page **(%%)as a summary page in the course element (% style="font-size: 10.5pt;" %)**//Structure//**(%%).
684
685 {{expand title="How to do that?"}}
686 |(% colspan="1" %)(% colspan="1" %)
687 (((
688 1. Activate the checkbox **//External HTML page//** and click on //**Save**//.
689 )))|(% colspan="1" %)(% colspan="1" %)
690 (((
691 [[image:attach:Kurseditor - Externe Seite_en.png]]
692 )))
693 |(((
694 2. Now enter the **URL** in the appropriate text field.
695
696 3. If the page is password protected, you also have the option to enter the password and user name. 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.
697
698 4. If necessary, configure the **height of the external page's visible area** under **//Display settings//**. 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). If the page is longer than the configured visible area, scroll bars will appear in the right margin of the page.
699
700 5. Confirm your entries with **//Save//**.
701 )))|(((
702 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite - URL_en.png]]
703 )))
704 {{/expand}}
705 )))
706 )))
707 |(((
708
709
710 {{id name="bewertung"/}}
711
712 ==== (% style="color: rgb(51,51,51);" %)**Assessment**(%%) ====
713 )))|(((
714 |(((
715 In the course element (% style="font-size: 10.5pt;" %)**//Structure//**(%%), as in the main course node, you can collect assessment information of other course elements, resulting in an overall assessment.
716
717 Select the desired assessment category (score, mark, passing score) in the tab (% style="font-size: 10.5pt;" %)**//Assessment//**(%%) as well as the course elements that are to be included in the overall assessment of the structure element.
718
719 (% style="font-size: 10.5pt;" %)Further information is provided in the chapter (% style="font-size: 11.0pt;font-family: Calibri , sans-serif;" %)[[(% style="font-size: 11pt; font-family: Calibri, sans-serif; font-size: 10.5pt; font-family: Arial, sans-serif; color: rgb(13, 122, 149)" %)Teaching~>Assessment>>url:https://www.bps-system.de/help/display/LMS/Bewertung||shape="rect"]](%%).
720 )))|(((
721 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Tab Bewertung_en.png]]
722 )))
723 )))
724 {{/panel}}
725
726 {{panel title="In the course view"}}
727 In the course view of a course element **//Structure//**, you have access to all functions available to users. Detailed information can be found in the section [[(% style="color: rgb(13,122,149);" %)Functions for users>>url:https://www.bps-system.de/help/display/LMSintern/.Struktur+v3.8#id-.Strukturv3.8-Funktion||shape="rect"]](%%).
728
729 If you have created or selected an HTML page, you can access the editor view of the page and make changes directly.
730
731 |(((
732 (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Stift Bearbeiten_en.png]]
733 )))|(((
734 ==== Edit HTML page ====
735 )))|(((
736 Here you have the possibility to edit an **HTML page** referenced in the course element **//Structure//**.
737
738 {{expand title="How to do that?"}}
739 |(((
740 1. Open the course element **//Structure// **and click on //**Edit**//.
741 )))|(((
742 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Bearbeiten_en.png]]
743 )))
744 |(((
745 2. The **editor environment** opens. Make your desired changes.
746
747 3. Click on **//Save// **to complete the editing process.
748 )))|(((
749 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Editorfenster_en.png]]
750 )))
751 {{/expand}}
752 )))
753 {{/panel}}
754 {{/layout-cell}}
755 {{/layout-section}}
756 {{/layout}}
757 {{/sv-translation}}