Zum Inhalt springen

Wiki-Quellcode von Einzelne Seite

Version 854.1 von Carina Enke am 05.06.2018
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}{{/layout-cell}}
5 {{/layout-section}}
6
7 {{layout-section ac:type="two_right_sidebar"}}
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.
10
11
12 {{/layout-cell}}
13
14 {{layout-cell}}
15 {{scroll-ignore}}
16 {{panel borderColor="silver" title="Inhalt"}}
17
18
19 {{toc/}}
20 {{/panel}}
21 {{/scroll-ignore}}
22 {{/layout-cell}}
23 {{/layout-section}}
24
25 {{layout-section ac:type="single"}}
26 {{layout-cell}}
27 == Nutzung aus Lerner-Sicht ==
28
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 )))
35 {{/panel}}
36
37
38
39 {{id name="Nutzerfunktionen"/}}
40
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 )))
54
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"]].
57 {{/info}}
58 {{/panel}}
59
60 == Nutzung aus Autoren-Sicht ==
61
62 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
63 Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:
64
65 |(((
66 ==== Kursbaustein Einzelne Seite hinzufügen ====
67 )))|(((
68 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
69
70
71 {{display reference="Add Course Element"/}}
72 {{/expand}}
73 )))
74 |(((
75 ==== Allgemeine Konfigurations-Einstellungen ====
76 )))|(((
77 Im Kurseditor sehen Sie folgende Konfigurationstabs:
78
79 |=(((
80 Titel und Beschreibung
81 )))|(((
82 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
83
84
85 {{display reference="Tab Title and Description"/}}
86 {{/expand}}
87 )))
88 |=(((
89 Sichtbarkeit
90 )))|(% rowspan="2" %)(% rowspan="2" %)
91 (((
92 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
93
94
95 {{display reference="Sichtbarkeit und Zugriff"/}}
96
97
98
99 {{display reference="Zugang Bearbeitungsrechte"/}}
100 {{/expand}}
101 )))
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 Mehrsprachigkeit
112 )))|(((
113 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
114 )))
115 )))
116 |(((
117 ==== Spezielle Konfigurations-Einstellungen ====
118 )))|(((
119
120
121 {{id name="Seite"/}}
122
123 |=(% rowspan="2" %)(% rowspan="2" %)
124 (((
125 ===== Seite auswählen, erstellen oder Verlinkung konfigurieren =====
126 )))|(((
127 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.
128
129 === Baustein Einzelne Seite ===
130
131 Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**.
132
133
134
135 {{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
136
137 {{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
138
139
140 )))
141 |(% colspan="1" %)(% colspan="1" %)
142 (((
143 === Baustein Externe Seite ===
144
145 Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite** //folgende Einstellmöglichkeiten:
146
147 |(((
148 **Konfiguration der externen Seite**
149 )))|(((
150 1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein.
151 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.
152 1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern** //.
153
154
155
156
157 )))|(% rowspan="2" %)(% rowspan="2" %)
158 (((
159 [[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]
160 )))
161 |(((
162 **Anzeigeeinstellung**
163 )))|(((
164 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.
165 1. Klicken Sie auf **//Speichern// **, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
166 )))
167 )))
168 )))
169 {{/panel}}
170
171 {{panel title="In der Kursansicht"}}
172 In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
173
174 |(% colspan="1" %)(% colspan="1" %)
175 (((
176 [[image:attach:Icons@Icon_Bearbeiten.png]]
177 )))|(((
178 ==== Inhalt bearbeiten ====
179 )))|(((
180 {{expand title="Inhalt zum Bearbeiten öffnen ..."}}
181 |(((
182 1. Öffnen Sie den Kursbaustein **//Einzelne Seite// **.
183 1. Klicken Sie auf den Button **//Bearbeiten// **.
184 )))|(((
185 [[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]]
186 )))
187 |(% colspan="1" %)(% colspan="1" %)
188 (((
189 3. Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor.
190
191 {{info}}
192 Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben.
193 {{/info}}
194
195 4. Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen** //.
196 )))|(% colspan="1" %)(% colspan="1" %)
197 (((
198 [[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]]
199 )))
200 {{/expand}}
201 )))
202
203
204
205 {{display reference="Info Erweiterte Berechtigungen"/}}
206 {{/panel}}
207 {{/layout-cell}}
208 {{/layout-section}}
209 {{/layout}}
210 {{/sv-translation}}
211
212 {{sv-translation language="en"}}
213 {{layout}}
214 {{layout-section ac:type="two_right_sidebar"}}
215 {{layout-cell}}
216 [[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.
217
218
219 {{/layout-cell}}
220
221 {{layout-cell}}
222 {{scroll-ignore}}
223 {{panel borderColor="silver" title="Content"}}
224
225
226 {{toc/}}
227 {{/panel}}
228 {{/scroll-ignore}}
229 {{/layout-cell}}
230 {{/layout-section}}
231
232 {{layout-section ac:type="single"}}
233 {{layout-cell}}
234 == Usage: Learners' View ==
235
236 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
237 |(((
238 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**.
239 )))|(((
240 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
241 )))
242 {{/panel}}
243
244
245
246 {{id name="Functions for users"/}}
247
248 {{panel title="Functions for users"}}
249 |(((
250 ==== Open content for reading ====
251 )))|(((
252 {{expand title="How to do that?"}}
253 |(((
254 1. Open the course element **//Single Page//**.
255 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.
256 )))|(((
257 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
258 )))
259 {{/expand}}
260 )))
261
262 {{info}}
263 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"]].
264 {{/info}}
265 {{/panel}}
266
267 == Configuration: Authors' View ==
268
269 {{panel titleBGColor="#5a759d" title="In the course editor"}}
270 The following functions are available to authors in the course editor:
271
272 |(((
273 ==== Add a course element single page ====
274 )))|(((
275 {{expand title="Click to open instructions on how to add a course element ..."}}
276
277
278 {{display reference="Add Course Element"/}}
279 {{/expand}}
280 )))
281 |(((
282 ==== General configuration settings ====
283 )))|(((
284 In the course editor, you will find the following configuration tabs:
285
286 |=(((
287 Title and description
288 )))|(((
289 {{expand title="Configuration options in the tab title and description ..."}}
290
291
292 {{display reference="Tab Title and Description"/}}
293 {{/expand}}
294 )))
295 |=(((
296 Visibility
297 )))|(% rowspan="2" %)(% rowspan="2" %)
298 (((
299 {{expand title="Configuration options in the tab visibility and access ..."}}
300
301
302 {{display reference="Sichtbarkeit und Zugriff"/}}
303
304
305
306 {{display reference="Zugang Bearbeitungsrechte"/}}
307 {{/expand}}
308 )))
309 |=(((
310 Access
311 )))
312 |=(((
313 Page content / Configuration
314 )))|(((
315 In this tab, you can select or create the page to be displayed or specify the URL to the external page.
316 Detailed instructions are given in the following section //**Special configuration settings**//.
317 )))
318 |=(((
319 Multilingualism
320 )))|(((
321 In this tab, different translations can be added to individual course element areas.
322 )))
323 )))
324 |(((
325 ==== Special configuration settings ====
326 )))|(((
327
328
329 {{id name="Page"/}}
330
331 |=(((
332 ===== Select or create page or configure link =====
333 )))|(((
334 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//**).
335
336 To configure an **internal page**, you have the following options:
337
338 * **create a new HTML page online (option 1)**,
339 * **select** **a HTML page from the course storage folder or copy an existing template (option 2)**, or
340 * **upload one or more HTML files in a ZIP package to the storage folder (option 3)**
341 **\\**
342
343 {{expand title="Start the configuration for all three variants as follows:"}}
344 |=(((
345 1.
346 )))|(((
347 Open the **course editor **in the course element// **Single Page**//** **and switch to the tab **//Page content//**. Then click on **//Select or create page//**.
348 )))|(((
349 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite auswählen oder erstellen_en.png]]
350 )))
351 |=(((
352 2.
353 )))|(((
354 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:
355 )))|(((
356 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite drei Optionen_en.png]]
357 )))
358 |=(((
359 3a
360 )))|(((
361 (**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//**.
362
363 {{expand title="Expand further steps ..."}}
364 |(((
365 * The **editor for creating page content** opens.
366 * Fill your page with the desired content and media and click on **//Save//**.
367 )))|(((
368 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Texteditor_en.png]]
369 )))
370 {{/expand}}
371 )))|(((
372 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Neue Seite erstellen_en.png]]
373 )))
374 |=(((
375 3b
376 )))|(((
377 (**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//**.
378 )))|(((
379 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite beim Hinzufügen auswählen_en.png]]
380 )))
381 |=(((
382 3c
383 )))|(((
384 (**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//**.
385 )))|(((
386 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Datei hochladen_en.png]]
387 )))
388 |=(((
389 4.
390
391 5.
392 )))|(((
393 The selected resource is now automatically used as a resource for the course element **//Single Page//** and displayed under **//Selected//** **//page//**.
394
395 **Publish **your course to complete the configuration and to make the resource available to participants.
396 )))|(((
397 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite gewählte Seite_en.png]]
398 )))
399 {{/expand}}
400
401 To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:
402
403 |(((
404 **Configuration of the external page**
405 )))|(((
406 1. Enter the **URL **of the desired page in the appropriate text field.
407 1. (((
408 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.
409 )))
410 1. (((
411 Confirm your entries with //**Save**//.
412 )))
413 )))|(% rowspan="2" %)(% rowspan="2" %)
414 (((
415 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite konfigurieren_en.png]]
416 )))
417 |(((
418 **Display settings**
419 )))|(((
420 1. (((
421 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).
422 )))
423 1. (((
424 Click on //**Save**// to confirm your entries and publish the course.
425 )))
426 )))
427 )))
428 |=(% colspan="1" %)(% colspan="1" %)
429 (((
430 ===== Security settings =====
431 )))|(% colspan="1" %)(% colspan="1" %)
432 (((
433 (% class="TableParagraph" %)
434 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.
435
436 {{expand title="How to do that?"}}
437 |(((
438 1. Open the **course editor **in the course element// **Single Page **//and switch to the tab **//Page content//**.
439 1. Click on **//Additional settings for the selected page//**.
440 1. In the section **//Security//** **//settings//**, select the checkbox next to **//Allow links in the entire storage folder//**.
441 1. Click on **//Save//**.
442 \\
443
444 {{note}}
445 This setting allows savvy users to gain access to the entire storage folder.
446 {{/note}}
447 )))|(% colspan="1" %)(% colspan="1" %)
448 (((
449 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Sicherheitseinstellung_en.png]]
450 )))
451 {{/expand}}
452 )))
453 |=(((
454 ===== Display settings =====
455 )))|(((
456 This option allows you to set the visible **height of your page**.
457
458 If the page is higher than the configured visible area, scrollbars will help the user navigate the page.
459
460 {{expand title="How to do that?"}}
461 |(((
462 1. (% style="color: rgb(51,51,51);" %)Open the **course editor** in the course element //**Single Page**// and switch to the tab //**Page content**//.
463 1. (% style="color: rgb(51,51,51);" %)Click on// **Additional settings for the selected page**//.
464 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).
465 1. Click on **//Save//** to confirm your entries and publish the course.
466 )))|(((
467 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Anzeigeeinstellung_en.png]]
468 )))
469 {{/expand}}
470 )))
471 )))
472 |(((
473 ==== Functions after adding a resource ====
474 )))|(((
475 |=(((
476 ===== Open page in editor =====
477 )))|(((
478 Click on this button to get to the **editor for editing pages**. Here you can make your changes.
479 Then click on **//Save//** to confirm your entries.
480 )))|(% rowspan="2" %)(% rowspan="2" %)
481 (((
482 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Funktionen nach dem Hinzufügen einer Ressource_en.png]]
483 )))
484 |=(((
485 ===== Replace page =====
486 )))|(((
487 This button takes you to the functions for **creating or selecting a page**. For more information, refer to the section //**Select or create** **page**//.
488 )))
489 )))
490 {{/panel}}
491
492 {{panel title="In the course view"}}
493 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:
494
495 |(% colspan="1" %)(% colspan="1" %)
496 (((
497 (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
498 )))|(((
499 ==== Edit content ====
500 )))|(((
501 {{expand title="Open content for editing ..."}}
502 |(((
503 1. Open the course element //**Single Page**//.
504 1. Click on //**Edit**//.
505 )))|(((
506 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite bearbeiten_en.png]]
507 )))
508 |(% colspan="1" %)(% colspan="1" %)
509 (((
510 3. The **editor view **of the page opens. Make your **desired changes**.
511
512 {{info}}
513 (% class="TableParagraph" %)
514 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"]](%%).
515 {{/info}}
516
517 4. Confirm your settings with **//Save//** or **//Save and close//**.
518 )))|(% colspan="1" %)(% colspan="1" %)
519 (((
520 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_en.png]]
521 )))
522 {{/expand}}
523 )))
524
525
526
527 {{display reference="Info Erweiterte Berechtigungen"/}}
528 {{/panel}}
529 {{/layout-cell}}
530 {{/layout-section}}
531 {{/layout}}
532 {{/sv-translation}}