Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024
Von Version 1264.1
bearbeitet von Carina Enke (Admin)
am 08.01.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 1262.2
bearbeitet von Carina Enke
am 20.12.2023
Änderungskommentar: Updated the relative links.

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Benutzeroberfläche und Navigation
1 +Benutzeroberflaeche und Navigation
Übergeordnete Seite
... ... @@ -1,1 +1,1 @@
1 -LMS.Erste Schritte.WebHome
1 +LMS.First Steps.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina_admin
1 +XWiki.carina
Inhalt
... ... @@ -1,38 +1,28 @@
1 -(% class="macro-layout" %)
2 -(((
3 -(% class="macro-layout-section single" %)
4 -(((
5 -(% class="macro-layout-cell" %)
6 -(((
7 -
8 -)))
9 -)))
1 +{{layout}}
2 +{{layout-section ac:type="single"}}
3 +{{layout-cell}}
4 +\\
5 +{{/layout-cell}}
6 +{{/layout-section}}
10 10  
11 -(% class="macro-layout-section two_right_sidebar" %)
12 -(((
13 -(% class="macro-layout-cell" %)
14 -(((
8 +{{layout-section ac:type="two_right_sidebar"}}
9 +{{layout-cell}}
15 15  Für einen leichten Einstieg finden Sie hier eine Übersicht zur Benutzeroberfläche und allgemeinen Navigation in der Lernplattform. Dabei unterstützen Sie Beispielbilder der Ansicht auf einem normalen PC (Desktop-Ansicht) und auf einem Tablet oder Smartphone (mobile Ansicht).
16 -)))
11 +{{/layout-cell}}
17 17  
18 -(% class="macro-layout-cell" %)
19 -(((
20 -(% class="box xwikirenderingerror" %)
21 -(((
13 +{{layout-cell}}
14 +{{scroll-ignore}}
15 +{{panel title="Inhalt"}}
22 22  
23 -)))
24 24  
25 -(% class="box xwikirenderingerrordescription hidden" %)
26 -(((
18 +{{toc maxLevel="2"/}}
19 +{{/panel}}
20 +{{/scroll-ignore}}
21 +{{/layout-cell}}
22 +{{/layout-section}}
27 27  
28 -)))
29 -)))
30 -)))
31 -
32 -(% class="macro-layout-section single" %)
33 -(((
34 -(% class="macro-layout-cell" %)
35 -(((
24 +{{layout-section ac:type="single"}}
25 +{{layout-cell}}
36 36  == Desktop-Ansicht (PC, großer Bildschirm) ==
37 37  
38 38  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
... ... @@ -48,7 +48,7 @@
48 48  (((
49 49  (% class="content-wrapper" %)
50 50  (((
51 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FSystem%2520-%2520Allgemeiner%2520%25C3%259Cberblick_de.png%3Frev%3D1.2||alt="System - Allgemeiner Überblick_de.png"]]
41 +[[image:attach:System - Allgemeiner Überblick_de.png]]
52 52  )))
53 53  )))
54 54  |=(((
... ... @@ -70,25 +70,17 @@
70 70  
71 71  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
72 72  
73 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Hauptnavigation_de.png%3Frev%3D1.2||alt="Desktop - Hauptnavigation_de.png"]]
63 +[[image:attach:Desktop - Hauptnavigation_de.png]]
74 74  
65 +**
66 +**
75 75  
76 76  
77 77  
78 -(% class="box xwikirenderingerror" %)
79 -(((
80 -Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
81 -)))
70 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
82 82  
83 -(% class="box xwikirenderingerrordescription hidden" %)
84 -(((
85 -Das Makro [includeplus] befindet sich nicht in der Liste der registrierten Makros. Überprüfen Sie die Schreibweise oder wenden Sie sich an Ihren Administrator.
86 -)))
87 -
88 88  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
89 89  
90 -Die Hauptnavigation
91 -
92 92  (% class="wrapped" %)
93 93  |=(((
94 94  Oberer Bildbereich
... ... @@ -98,7 +98,7 @@
98 98  (((
99 99  (% class="content-wrapper" %)
100 100  (((
101 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520%25C3%259Cberblick%2520allgemein_de.png%3Frev%3D1.2||alt="Mobil - Überblick allgemein_de.png"]]
83 +[[image:attach:Mobil - Überblick allgemein_de.png]]
102 102  )))
103 103  )))
104 104  |=(((
... ... @@ -114,7 +114,7 @@
114 114  
115 115  === Hauptnavigation in der mobilen Ansicht ===
116 116  
117 -Die Hauptnavigation erfolgt auf mobilen Geräten über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf die Schaltfläche [[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FFirst%2520Steps%2FBenutzeroberflaeche%2520und%2520Navigation%2FIcons%2FWebHome%2FIcon_Men%25C3%25BC%2520Mobil.png||alt="Icon_Menü Mobil.png"]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520%25C3%259Cberblick%2520Navigation_de.png%3Fwidth%3D500%26rev%3D1.2?width=500||alt="Mobil - Überblick Navigation_de.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
99 +Die Hauptnavigation erfolgt auf mobilen Geräten über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf die Schaltfläche [[image:attach:LMS.First Steps.Benutzeroberflaeche und Navigation.Icons.WebHome@Icon_Menü Mobil.png]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.[[image:attach:Mobil - Überblick Navigation_de.png]]
118 118  
119 119  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
120 120  
... ... @@ -127,7 +127,7 @@
127 127  (% class="wrapped" %)
128 128  |=(% colspan="1" %)(% colspan="1" %)
129 129  (((
130 -
112 +\\
131 131  )))|=(% colspan="1" %)(% colspan="1" %)
132 132  (((
133 133  Desktop-Ansicht
... ... @@ -140,13 +140,13 @@
140 140  )))|(((
141 141  (% class="content-wrapper" %)
142 142  (((
143 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Lehren%2520und%2520Lernen%2520%25C3%259Cbersicht_de.png%3Frev%3D1.2||alt="Desktop - Lehren und Lernen Übersicht_de.png"]]
125 +[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
144 144  )))
145 145  )))|(% colspan="1" %)(% colspan="1" %)
146 146  (((
147 147  (% class="content-wrapper" %)
148 148  (((
149 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520Lehren%2520und%2520Lernen%2520%25C3%259Cbersicht_de.png%3Frev%3D1.2||alt="Mobil - Lehren und Lernen Übersicht_de.png"]]
131 +[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
150 150  )))
151 151  )))
152 152  |(((
... ... @@ -154,51 +154,44 @@
154 154  )))|(((
155 155  (% class="content-wrapper" %)
156 156  (((
157 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Navigationsmen%25C3%25BC%2520im%2520Kurs_de.png%3Frev%3D1.2||alt="Desktop - Navigationsmenü im Kurs_de.png"]]
139 +[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
158 158  )))
159 159  )))|(% colspan="1" %)(% colspan="1" %)
160 160  (((
161 161  (% class="content-wrapper" %)
162 162  (((
163 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520Navigationsmen%25C3%25BC%2520im%2520Kurs_en.png%3Frev%3D1.2||alt="Mobil - Navigationsmenü im Kurs_en.png"]]
145 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
164 164  )))
165 165  )))
166 166  
167 -(% class="box infomessage" %)
168 -(((
149 +{{info}}
169 169  Das jeweilige Menü ist abhängig von der Rolle und den Rechten, die Sie im System haben, sowie von Sichtbarkeits- und Zugangseinstellungen innerhalb der Kurse. Ist Ihnen die Rolle **Autor** zugewiesen, haben Sie erweiterte Optionen.
170 -)))
171 -)))
172 -)))
173 -)))
151 +{{/info}}
152 +{{/layout-cell}}
153 +{{/layout-section}}
154 +{{/layout}}
174 174  
175 -(% class="macro-layout" %)
176 -(((
177 -(% class="macro-layout-section two_right_sidebar" %)
178 -(((
179 -(% class="macro-layout-cell" %)
180 -(((
181 -Here you will find an easy introduction to the user interface and general navigation in the learning platform. For a better understanding of the explanations provided, you will find various sample images of the presented views both on a regular PC (desktop view) and on a tablet or smartphone (mobile view).
182 -)))
183 183  
184 -(% class="macro-layout-cell" %)
185 -(((
186 -(% class="box xwikirenderingerror" %)
187 -(((
188 188  
189 -)))
158 +{{layout}}
159 +{{layout-section ac:type="two_right_sidebar"}}
160 +{{layout-cell}}
161 +Here you will find an easy introduction to the user interface and general navigation in the learning platform. For a better understanding of the explanations provided, you will find various sample images of the presented views both on a regular PC (desktop view) and on a tablet or smartphone (mobile view).
162 +{{/layout-cell}}
190 190  
191 -(% class="box xwikirenderingerrordescription hidden" %)
192 -(((
164 +{{layout-cell}}
165 +{{scroll-ignore}}
166 +{{panel title="Content"}}
193 193  
194 -)))
195 -)))
196 -)))
197 197  
198 -(% class="macro-layout-section single" %)
199 -(((
200 -(% class="macro-layout-cell" %)
201 -(((
169 +{{toc maxLevel="2" minLevel="2"/}}
170 +{{/panel}}
171 +{{/scroll-ignore}}
172 +{{/layout-cell}}
173 +{{/layout-section}}
174 +
175 +{{layout-section ac:type="single"}}
176 +{{layout-cell}}
202 202  == Desktop view (PC, large screen) ==
203 203  
204 204  After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
... ... @@ -214,7 +214,7 @@
214 214  (((
215 215  (% class="content-wrapper" %)
216 216  (((
217 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FSystem%2520-%2520Allgemeiner%2520%25C3%259Cberblick_en.png%3Frev%3D1.2||alt="System - Allgemeiner Überblick_en.png"]]
192 +[[image:attach:System - Allgemeiner Überblick_en.png]]
218 218  )))
219 219  )))
220 220  |=(((
... ... @@ -228,6 +228,8 @@
228 228  Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
229 229  )))
230 230  
206 +\\
207 +
231 231  (((
232 232  ===
233 233  Sections of the desktop main navigation ===
... ... @@ -238,19 +238,13 @@
238 238  
239 239  All entries with these design variants are generally referred to as **tabs**.
240 240  
241 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Hauptnavigation_en.png%3Frev%3D1.2||alt="Desktop - Hauptnavigation_en.png"]]
218 +[[image:attach:Desktop - Hauptnavigation_en.png]]
242 242  
220 +\\
243 243  
244 244  (((
245 -(% class="box xwikirenderingerror" %)
246 -(((
247 -Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
248 -)))
249 249  
250 -(% class="box xwikirenderingerrordescription hidden" %)
251 -(((
252 -Das Makro [includeplus] befindet sich nicht in der Liste der registrierten Makros. Überprüfen Sie die Schreibweise oder wenden Sie sich an Ihren Administrator.
253 -)))
224 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
254 254  
255 255  == Mobile view (smartphone, small screen) ==
256 256  
... ... @@ -258,12 +258,12 @@
258 258  |=(((
259 259  Upper section
260 260  )))|(((
261 -In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
232 +In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section.
262 262  )))|(% rowspan="3" %)(% rowspan="3" %)
263 263  (((
264 264  (% class="content-wrapper" %)
265 265  (((
266 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520%25C3%259Cberblick_en.png%3Frev%3D1.2||alt="Mobil - Überblick_en.png"]]
237 +[[image:attach:Mobil - Überblick_en.png]]
267 267  )))
268 268  )))
269 269  |=(((
... ... @@ -282,9 +282,9 @@
282 282  \\Main navigation in the mobile view ===
283 283  )))
284 284  
285 -The main navigation on mobile devices is done via a dynamic menu. (% style="letter-spacing:0.0px" %)It opens with a click on the [[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FFirst%2520Steps%2FBenutzeroberflaeche%2520und%2520Navigation%2FIcons%2FWebHome%2FIcon_Men%25C3%25BC%2520Mobil.png||alt="Icon_Menü Mobil.png"]] button in the upper left corner. You will then have the same choices as in the desktop view.
256 +The main navigation on mobile devices is done via a dynamic menu. (% style="letter-spacing: 0.0px;" %)It opens with a click on the [[image:attach:LMS.First Steps.Benutzeroberflaeche und Navigation.Icons.WebHome@Icon_Menü Mobil.png]] button in the upper left corner. You will then have the same choices as in the desktop view.
286 286  
287 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520%25C3%259Cberblick%2520Navigation_en.png%3Frev%3D1.2||alt="Mobil - Überblick Navigation_en.png"]]
258 +[[image:attach:Mobil - Überblick Navigation_en.png]]
288 288  
289 289  == Comparison of the menu navigation in the desktop and mobile view ==
290 290  
... ... @@ -296,7 +296,7 @@
296 296  
297 297  (% class="wrapped" %)
298 298  |=(((
299 -
270 +\\
300 300  )))|=(((
301 301  Desktop view
302 302  )))|=(((
... ... @@ -307,12 +307,12 @@
307 307  )))|(((
308 308  (% class="content-wrapper" %)
309 309  (((
310 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Lehren%2520und%2520Lernen%2520%25C3%259Cbersicht_en.png%3Frev%3D1.2||alt="Desktop - Lehren und Lernen Übersicht_en.png"]]
281 +[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
311 311  )))
312 312  )))|(((
313 313  (% class="content-wrapper" %)
314 314  (((
315 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520Lehren%2520und%2520Lernen%2520%25C3%259Cbersicht_en.png%3Frev%3D1.2||alt="Mobil - Lehren und Lernen Übersicht_en.png"]]
286 +[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
316 316  )))
317 317  )))
318 318  |(((
... ... @@ -320,21 +320,20 @@
320 320  )))|(((
321 321  (% class="content-wrapper" %)
322 322  (((
323 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Navigationsmen%25C3%25BC%2520im%2520Kurs_en.png%3Frev%3D1.2||alt="Desktop - Navigationsmenü im Kurs_en.png"]]
294 +[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
324 324  )))
325 325  )))|(((
326 326  (% class="content-wrapper" %)
327 327  (((
328 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FMobil%2520-%2520Navigationsmen%25C3%25BC%2520im%2520Kurs_en.png%3Frev%3D1.2||alt="Mobil - Navigationsmenü im Kurs_en.png"]]
299 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
329 329  )))
330 330  )))
331 331  
332 -(% class="box infomessage" %)
333 -(((
303 +{{info}}
334 334  The respective menu depends on your role and rights in the system, as well as on the visibility and access settings within courses. **Authors **benefit from advanced options.
305 +{{/info}}
335 335  )))
336 336  )))
337 -)))
338 -)))
339 -)))
340 -)))
308 +{{/layout-cell}}
309 +{{/layout-section}}
310 +{{/layout}}