Wiki source code of Struktur

Last modified by Carina Enke on 23.01.2024
Hide last authors
Carina Enke 648.1 1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
Carina Enke 801.1 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.
Carina Enke 792.1 5
Carina Enke 801.1 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.
Carina Enke 648.1 7 {{/layout-cell}}
8
9 {{layout-cell}}
Carina Enke 801.1 10 {{panel borderColor="silver" title="Content"}}
11 {{toc minLevel="2"/}}
tleu 786.1 12 {{/panel}}
Carina Enke 792.1 13 {{/layout-cell}}
14 {{/layout-section}}
sandra_riediger 746.1 15
Carina Enke 792.1 16 {{layout-section ac:type="single"}}
17 {{layout-cell}}
Carina Enke 801.1 18 == Usage: Learners' View ==
sandra_riediger 746.1 19
Carina Enke 801.1 20 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
Carina Enke 792.1 21 |(((
Carina Enke 801.1 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.
Carina Enke 792.1 23 )))|(((
Carina Enke 801.1 24 (% style="color:#0000ff" %)[[image:attach:Kursrun Überblick Struktur_en.png]]
Carina Enke 792.1 25 )))
26 {{/panel}}
27
28
29
30 {{id name="Funktion"/}}
31
Carina Enke 801.1 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**:
Carina Enke 792.1 34
35 |(((
Carina Enke 801.1 36 (% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Kursbaustein erledigt_en.png||data-xwiki-image-style="img-icon"]]
Carina Enke 792.1 37 )))|(((
Carina Enke 801.1 38 ==== Course progress ====
Carina Enke 792.1 39 )))|(((
Carina Enke 797.9 40 {{display reference="LMS._Include Library.Kursseiten.Kursfortschritt manuell.WebHome"/}}
Carina Enke 792.1 41 )))
42
43 {{info}}
Carina Enke 801.1 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"]].
Carina Enke 792.1 45 {{/info}}
46 {{/panel}}
47
Carina Enke 801.1 48 == Configuration: Authors' View ==
Carina Enke 792.1 49
Carina Enke 801.1 50 {{panel titleBGColor="#5a759d" title="In the course editor"}}
51 The following functions are available to you in the course editor:
Carina Enke 792.1 52
Carina Enke 801.1 53 |=(((
54 ==== Add a course element structure ====
Carina Enke 792.1 55 )))|(((
Carina Enke 801.1 56 {{expand title="Click to open instructions on how to add a course element ..."}}
Carina Enke 792.1 57
58
Carina Enke 797.9 59 {{display reference="LMS._Include Library.Kursseiten.Kursbaustein hinzufügen.WebHome"/}}
Carina Enke 792.1 60 {{/expand}}
61 )))
Carina Enke 801.1 62 |=(% scope="col" %)(((
63 ==== General configuration settings ====
Carina Enke 792.1 64 )))|(((
Carina Enke 801.1 65 (% class="TableParagraph" %)
66 In the course editor, you will find the following configuration tabs:
Carina Enke 792.1 67
Carina Enke 801.1 68 |=(((
69 Title and description
70 )))|(((
71 {{expand title="Configuration options in the tab title and description ..."}}
Carina Enke 792.1 72
73
Carina Enke 801.1 74 {{display reference="LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
Carina Enke 792.1 75 {{/expand}}
76 )))
Carina Enke 801.1 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.
Carina Enke 792.1 79 |=(((
Carina Enke 801.1 80 Configuration
tleu 786.1 81 )))|(% colspan="1" %)(% colspan="1" %)
82 (((
Carina Enke 801.1 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**.
tleu 786.1 84 )))
85 |=(((
Carina Enke 801.1 86 Assessment
Carina Enke 792.1 87 )))|(% colspan="1" %)(% colspan="1" %)
88 (((
Carina Enke 801.1 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
Carina Enke 792.1 90 )))
91 |=(((
Carina Enke 801.1 92 Multilingualism
Carina Enke 792.1 93 )))|(% colspan="1" %)(% colspan="1" %)
94 (((
Carina Enke 801.1 95 In this tab, different translations can be added to individual course element areas.
Carina Enke 792.1 96 )))
97 )))
Carina Enke 801.1 98 |=(% scope="col" %)(((
99 ==== Configuration ====
tleu 786.1 100 )))|(((
Carina Enke 792.1 101 (% class="content-wrapper" %)
tleu 786.1 102 (((
Carina Enke 801.1 103 Open the course editor and go to the tab **Configuration** of a structure element. Now you can configure the following **presentation** settings:
Carina Enke 792.1 104
105 |(((
Carina Enke 801.1 106 ===== Automatic overview =====
Carina Enke 792.1 107 )))|(((
108 |(((
Carina Enke 801.1 109 (% class="TableParagraph" %)
110 If you prefer an automatic summary of the selected elements, you have the following options:
Carina Enke 792.1 111
Carina Enke 801.1 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.
Carina Enke 792.1 115
116 {{info}}
Carina Enke 801.1 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.
Carina Enke 792.1 119 {{/info}}
120
Carina Enke 801.1 121 * **Display in two columns:** In the case of more than five elements, we recommend a two column overview. Just activate the corresponding checkbox.
Carina Enke 792.1 122
Carina Enke 801.1 123 (% class="TableParagraph" %)
124 Confirm your entries with **Save**//.//
Carina Enke 792.1 125 )))|(((
Carina Enke 801.1 126 (% style="color:#0000ff" %)[[image:attach:Kurseditor - Automatische Übersicht_en.png]]
tleu 786.1 127 )))
Carina Enke 792.1 128 )))
129 |(((
Carina Enke 801.1 130 ===== Your HTML page =====
Carina Enke 792.1 131 )))|(((
Carina Enke 801.1 132 (% class="TableParagraph" %)
133 You have the following options to embed an HTML page as a summary page in the course element.
Carina Enke 792.1 134
Carina Enke 801.1 135 * **Create HTML page (option 1)**
136 * **Select HTML page (option 2)**
137 * **Upload HTML page (option 3)**
Carina Enke 797.9 138
Carina Enke 792.1 139
Carina Enke 801.1 140 {{expand title="Start the configuration for all three variants as follows:"}}
Carina Enke 792.1 141 |(((
Carina Enke 801.1 142 1. Activate the checkbox// //**Your HTML page **and click on **Save**.
Carina Enke 792.1 143 )))|(((
Carina Enke 801.1 144 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Eigene HTML - Checkbox_en.png]]
tleu 786.1 145 )))
Carina Enke 792.1 146 |(((
Carina Enke 801.1 147 2. Then click on **Select or create page**.
Carina Enke 792.1 148 )))|(((
Carina Enke 801.1 149 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Button Seite auswählen oder erstellen_en.png]]
Carina Enke 792.1 150 )))
151 |(((
Carina Enke 801.1 152 3. A window with functions for **creating, selecting, or uploading an HTML page** opens. Decide on one of the following options:
Carina Enke 792.1 153 )))|(((
Carina Enke 801.1 154 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - drei Optionen_en.png]]
Carina Enke 792.1 155 )))
156 |(% colspan="1" %)(% colspan="1" %)
157 (((
Carina Enke 801.1 158 **Create HTML page (option 1)**
Carina Enke 792.1 159
Carina Enke 801.1 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.
tleu 786.1 163 )))|(% colspan="1" %)(% colspan="1" %)
164 (((
Carina Enke 801.1 165 [[image:attach:Kurseditor - HTML-Seite erstellen_en.png]]
tleu 786.1 166 )))
Carina Enke 792.1 167 |(% colspan="1" %)(% colspan="1" %)
tleu 786.1 168 (((
Carina Enke 801.1 169 **Select HTML page (option 2)**
Carina Enke 792.1 170
Carina Enke 801.1 171 * Click on the button **Select page**.
172 * Select the desired file by **clicking on its name**.
173 * Confirm your selection with **Select**.**
174 **
tleu 786.1 175 )))|(% colspan="1" %)(% colspan="1" %)
176 (((
Carina Enke 801.1 177 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Datei auswählen_en.png]]
tleu 786.1 178 )))
Carina Enke 792.1 179 |(% colspan="1" %)(% colspan="1" %)
tleu 786.1 180 (((
Carina Enke 801.1 181 **Upload HTML page (option 3)**
Carina Enke 792.1 182
Carina Enke 801.1 183 * Click on the button **Select file**.
184 * Select a file from your computer.
185 * Then click on **Upload**.**
186 **
tleu 786.1 187 )))|(% colspan="1" %)(% colspan="1" %)
188 (((
Carina Enke 801.1 189 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Datei hochladen_en.png]]
tleu 786.1 190 )))
Carina Enke 792.1 191 |(% colspan="1" %)(% colspan="1" %)
tleu 786.1 192 (((
Carina Enke 801.1 193 The HTML page will now be displayed in the tab **Configuration **under **Selected Page**.
Carina Enke 792.1 194
195 \\
tleu 786.1 196 )))|(% colspan="1" %)(% colspan="1" %)
197 (((
Carina Enke 801.1 198 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Gewählte Seite_en.png]]
tleu 786.1 199 )))
Carina Enke 792.1 200 {{/expand}}
201
Carina Enke 801.1 202 After adding an HTML page, you have the following options:
Carina Enke 792.1 203
Carina Enke 801.1 204 {{expand title="Open or replace page in the editor ..."}}
Carina Enke 792.1 205 |(((
Carina Enke 801.1 206 (% style="font-size: 10.5pt;" %)**Open page in editor:**
Carina Enke 792.1 207
Carina Enke 801.1 208 * Click on this button to (% style="font-size: 10.5pt;" %)**make** **changes **(%%)to your HTML page.
Carina Enke 792.1 209
Carina Enke 801.1 210 **Replace page:**
Carina Enke 792.1 211
Carina Enke 801.1 212 * (% style="font-size: 10.5pt;" %)Click on this button to **create**,** select**,** or upload a** **new HTML page**. Follow the steps outlined above.
Carina Enke 792.1 213 )))|(((
Carina Enke 801.1 214 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Funktionen nach dem Hinzufügen einer Seite_en.png]]
Carina Enke 792.1 215 )))
216 {{/expand}}
217
Carina Enke 801.1 218 {{expand title="Additional settings for the selected page ..."}}
Carina Enke 792.1 219 |(((
Carina Enke 801.1 220 **Display settings:**
Carina Enke 792.1 221
Carina Enke 801.1 222 Determine the height of the HTML page's visible area.
Carina Enke 792.1 223
Carina Enke 801.1 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).
Carina Enke 792.1 225
Carina Enke 801.1 226 Click on (% style="font-size: 10.5pt;" %)**Save **(%%)to confirm your entries and publish the course.
Carina Enke 792.1 227
Carina Enke 801.1 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.
Carina Enke 792.1 229 )))|(((
Carina Enke 801.1 230 [[image:attach:Kurseditor - Anzeigeeinstellungen_en.png]]
Carina Enke 792.1 231 )))
232 {{/expand}}
233 )))
234 |(((
Carina Enke 801.1 235 ===== External HTML page =====
Carina Enke 792.1 236 )))|(((
Carina Enke 801.1 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**(%%).
Carina Enke 792.1 238
Carina Enke 801.1 239 {{expand title="How to do that?"}}
240 |(% colspan="1" %)(% colspan="1" %)
Carina Enke 792.1 241 (((
Carina Enke 801.1 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]]
Carina Enke 792.1 246 )))
247 |(((
Carina Enke 801.1 248 2. Now enter the **URL** in the appropriate text field.
Carina Enke 792.1 249
Carina Enke 801.1 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.
Carina Enke 792.1 251
Carina Enke 801.1 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.
Carina Enke 792.1 253
Carina Enke 801.1 254 5. Confirm your entries with **Save**.
Carina Enke 792.1 255 )))|(((
Carina Enke 801.1 256 (% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite - URL_en.png]]
Carina Enke 792.1 257 )))
258 {{/expand}}
259 )))
260 )))
261 )))
Carina Enke 801.1 262 |=(% scope="col" %)(((
Carina Enke 792.1 263 (% class="content-wrapper" %)
264 (((
Carina Enke 801.1 265
266
Carina Enke 792.1 267 {{id name="bewertung"/}}
268
Carina Enke 801.1 269 ==== (% style="color:#333333" %)Assessment(%%) ====
Carina Enke 792.1 270 )))
271 )))|(((
272 |(((
Carina Enke 801.1 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.
Carina Enke 792.1 274
Carina Enke 801.1 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.
Carina Enke 792.1 276
Carina Enke 801.1 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"]](%%).
Carina Enke 792.1 278 )))|(((
Carina Enke 801.1 279 (% style="color:#0000ff" %)[[image:attach:Kurseditor - Tab Bewertung_en.png]]
Carina Enke 792.1 280 )))
281 )))
282 {{/panel}}
283
Carina Enke 801.1 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(%%).
Carina Enke 792.1 286
Carina Enke 801.1 287 If you have created or selected an HTML page, you can access the editor view of the page and make changes directly.
Carina Enke 792.1 288
289 |(((
Carina Enke 801.1 290 (% style="color:#0000ff" %)[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Stift Bearbeiten_en.png]]
Carina Enke 792.1 291 )))|(((
Carina Enke 801.1 292 ==== Edit HTML page ====
Carina Enke 792.1 293 )))|(((
294 (% class="content-wrapper" %)
295 (((
Carina Enke 801.1 296 Here you have the possibility to edit an **HTML page** referenced in the course element **Structure**.
Carina Enke 792.1 297
Carina Enke 801.1 298 {{expand title="How to do that?"}}
Carina Enke 792.1 299 |(((
Carina Enke 801.1 300 1. Open the course element **Structure **and click on **Edit**.
Carina Enke 792.1 301 )))|(((
Carina Enke 801.1 302 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Bearbeiten_en.png]]
Carina Enke 792.1 303 )))
304 |(((
Carina Enke 801.1 305 2. The **editor environment** opens. Make your desired changes.
Carina Enke 792.1 306
Carina Enke 801.1 307 3. Click on **Save **to complete the editing process.
Carina Enke 792.1 308 )))|(((
Carina Enke 801.1 309 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Editorfenster_en.png]]
Carina Enke 792.1 310 )))
311 {{/expand}}
312 )))
313 )))
314 {{/panel}}
Carina Enke 648.1 315 {{/layout-cell}}
316 {{/layout-section}}
Carina Enke 792.1 317 {{/layout}}