Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 26.11.2025
Von Version 1021.1
bearbeitet von Carina Enke
am 21.05.2019
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 12.0.
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
Übergeordnete Seite
... ... @@ -1,0 +1,1 @@
1 +LMS.Erste Schritte.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.carina_admin
Tags
... ... @@ -1,0 +1,1 @@
1 +autoren|tab|reiter|navigation|desktop|mobil|ansicht|benutzeroberfläche
Inhalt
... ... @@ -1,8 +2,7 @@
1 -{{sv-translation language="de"}}
2 2  {{layout}}
3 3  {{layout-section ac:type="single"}}
4 4  {{layout-cell}}
5 -\\
4 +
6 6  {{/layout-cell}}
7 7  {{/layout-section}}
8 8  
... ... @@ -63,15 +63,13 @@
63 63  
64 64  [[image:attach:Desktop - Hauptnavigation_de.png]]
65 65  
66 -**
67 -**
68 68  
69 69  
70 70  
71 -{{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
68 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
72 72  
73 73  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
74 -
71 +Die Hauptnavigation
75 75  (% class="wrapped" %)
76 76  |=(((
77 77  Oberer Bildbereich
... ... @@ -97,7 +97,7 @@
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]]
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"]]
101 101  
102 102  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
103 103  
... ... @@ -110,7 +110,7 @@
110 110  (% class="wrapped" %)
111 111  |=(% colspan="1" %)(% colspan="1" %)
112 112  (((
113 -\\
110 +
114 114  )))|=(% colspan="1" %)(% colspan="1" %)
115 115  (((
116 116  Desktop-Ansicht
... ... @@ -153,20 +153,154 @@
153 153  {{/layout-cell}}
154 154  {{/layout-section}}
155 155  {{/layout}}
156 -{{/sv-translation}}
157 157  
158 -{{sv-translation language="en"}}
159 159  {{layout}}
160 160  {{layout-section ac:type="two_right_sidebar"}}
161 161  {{layout-cell}}
162 -
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).
163 163  {{/layout-cell}}
164 164  
165 165  {{layout-cell}}
166 -
161 +{{scroll-ignore}}
162 +{{panel title="Content"}}
167 167  
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}}
173 +== Desktop view (PC, large screen) ==
174 +
175 +After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
176 +
177 +(% class="wrapped" %)
178 +|=(((
179 +Upper section
180 +)))|(((
181 +Next to the logo of your system, you will see the search window, your username with access to profile settings, notes on system messages as well as the help and logout function.
182 +
183 +Below is the opened tab titled //**Home page**//. Together with all the entries to its right, it makes up the **main navigation** in the desktop view.
184 +)))|(% rowspan="3" %)(% rowspan="3" %)
185 +(((
186 +(% class="content-wrapper" %)
187 +(((
188 +[[image:attach:System - Allgemeiner Überblick_en.png]]
189 +)))
190 +)))
191 +|=(((
192 +Middle section
193 +)))|(((
194 +The middle section displays the content of the respective tab.
195 +)))
196 +|=(((
197 +Lower section
198 +)))|(((
199 +Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
200 +)))
201 +
202 +
203 +(((
204 +===
205 +Sections of the desktop main navigation ===
206 +
207 +The main navigation of the system is always visible in the upper part of the screen. However, its entries are preconfigured and cannot be closed by the users themselves.
208 +
209 +In contrast, learning resources such as courses are displayed in dynamic entries to the right of the static ones. You can close dynamic entries with the small cross in the upper right corner.
210 +
211 +All entries with these design variants are generally referred to as **tabs**.
212 +
213 +[[image:attach:Desktop - Hauptnavigation_en.png]]
214 +
215 +
216 +(((
217 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
218 +
219 +== Mobile view (smartphone, small screen) ==
220 +
221 +(% class="wrapped" %)
222 +|=(((
223 +Upper section
224 +)))|(((
225 +In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
226 +)))|(% rowspan="3" %)(% rowspan="3" %)
227 +(((
228 +(% class="content-wrapper" %)
229 +(((
230 +[[image:attach:Mobil - Überblick_en.png]]
231 +)))
232 +)))
233 +|=(((
234 +Middle section
235 +)))|(((
236 +The middle section displays the content of the respective tab.
237 +)))
238 +|=(((
239 +Lower section
240 +)))|(((
241 +Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
242 +)))
243 +
244 +(((
245 +===
246 +\\Main navigation in the mobile view ===
247 +)))
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.
250 +
251 +[[image:attach:Mobil - Überblick Navigation_en.png]]
252 +
253 +== Comparison of the menu navigation in the desktop and mobile view ==
254 +
255 +Within different areas such as the Teach & Learn tab, courses and individual learning resources, the menu will always be displayed to the left of the content.
256 +
257 +Any existing substructures can be identified by a small expand icon **preceding **the entry. Click on this icon to open or close hidden substructures.
258 +
259 +If you directly click **on** an entry in a substructure, its content will be displayed in the middle page area.
260 +
261 +(% class="wrapped" %)
262 +|=(((
168 168  
264 +)))|=(((
265 +Desktop view
266 +)))|=(((
267 +Mobile view
268 +)))
269 +|(((
270 +**Teach & Learn**
271 +)))|(((
272 +(% class="content-wrapper" %)
273 +(((
274 +[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
275 +)))
276 +)))|(((
277 +(% class="content-wrapper" %)
278 +(((
279 +[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
280 +)))
281 +)))
282 +|(((
283 +**Course**
284 +)))|(((
285 +(% class="content-wrapper" %)
286 +(((
287 +[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
288 +)))
289 +)))|(((
290 +(% class="content-wrapper" %)
291 +(((
292 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
293 +)))
294 +)))
295 +
296 +{{info}}
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 +)))
300 +)))
169 169  {{/layout-cell}}
170 170  {{/layout-section}}
171 171  {{/layout}}
172 -{{/sv-translation}}
Desktop - Hauptnavigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +4.7 KB
Inhalt
Desktop - Hauptnavigation_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +4.5 KB
Inhalt
Desktop - Lehren und Lernen Übersicht_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +15.5 KB
Inhalt
Desktop - Lehren und Lernen Übersicht_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +19.7 KB
Inhalt
Desktop - Navigationsmenü im Kurs_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +83.3 KB
Inhalt
Desktop - Navigationsmenü im Kurs_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +147.0 KB
Inhalt
Hauptnavigation.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +4.7 KB
Inhalt
Hauptnavigation_mobil.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +135.1 KB
Inhalt
Icon_Menü Mobil.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +511 bytes
Inhalt
Kursmenü.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +204.9 KB
Inhalt
L-L Kursmenü.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +41.3 KB
Inhalt
L-L Kursmenüansicht.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +15.5 KB
Inhalt
Menuansicht-LundL.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +22.6 KB
Inhalt
Menü-mobil.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +511 bytes
Inhalt
Menüansicht Kurs.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +83.3 KB
Inhalt
Mobil - Hauptnavigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +135.1 KB
Inhalt
Mobil - Lehren und Lernen Übersicht_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +24.0 KB
Inhalt
Mobil - Lehren und Lernen Übersicht_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +27.4 KB
Inhalt
Mobil - Navigationsmenü im Kurs_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +204.9 KB
Inhalt
Mobil - Navigationsmenü im Kurs_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +146.3 KB
Inhalt
Mobil - Überblick Navigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +61.6 KB
Inhalt
Mobil - Überblick Navigation_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +58.7 KB
Inhalt
Mobil - Überblick allgemein_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +26.3 KB
Inhalt
Mobil - Überblick_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +61.6 KB
Inhalt
Mobil - Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +12.3 KB
Inhalt
Navigation-über-Menü.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +54.0 KB
Inhalt
System - Allgemeiner Überblick_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +48.9 KB
Inhalt
System - Allgemeiner Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +46.5 KB
Inhalt
System-Allgemeiner Überblick_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +48.9 KB
Inhalt
System-Allgemeiner Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +46.5 KB
Inhalt
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -230326309
1 +16646154
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/230326309/Benutzeroberflaeche und Navigation
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/16646154/Benutzeroberflaeche und Navigation