Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024
Von Version 1271.1
bearbeitet von Moritz Baumgarten
am 08.01.2024
Änderungskommentar: Uploaded new attachment "Desktop - Navigationsmenü im Kurs_en.png", version {1}
Auf Version 1262.4
bearbeitet von Carina Enke (Admin)
am 08.01.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Benutzeroberfläche und Navigation
1 +Benutzeroberflaeche und Navigation
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.moritz
1 +XWiki.carina_admin
Inhalt
... ... @@ -1,25 +1,28 @@
1 -(% class="macro-layout" %)
2 -(((
3 -(% class="macro-layout-section single" %)
4 -(((
5 -(% class="macro-layout-cell" %)
6 -(((
1 +{{layout}}
2 +{{layout-section ac:type="single"}}
3 +{{layout-cell}}
7 7  
8 -)))
9 -)))
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 -)))
17 -)))
11 +{{/layout-cell}}
18 18  
19 -(% class="macro-layout-section single" %)
20 -(((
21 -(% class="macro-layout-cell" %)
22 -(((
13 +{{layout-cell}}
14 +{{scroll-ignore}}
15 +{{panel title="Inhalt"}}
16 +
17 +
18 +{{toc maxLevel="2"/}}
19 +{{/panel}}
20 +{{/scroll-ignore}}
21 +{{/layout-cell}}
22 +{{/layout-section}}
23 +
24 +{{layout-section ac:type="single"}}
25 +{{layout-cell}}
23 23  == Desktop-Ansicht (PC, großer Bildschirm) ==
24 24  
25 25  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
... ... @@ -35,7 +35,7 @@
35 35  (((
36 36  (% class="content-wrapper" %)
37 37  (((
38 -[[image:System - Allgemeiner Überblick_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
41 +[[image:attach:System - Allgemeiner Überblick_de.png]]
39 39  )))
40 40  )))
41 41  |=(((
... ... @@ -57,14 +57,15 @@
57 57  
58 58  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
59 59  
60 -[[image:Desktop - Hauptnavigation_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
63 +[[image:attach:Desktop - Hauptnavigation_de.png]]
61 61  
62 62  
63 63  
64 -== Mobile Ansicht (Handy, kleiner Bildschirm) ==
65 65  
66 -Die Hauptnavigation
68 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
67 67  
70 +== Mobile Ansicht (Handy, kleiner Bildschirm) ==
71 +Die Hauptnavigation
68 68  (% class="wrapped" %)
69 69  |=(((
70 70  Oberer Bildbereich
... ... @@ -74,7 +74,7 @@
74 74  (((
75 75  (% class="content-wrapper" %)
76 76  (((
77 -[[image:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
81 +[[image:attach:Mobil - Überblick allgemein_de.png]]
78 78  )))
79 79  )))
80 80  |=(((
... ... @@ -90,10 +90,8 @@
90 90  
91 91  === Hauptnavigation in der mobilen Ansicht ===
92 92  
93 -Die Hauptnavigation erfolgt auf mobilen Geräten über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf die Schaltfläche [[image:Icon_Menü Mobil.png||data-xwiki-image-style="img-icon"]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
97 +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||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
94 94  
95 -[[image:Überblick_Navigation_de.png||alt="Mobil - Überblick Navigation_de.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
96 -
97 97  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
98 98  
99 99  Innerhalb verschiedener Bereiche wie beipielsweise Lehren & Lernen, in Kursen und einzelnen Lerninhalten wird Ihnen das Menü des gewählten Bereiches immer links vom Inhalt angezeigt.
... ... @@ -118,13 +118,13 @@
118 118  )))|(((
119 119  (% class="content-wrapper" %)
120 120  (((
121 -[[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
123 +[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
122 122  )))
123 123  )))|(% colspan="1" %)(% colspan="1" %)
124 124  (((
125 125  (% class="content-wrapper" %)
126 126  (((
127 -[[image:Mobil - Überblick allgemein_de.png||alt="Mobil - Lehren und Lernen Übersicht_de.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
129 +[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
128 128  )))
129 129  )))
130 130  |(((
... ... @@ -132,53 +132,42 @@
132 132  )))|(((
133 133  (% class="content-wrapper" %)
134 134  (((
135 -[[image:Desktop - Navigationsmenü im Kurs_de.png]]
137 +[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
136 136  )))
137 137  )))|(% colspan="1" %)(% colspan="1" %)
138 138  (((
139 139  (% class="content-wrapper" %)
140 140  (((
141 -[[image:Mobil - Navigationsmeü im Kurs_en.png||alt="Mobil - Navigationsmenü im Kurs_en.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
143 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
142 142  )))
143 143  )))
144 144  
145 -(% class="box infomessage" %)
146 -(((
147 +{{info}}
147 147  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.
148 -)))
149 -)))
150 -)))
151 -)))
149 +{{/info}}
150 +{{/layout-cell}}
151 +{{/layout-section}}
152 +{{/layout}}
152 152  
153 -(% class="macro-layout" %)
154 -(((
155 -(% class="macro-layout-section two_right_sidebar" %)
156 -(((
157 -(% class="macro-layout-cell" %)
158 -(((
159 -
160 -
154 +{{layout}}
155 +{{layout-section ac:type="two_right_sidebar"}}
156 +{{layout-cell}}
161 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 -)))
158 +{{/layout-cell}}
163 163  
164 -(% class="macro-layout-cell" %)
165 -(((
166 -(% class="box xwikirenderingerror" %)
167 -(((
168 -
169 -)))
160 +{{layout-cell}}
161 +{{scroll-ignore}}
162 +{{panel title="Content"}}
170 170  
171 -(% class="box xwikirenderingerrordescription hidden" %)
172 -(((
173 -
174 -)))
175 -)))
176 -)))
177 177  
178 -(% class="macro-layout-section single" %)
179 -(((
180 -(% class="macro-layout-cell" %)
181 -(((
165 +{{toc maxLevel="2" minLevel="2"/}}
166 +{{/panel}}
167 +{{/scroll-ignore}}
168 +{{/layout-cell}}
169 +{{/layout-section}}
170 +
171 +{{layout-section ac:type="single"}}
172 +{{layout-cell}}
182 182  == Desktop view (PC, large screen) ==
183 183  
184 184  After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
... ... @@ -194,7 +194,7 @@
194 194  (((
195 195  (% class="content-wrapper" %)
196 196  (((
197 -[[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"]]
188 +[[image:attach:System - Allgemeiner Überblick_en.png]]
198 198  )))
199 199  )))
200 200  |=(((
... ... @@ -208,6 +208,7 @@
208 208  Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
209 209  )))
210 210  
202 +
211 211  (((
212 212  ===
213 213  Sections of the desktop main navigation ===
... ... @@ -218,20 +218,12 @@
218 218  
219 219  All entries with these design variants are generally referred to as **tabs**.
220 220  
221 -[[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"]]
213 +[[image:attach:Desktop - Hauptnavigation_en.png]]
222 222  
223 223  
224 224  (((
225 -(% class="box xwikirenderingerror" %)
226 -(((
227 -Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
228 -)))
217 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
229 229  
230 -(% class="box xwikirenderingerrordescription hidden" %)
231 -(((
232 -Das Makro [includeplus] befindet sich nicht in der Liste der registrierten Makros. Überprüfen Sie die Schreibweise oder wenden Sie sich an Ihren Administrator.
233 -)))
234 -
235 235  == Mobile view (smartphone, small screen) ==
236 236  
237 237  (% class="wrapped" %)
... ... @@ -243,7 +243,7 @@
243 243  (((
244 244  (% class="content-wrapper" %)
245 245  (((
246 -[[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"]]
230 +[[image:attach:Mobil - Überblick_en.png]]
247 247  )))
248 248  )))
249 249  |=(((
... ... @@ -262,9 +262,9 @@
262 262  \\Main navigation in the mobile view ===
263 263  )))
264 264  
265 -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.
249 +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.
266 266  
267 -[[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"]]
251 +[[image:attach:Mobil - Überblick Navigation_en.png]]
268 268  
269 269  == Comparison of the menu navigation in the desktop and mobile view ==
270 270  
... ... @@ -287,12 +287,12 @@
287 287  )))|(((
288 288  (% class="content-wrapper" %)
289 289  (((
290 -[[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"]]
274 +[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
291 291  )))
292 292  )))|(((
293 293  (% class="content-wrapper" %)
294 294  (((
295 -[[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"]]
279 +[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
296 296  )))
297 297  )))
298 298  |(((
... ... @@ -300,21 +300,20 @@
300 300  )))|(((
301 301  (% class="content-wrapper" %)
302 302  (((
303 -[[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"]]
287 +[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
304 304  )))
305 305  )))|(((
306 306  (% class="content-wrapper" %)
307 307  (((
308 -[[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"]]
292 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
309 309  )))
310 310  )))
311 311  
312 -(% class="box infomessage" %)
313 -(((
296 +{{info}}
314 314  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.
298 +{{/info}}
315 315  )))
316 316  )))
317 -)))
318 -)))
319 -)))
320 -)))
301 +{{/layout-cell}}
302 +{{/layout-section}}
303 +{{/layout}}
Allgemeiner Überblick_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.moritz
Größe
... ... @@ -1,1 +1,0 @@
1 -46.5 KB
Inhalt
Hauptnavigation_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.moritz
Größe
... ... @@ -1,1 +1,0 @@
1 -4.5 KB
Inhalt
Mobil - Navigationsmeü im Kurs_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.moritz
Größe
... ... @@ -1,1 +1,0 @@
1 -146.3 KB
Inhalt
Überblick_Navigation_de.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.moritz
Größe
... ... @@ -1,1 +1,0 @@
1 -61.6 KB
Inhalt