Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024
Von Version 1273.1
bearbeitet von Moritz Baumgarten
am 08.01.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 1262.2
bearbeitet von Carina Enke
am 20.12.2023
Änderungskommentar: Updated the relative links.

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Benutzeroberfläche und Navigation
1 +Benutzeroberflaeche und Navigation
Übergeordnete Seite
... ... @@ -1,1 +1,1 @@
1 -LMS.Erste Schritte.WebHome
1 +LMS.First Steps.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.moritz
1 +XWiki.carina
Inhalt
... ... @@ -1,25 +1,28 @@
1 -(% class="macro-layout" %)
2 -(((
3 -(% class="macro-layout-section single" %)
4 -(((
5 -(% class="macro-layout-cell" %)
6 -(((
7 -
8 -)))
9 -)))
1 +{{layout}}
2 +{{layout-section ac:type="single"}}
3 +{{layout-cell}}
4 +\\
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,20 +57,17 @@
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  
65 +**
66 +**
62 62  
63 -|=Startseite |Nach einem Login öffnet sich standardmäßig Ihre Startseite. Diese können Sie mithilfe von [[Portlets>>url:https://www.bps-system.de/help/display/LMSintern/.Portlets+anpassen+v3.2]] individualisieren und für Schnellzugriffe nutzen. Wenn Sie nach dem Login in einen spezifischen Kurs geleitet werden möchten, so können Sie dies über die Konfiguration "Als Startseite setzen" einstellen.
64 -|=(% colspan="1" %)[[Lehren & Lernen>>url:https://www.bps-system.de/help/display/LMSintern/.Bereich+Lehren+und+Lernen+v3.2]]|(% colspan="1" %)An dieser Stelle können Sie Lernressourcen einsehen und verwalten. Sie finden hier [[Kurse>>url:https://www.bps-system.de/help/display/LMSintern/.Work+with+courses+v3.2]], [[Gruppen >>url:https://www.bps-system.de/help/display/LMSintern/.Arbeit+in+Gruppen+v3.2]]und [[Lerninhalte>>url:https://www.bps-system.de/help/display/LMSintern/.Lernressourcen+v3.3]], in denen Sie aktiv sind, sowie das [[ePortfolio,>>url:https://www.bps-system.de/help/display/LMSintern/.ePortfolio+v3.2]] Ihre [[Leistungsnachweise>>url:https://www.bps-system.de/help/display/LMSintern/.Bewertungen+und+Zertifikate+v3.2]] und den Bereich Papierkorb. Autoren gelangen hier in den Bereich zum Erstellen von Ressourcen.
65 -|=[[Kursangebote>>url:https://www.bps-system.de/help/display/LMS/Kurskatalog]]|Die Kursangebote geben Ihnen eine Übersicht über alle vorhandenen Lernressourcen. Angezeigt werden diese jedoch nur, wenn sie vom Autor integriert wurden und die Sichtbarkeit für alle Nutzer freigegeben ist.
66 -|=Administration|In diesem Bereich finden Sie die Benutzer- und Gruppenverwaltung sowie die Systemadministration. Der Tab ist nur für Nutzer mit erweiterten Rollen und Rechten sichtbar.
67 67  
68 68  
70 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
69 69  
70 70  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
71 71  
72 -Die Hauptnavigation
73 -
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:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
83 +[[image:attach:Mobil - Überblick allgemein_de.png]]
84 84  )))
85 85  )))
86 86  |=(((
... ... @@ -96,10 +96,8 @@
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:Icon_Menü Mobil.png||data-xwiki-image-style="img-icon"]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
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]]
100 100  
101 -[[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"]]
102 -
103 103  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
104 104  
105 105  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.
... ... @@ -111,7 +111,7 @@
111 111  (% class="wrapped" %)
112 112  |=(% colspan="1" %)(% colspan="1" %)
113 113  (((
114 -
112 +\\
115 115  )))|=(% colspan="1" %)(% colspan="1" %)
116 116  (((
117 117  Desktop-Ansicht
... ... @@ -124,13 +124,13 @@
124 124  )))|(((
125 125  (% class="content-wrapper" %)
126 126  (((
127 -[[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
125 +[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
128 128  )))
129 129  )))|(% colspan="1" %)(% colspan="1" %)
130 130  (((
131 131  (% class="content-wrapper" %)
132 132  (((
133 -[[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"]]
131 +[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
134 134  )))
135 135  )))
136 136  |(((
... ... @@ -138,53 +138,44 @@
138 138  )))|(((
139 139  (% class="content-wrapper" %)
140 140  (((
141 -[[image:Desktop - Navigationsmenü im Kurs_de.png]]
139 +[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
142 142  )))
143 143  )))|(% colspan="1" %)(% colspan="1" %)
144 144  (((
145 145  (% class="content-wrapper" %)
146 146  (((
147 -[[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"]]
145 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
148 148  )))
149 149  )))
150 150  
151 -(% class="box infomessage" %)
152 -(((
149 +{{info}}
153 153  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.
154 -)))
155 -)))
156 -)))
157 -)))
151 +{{/info}}
152 +{{/layout-cell}}
153 +{{/layout-section}}
154 +{{/layout}}
158 158  
159 -(% class="macro-layout" %)
160 -(((
161 -(% class="macro-layout-section two_right_sidebar" %)
162 -(((
163 -(% class="macro-layout-cell" %)
164 -(((
165 -
166 166  
157 +
158 +{{layout}}
159 +{{layout-section ac:type="two_right_sidebar"}}
160 +{{layout-cell}}
167 167  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).
168 -)))
162 +{{/layout-cell}}
169 169  
170 -(% class="macro-layout-cell" %)
171 -(((
172 -(% class="box xwikirenderingerror" %)
173 -(((
174 -
175 -)))
164 +{{layout-cell}}
165 +{{scroll-ignore}}
166 +{{panel title="Content"}}
176 176  
177 -(% class="box xwikirenderingerrordescription hidden" %)
178 -(((
179 -
180 -)))
181 -)))
182 -)))
183 183  
184 -(% class="macro-layout-section single" %)
185 -(((
186 -(% class="macro-layout-cell" %)
187 -(((
169 +{{toc maxLevel="2" minLevel="2"/}}
170 +{{/panel}}
171 +{{/scroll-ignore}}
172 +{{/layout-cell}}
173 +{{/layout-section}}
174 +
175 +{{layout-section ac:type="single"}}
176 +{{layout-cell}}
188 188  == Desktop view (PC, large screen) ==
189 189  
190 190  After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
... ... @@ -200,7 +200,7 @@
200 200  (((
201 201  (% class="content-wrapper" %)
202 202  (((
203 -[[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"]]
192 +[[image:attach:System - Allgemeiner Überblick_en.png]]
204 204  )))
205 205  )))
206 206  |=(((
... ... @@ -214,6 +214,8 @@
214 214  Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
215 215  )))
216 216  
206 +\\
207 +
217 217  (((
218 218  ===
219 219  Sections of the desktop main navigation ===
... ... @@ -224,19 +224,13 @@
224 224  
225 225  All entries with these design variants are generally referred to as **tabs**.
226 226  
227 -[[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"]]
218 +[[image:attach:Desktop - Hauptnavigation_en.png]]
228 228  
220 +\\
229 229  
230 230  (((
231 -(% class="box xwikirenderingerror" %)
232 -(((
233 -Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
234 -)))
235 235  
236 -(% class="box xwikirenderingerrordescription hidden" %)
237 -(((
238 -Das Makro [includeplus] befindet sich nicht in der Liste der registrierten Makros. Überprüfen Sie die Schreibweise oder wenden Sie sich an Ihren Administrator.
239 -)))
224 +{{includeplus spaceKey="LMS" scrollPageId="8AC9158F015D3575512C63AF7EB816FB"/}}
240 240  
241 241  == Mobile view (smartphone, small screen) ==
242 242  
... ... @@ -244,12 +244,12 @@
244 244  |=(((
245 245  Upper section
246 246  )))|(((
247 -In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
232 +In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section.
248 248  )))|(% rowspan="3" %)(% rowspan="3" %)
249 249  (((
250 250  (% class="content-wrapper" %)
251 251  (((
252 -[[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"]]
237 +[[image:attach:Mobil - Überblick_en.png]]
253 253  )))
254 254  )))
255 255  |=(((
... ... @@ -268,9 +268,9 @@
268 268  \\Main navigation in the mobile view ===
269 269  )))
270 270  
271 -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.
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.
272 272  
273 -[[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"]]
258 +[[image:attach:Mobil - Überblick Navigation_en.png]]
274 274  
275 275  == Comparison of the menu navigation in the desktop and mobile view ==
276 276  
... ... @@ -282,7 +282,7 @@
282 282  
283 283  (% class="wrapped" %)
284 284  |=(((
285 -
270 +\\
286 286  )))|=(((
287 287  Desktop view
288 288  )))|=(((
... ... @@ -293,12 +293,12 @@
293 293  )))|(((
294 294  (% class="content-wrapper" %)
295 295  (((
296 -[[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"]]
281 +[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
297 297  )))
298 298  )))|(((
299 299  (% class="content-wrapper" %)
300 300  (((
301 -[[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"]]
286 +[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
302 302  )))
303 303  )))
304 304  |(((
... ... @@ -306,21 +306,20 @@
306 306  )))|(((
307 307  (% class="content-wrapper" %)
308 308  (((
309 -[[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"]]
294 +[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
310 310  )))
311 311  )))|(((
312 312  (% class="content-wrapper" %)
313 313  (((
314 -[[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"]]
299 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
315 315  )))
316 316  )))
317 317  
318 -(% class="box infomessage" %)
319 -(((
303 +{{info}}
320 320  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}}
321 321  )))
322 322  )))
323 -)))
324 -)))
325 -)))
326 -)))
308 +{{/layout-cell}}
309 +{{/layout-section}}
310 +{{/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