Änderungen von Dokument Einzelne Seite
Zuletzt geändert von Carina Enke am 02.07.2025
Von Version 962.2
bearbeitet von Carina Enke
am 16.01.2024
am 16.01.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 847.1
bearbeitet von Carina Enke
am 26.09.2018
am 26.09.2018
Änderungskommentar:
Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 3.10.1.
Zusammenfassung
-
Seiteneigenschaften (4 geändert, 0 hinzugefügt, 0 gelöscht)
-
Anhänge (0 geändert, 0 hinzugefügt, 2 gelöscht)
-
Objekte (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Titel
-
... ... @@ -1,1 +1,1 @@ 1 - EinzelneSeite1 +Single Page - Übergeordnete Seite
-
... ... @@ -1,1 +1,0 @@ 1 -LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.WebHome - Tags
-
... ... @@ -1,1 +1,0 @@ 1 -kursbaustein|link|externe|seite|html|webseite|einbetten|vr - Inhalt
-
... ... @@ -1,24 +1,31 @@ 1 +{{sv-translation language="de"}} 1 1 {{layout}} 2 -{{layout-section ac:type=" two_right_sidebar"}}3 +{{layout-section ac:type="single"}} 3 3 {{layout-cell}} 4 -[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]] 5 5 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 7 8 - Mitdem Baustein **ExterneSeite** können Sie externeWebseiten in Ihren Kursintegrieren.7 +(% class="removedPlaceholderWrapper" %) 9 9 10 10 11 - {{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}}10 + 12 12 {{/layout-cell}} 12 +{{/layout-section}} 13 13 14 +{{layout-section ac:type="two_right_sidebar"}} 14 14 {{layout-cell}} 16 +[[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. 17 + 18 + 19 +{{/layout-cell}} 20 + 21 +{{layout-cell}} 22 +{{scroll-ignore}} 15 15 {{panel borderColor="silver" title="Inhalt"}} 16 -{{toc/}} 17 17 18 -**Verwandte Themen** 19 19 20 - * [[Erstellung barrierefreier Inhalte>>doc:LMS.Benutzerhandbuch OPAL.Barrierefreiheit.Erstellung barrierefreier Inhalte.WebHome]]26 +{{toc/}} 21 21 {{/panel}} 28 +{{/scroll-ignore}} 22 22 {{/layout-cell}} 23 23 {{/layout-section}} 24 24 ... ... @@ -27,21 +27,33 @@ 27 27 == Nutzung aus Lerner-Sicht == 28 28 29 29 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}} 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"]]37 +|((( 38 +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**. 39 +)))|((( 40 +[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]] 41 +))) 35 35 {{/panel}} 36 36 44 + 45 + 37 37 {{id name="Nutzerfunktionen"/}} 38 38 39 39 {{panel title="Funktionen für Nutzer"}} 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. 49 +|((( 50 +==== Inhalt zum Lesen öffnen ==== 51 +)))|((( 52 +{{expand title="Wie geht das?"}} 53 +|((( 54 +1. Öffnen Sie den Kursbaustein //**Einzelne Seite** //. 55 +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. 56 +)))|((( 57 +[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]] 58 +))) 59 +{{/expand}} 60 +))) 42 42 43 43 {{info}} 44 -Ein Kursverantwortlicher kann Ihnen erweiterte Berechtigungen vergeben. Dann sind zusätzliche Funktionen wie beispielsweise das Bea rbeiten der Seite für Sie verfügbar. Weitere Informationen zu diesen Funktionen enthält der Abschnitt [[Funktionen in der Kursansicht>>doc:||anchor="Kursansicht"]].63 +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"]]. 45 45 {{/info}} 46 46 {{/panel}} 47 47 ... ... @@ -48,178 +48,172 @@ 48 48 == Nutzung aus Autoren-Sicht == 49 49 50 50 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}} 51 - Im **Kurseditor**stehen Ihnen als Autor folgende Funktionen zur Verfügung:70 + Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung: 52 52 53 -(% class="wrapped" %) 54 54 |((( 55 55 ==== Kursbaustein Einzelne Seite hinzufügen ==== 56 56 )))|((( 57 -(% class="content-wrapper" %) 58 -((( 59 59 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}} 60 60 61 61 62 -{{ includeplusspaceKey="LMS"scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}78 +{{display reference="Add Course Element"/}} 63 63 {{/expand}} 64 64 ))) 65 -))) 66 66 |((( 67 -==== Konfigurations-Einstellungen ==== 82 +==== Allgemeine Konfigurations-Einstellungen ==== 68 68 )))|((( 69 -(% class="content-wrapper" %) 70 -((( 71 71 Im Kurseditor sehen Sie folgende Konfigurationstabs: 72 72 73 -(% class="wrapped" data-mce-resize="false" %) 74 74 |=((( 75 75 Titel und Beschreibung 76 76 )))|((( 77 -(% class="content-wrapper" %) 78 -((( 79 79 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}} 80 80 81 81 82 -{{display reference=" LMS._Include Library.Course Pages.Kurshauptknoten\: VerfügbareTabsim Editor.Tab TitelundBeschreibung.WebHome"/}}92 +{{display reference="Tab Title and Description"/}} 83 83 {{/expand}} 84 84 ))) 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 -Seiteninhalt/Konfiguration Seite 90 -)))|((( 91 -{{id name="Seite"/}} 96 +Sichtbarkeit 97 +)))|(% rowspan="2" %)(% rowspan="2" %) 98 +((( 99 +{{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}} 92 92 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 - === BausteinEinzelneSeite===102 +{{display reference="Sichtbarkeit und Zugriff"/}} 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]]. 98 98 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]]. 100 100 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. 106 +{{display reference="Zugang Bearbeitungsrechte"/}} 107 +{{/expand}} 104 104 ))) 105 105 |=((( 110 +Zugang 111 +))) 112 +|=((( 113 +Seiteninhalt/Konfiguration Seite 114 +)))|((( 115 +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. 116 +))) 117 +|=((( 106 106 Mehrsprachigkeit 107 107 )))|((( 108 108 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden. 109 109 ))) 110 110 ))) 111 -))) 123 +|((( 124 +==== Spezielle Konfigurations-Einstellungen ==== 125 +)))|((( 112 112 113 -(% id="HEinenKursbausteinEinzelneSeiteinnerhalbeinesKurseskopieren" class="auto-cursor-target" %) 114 -=== Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren === 115 115 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. 128 +{{id name="Seite"/}} 118 118 119 - DieSeite [[Kursbaustein Einzelne Seite kopieren>>doc:.KB Einzelne Seite Workflows.KursbausteinEinzelneSeite kopieren.WebHome]] Erläutert dieses Verhaltenund 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}}130 +|=(% rowspan="2" %)(% rowspan="2" %) 131 +((( 132 +===== Seite auswählen, erstellen oder Verlinkung konfigurieren ===== 133 +)))|((( 134 +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 124 125 -{{layout-section ac:type="single"}} 126 -{{layout-cell}} 127 - 128 -{{/layout-cell}} 129 -{{/layout-section}} 136 +=== Baustein Einzelne Seite === 130 130 131 -{{layout-section ac:type="single"}} 132 -{{layout-cell}} 133 -(% class="auto-cursor-target" %) 134 - 138 +Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**. 135 135 136 136 137 -{{id name="Kursansicht"/}} 138 138 139 -{{panel title="In der Kursansicht"}} 140 -In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich: 142 +{{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}} 141 141 142 -(% class="wrapped" %) 144 +{{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}} 145 + 146 + 147 +))) 143 143 |(% colspan="1" %)(% colspan="1" %) 144 144 ((( 145 -(% class="content-wrapper" %) 150 +=== Baustein Externe Seite === 151 + 152 +Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite** //folgende Einstellmöglichkeiten: 153 + 154 +|((( 155 +**Konfiguration der externen Seite** 156 +)))|((( 157 +1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein. 158 +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. 159 +1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern** //. 160 + 161 + 162 + 163 + 164 +)))|(% rowspan="2" %)(% rowspan="2" %) 146 146 ((( 147 -[[image: LMS.BenutzerhandbuchOPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon"]]166 +[[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]] 148 148 ))) 149 - )))|=(((150 - Inhalt bearbeiten168 +|((( 169 +**Anzeigeeinstellung** 151 151 )))|((( 152 -(% class="content-wrapper" %) 153 -((( 154 -(% class="auto-cursor-target" %) 155 -Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[Einzelne Seite bearbeiten>>doc:.KB Einzelne Seite Workflows.Einzelne Seite bearbeiten.WebHome]]. 171 +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. 172 +1. Klicken Sie auf **//Speichern// **, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs. 156 156 ))) 157 157 ))) 175 +))) 158 158 {{/panel}} 159 -{{/layout-cell}} 160 -{{/layout-section}} 161 161 162 -{{layout-section ac:type="single"}} 163 -{{layout-cell}} 164 -(% class="auto-cursor-target" %) 165 - 178 +{{panel title="In der Kursansicht"}} 179 +In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich: 166 166 181 +|(% colspan="1" %)(% colspan="1" %) 182 +((( 183 +[[image:attach:Icons@Icon_Bearbeiten.png]] 184 +)))|((( 185 +==== Inhalt bearbeiten ==== 186 +)))|((( 187 +{{expand title="Inhalt zum Bearbeiten öffnen ..."}} 188 +|((( 189 +1. Öffnen Sie den Kursbaustein **//Einzelne Seite// **. 190 +1. Klicken Sie auf den Button **//Bearbeiten// **. 191 +)))|((( 192 +[[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]] 193 +))) 194 +|(% colspan="1" %)(% colspan="1" %) 195 +((( 196 +3. Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor. 167 167 168 -{{id name="beispiele"/}} 198 +{{info}} 199 +Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben. 200 +{{/info}} 169 169 170 -(% id="HWorkflowsundAnwendungsbeispiele" class="auto-cursor-target" %) 171 -== Workflows und Anwendungsbeispiele == 202 +4. Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen** //. 203 +)))|(% colspan="1" %)(% colspan="1" %) 204 +((( 205 +[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]] 206 +))) 207 +{{/expand}} 208 +))) 172 172 173 -Die Inhalte des Kursbausteins Einzelne Seite können sehr vielseitig sein. Folgende Seiten zeigen Ihnen einige Umsetzungsbeispiele: 174 174 175 -=== Externe Pdf-Datei einbetten === 176 176 177 -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. 178 - 179 -=== Datei mit VR-Inhalt einbinden === 180 - 181 -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. 182 - 183 -=== VR-Inhalte einfügen === 184 - 185 -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. 186 - 187 -=== Ein Video einbinden === 188 - 189 -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. 190 - 191 -=== Einen Link bereitstellen === 192 - 193 -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]]. 212 +{{display reference="Info Erweiterte Berechtigungen"/}} 213 +{{/panel}} 194 194 {{/layout-cell}} 195 195 {{/layout-section}} 196 196 {{/layout}} 217 +{{/sv-translation}} 197 197 219 +{{sv-translation language="en"}} 198 198 {{layout}} 199 199 {{layout-section ac:type="two_right_sidebar"}} 200 200 {{layout-cell}} 201 -[[image: LMS.BenutzerhandbuchOPAL.Icons.WebHome@KB_Seite.png||data-xwiki-image-style="img-icon"]]223 +[[image:attach:Kursbausteine@kb_file.png]]The course element **//Single Page// **allows you to create your own HTML pages as well as to integrate and display files. With the element **external page**,** **you can embed external web pages in your course. 202 202 203 -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. 204 - 205 - 206 -{{display reference="LMS._Include Library.Allgemeine Infoseiten.Hinweis Video verfuegbar.WebHome"/}} 207 - 208 208 209 209 {{/layout-cell}} 210 210 211 211 {{layout-cell}} 212 - 213 - 229 +{{scroll-ignore}} 214 214 {{panel borderColor="silver" title="Content"}} 215 -{{toc minLevel="2"/}} 216 216 217 -**Related topics** 218 218 219 - 220 - 221 -{{children/}} 233 +{{toc/}} 222 222 {{/panel}} 235 +{{/scroll-ignore}} 223 223 {{/layout-cell}} 224 224 {{/layout-section}} 225 225 ... ... @@ -228,11 +228,11 @@ 228 228 == Usage: Learners' View == 229 229 230 230 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}} 231 -( % class="auto-cursor-target" %)232 -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.233 - 234 -(% class="auto-cursor-target"%)235 - [[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]244 +|((( 245 +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**. 246 +)))|((( 247 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]] 248 +))) 236 236 {{/panel}} 237 237 238 238 ... ... @@ -240,11 +240,21 @@ 240 240 {{id name="Functions for users"/}} 241 241 242 242 {{panel title="Functions for users"}} 243 -(% class="auto-cursor-target" %) 244 -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**. 256 +|((( 257 +==== Open content for reading ==== 258 +)))|((( 259 +{{expand title="How to do that?"}} 260 +|((( 261 +1. Open the course element **//Single Page//**. 262 +1. The course element will provide you with** information** or **learning materials**. The pages may also contain** links**,** media**,** and various interactions**. Since the page is **individually designed by the tutor**, each course element **//Single Page//** can have its own specific layout and include different elements. 263 +)))|((( 264 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]] 265 +))) 266 +{{/expand}} 267 +))) 245 245 246 246 {{info}} 247 -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 o nthese functions,see the [[Functions in the course view>>doc:||anchor="Courseview"]] section.270 +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"]]. 248 248 {{/info}} 249 249 {{/panel}} 250 250 ... ... @@ -251,58 +251,45 @@ 251 251 == Configuration: Authors' View == 252 252 253 253 {{panel titleBGColor="#5a759d" title="In the course editor"}} 254 -The following functions are available to authors in the **course editor**:277 +The following functions are available to authors in the course editor: 255 255 256 -(% class="wrapped" %) 257 257 |((( 258 -==== Add a single pagecourse element ====280 +==== Add a course element single page ==== 259 259 )))|((( 260 -(% class="content-wrapper" %) 261 -((( 262 262 {{expand title="Click to open instructions on how to add a course element ..."}} 263 263 264 264 265 -{{ includeplusspaceKey="LMS"scrollPageId="8AC9158F015C5874DB183A91077F34CE"/}}285 +{{display reference="Add Course Element"/}} 266 266 {{/expand}} 267 267 ))) 268 -))) 269 269 |((( 270 270 ==== General configuration settings ==== 271 271 )))|((( 272 -(% class="content-wrapper" %) 273 -((( 274 274 In the course editor, you will find the following configuration tabs: 275 275 276 -(% class="wrapped" %) 277 277 |=((( 278 278 Title and description 279 279 )))|((( 280 -(% class="content-wrapper" %) 281 -((( 282 282 {{expand title="Configuration options in the tab title and description ..."}} 283 283 284 284 285 -{{ includeplusspaceKey="LMS"scrollPageId="8AC9158F015C53FE0248C0803953C082"/}}299 +{{display reference="Tab Title and Description"/}} 286 286 {{/expand}} 287 287 ))) 288 -))) 289 289 |=((( 290 290 Visibility 291 291 )))|(% rowspan="2" %)(% rowspan="2" %) 292 292 ((( 293 -(% class="content-wrapper" %) 294 -((( 295 295 {{expand title="Configuration options in the tab visibility and access ..."}} 296 296 297 297 298 -{{ includeplusspaceKey="LMS" scrollPageId="866DE487014C993C59312A0356AD1BC3"/}}309 +{{display reference="Sichtbarkeit und Zugriff"/}} 299 299 300 300 301 301 302 -{{ includeplusspaceKey="LMS"scrollPageId="8AC9158F015EC296B1E57D441AB72F4A"/}}313 +{{display reference="Zugang Bearbeitungsrechte"/}} 303 303 {{/expand}} 304 304 ))) 305 -))) 306 306 |=((( 307 307 Access 308 308 ))) ... ... @@ -309,80 +309,221 @@ 309 309 |=((( 310 310 Page content / Configuration 311 311 )))|((( 312 -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). 322 +In this tab, you can select or create the page to be displayed or specify the URL to the external page. 323 +Detailed instructions are given in the following section //**Special configuration settings**//. 324 +))) 325 +|=((( 326 +Multilingualism 327 +)))|((( 328 +In this tab, different translations can be added to individual course element areas. 329 +))) 330 +))) 331 +|((( 332 +==== Special configuration settings ==== 333 +)))|((( 313 313 314 -=== Single page course element === 315 315 316 - By clickingonthe **Select or create page** button, you can assign your course element specific existing or new content. For more information, see the [[Select, create or upload page>>url:https://www.bps-system.de/help/display/LMSintern/.Seite+auswaehlen%2C+erstellen+oder+hochladen+v13.en||shape="rect"]] section.336 +{{id name="Page"/}} 317 317 318 -If there is already some assigned content available, you will see the following buttons: **Open page in editor**, **Delete page** and **Replace page**. The options offered by these buttons are described in the [[Open, replace or delete page in the editor>>url:https://www.bps-system.de/help/display/LMSintern/.Seite+im+Editor+oeffnen%2C+auswechseln+oder+entfernen+v13.en||shape="rect"]] section. 338 +|=((( 339 +===== Select or create page or configure link ===== 340 +)))|((( 341 +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//**). 319 319 320 - ===External pagecourse element===343 +To configure an **internal page**, you have the following options: 321 321 322 -To integrate an **external page**, use the **external page course element**. The options in the **Configuration **tab are explained in more detail on the [[Configure an external page course element>>url:https://www.bps-system.de/help/display/LMSintern/.Baustein+Externe+Seite+konfigurieren+v13.en||shape="rect"]] help page. 345 +* **create a new HTML page online (option 1)**, 346 +* **select** **a HTML page from the course storage folder or copy an existing template (option 2)**, or 347 +* **upload one or more HTML files in a ZIP package to the storage folder (option 3)** 348 +**\\** 349 + 350 +{{expand title="Start the configuration for all three variants as follows:"}} 351 +|=((( 352 +1. 353 +)))|((( 354 +Open the **course editor **in the course element// **Single Page**//** **and switch to the tab **//Page content//**. Then click on **//Select or create page//**. 355 +)))|((( 356 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite auswählen oder erstellen_en.png]] 323 323 ))) 324 324 |=((( 325 - Multilingualism359 +2. 326 326 )))|((( 327 -In this tab, different translations can be added to individual course element areas. 361 +A page with functions for creating a new HTML page, selecting a HTML page from the course storage folder, as well as for uploading HTML files to the storage folder appears. Decide on one of the following options: 362 +)))|((( 363 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite drei Optionen_en.png]] 328 328 ))) 365 +|=((( 366 +3a 367 +)))|((( 368 +(**Option 1**:) **To create a new HTML page online**, enter a page name in the field **//Name of new file//**. Then select the **desired character set** and click on **//Create//**. 369 + 370 +{{expand title="Expand further steps ..."}} 371 +|((( 372 +* The **editor for creating page content** opens. 373 +* Fill your page with the desired content and media and click on **//Save//**. 374 +)))|((( 375 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Texteditor_en.png]] 329 329 ))) 377 +{{/expand}} 378 +)))|((( 379 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Neue Seite erstellen_en.png]] 330 330 ))) 381 +|=((( 382 +3b 383 +)))|((( 384 +(**Option 2**:) **To choose a HTML page from the course storage folder or to copy an existing template**, click on the button **//Select page//**. Select the desired file and activate the checkbox next to **//Create a copy of the selected file (template) and assign it to the course element//** if necessary.** **Then click on **//Select//**. 385 +)))|((( 386 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite beim Hinzufügen auswählen_en.png]] 387 +))) 388 +|=((( 389 +3c 390 +)))|((( 391 +(**Option 3**:) **To upload one or more files to the storage folder**, click on **//Select file//**. Then select the desired file and confirm the process with **//Upload//**. 392 +)))|((( 393 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Datei hochladen_en.png]] 394 +))) 395 +|=((( 396 +4. 331 331 332 -(% id="HCopyasinglepagecourseelementwithinacourse" class="auto-cursor-target" %) 333 -=== Copy a single page course element within a course === 398 +5. 399 +)))|((( 400 +The selected resource is now automatically used as a resource for the course element **//Single Page//** and displayed under **//Selected//** **//page//**. 334 334 335 -{{info title="Note on copying a single page course element"}} 336 -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. 402 +**Publish **your course to complete the configuration and to make the resource available to participants. 403 +)))|((( 404 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite gewählte Seite_en.png]] 405 +))) 406 +{{/expand}} 337 337 338 -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. 339 -{{/info}} 340 -{{/panel}} 341 -{{/layout-cell}} 342 -{{/layout-section}} 408 +To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options: 343 343 344 -{{layout-section ac:type="single"}} 345 -{{layout-cell}} 346 - 347 -{{/layout-cell}} 348 -{{/layout-section}} 410 +|((( 411 +**Configuration of the external page** 412 +)))|((( 413 +1. Enter the **URL **of the desired page in the appropriate text field. 414 +1. ((( 415 +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. 416 +))) 417 +1. ((( 418 +Confirm your entries with //**Save**//. 419 +))) 420 +)))|(% rowspan="2" %)(% rowspan="2" %) 421 +((( 422 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite konfigurieren_en.png]] 423 +))) 424 +|((( 425 +**Display settings** 426 +)))|((( 427 +1. ((( 428 +Click on the desired option: If you would like **the height of the visible area to be determined automatically**, then select the first option. Otherwise, select the second option **//Define height manually//** and enter the **desired height in pixels **(min. 300 pixels). 429 +))) 430 +1. ((( 431 +Click on //**Save**// to confirm your entries and publish the course. 432 +))) 433 +))) 434 +))) 435 +|=(% colspan="1" %)(% colspan="1" %) 436 +((( 437 +===== Security settings ===== 438 +)))|(% colspan="1" %)(% colspan="1" %) 439 +((( 440 +(% class="TableParagraph" %) 441 +With the option **//Allow links in the entire storage folder//**, it is possible to embed links to **files within the storage folder** in a HTML page. 349 349 350 -{{layout-section ac:type="single"}} 351 -{{layout-cell}} 352 -(% class="auto-cursor-target" %) 353 - 443 +{{expand title="How to do that?"}} 444 +|((( 445 +1. Open the **course editor **in the course element// **Single Page **//and switch to the tab **//Page content//**. 446 +1. Click on **//Additional settings for the selected page//**. 447 +1. In the section **//Security//** **//settings//**, select the checkbox next to **//Allow links in the entire storage folder//**. 448 +1. Click on **//Save//**. 449 +\\ 354 354 451 +{{note}} 452 +This setting allows savvy users to gain access to the entire storage folder. 453 +{{/note}} 454 +)))|(% colspan="1" %)(% colspan="1" %) 455 +((( 456 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Sicherheitseinstellung_en.png]] 457 +))) 458 +{{/expand}} 459 +))) 460 +|=((( 461 +===== Display settings ===== 462 +)))|((( 463 +This option allows you to set the visible **height of your page**. 464 + 465 +If the page is higher than the configured visible area, scrollbars will help the user navigate the page. 466 + 467 +{{expand title="How to do that?"}} 468 +|((( 469 +1. (% style="color: rgb(51,51,51);" %)Open the **course editor** in the course element //**Single Page**// and switch to the tab //**Page content**//. 470 +1. (% style="color: rgb(51,51,51);" %)Click on// **Additional settings for the selected page**//. 471 +1. (% style="color: rgb(51, 51, 51); color: rgb(51, 51, 51)" %)Go to the section //**Display settings**// and click on the desired option: (%%)If you would like the **height of the visible area to be determined** **automatically**, then select the first option. Otherwise, select the second option //**Define height manually **//and enter the desired height in pixels (min. 300 pixels). 472 +1. Click on **//Save//** to confirm your entries and publish the course. 473 +)))|((( 474 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Anzeigeeinstellung_en.png]] 475 +))) 476 +{{/expand}} 477 +))) 478 +))) 479 +|((( 480 +==== Functions after adding a resource ==== 481 +)))|((( 482 +|=((( 483 +===== Open page in editor ===== 484 +)))|((( 485 +Click on this button to get to the **editor for editing pages**. Here you can make your changes. 486 +Then click on **//Save//** to confirm your entries. 487 +)))|(% rowspan="2" %)(% rowspan="2" %) 488 +((( 489 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Funktionen nach dem Hinzufügen einer Ressource_en.png]] 490 +))) 491 +|=((( 492 +===== Replace page ===== 493 +)))|((( 494 +This button takes you to the functions for **creating or selecting a page**. For more information, refer to the section //**Select or create** **page**//. 495 +))) 496 +))) 497 +{{/panel}} 498 + 355 355 {{panel title="In the course view"}} 356 -In the course view, you can use all thecourse element [[functions available to users>>doc:||anchor="Functionsfor users"]], but alsothefollowingadditionalfunctions:500 +In the course view, you can use all course element [[functions available to users>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-Nutzerfunktionen||shape="rect"]] and: 357 357 358 -(% class="wrapped" %) 359 359 |(% colspan="1" %)(% colspan="1" %) 360 360 ((( 361 -(% class="content-wrapper" %) 362 -((( 363 -(% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Bearbeiten.png||data-xwiki-image-style="img-icon" height="23" width="25"]] 364 -))) 504 +(% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]] 365 365 )))|((( 366 366 ==== Edit content ==== 367 367 )))|((( 368 -(% class="content-wrapper" %) 508 +{{expand title="Open content for editing ..."}} 509 +|((( 510 +1. Open the course element //**Single Page**//. 511 +1. Click on //**Edit**//. 512 +)))|((( 513 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite bearbeiten_en.png]] 514 +))) 515 +|(% colspan="1" %)(% colspan="1" %) 369 369 ((( 370 -(% class="auto-cursor-target" %) 371 -For more information on how to edit an existing page, see the [[Edit single page>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+bearbeiten+v13.en||shape="rect"]] section. 517 +3. The **editor view **of the page opens. Make your **desired changes**. 518 + 519 +{{info}} 520 +(% class="TableParagraph" %) 521 +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"]](%%). 522 +{{/info}} 523 + 524 +4. Confirm your settings with **//Save//** or **//Save and close//**. 525 +)))|(% colspan="1" %)(% colspan="1" %) 526 +((( 527 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_en.png]] 372 372 ))) 529 +{{/expand}} 373 373 ))) 374 -{{/panel}} 375 375 376 -**include** 377 377 378 -{{id name="Course view"/}} 379 379 380 -=== Application examples === 381 - 382 -* [[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. 383 -* [[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. 384 -* [[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. 385 -* [[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. 534 +{{display reference="Info Erweiterte Berechtigungen"/}} 535 +{{/panel}} 386 386 {{/layout-cell}} 387 387 {{/layout-section}} 388 388 {{/layout}} 539 +{{/sv-translation}}
- Kursrun - Überblick Kursbaustein Einzelne Seite_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.XWikiGuest - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -39.7 KB - Inhalt
- Kursrun - Überblick Kursbaustein Einzelne Seite_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.XWikiGuest - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -48.0 KB - Inhalt
- Confluence.Code.ConfluencePageClass[0]
-
- id
-
... ... @@ -1,1 +1,1 @@ 1 - 69216371 +179471145 - url
-
... ... @@ -1,1 +1,1 @@ 1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/ 6921637/EinzelneSeite1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/179471145/Single Page