Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024
Von Version 1262.3
bearbeitet von Carina Enke
am 20.12.2023
Änderungskommentar: Update document after refactoring.
Auf Version 1263.2
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 -Benutzeroberflaeche und Navigation
1 +Benutzeroberfläche und Navigation
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.carina_admin
Inhalt
... ... @@ -1,28 +1,38 @@
1 -{{layout}}
2 -{{layout-section ac:type="single"}}
3 -{{layout-cell}}
4 -\\
5 -{{/layout-cell}}
6 -{{/layout-section}}
1 +(% class="macro-layout" %)
2 +(((
3 +(% class="macro-layout-section single" %)
4 +(((
5 +(% class="macro-layout-cell" %)
6 +(((
7 +
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 +)))
12 12  
13 -{{layout-cell}}
14 -{{scroll-ignore}}
15 -{{panel title="Inhalt"}}
18 +(% class="macro-layout-cell" %)
19 +(((
20 +(% class="box xwikirenderingerror" %)
21 +(((
16 16  
23 +)))
17 17  
18 -{{toc maxLevel="2"/}}
19 -{{/panel}}
20 -{{/scroll-ignore}}
21 -{{/layout-cell}}
22 -{{/layout-section}}
25 +(% class="box xwikirenderingerrordescription hidden" %)
26 +(((
23 23  
24 -{{layout-section ac:type="single"}}
25 -{{layout-cell}}
28 +)))
29 +)))
30 +)))
31 +
32 +(% class="macro-layout-section single" %)
33 +(((
34 +(% class="macro-layout-cell" %)
35 +(((
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]]
51 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/System%20-%20Allgemeiner%20%C3%9Cberblick_de.png?rev=1.2||alt="System - Allgemeiner Überblick_de.png"]]
42 42  )))
43 43  )))
44 44  |=(((
... ... @@ -60,17 +60,25 @@
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]]
73 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Desktop%20-%20Hauptnavigation_de.png?rev=1.2||alt="Desktop - Hauptnavigation_de.png"]]
64 64  
65 -**
66 -**
67 67  
68 68  
69 69  
70 -{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
78 +(% class="box xwikirenderingerror" %)
79 +(((
80 +Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
81 +)))
71 71  
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 +
72 72  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
73 73  
90 +Die Hauptnavigation
91 +
74 74  (% class="wrapped" %)
75 75  |=(((
76 76  Oberer Bildbereich
... ... @@ -80,7 +80,7 @@
80 80  (((
81 81  (% class="content-wrapper" %)
82 82  (((
83 -[[image:attach:Mobil - Überblick allgemein_de.png]]
101 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20%C3%9Cberblick%20allgemein_de.png?rev=1.2||alt="Mobil - Überblick allgemein_de.png"]]
84 84  )))
85 85  )))
86 86  |=(((
... ... @@ -96,7 +96,7 @@
96 96  
97 97  === Hauptnavigation in der mobilen Ansicht ===
98 98  
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]]
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/First%20Steps/Benutzeroberflaeche%20und%20Navigation/Icons/WebHome/Icon_Men%C3%BC%20Mobil.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/Mobil%20-%20%C3%9Cberblick%20Navigation_de.png?width=500&rev=1.2||alt="Mobil - Überblick Navigation_de.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
100 100  
101 101  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
102 102  
... ... @@ -109,7 +109,7 @@
109 109  (% class="wrapped" %)
110 110  |=(% colspan="1" %)(% colspan="1" %)
111 111  (((
112 -\\
130 +
113 113  )))|=(% colspan="1" %)(% colspan="1" %)
114 114  (((
115 115  Desktop-Ansicht
... ... @@ -122,13 +122,13 @@
122 122  )))|(((
123 123  (% class="content-wrapper" %)
124 124  (((
125 -[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
143 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Desktop%20-%20Lehren%20und%20Lernen%20%C3%9Cbersicht_de.png?rev=1.2||alt="Desktop - Lehren und Lernen Übersicht_de.png"]]
126 126  )))
127 127  )))|(% colspan="1" %)(% colspan="1" %)
128 128  (((
129 129  (% class="content-wrapper" %)
130 130  (((
131 -[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
149 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20Lehren%20und%20Lernen%20%C3%9Cbersicht_de.png?rev=1.2||alt="Mobil - Lehren und Lernen Übersicht_de.png"]]
132 132  )))
133 133  )))
134 134  |(((
... ... @@ -136,44 +136,51 @@
136 136  )))|(((
137 137  (% class="content-wrapper" %)
138 138  (((
139 -[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
157 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Desktop%20-%20Navigationsmen%C3%BC%20im%20Kurs_de.png?rev=1.2||alt="Desktop - Navigationsmenü im Kurs_de.png"]]
140 140  )))
141 141  )))|(% colspan="1" %)(% colspan="1" %)
142 142  (((
143 143  (% class="content-wrapper" %)
144 144  (((
145 -[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
163 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20Navigationsmen%C3%BC%20im%20Kurs_en.png?rev=1.2||alt="Mobil - Navigationsmenü im Kurs_en.png"]]
146 146  )))
147 147  )))
148 148  
149 -{{info}}
167 +(% class="box infomessage" %)
168 +(((
150 150  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.
151 -{{/info}}
152 -{{/layout-cell}}
153 -{{/layout-section}}
154 -{{/layout}}
170 +)))
171 +)))
172 +)))
173 +)))
155 155  
156 -
157 -
158 -{{layout}}
159 -{{layout-section ac:type="two_right_sidebar"}}
160 -{{layout-cell}}
175 +(% class="macro-layout" %)
176 +(((
177 +(% class="macro-layout-section two_right_sidebar" %)
178 +(((
179 +(% class="macro-layout-cell" %)
180 +(((
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 -{{/layout-cell}}
182 +)))
163 163  
164 -{{layout-cell}}
165 -{{scroll-ignore}}
166 -{{panel title="Content"}}
184 +(% class="macro-layout-cell" %)
185 +(((
186 +(% class="box xwikirenderingerror" %)
187 +(((
167 167  
189 +)))
168 168  
169 -{{toc maxLevel="2" minLevel="2"/}}
170 -{{/panel}}
171 -{{/scroll-ignore}}
172 -{{/layout-cell}}
173 -{{/layout-section}}
191 +(% class="box xwikirenderingerrordescription hidden" %)
192 +(((
174 174  
175 -{{layout-section ac:type="single"}}
176 -{{layout-cell}}
194 +)))
195 +)))
196 +)))
197 +
198 +(% class="macro-layout-section single" %)
199 +(((
200 +(% class="macro-layout-cell" %)
201 +(((
177 177  == Desktop view (PC, large screen) ==
178 178  
179 179  After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
... ... @@ -189,7 +189,7 @@
189 189  (((
190 190  (% class="content-wrapper" %)
191 191  (((
192 -[[image:attach:System - Allgemeiner Überblick_en.png]]
217 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/System%20-%20Allgemeiner%20%C3%9Cberblick_en.png?rev=1.2||alt="System - Allgemeiner Überblick_en.png"]]
193 193  )))
194 194  )))
195 195  |=(((
... ... @@ -203,8 +203,6 @@
203 203  Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
204 204  )))
205 205  
206 -\\
207 -
208 208  (((
209 209  ===
210 210  Sections of the desktop main navigation ===
... ... @@ -215,13 +215,19 @@
215 215  
216 216  All entries with these design variants are generally referred to as **tabs**.
217 217  
218 -[[image:attach:Desktop - Hauptnavigation_en.png]]
241 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Desktop%20-%20Hauptnavigation_en.png?rev=1.2||alt="Desktop - Hauptnavigation_en.png"]]
219 219  
220 -\\
221 221  
222 222  (((
245 +(% class="box xwikirenderingerror" %)
246 +(((
247 +Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
248 +)))
223 223  
224 -{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
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 +)))
225 225  
226 226  == Mobile view (smartphone, small screen) ==
227 227  
... ... @@ -229,12 +229,12 @@
229 229  |=(((
230 230  Upper section
231 231  )))|(((
232 -In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section.
261 +In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
233 233  )))|(% rowspan="3" %)(% rowspan="3" %)
234 234  (((
235 235  (% class="content-wrapper" %)
236 236  (((
237 -[[image:attach:Mobil - Überblick_en.png]]
266 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20%C3%9Cberblick_en.png?rev=1.2||alt="Mobil - Überblick_en.png"]]
238 238  )))
239 239  )))
240 240  |=(((
... ... @@ -253,9 +253,9 @@
253 253  \\Main navigation in the mobile view ===
254 254  )))
255 255  
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.
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/First%20Steps/Benutzeroberflaeche%20und%20Navigation/Icons/WebHome/Icon_Men%C3%BC%20Mobil.png||alt="Icon_Menü Mobil.png"]] button in the upper left corner. You will then have the same choices as in the desktop view.
257 257  
258 -[[image:attach:Mobil - Überblick Navigation_en.png]]
287 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20%C3%9Cberblick%20Navigation_en.png?rev=1.2||alt="Mobil - Überblick Navigation_en.png"]]
259 259  
260 260  == Comparison of the menu navigation in the desktop and mobile view ==
261 261  
... ... @@ -267,7 +267,7 @@
267 267  
268 268  (% class="wrapped" %)
269 269  |=(((
270 -\\
299 +
271 271  )))|=(((
272 272  Desktop view
273 273  )))|=(((
... ... @@ -278,12 +278,12 @@
278 278  )))|(((
279 279  (% class="content-wrapper" %)
280 280  (((
281 -[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
310 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Desktop%20-%20Lehren%20und%20Lernen%20%C3%9Cbersicht_en.png?rev=1.2||alt="Desktop - Lehren und Lernen Übersicht_en.png"]]
282 282  )))
283 283  )))|(((
284 284  (% class="content-wrapper" %)
285 285  (((
286 -[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
315 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20Lehren%20und%20Lernen%20%C3%9Cbersicht_en.png?rev=1.2||alt="Mobil - Lehren und Lernen Übersicht_en.png"]]
287 287  )))
288 288  )))
289 289  |(((
... ... @@ -291,20 +291,21 @@
291 291  )))|(((
292 292  (% class="content-wrapper" %)
293 293  (((
294 -[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
323 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Desktop%20-%20Navigationsmen%C3%BC%20im%20Kurs_en.png?rev=1.2||alt="Desktop - Navigationsmenü im Kurs_en.png"]]
295 295  )))
296 296  )))|(((
297 297  (% class="content-wrapper" %)
298 298  (((
299 -[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
328 +[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/Mobil%20-%20Navigationsmen%C3%BC%20im%20Kurs_en.png?rev=1.2||alt="Mobil - Navigationsmenü im Kurs_en.png"]]
300 300  )))
301 301  )))
302 302  
303 -{{info}}
332 +(% class="box infomessage" %)
333 +(((
304 304  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}}
306 306  )))
307 307  )))
308 -{{/layout-cell}}
309 -{{/layout-section}}
310 -{{/layout}}
337 +)))
338 +)))
339 +)))
340 +)))