Zum Inhalt springen

Wiki-Quellcode von Single Page

Version 850.1 von Carina Enke am 26.09.2018
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5
6
7 (% class="removedPlaceholderWrapper" %)
8
9
10
11 {{/layout-cell}}
12 {{/layout-section}}
13
14 {{layout-section ac:type="two_right_sidebar"}}
15 {{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}}
23 {{panel borderColor="silver" title="Inhalt"}}
24
25
26 {{toc/}}
27 {{/panel}}
28 {{/scroll-ignore}}
29 {{/layout-cell}}
30 {{/layout-section}}
31
32 {{layout-section ac:type="single"}}
33 {{layout-cell}}
34 == Nutzung aus Lerner-Sicht ==
35
36 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
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 )))
42 {{/panel}}
43
44
45
46 {{id name="Nutzerfunktionen"/}}
47
48 {{panel title="Funktionen für Nutzer"}}
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 )))
61
62 {{info}}
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"]].
64 {{/info}}
65 {{/panel}}
66
67 == Nutzung aus Autoren-Sicht ==
68
69 {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
70 Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:
71
72 |(((
73 ==== Kursbaustein Einzelne Seite hinzufügen ====
74 )))|(((
75 {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
76
77
78 {{display reference="Add Course Element"/}}
79 {{/expand}}
80 )))
81 |(((
82 ==== Allgemeine Konfigurations-Einstellungen ====
83 )))|(((
84 Im Kurseditor sehen Sie folgende Konfigurationstabs:
85
86 |=(((
87 Titel und Beschreibung
88 )))|(((
89 {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
90
91
92 {{display reference="Tab Title and Description"/}}
93 {{/expand}}
94 )))
95 |=(((
96 Sichtbarkeit
97 )))|(% rowspan="2" %)(% rowspan="2" %)
98 (((
99 {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
100
101
102 {{display reference="Sichtbarkeit und Zugriff"/}}
103
104
105
106 {{display reference="Zugang Bearbeitungsrechte"/}}
107 {{/expand}}
108 )))
109 |=(((
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 |=(((
118 Mehrsprachigkeit
119 )))|(((
120 Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
121 )))
122 )))
123 |(((
124 ==== Spezielle Konfigurations-Einstellungen ====
125 )))|(((
126
127
128 {{id name="Seite"/}}
129
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.
135
136 === Baustein Einzelne Seite ===
137
138 Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**.
139
140
141
142 {{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
143
144 {{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
145
146
147 )))
148 |(% colspan="1" %)(% colspan="1" %)
149 (((
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" %)
165 (((
166 [[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]
167 )))
168 |(((
169 **Anzeigeeinstellung**
170 )))|(((
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.
173 )))
174 )))
175 )))
176 {{/panel}}
177
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:
180
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.
197
198 {{info}}
199 Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben.
200 {{/info}}
201
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 )))
209
210
211
212 {{display reference="Info Erweiterte Berechtigungen"/}}
213 {{/panel}}
214 {{/layout-cell}}
215 {{/layout-section}}
216 {{/layout}}
217 {{/sv-translation}}
218
219 {{sv-translation language="en"}}
220 {{layout}}
221 {{layout-section ac:type="two_right_sidebar"}}
222 {{layout-cell}}
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.
224
225
226 {{/layout-cell}}
227
228 {{layout-cell}}
229 {{scroll-ignore}}
230 {{panel borderColor="silver" title="Content"}}
231
232
233 {{toc/}}
234 {{/panel}}
235 {{/scroll-ignore}}
236 {{/layout-cell}}
237 {{/layout-section}}
238
239 {{layout-section ac:type="single"}}
240 {{layout-cell}}
241 == Usage: Learners' View ==
242
243 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
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 )))
249 {{/panel}}
250
251
252
253 {{id name="Functions for users"/}}
254
255 {{panel title="Functions for users"}}
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 )))
268
269 {{info}}
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"]].
271 {{/info}}
272 {{/panel}}
273
274 == Configuration: Authors' View ==
275
276 {{panel titleBGColor="#5a759d" title="In the course editor"}}
277 The following functions are available to authors in the course editor:
278
279 |(((
280 ==== Add a course element single page ====
281 )))|(((
282 {{expand title="Click to open instructions on how to add a course element ..."}}
283
284
285 {{display reference="Add Course Element"/}}
286 {{/expand}}
287 )))
288 |(((
289 ==== General configuration settings ====
290 )))|(((
291 In the course editor, you will find the following configuration tabs:
292
293 |=(((
294 Title and description
295 )))|(((
296 {{expand title="Configuration options in the tab title and description ..."}}
297
298
299 {{display reference="Tab Title and Description"/}}
300 {{/expand}}
301 )))
302 |=(((
303 Visibility
304 )))|(% rowspan="2" %)(% rowspan="2" %)
305 (((
306 {{expand title="Configuration options in the tab visibility and access ..."}}
307
308
309 {{display reference="Sichtbarkeit und Zugriff"/}}
310
311
312
313 {{display reference="Zugang Bearbeitungsrechte"/}}
314 {{/expand}}
315 )))
316 |=(((
317 Access
318 )))
319 |=(((
320 Page content / Configuration
321 )))|(((
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 )))|(((
334
335
336 {{id name="Page"/}}
337
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//**).
342
343 To configure an **internal page**, you have the following options:
344
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]]
357 )))
358 |=(((
359 2.
360 )))|(((
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]]
364 )))
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]]
376 )))
377 {{/expand}}
378 )))|(((
379 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Neue Seite erstellen_en.png]]
380 )))
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.
397
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//**.
401
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}}
407
408 To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:
409
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.
442
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 \\
450
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
499 {{panel title="In the course view"}}
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:
501
502 |(% colspan="1" %)(% colspan="1" %)
503 (((
504 (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
505 )))|(((
506 ==== Edit content ====
507 )))|(((
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" %)
516 (((
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]]
528 )))
529 {{/expand}}
530 )))
531
532
533
534 {{display reference="Info Erweiterte Berechtigungen"/}}
535 {{/panel}}
536 {{/layout-cell}}
537 {{/layout-section}}
538 {{/layout}}
539 {{/sv-translation}}