Zum Inhalt springen

Änderungen von Dokument Einzelne Seite

Zuletzt geändert von Carina Enke am 02.07.2025
Von Version 863.1
bearbeitet von 0a49950f5c0f19a8015c101b60e10001
am 19.02.2018
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 3.8.
Auf Version 971.1
bearbeitet von Carina Enke
am 16.01.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Übergeordnete Seite
... ... @@ -1,0 +1,1 @@
1 +LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.0a49950f5c0f19a8015c101b60e10001
1 +XWiki.carina
Tags
... ... @@ -1,0 +1,1 @@
1 +kursbaustein|link|externe|seite|html|webseite|einbetten|vr
Inhalt
... ... @@ -1,24 +2,24 @@
1 -{{sv-translation language="de"}}
2 2  {{layout}}
3 -{{layout-section ac:type="single"}}
4 -{{layout-cell}}{{/layout-cell}}
5 -{{/layout-section}}
6 -
7 7  {{layout-section ac:type="two_right_sidebar"}}
8 8  {{layout-cell}}
9 -[[image:attach:Kursbausteine@kb_file.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.
4 +[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
10 10  
11 -
6 +Der Kursbaustein **Einzelne Seite **erlaubt das Erstellen eigener HTML-Seiten mit Texten, Bildern, Links, Videos oder VR-Inhalten sowie das Einbinden und Anzeigen von verschiedenen Dateiformaten. Beispiele dazu listet der [[Abschnitt Workflows und Anwendungsbeispiele>>doc:||anchor="beispiele"]] auf.
7 +
8 +Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
9 +
10 +
11 +{{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
12 12  {{/layout-cell}}
13 13  
14 14  {{layout-cell}}
15 -{{scroll-ignore}}
16 16  {{panel borderColor="silver" title="Inhalt"}}
16 +{{toc/}}
17 17  
18 +**Verwandte Themen**
18 18  
19 -{{toc/}}
20 +* [[Erstellung barrierefreier Inhalte>>doc:LMS.Benutzerhandbuch OPAL.Barrierefreiheit.Erstellung barrierefreier Inhalte.WebHome]]
20 20  {{/panel}}
21 -{{/scroll-ignore}}
22 22  {{/layout-cell}}
23 23  {{/layout-section}}
24 24  
... ... @@ -27,33 +27,21 @@
27 27  == Nutzung aus Lerner-Sicht ==
28 28  
29 29  {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
30 -|(((
31 -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**.
32 -)))|(((
33 -[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
34 -)))
30 +(% class="auto-cursor-target" %)
31 +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.
32 +
33 +(% class="auto-cursor-target" %)
34 +[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
35 35  {{/panel}}
36 36  
37 -
38 -
39 39  {{id name="Nutzerfunktionen"/}}
40 40  
41 41  {{panel title="Funktionen für Nutzer"}}
42 -|(((
43 -==== Inhalt zum Lesen öffnen ====
44 -)))|(((
45 -{{expand title="Wie geht das?"}}
46 -|(((
47 -1. Öffnen Sie den Kursbaustein //**Einzelne Seite**//.
48 -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.
49 -)))|(((
50 -[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
51 -)))
52 -{{/expand}}
53 -)))
40 +(% class="auto-cursor-target" %)
41 +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.
54 54  
55 55  {{info}}
56 -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"]].
44 +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"]].
57 57  {{/info}}
58 58  {{/panel}}
59 59  
... ... @@ -60,265 +60,301 @@
60 60  == Nutzung aus Autoren-Sicht ==
61 61  
62 62  {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
63 - Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:
51 + Im **Kurseditor** stehen Ihnen als Autor folgende Funktionen zur Verfügung:
64 64  
53 +(% class="wrapped" %)
65 65  |(((
66 66  ==== Kursbaustein Einzelne Seite hinzufügen ====
67 67  )))|(((
57 +(% class="content-wrapper" %)
58 +(((
68 68  {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
69 69  
70 70  
71 -{{display reference="Add Course Element"/}}
62 +{{display reference="LMS._Include Library.Course Pages.Kursbaustein hinzufügen.WebHome"/}}
72 72  {{/expand}}
73 73  )))
65 +)))
74 74  |(((
75 -==== Allgemeine Konfigurations-Einstellungen ====
67 +==== Konfigurations-Einstellungen ====
76 76  )))|(((
69 +(% class="content-wrapper" %)
70 +(((
77 77  Im Kurseditor sehen Sie folgende Konfigurationstabs:
78 78  
73 +(% class="wrapped" data-mce-resize="false" %)
79 79  |=(((
80 80  Titel und Beschreibung
81 81  )))|(((
77 +(% class="content-wrapper" %)
78 +(((
82 82  {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
83 83  
84 84  
85 -{{display reference="Tab Title and Description"/}}
82 +{{display reference="LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
86 86  {{/expand}}
87 87  )))
85 +)))
86 +|=(% scope="col" %)Sichtbarkeit|Schränken Sie hier bei Bedarf die Sichtbarkeit des Kursbausteins ein. Weitere Informationen enthält der Abschnitt [[Sichtbarkeit und Zugriff>>doc:LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]].
87 +|=(% scope="col" %)Zugang|Schränken Sie hier bei Bedarf den Zugang  zum Kursbausteins ein. Weitere Informationen enthält der Abschnitt [[Sichtbarkeit und Zugriff>>doc:LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]].
88 88  |=(((
89 -Sichtbarkeit
90 -)))|(% rowspan="2" %)(% rowspan="2" %)
91 -(((
92 -{{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
89 +Seiteninhalt/Konfiguration Seite
90 +)))|(((
91 +{{id name="Seite"/}}
93 93  
93 +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.
94 94  
95 -{{display reference="Sichtbarkeit und Zugriff"/}}
95 +=== Baustein Einzelne Seite ===
96 96  
97 +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:.KB Einzelne Seite Konfiguration.Seite auswaehlen, erstellen oder hochladen.WebHome]].
97 97  
99 +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:.KB Einzelne Seite Konfiguration.Seite im Editor oeffnen, auswechseln oder entfernen.WebHome]].
98 98  
99 -{{display reference="Zugang Bearbeitungsrechte"/}}
100 -{{/expand}}
101 +=== Baustein Externe Seite ===
102 +
103 +Um eine **externe Seite** einzubinden, nutzen Sie den Baustein **Externe Seite**. Die Optionen im Tab **Konfiguration Seite** werden auf der Seite [[Baustein Externe Seite konfigurieren>>doc:.KB Einzelne Seite Konfiguration.Baustein Externe Seite konfigurieren.WebHome]] näher beschrieben.
101 101  )))
102 102  |=(((
103 -Zugang
104 -)))
105 -|=(((
106 -Seiteninhalt/Konfiguration Seite
107 -)))|(((
108 -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.
109 -)))
110 -|=(((
111 111  Mehrsprachigkeit
112 112  )))|(((
113 113  Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
114 114  )))
115 115  )))
116 -|(((
117 -==== Spezielle Konfigurations-Einstellungen ====
118 -)))|(((
111 +)))
119 119  
113 +(% id="HEinenKursbausteinEinzelneSeiteinnerhalbeinesKurseskopieren" class="auto-cursor-target" %)
114 +=== Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
120 120  
121 -{{id name="Seite"/}}
116 +{{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
117 +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.
122 122  
123 -|=(((
124 -===== Seite auswählen, erstellen oder Verlinkung konfigurieren =====
125 -)))|(((
126 -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.
119 +Die Seite [[Kursbaustein Einzelne Seite kopieren>>doc:.KB Einzelne Seite Workflows.Kursbaustein Einzelne Seite kopieren.WebHome]] Erläutert dieses Verhalten und beschreibt, welche Möglichkeiten Sie nutzen können, um eine Andere, eine Neue oder eine Dateikopie zu referenzieren.
120 +{{/info}}
121 +{{/panel}}
122 +{{/layout-cell}}
123 +{{/layout-section}}
127 127  
128 -Um eine **interne Seite** zu konfigurieren haben Sie folgende Möglichkeiten:
125 +{{layout-section ac:type="single"}}
126 +{{layout-cell}}
127 +{{id name="Kursansicht"/}}
129 129  
130 -* **eine neue HTML-Seite online erstellen (Option 1)**
131 -* **eine HTML-Seite aus dem Kursablageordner wählen oder eine vorhandene Vorlage kopieren (Option 2)** oder
132 -* **eine oder mehrere HTML-Dateien im ZIP-Paket in den Ablageordner hochladen (Option 3)**
133 -**\\**
129 +{{panel title="In der Kursansicht"}}
130 +In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
134 134  
135 -{{expand title="Starten Sie die Konfiguration für alle drei Varianten wie folgt ..."}}
136 -|=(((
137 -1.
138 -)))|(((
139 -Öffnen Sie den **Kurseditor** im Kursbaustein //**Einzelne Seite**// und wechseln Sie in den Tab //**Seiteninhalt**//. Klicken Sie anschließend auf die Schaltfläche //**Seite auswählen** **oder erstellen**//.
140 -)))|(((
141 -[[image:attach:Kurseditor - Seite auswählen oder erstellen_de.png]]
132 +(% class="wrapped" %)
133 +|(% colspan="1" %)(% colspan="1" %)
134 +(((
135 +(% class="content-wrapper" %)
136 +(((
137 +[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon"]]
142 142  )))
143 -|=(((
144 -2.
139 +)))|=(((
140 +Inhalt bearbeiten
145 145  )))|(((
146 -Es erscheint eine Seite mit Funktionen zum Erstellen einer neuen HTML-Seite, zum Wählen einer HTML-Seite aus dem Kursablageordner sowie zum Hochladen von HTML-Dateien in den Ablageordner. Entscheiden Sie sich nun für eine der genannten Optionen:
147 -)))|(((
148 -[[image:attach:Kurseditor - Einzelne Seite drei Optionen_de.png]]
142 +(((
143 +(% class="content-wrapper" %)
144 +(((
145 +(% class="auto-cursor-target" %)
146 +Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[Einzelne Seite bearbeiten>>doc:.KB Einzelne Seite Workflows.Einzelne Seite bearbeiten.WebHome]].
149 149  )))
150 -|=(((
151 -3a
152 -)))|(((
153 -(**Option1**:) Um** eine neue HTML-Seite online zu erstellen**, geben Sie im Feld //**Name der neuen Datei** //einen selbstgewählten Seitennamen ein. Wählen Sie anschließend den **gewünschten Zeichensatz** und klicken Sie auf die Schaltfläche **//Erstellen//**.
154 -
155 -{{expand title="Weitere Informationen aufklappen ..."}}
156 -|(((
157 -* Es öffnet sich nun der **Editor zum Erstellen Ihres Seiteninhaltes**.
158 -* Füllen Sie Ihre Seite mit den gewünschten Inhalten und Medien und klicken Sie anschließend auf //**Speichern**//.
159 -)))|(((
160 -[[image:attach:Kurseditor - Texteditor_de.png]]
161 161  )))
162 -{{/expand}}
163 -)))|(((
164 -[[image:attach:Kurseditor - Neue Seite erstellen_de.png]]
165 165  )))
166 -|=(((
167 -3b
168 -)))|(((
169 -(**Option2**:) Um** eine HTML-Seite aus dem Kursablageordner zu wählen oder eine Vorlage zu kopieren** klicken Sie auf die Schaltfläche //**Seite auswählen**//. Wählen Sie die gewünschte Datei aus und setzten Sie bei Bedarf ein Häkchen vor //**Kopie der gewählten Datei**//. Klicken Sie anschließend auf die Schaltfläche //**Auswählen**//.
170 -)))|(((
171 -[[image:attach:Kurseditor - Seite beim Hinzufügen auswählen_de.png]]
172 -)))
173 -|=(((
174 -3c
175 -)))|(((
176 -(**Option3**:) Um** eine oder mehrere Dateien in den Ablageorder hochzuladen**, klicken Sie auf die Schaltfläche //**Datei wählen**//. Wählen Sie anschließend die gewünschte Datei und bestätigen Sie den Vorgang mit dem Button **//Hochladen//**.
177 -)))|(((
178 -[[image:attach:Kurseditor - Einzelne Seite Datei hochladen_de.png]]
179 -)))
180 -|=(((
181 -4.
182 182  
183 -5.
184 -)))|(((
185 -Die gewählte Ressource wird nun automatisch als Ressource für den Kursbaustein //**Einzelne Seite**// verwendet und bei //**Gewählte Seite**// angezeigt.
151 +{{display reference="LMS._Include Library.Course Pages.Info Erweiterte Berechtigungen.WebHome"/}}
152 +{{/panel}}
153 +{{/layout-cell}}
154 +{{/layout-section}}
186 186  
187 -**Publizieren** Sie Ihren Kurs, um die Konfiguration abzuschließen und die Ressource für die Teilnehmer verfügbar zu machen.
188 -)))|(((
189 -[[image:attach:Kurseditor - Einzelne Seite gewählte Seite_de.png]]
190 -)))
191 -{{/expand}}
156 +{{layout-section ac:type="single"}}
157 +{{layout-cell}}
158 +{{id name="beispiele"/}}
192 192  
193 -Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite**// folgende Einstellmöglichkeiten:
160 +(% id="HWorkflowsundAnwendungsbeispiele" class="auto-cursor-target" %)
161 +== Workflows und Anwendungsbeispiele ==
194 194  
195 -|(((
196 -**Konfiguration der externen Seite**
197 -)))|(((
198 -1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein.
199 -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.
200 -1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern**//.
163 +Die Inhalte des Kursbausteins Einzelne Seite können sehr vielseitig sein. Folgende Seiten zeigen Ihnen einige Umsetzungsbeispiele:
201 201  
202 -
165 +=== Externe Pdf-Datei einbetten ===
203 203  
204 -
205 -)))|(% rowspan="2" %)(% rowspan="2" %)
206 -(((
207 -[[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]
208 -)))
209 -|(((
210 -**Anzeigeeinstellung**
211 -)))|(((
212 -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.
213 -1. Klicken Sie auf **//Speichern//**, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
214 -)))
215 -)))
216 -|=(% colspan="1" %)(% colspan="1" %)
217 -(((
218 -===== Sicherheitseinstellungen =====
219 -)))|(% colspan="1" %)(% colspan="1" %)
220 -(((
221 -Mit der Option //**Verlinkung in gesamten Ablageordner zulassen** //ist es möglich, Links in einer HTML-Seite zu setzen, die auf **beliebige Dateien innerhalb des Ablageordners** verweisen.
167 +Liegt ein pdf-Inhalt bereits im Netz an anderer Stelle frei zugänglich vor, können Sie diesen auch direkt einbetten. Die verlinkte Seite [[Externe Pdf-Datei einbetten>>doc:.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Externe Pdf-Datei einbetten.WebHome]] zeigt eine Beispielumsetzung.
222 222  
223 -{{expand title="Wie geht das?"}}
224 -|(((
225 -1. Öffnen Sie den **Kurseditor** im Kursbaustein //**Einzelne Seite**// und wechseln Sie in den Tab //**Seiteninhalt**//.
226 -1. Klicken Sie auf den Eintrag **//Weitere Einstellungen zur gewählten Seite//**.
227 -1. Im Abschnitt //**Sicherheitseinstellung** //aktivieren Sie die Checkbox //**Verlinkung in gesamten Ablageordner zulassen**//, so dass ein Häckchen erscheint.
228 -1. Klicken Sie auf //**Speichern**//.
169 +=== Datei mit VR-Inhalt einbinden ===
229 229  
230 -
171 +Die Seite [[Datei mit VR-Inhalt einbinden>>doc:.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Datei mit VR-Inhalt einbinden.WebHome]] beschreibt, wie ein VR-Inhalt, der als WebGL vorliegt, eingebunden werden kann.
231 231  
232 -{{note}}
233 -Diese Einstellung bewirkt, dass versierte Nutzer Einsicht in den gesamten Ablageordner erlangen können.
234 -{{/note}}
173 +=== VR-Inhalte einfügen ===
235 235  
236 -
175 +VR-Inhalte, die bereits auf Webservern liegen, können per Einbettungscode in eine Seite integriert werden. Das Beispiel [[VR-Inhalte einfügen>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Inhalte einbetten.VR-Inhalte einfuegen.WebHome]] beschreibt die Anzeige von 3D-Modellen.
237 237  
177 +=== Ein Video einbinden ===
178 +
179 +Videos können auf vielen Wegen eingebunden werden. Die Seite [[Video einbinden>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome]] beschreibt drei Möglichkeiten.
180 +
181 +=== Einen Link bereitstellen ===
182 +
183 +Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden. Ein Anwendungsbeispiel zeigt die Seite [[Einen Link bereitstellen>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Leitfäden.Einen Link bereitstellen.WebHome]].
184 +{{/layout-cell}}
185 +{{/layout-section}}
186 +{{/layout}}
187 +
188 +{{layout}}
189 +{{layout-section ac:type="two_right_sidebar"}}
190 +{{layout-cell}}
191 +[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]
192 +
193 +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.
194 +
195 +
196 +{{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}
197 +{{/layout-cell}}
198 +
199 +{{layout-cell}}
238 238  
239 -)))|(% colspan="1" %)(% colspan="1" %)
240 -(((
241 -[[image:attach:Kurseditor - Einzelne Seite Sicherheitseinstellung_de.png]]
242 -)))
243 -{{/expand}}
244 -)))
245 -|=(((
246 -===== Anzeigeeinstellung =====
247 -)))|(((
248 -Mit dieser Option haben Sie die Möglichkeit, die sichtbare** Höhe Ihrer Seite** festzulegen.
249 249  
250 -Ist die Seite höher als der konfigurierte sichtbare Bereich, werden dem Nutzer Scrollbalken zur Navigation in der Seite angezeigt.
202 +{{panel borderColor="silver" title="Content"}}
203 +{{toc minLevel="2"/}}
251 251  
252 -{{expand title="Wie geht das?"}}
205 +**Related topics**
206 +
207 +
208 +
209 +{{velocity}}
210 +{{documentTree root="document:$doc.documentReference" showAttachments="false" showTranslations="false" limit="20" /}}
211 +{{/velocity}}
212 +{{/panel}}
213 +{{/layout-cell}}
214 +{{/layout-section}}
215 +
216 +{{layout-section ac:type="single"}}
217 +{{layout-cell}}
218 +== Usage: Learners' View ==
219 +
220 +{{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
221 +(% class="auto-cursor-target" %)
222 +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.
223 +
224 +(% class="auto-cursor-target" %)
225 +[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
226 +{{/panel}}
227 +
228 +
229 +
230 +{{id name="Functions for users"/}}
231 +
232 +{{panel title="Functions for users"}}
233 +(% class="auto-cursor-target" %)
234 +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**.
235 +
236 +{{info}}
237 +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.
238 +{{/info}}
239 +{{/panel}}
240 +
241 +== Configuration: Authors' View ==
242 +
243 +{{panel titleBGColor="#5a759d" title="In the course editor"}}
244 +The following functions are available to authors in the **course editor**:
245 +
246 +(% class="wrapped" %)
253 253  |(((
254 -1. Öffnen Sie den **Kurseditor** im Kursbaustein //**Einzelne Seite**// und wechseln Sie in den Tab **//Seiteninhalt//**.
255 -1. Klicken Sie auf den Eintrag **//Weitere Einstellungen zur gewählten Seite//**.
256 -1. Gehen Sie zum Abschnitt**// Anzeigeeinstellung// **und 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.
257 -1. Klicken Sie auf **//Speichern//**,** **um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
248 +==== Add a course element check list ====
258 258  )))|(((
259 -[[image:attach:Kurseditor - Einzelne Seite Anzeigeeinstellung_de.png]]
260 -)))
250 +{{expand title="Click to open instructions on how to add a course element ..."}}
251 +
252 +
253 +{{display reference="LMS._Include Library.Course Pages.Kursbaustein hinzufügen.WebHome"/}}
261 261  {{/expand}}
262 262  )))
263 -)))
264 264  |(((
265 -==== Funktionen nach dem Hinzufügen einer Ressource ====
257 +==== General configuration settings ====
266 266  )))|(((
259 +(% class="content-wrapper" %)
260 +(((
261 +In the course editor, you will find the following configuration tabs:
262 +
263 +(% class="wrapped" %)
267 267  |=(((
268 -===== Seite im Editor öffnen =====
265 +Title and description
269 269  )))|(((
270 -Bei Anklicken dieser Schaltfläche gelangen Sie in den** Editor zum Bearbeiten Ihrer Seite**. Hier können Sie nach belieben Änderungen vornehmen. Klicken Sie anschließend auf //**Speichern**//, um Ihre Änderungen zu bestätigen.
271 -)))|(% rowspan="2" %)(% rowspan="2" %)
272 -(((
273 -[[image:attach:Kurseditor - Einzelne Seite Funktionen nach dem Hinzufügen einer Ressource_de.png]]
267 +{{expand title="Configuration options in the tab title and description ..."}}
268 +
269 +
270 +{{display reference="LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
271 +{{/expand}}
274 274  )))
273 +|=(% scope="col" %)Visibility|If necessary, restrict the visibility of the course element here. For more information, see the [[Visibility >>doc:LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
274 +|=(% scope="col" %)Access |If necessary, restrict the visibility of the course element here. For more information, see the [[Access >>doc:LMS._Include Library.Course Pages.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
275 275  |=(((
276 -===== Seite auswechseln =====
276 +Page content / Configuration
277 277  )))|(((
278 -Mit dieser Schaltfläche gelangen Sie zu den Funktionen zum** Erstellen oder Auswählen einer Seite**. Mehr Informationen hierzu finden Sie im Abschnitt [[Seite auswählen oder erstellen>>doc:||anchor="Seite"]].
278 +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).
279 +
280 +=== Single page course element ===
281 +
282 +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>>doc:.KB Einzelne Seite Konfiguration.Seite auswaehlen, erstellen oder hochladen.WebHome||shape="rect"]] section.
283 +
284 +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>>doc:.KB Einzelne Seite Konfiguration.Seite im Editor oeffnen, auswechseln oder entfernen.WebHome||shape="rect"]] section.
285 +
286 +=== External page course element ===
287 +
288 +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>>doc:.KB Einzelne Seite Konfiguration.Baustein Externe Seite konfigurieren.WebHome||shape="rect"]] help page.
279 279  )))
290 +|=(((
291 +Multilingualism
292 +)))|(((
293 +In this tab, different translations can be added to individual course element areas.
280 280  )))
295 +)))
296 +)))
297 +
298 +(% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %)
299 +=== Copy a single page course element within a course ===
300 +
301 +{{info title="Note on copying a single page course element"}}
302 +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.
303 +
304 +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.
305 +{{/info}}
281 281  {{/panel}}
307 +{{/layout-cell}}
308 +{{/layout-section}}
282 282  
283 -{{panel title="In der Kursansicht"}}
284 -In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
310 +{{layout-section ac:type="single"}}
311 +{{layout-cell}}
312 +(% class="auto-cursor-target" %)
313 +
285 285  
315 +{{panel title="In the course view"}}
316 +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:
317 +
318 +(% class="wrapped" %)
286 286  |(% colspan="1" %)(% colspan="1" %)
287 287  (((
288 -[[image:attach:Icons@Icon_Bearbeiten.png]]
321 +(% class="content-wrapper" %)
322 +(((
323 +(% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon" height="23" width="25"]]
324 +)))
289 289  )))|(((
290 -==== Inhalt bearbeiten ====
326 +==== Edit content ====
291 291  )))|(((
292 -{{expand title="Inhalt zum Bearbeiten öffnen ..."}}
293 -|(((
294 -1. Öffnen Sie den Kursbaustein **//Einzelne Seite//**.
295 -1. Klicken Sie auf den Button **//Bearbeiten//**.
296 -)))|(((
297 -[[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]]
298 -)))
299 -|(% colspan="1" %)(% colspan="1" %)
328 +(% class="content-wrapper" %)
300 300  (((
301 -3. Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor.
302 -
303 -{{info}}
304 -Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben.
305 -{{/info}}
306 -
307 -4. Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen**//.
308 -)))|(% colspan="1" %)(% colspan="1" %)
309 -(((
310 -[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]]
330 +(% class="auto-cursor-target" %)
331 +For more information on how to edit an existing page, see the [[Edit single page>>doc:.KB Einzelne Seite Workflows.Einzelne Seite bearbeiten.WebHome||shape="rect"]] section.
311 311  )))
312 -{{/expand}}
313 313  )))
334 +{{/panel}}
314 314  
336 +**include**
315 315  
338 +{{id name="Course view"/}}
316 316  
317 -{{display reference="Info Erweiterte Berechtigungen"/}}
318 -{{/panel}}
340 +=== Application examples ===
341 +
342 +* [[Embed files with VR content>>doc:.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Datei mit VR-Inhalt einbinden.WebHome||shape="rect"]]: This page explains how to integrate VR content that is available in the WebGL format.
343 +* [[Insert VR content>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Inhalte einbetten.VR-Inhalte einfuegen.WebHome||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.
344 +* [[Embed videos>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome||shape="rect"]]: Videos can be embedded in many ways. This page describes three options.
345 +* [[Provide links (blizz)>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Leitfäden.Einen Link bereitstellen.WebHome||shape="rect"]]: Links can also be placed on a page in several ways.
319 319  {{/layout-cell}}
320 320  {{/layout-section}}
321 321  {{/layout}}
322 -{{/sv-translation}}
323 -
324 -{{sv-translation language="en"}}{{/sv-translation}}
Kursrun - Überblick Kursbaustein Einzelne Seite_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +39.7 KB
Inhalt
Kursrun - Überblick Kursbaustein Einzelne Seite_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +48.0 KB
Inhalt
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -149326305
1 +6921637
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/149326305/Einzelne Seite
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/6921637/Einzelne Seite