Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024
Von Version 1262.1
bearbeitet von Carina Enke
am 20.12.2023
Änderungskommentar: Renamed from xwiki:LMS.First Steps.Benutzeroberflaeche und Navigation.WebHome
Auf Version 1268.1
bearbeitet von Moritz Baumgarten
am 08.01.2024
Änderungskommentar: Uploaded new attachment "Mobil - Überblick_en.png", version {1}

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Benutzeroberflaeche und Navigation
1 +Benutzeroberfläche und Navigation
Übergeordnete Seite
... ... @@ -1,1 +1,1 @@
1 -LMS.First Steps.WebHome
1 +LMS.Erste Schritte.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.moritz
Inhalt
... ... @@ -1,29 +1,25 @@
1 +(% class="macro-layout" %)
2 +(((
3 +(% class="macro-layout-section single" %)
4 +(((
5 +(% class="macro-layout-cell" %)
6 +(((
7 +
8 +)))
9 +)))
1 1  
2 -{{layout}}
3 -{{layout-section ac:type="single"}}
4 -{{layout-cell}}
5 -\\
6 -{{/layout-cell}}
7 -{{/layout-section}}
8 -
9 -{{layout-section ac:type="two_right_sidebar"}}
10 -{{layout-cell}}
11 +(% class="macro-layout-section two_right_sidebar" %)
12 +(((
13 +(% class="macro-layout-cell" %)
14 +(((
11 11  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).
12 -{{/layout-cell}}
16 +)))
17 +)))
13 13  
14 -{{layout-cell}}
15 -{{scroll-ignore}}
16 -{{panel title="Inhalt"}}
17 -
18 -
19 -{{toc maxLevel="2"/}}
20 -{{/panel}}
21 -{{/scroll-ignore}}
22 -{{/layout-cell}}
23 -{{/layout-section}}
24 -
25 -{{layout-section ac:type="single"}}
26 -{{layout-cell}}
19 +(% class="macro-layout-section single" %)
20 +(((
21 +(% class="macro-layout-cell" %)
22 +(((
27 27  == Desktop-Ansicht (PC, großer Bildschirm) ==
28 28  
29 29  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
... ... @@ -39,7 +39,7 @@
39 39  (((
40 40  (% class="content-wrapper" %)
41 41  (((
42 -[[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"]]
43 43  )))
44 44  )))
45 45  |=(((
... ... @@ -61,17 +61,14 @@
61 61  
62 62  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
63 63  
64 -[[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"]]
65 65  
66 -**
67 -**
68 68  
69 69  
70 -
71 -{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
72 -
73 73  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
74 74  
66 +Die Hauptnavigation
67 +
75 75  (% class="wrapped" %)
76 76  |=(((
77 77  Oberer Bildbereich
... ... @@ -81,7 +81,7 @@
81 81  (((
82 82  (% class="content-wrapper" %)
83 83  (((
84 -[[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"]]
85 85  )))
86 86  )))
87 87  |=(((
... ... @@ -97,8 +97,10 @@
97 97  
98 98  === Hauptnavigation in der mobilen Ansicht ===
99 99  
100 -Die Hauptnavigation erfolgt auf mobilen Geräten über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf die Schaltfläche [[image:attach:Icons@Icon_Menü Mobil.png]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.[[image:attach:Mobil - Überblick Navigation_de.png]]
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.
101 101  
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 +
102 102  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
103 103  
104 104  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.
... ... @@ -110,7 +110,7 @@
110 110  (% class="wrapped" %)
111 111  |=(% colspan="1" %)(% colspan="1" %)
112 112  (((
113 -\\
108 +
114 114  )))|=(% colspan="1" %)(% colspan="1" %)
115 115  (((
116 116  Desktop-Ansicht
... ... @@ -123,13 +123,13 @@
123 123  )))|(((
124 124  (% class="content-wrapper" %)
125 125  (((
126 -[[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"]]
127 127  )))
128 128  )))|(% colspan="1" %)(% colspan="1" %)
129 129  (((
130 130  (% class="content-wrapper" %)
131 131  (((
132 -[[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"]]
133 133  )))
134 134  )))
135 135  |(((
... ... @@ -137,44 +137,53 @@
137 137  )))|(((
138 138  (% class="content-wrapper" %)
139 139  (((
140 -[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
135 +[[image:Desktop - Navigationsmenü im Kurs_de.png]]
141 141  )))
142 142  )))|(% colspan="1" %)(% colspan="1" %)
143 143  (((
144 144  (% class="content-wrapper" %)
145 145  (((
146 -[[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"]]
147 147  )))
148 148  )))
149 149  
150 -{{info}}
145 +(% class="box infomessage" %)
146 +(((
151 151  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.
152 -{{/info}}
153 -{{/layout-cell}}
154 -{{/layout-section}}
155 -{{/layout}}
148 +)))
149 +)))
150 +)))
151 +)))
156 156  
153 +(% class="macro-layout" %)
154 +(((
155 +(% class="macro-layout-section two_right_sidebar" %)
156 +(((
157 +(% class="macro-layout-cell" %)
158 +(((
159 +
157 157  
158 -
159 -{{layout}}
160 -{{layout-section ac:type="two_right_sidebar"}}
161 -{{layout-cell}}
162 162  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).
163 -{{/layout-cell}}
162 +)))
164 164  
165 -{{layout-cell}}
166 -{{scroll-ignore}}
167 -{{panel title="Content"}}
164 +(% class="macro-layout-cell" %)
165 +(((
166 +(% class="box xwikirenderingerror" %)
167 +(((
168 +
169 +)))
168 168  
171 +(% class="box xwikirenderingerrordescription hidden" %)
172 +(((
173 +
174 +)))
175 +)))
176 +)))
169 169  
170 -{{toc maxLevel="2" minLevel="2"/}}
171 -{{/panel}}
172 -{{/scroll-ignore}}
173 -{{/layout-cell}}
174 -{{/layout-section}}
175 -
176 -{{layout-section ac:type="single"}}
177 -{{layout-cell}}
178 +(% class="macro-layout-section single" %)
179 +(((
180 +(% class="macro-layout-cell" %)
181 +(((
178 178  == Desktop view (PC, large screen) ==
179 179  
180 180  After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
... ... @@ -190,7 +190,7 @@
190 190  (((
191 191  (% class="content-wrapper" %)
192 192  (((
193 -[[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"]]
194 194  )))
195 195  )))
196 196  |=(((
... ... @@ -204,8 +204,6 @@
204 204  Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
205 205  )))
206 206  
207 -\\
208 -
209 209  (((
210 210  ===
211 211  Sections of the desktop main navigation ===
... ... @@ -216,15 +216,20 @@
216 216  
217 217  All entries with these design variants are generally referred to as **tabs**.
218 218  
219 -[[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"]]
220 220  
221 -\\
222 222  
223 223  (((
225 +(% class="box xwikirenderingerror" %)
226 +(((
227 +Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
228 +)))
224 224  
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 +)))
225 225  
226 -{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
227 -
228 228  == Mobile view (smartphone, small screen) ==
229 229  
230 230  (% class="wrapped" %)
... ... @@ -231,12 +231,12 @@
231 231  |=(((
232 232  Upper section
233 233  )))|(((
234 -In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section.
241 +In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
235 235  )))|(% rowspan="3" %)(% rowspan="3" %)
236 236  (((
237 237  (% class="content-wrapper" %)
238 238  (((
239 -[[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"]]
240 240  )))
241 241  )))
242 242  |=(((
... ... @@ -255,9 +255,9 @@
255 255  \\Main navigation in the mobile view ===
256 256  )))
257 257  
258 -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:Icons@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.
259 259  
260 -[[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"]]
261 261  
262 262  == Comparison of the menu navigation in the desktop and mobile view ==
263 263  
... ... @@ -269,7 +269,7 @@
269 269  
270 270  (% class="wrapped" %)
271 271  |=(((
272 -\\
279 +
273 273  )))|=(((
274 274  Desktop view
275 275  )))|=(((
... ... @@ -280,12 +280,12 @@
280 280  )))|(((
281 281  (% class="content-wrapper" %)
282 282  (((
283 -[[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"]]
284 284  )))
285 285  )))|(((
286 286  (% class="content-wrapper" %)
287 287  (((
288 -[[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"]]
289 289  )))
290 290  )))
291 291  |(((
... ... @@ -293,21 +293,21 @@
293 293  )))|(((
294 294  (% class="content-wrapper" %)
295 295  (((
296 -[[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"]]
297 297  )))
298 298  )))|(((
299 299  (% class="content-wrapper" %)
300 300  (((
301 -[[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"]]
302 302  )))
303 303  )))
304 304  
305 -{{info}}
312 +(% class="box infomessage" %)
313 +(((
306 306  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.
307 -{{/info}}
308 308  )))
309 309  )))
310 -{{/layout-cell}}
311 -{{/layout-section}}
312 -{{/layout}}
313 -
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