Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

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

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Benutzeroberflaeche und Navigation
1 +Benutzeroberfläche und Navigation
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina_admin
1 +XWiki.moritz
Inhalt
... ... @@ -1,28 +1,25 @@
1 -{{layout}}
2 -{{layout-section ac:type="single"}}
3 -{{layout-cell}}
1 +(% class="macro-layout" %)
2 +(((
3 +(% class="macro-layout-section single" %)
4 +(((
5 +(% class="macro-layout-cell" %)
6 +(((
4 4  
5 -{{/layout-cell}}
6 -{{/layout-section}}
8 +)))
9 +)))
7 7  
8 -{{layout-section ac:type="two_right_sidebar"}}
9 -{{layout-cell}}
11 +(% class="macro-layout-section two_right_sidebar" %)
12 +(((
13 +(% class="macro-layout-cell" %)
14 +(((
10 10  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).
11 -{{/layout-cell}}
16 +)))
17 +)))
12 12  
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}}
19 +(% class="macro-layout-section single" %)
20 +(((
21 +(% class="macro-layout-cell" %)
22 +(((
26 26  == Desktop-Ansicht (PC, großer Bildschirm) ==
27 27  
28 28  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
... ... @@ -38,7 +38,7 @@
38 38  (((
39 39  (% class="content-wrapper" %)
40 40  (((
41 -[[image:attach:System - Allgemeiner Überblick_de.png]]
38 +[[image:System - Allgemeiner Überblick_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
42 42  )))
43 43  )))
44 44  |=(((
... ... @@ -60,15 +60,14 @@
60 60  
61 61  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
62 62  
63 -[[image:attach:Desktop - Hauptnavigation_de.png]]
60 +[[image:Desktop - Hauptnavigation_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
64 64  
65 65  
66 66  
67 -
68 -{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
69 -
70 70  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
65 +
71 71  Die Hauptnavigation
67 +
72 72  (% class="wrapped" %)
73 73  |=(((
74 74  Oberer Bildbereich
... ... @@ -78,7 +78,7 @@
78 78  (((
79 79  (% class="content-wrapper" %)
80 80  (((
81 -[[image:attach:Mobil - Überblick allgemein_de.png]]
77 +[[image:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
82 82  )))
83 83  )))
84 84  |=(((
... ... @@ -94,8 +94,10 @@
94 94  
95 95  === Hauptnavigation in der mobilen Ansicht ===
96 96  
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"]]
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.
98 98  
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 +
99 99  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
100 100  
101 101  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.
... ... @@ -120,13 +120,13 @@
120 120  )))|(((
121 121  (% class="content-wrapper" %)
122 122  (((
123 -[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
121 +[[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
124 124  )))
125 125  )))|(% colspan="1" %)(% colspan="1" %)
126 126  (((
127 127  (% class="content-wrapper" %)
128 128  (((
129 -[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
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"]]
130 130  )))
131 131  )))
132 132  |(((
... ... @@ -134,42 +134,53 @@
134 134  )))|(((
135 135  (% class="content-wrapper" %)
136 136  (((
137 -[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
135 +[[image:Desktop - Navigationsmenü im Kurs_de.png]]
138 138  )))
139 139  )))|(% colspan="1" %)(% colspan="1" %)
140 140  (((
141 141  (% class="content-wrapper" %)
142 142  (((
143 -[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
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"]]
144 144  )))
145 145  )))
146 146  
147 -{{info}}
145 +(% class="box infomessage" %)
146 +(((
148 148  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.
149 -{{/info}}
150 -{{/layout-cell}}
151 -{{/layout-section}}
152 -{{/layout}}
148 +)))
149 +)))
150 +)))
151 +)))
153 153  
154 -{{layout}}
155 -{{layout-section ac:type="two_right_sidebar"}}
156 -{{layout-cell}}
153 +(% class="macro-layout" %)
154 +(((
155 +(% class="macro-layout-section two_right_sidebar" %)
156 +(((
157 +(% class="macro-layout-cell" %)
158 +(((
159 +
160 +
157 157  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).
158 -{{/layout-cell}}
162 +)))
159 159  
160 -{{layout-cell}}
161 -{{scroll-ignore}}
162 -{{panel title="Content"}}
164 +(% class="macro-layout-cell" %)
165 +(((
166 +(% class="box xwikirenderingerror" %)
167 +(((
168 +
169 +)))
163 163  
171 +(% class="box xwikirenderingerrordescription hidden" %)
172 +(((
173 +
174 +)))
175 +)))
176 +)))
164 164  
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}}
178 +(% class="macro-layout-section single" %)
179 +(((
180 +(% class="macro-layout-cell" %)
181 +(((
173 173  == Desktop view (PC, large screen) ==
174 174  
175 175  After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
... ... @@ -185,7 +185,7 @@
185 185  (((
186 186  (% class="content-wrapper" %)
187 187  (((
188 -[[image:attach:System - Allgemeiner Überblick_en.png]]
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"]]
189 189  )))
190 190  )))
191 191  |=(((
... ... @@ -199,7 +199,6 @@
199 199  Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
200 200  )))
201 201  
202 -
203 203  (((
204 204  ===
205 205  Sections of the desktop main navigation ===
... ... @@ -210,12 +210,20 @@
210 210  
211 211  All entries with these design variants are generally referred to as **tabs**.
212 212  
213 -[[image:attach:Desktop - Hauptnavigation_en.png]]
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"]]
214 214  
215 215  
216 216  (((
217 -{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
225 +(% class="box xwikirenderingerror" %)
226 +(((
227 +Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
228 +)))
218 218  
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 +
219 219  == Mobile view (smartphone, small screen) ==
220 220  
221 221  (% class="wrapped" %)
... ... @@ -227,7 +227,7 @@
227 227  (((
228 228  (% class="content-wrapper" %)
229 229  (((
230 -[[image:attach:Mobil - Überblick_en.png]]
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"]]
231 231  )))
232 232  )))
233 233  |=(((
... ... @@ -246,9 +246,9 @@
246 246  \\Main navigation in the mobile view ===
247 247  )))
248 248  
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.
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.
250 250  
251 -[[image:attach:Mobil - Überblick Navigation_en.png]]
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"]]
252 252  
253 253  == Comparison of the menu navigation in the desktop and mobile view ==
254 254  
... ... @@ -271,12 +271,12 @@
271 271  )))|(((
272 272  (% class="content-wrapper" %)
273 273  (((
274 -[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
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"]]
275 275  )))
276 276  )))|(((
277 277  (% class="content-wrapper" %)
278 278  (((
279 -[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
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"]]
280 280  )))
281 281  )))
282 282  |(((
... ... @@ -284,20 +284,21 @@
284 284  )))|(((
285 285  (% class="content-wrapper" %)
286 286  (((
287 -[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
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"]]
288 288  )))
289 289  )))|(((
290 290  (% class="content-wrapper" %)
291 291  (((
292 -[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
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"]]
293 293  )))
294 294  )))
295 295  
296 -{{info}}
312 +(% class="box infomessage" %)
313 +(((
297 297  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}}
299 299  )))
300 300  )))
301 -{{/layout-cell}}
302 -{{/layout-section}}
303 -{{/layout}}
317 +)))
318 +)))
319 +)))
320 +)))
Allgemeiner Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +46.5 KB
Inhalt
Hauptnavigation_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +4.5 KB
Inhalt
Mobil - Navigationsmeü im Kurs_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +146.3 KB
Inhalt
Überblick_Navigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +61.6 KB
Inhalt