Wiki source code of Struktur

Last modified by Carina Enke on 23.01.2024
Show last authors
1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Struktur.png||data-xwiki-image-style="img-icon"]] The course element **Structure** facilitates a clear course design through the thematic grouping of content.
5
6 In the content area of the structure element, child elements will be displayed by default in a preview mode including their title, subtitle, and description. Alternatively, it is also possible to display individual content instead of the preview. In addition, the results of a course's assessable elements can be displayed in an assessment summary.
7 {{/layout-cell}}
8
9 {{layout-cell}}
10 {{panel borderColor="silver" title="Content"}}
11 {{toc minLevel="2"/}}
12 {{/panel}}
13 {{/layout-cell}}
14 {{/layout-section}}
15
16 {{layout-section ac:type="single"}}
17 {{layout-cell}}
18 == Usage: Learners' View ==
19
20 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
21 |(((
22 Depending on the setting of the course author, you may see an **overview of selected child course elements** including their title, description, and preview on the home page of the course element **Structure**. Alternatively, it is also possible that **content** **individually designed by the tutor **will be displayed.
23 )))|(((
24 (% style="color:#0000ff" %)[[image:attach:Kursrun Überblick Struktur_en.png]]
25 )))
26 {{/panel}}
27
28
29
30 {{id name="Funktion"/}}
31
32 {{panel title="Functions for users"}}
33 As a user, you have access to the following functions in a course element of the type **Structure**:
34
35 |(((
36 (% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Kursbaustein erledigt_en.png||data-xwiki-image-style="img-icon"]]
37 )))|(((
38 ==== Course progress ====
39 )))|(((
40 {{display reference="LMS._Include Library.Kursseiten.Kursfortschritt manuell.WebHome"/}}
41 )))
42
43 {{info}}
44 The course author can also enable an assessment summary. Further information on the data displayed in the summary can be found in the help section [[Assessment, certificates, and performance results>>doc:LMS.Benutzerhandbuch OPAL.Lernen.Bewertungen und Zertifikate.WebHome||shape="rect"]].
45 {{/info}}
46 {{/panel}}
47
48 == Configuration: Authors' View ==
49
50 {{panel titleBGColor="#5a759d" title="In the course editor"}}
51 The following functions are available to you in the course editor:
52
53 |=(((
54 ==== Add a course element structure ====
55 )))|(((
56 {{expand title="Click to open instructions on how to add a course element ..."}}
57
58
59 {{display reference="LMS._Include Library.Kursseiten.Kursbaustein hinzufügen.WebHome"/}}
60 {{/expand}}
61 )))
62 |=(% scope="col" %)(((
63 ==== General configuration settings ====
64 )))|(((
65 (% class="TableParagraph" %)
66 In the course editor, you will find the following configuration tabs:
67
68 |=(((
69 Title and description
70 )))|(((
71 {{expand title="Configuration options in the tab title and description ..."}}
72
73
74 {{display reference="LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
75 {{/expand}}
76 )))
77 |=(% scope="col" %)Visibility|If necessary, restrict the visibility of the course element here. For more information, see the [[Visibility >>doc:LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
78 |=(% scope="col" %)Access |If necessary, restrict the visibility of the course element here. For more information, see the [[Access >>doc:LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
79 |=(((
80 Configuration
81 )))|(% colspan="1" %)(% colspan="1" %)
82 (((
83 In this tab, you have the opportunity to decide on the presentation of the course element. Detailed instructions are given in the following section **Configuration**.
84 )))
85 |=(((
86 Assessment
87 )))|(% colspan="1" %)(% colspan="1" %)
88 (((
89 The structure element is an assessable course element. Scores, marks, and passed statuses from other course elements can be collected and displayed in an assessment summary. Detailed information can be found in the section Assessment
90 )))
91 |=(((
92 Multilingualism
93 )))|(% colspan="1" %)(% colspan="1" %)
94 (((
95 In this tab, different translations can be added to individual course element areas.
96 )))
97 )))
98 |=(% scope="col" %)(((
99 ==== Configuration ====
100 )))|(((
101 (% class="content-wrapper" %)
102 (((
103 Open the course editor and go to the tab **Configuration** of a structure element. Now you can configure the following **presentation** settings:
104
105 |(((
106 ===== Automatic overview =====
107 )))|(((
108 |(((
109 (% class="TableParagraph" %)
110 If you prefer an automatic summary of the selected elements, you have the following options:
111
112 * **Automatic overview:** The first ten child elements are displayed, including their title, subtitle, and description (if present).
113
114 * **Automatic overview and preview: **Up to ten child course elements are displayed, including their title, subtitle, and description (if present), as well as a preview of the content. This setting option also allows you to choose from a list of available elements. All you need to do is enable the checkboxes in front of the desired elements.
115
116 {{info}}
117 (% class="TableParagraph" %)
118 Both settings ignore the display configuration in the tab// //**Title and description**// //of the course element. This setting is applied only when opening a single element.
119 {{/info}}
120
121 * **Display in two columns:** In the case of more than five elements, we recommend a two column overview. Just activate the corresponding checkbox.
122
123 (% class="TableParagraph" %)
124 Confirm your entries with **Save**//.//
125 )))|(((
126 (% style="color:#0000ff" %)[[image:attach:Kurseditor - Automatische Übersicht_en.png]]
127 )))
128 )))
129 |(((
130 ===== Your HTML page =====
131 )))|(((
132 (% class="TableParagraph" %)
133 You have the following options to embed an HTML page as a summary page in the course element.
134
135 * **Create HTML page (option 1)**
136 * **Select HTML page (option 2)**
137 * **Upload HTML page (option 3)**
138
139
140 {{expand title="Start the configuration for all three variants as follows:"}}
141 |(((
142 1. Activate the checkbox// //**Your HTML page **and click on **Save**.
143 )))|(((
144 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Eigene HTML - Checkbox_en.png]]
145 )))
146 |(((
147 2. Then click on **Select or create page**.
148 )))|(((
149 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Button Seite auswählen oder erstellen_en.png]]
150 )))
151 |(((
152 3. A window with functions for **creating, selecting, or uploading an HTML page** opens. Decide on one of the following options:
153 )))|(((
154 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - drei Optionen_en.png]]
155 )))
156 |(% colspan="1" %)(% colspan="1" %)
157 (((
158 **Create HTML page (option 1)**
159
160 * Enter the **name **of the new file in the appropriate text field and optionally select a different **character set**.
161 * The **editor window **for creating a new HTML page opens. For further information about formatting options, click [[here.>>url:https://www.bps-system.de/help/display/LMSintern/.Texteditor+v3.8||shape="rect"]]
162 * Click on **Save** to complete the creation process.
163 )))|(% colspan="1" %)(% colspan="1" %)
164 (((
165 [[image:attach:Kurseditor - HTML-Seite erstellen_en.png]]
166 )))
167 |(% colspan="1" %)(% colspan="1" %)
168 (((
169 **Select HTML page (option 2)**
170
171 * Click on the button **Select page**.
172 * Select the desired file by **clicking on its name**.
173 * Confirm your selection with **Select**.**
174 **
175 )))|(% colspan="1" %)(% colspan="1" %)
176 (((
177 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Datei auswählen_en.png]]
178 )))
179 |(% colspan="1" %)(% colspan="1" %)
180 (((
181 **Upload HTML page (option 3)**
182
183 * Click on the button **Select file**.
184 * Select a file from your computer.
185 * Then click on **Upload**.**
186 **
187 )))|(% colspan="1" %)(% colspan="1" %)
188 (((
189 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Datei hochladen_en.png]]
190 )))
191 |(% colspan="1" %)(% colspan="1" %)
192 (((
193 The HTML page will now be displayed in the tab **Configuration **under **Selected Page**.
194
195 \\
196 )))|(% colspan="1" %)(% colspan="1" %)
197 (((
198 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Gewählte Seite_en.png]]
199 )))
200 {{/expand}}
201
202 After adding an HTML page, you have the following options:
203
204 {{expand title="Open or replace page in the editor ..."}}
205 |(((
206 (% style="font-size: 10.5pt;" %)**Open page in editor:**
207
208 * Click on this button to (% style="font-size: 10.5pt;" %)**make** **changes **(%%)to your HTML page.
209
210 **Replace page:**
211
212 * (% style="font-size: 10.5pt;" %)Click on this button to **create**,** select**,** or upload a** **new HTML page**. Follow the steps outlined above.
213 )))|(((
214 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Funktionen nach dem Hinzufügen einer Seite_en.png]]
215 )))
216 {{/expand}}
217
218 {{expand title="Additional settings for the selected page ..."}}
219 |(((
220 **Display settings:**
221
222 Determine the height of the HTML page's visible area.
223
224 If you would like the (% style="font-size: 10.5pt;" %)**height** **of the visible area to be determined automatically**(%%), then select the first option. Otherwise, select the second option (% style="font-size: 10.5pt;" %)**Define height**(%%) **manually **and enter the desired height in pixels (min. 300 pixels).
225
226 Click on (% style="font-size: 10.5pt;" %)**Save **(%%)to confirm your entries and publish the course.
227
228 (% style="font-size: 10.5pt;" %)If the page is longer than the configured visible area, scroll bars will appear in the right margin of the page.
229 )))|(((
230 [[image:attach:Kurseditor - Anzeigeeinstellungen_en.png]]
231 )))
232 {{/expand}}
233 )))
234 |(((
235 ===== External HTML page =====
236 )))|(((
237 This option allows you to embed an (% style="font-size:10.5pt" %)**external HTML page **(%%)as a summary page in the course element (% style="font-size:10.5pt" %)**Structure**(%%).
238
239 {{expand title="How to do that?"}}
240 |(% colspan="1" %)(% colspan="1" %)
241 (((
242 1. Activate the checkbox **External HTML page** and click on **Save**.
243 )))|(% colspan="1" %)(% colspan="1" %)
244 (((
245 [[image:attach:Kurseditor - Externe Seite_en.png]]
246 )))
247 |(((
248 2. Now enter the **URL** in the appropriate text field.
249
250 3. If the page is password protected, you also have the option to enter the password and user name. Your information will not be displayed to the user in the learning platform. However, it will be automatically transmitted when the external page is accessed.
251
252 4. If necessary, configure the **height of the external page's visible area** under **Display settings**. If you would like the **height of the visible area to be determined automatically**, then select the first option. Otherwise, select the second option **Define height manually** and enter the desired height in pixels (min. 300 pixels). If the page is longer than the configured visible area, scroll bars will appear in the right margin of the page.
253
254 5. Confirm your entries with **Save**.
255 )))|(((
256 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite - URL_en.png]]
257 )))
258 {{/expand}}
259 )))
260 )))
261 )))
262 |=(% scope="col" %)(((
263 (% class="content-wrapper" %)
264 (((
265
266
267 {{id name="bewertung"/}}
268
269 ==== (% style="color:#333333" %)Assessment(%%) ====
270 )))
271 )))|(((
272 |(((
273 In the course element (% style="font-size:10.5pt" %)**Structure**(%%), as in the main course node, you can collect assessment information of other course elements, resulting in an overall assessment.
274
275 Select the desired assessment category (score, mark, passing score) in the tab (% style="font-size:10.5pt" %)**Assessment**(%%) as well as the course elements that are to be included in the overall assessment of the structure element.
276
277 (% style="font-size:10.5pt" %)Further information is provided in the chapter (% style="font-family:Calibri,sans-serif; font-size:11.0pt" %)[[(% style="font-family: Calibri, sans-serif; font-size: 11pt; color: rgb(13, 122, 149); font-family: Arial, sans-serif; font-size: 10.5pt" %)Teaching~>Assessment>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Bewertung.WebHome||shape="rect"]](%%).
278 )))|(((
279 (% style="color:#0000ff" %)[[image:attach:Kurseditor - Tab Bewertung_en.png]]
280 )))
281 )))
282 {{/panel}}
283
284 {{panel title="In the course view"}}
285 In the course view of a course element **Structure**, you have access to all functions available to users. Detailed information can be found in the section (% style="color:#0d7a95" %)Functions for users(%%).
286
287 If you have created or selected an HTML page, you can access the editor view of the page and make changes directly.
288
289 |(((
290 (% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Stift Bearbeiten_en.png]]
291 )))|(((
292 ==== Edit HTML page ====
293 )))|(((
294 (% class="content-wrapper" %)
295 (((
296 Here you have the possibility to edit an **HTML page** referenced in the course element **Structure**.
297
298 {{expand title="How to do that?"}}
299 |(((
300 1. Open the course element **Structure **and click on **Edit**.
301 )))|(((
302 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Bearbeiten_en.png]]
303 )))
304 |(((
305 2. The **editor environment** opens. Make your desired changes.
306
307 3. Click on **Save **to complete the editing process.
308 )))|(((
309 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Editorfenster_en.png]]
310 )))
311 {{/expand}}
312 )))
313 )))
314 {{/panel}}
315 {{/layout-cell}}
316 {{/layout-section}}
317 {{/layout}}