Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024
Von Version 1264.1
bearbeitet von Carina Enke (Admin)
am 08.01.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 1279.1
bearbeitet von Carina Enke
am 23.01.2024
Änderungskommentar: Renamed from xwiki:LMS.Erste Schritte.Benutzeroberflaeche und Navigation.WebHome

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina_admin
1 +XWiki.carina
Inhalt
... ... @@ -13,21 +13,11 @@
13 13  (% class="macro-layout-cell" %)
14 14  (((
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 17  
18 -(% class="macro-layout-cell" %)
19 -(((
20 -(% class="box xwikirenderingerror" %)
21 -(((
22 22  
18 +
23 23  )))
24 -
25 -(% class="box xwikirenderingerrordescription hidden" %)
26 -(((
27 -
28 28  )))
29 -)))
30 -)))
31 31  
32 32  (% class="macro-layout-section single" %)
33 33  (((
... ... @@ -48,7 +48,7 @@
48 48  (((
49 49  (% class="content-wrapper" %)
50 50  (((
51 -[[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_de.png%3Frev%3D1.2||alt="System - Allgemeiner Überblick_de.png"]]
41 +[[image:System - Allgemeiner Überblick_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
52 52  )))
53 53  )))
54 54  |=(((
... ... @@ -70,21 +70,14 @@
70 70  
71 71  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
72 72  
73 -[[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FErste%2520Schritte%2FBenutzeroberflaeche%2520und%2520Navigation%2FWebHome%2FDesktop%2520-%2520Hauptnavigation_de.png%3Frev%3D1.2||alt="Desktop - Hauptnavigation_de.png"]]
63 +[[image:Desktop - Hauptnavigation_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
74 74  
75 75  
66 +|=Startseite |Nach einem Login öffnet sich standardmäßig Ihre Startseite. Diese können Sie mithilfe von [[Portlets >>doc:LMS.Meine Lernplattform.Startseite personalisieren.WebHome]]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.
67 +|=(% colspan="1" %)[[Lehren & Lernen>>doc:LMS.Erste Schritte.Bereich Lehren und Lernen.WebHome]]|(% colspan="1" %)An dieser Stelle können Sie Lernressourcen einsehen und verwalten. Sie finden hier [[Kurse>>doc:LMS.Lernen.Arbeit in Kursen.WebHome]], [[Gruppen >>doc:LMS.Lernen.Arbeit in Gruppen.WebHome]]und [[Lerninhalte>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Lerninhalte.WebHome]], in denen Sie aktiv sind, sowie das [[ePortfolio>>doc:LMS.Lernen.ePortfolio.WebHome]], Ihre [[Leistungsnachweise >>doc:LMS.Lernen.Bewertungen und Zertifikate.WebHome]]und den Bereich Papierkorb. Autoren gelangen hier in den Bereich zum Erstellen von Ressourcen.
68 +|=[[Kursangebote>>doc:LMS.Erste Schritte.Kurskatalog.WebHome]]|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.
69 +|=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.
76 76  
77 -
78 -(% class="box xwikirenderingerror" %)
79 -(((
80 -Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
81 -)))
82 -
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 -
88 88  == Mobile Ansicht (Handy, kleiner Bildschirm) ==
89 89  
90 90  Die Hauptnavigation
... ... @@ -98,7 +98,7 @@
98 98  (((
99 99  (% class="content-wrapper" %)
100 100  (((
101 -[[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%2520allgemein_de.png%3Frev%3D1.2||alt="Mobil - Überblick allgemein_de.png"]]
84 +[[image:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
102 102  )))
103 103  )))
104 104  |=(((
... ... @@ -114,8 +114,10 @@
114 114  
115 115  === Hauptnavigation in der mobilen Ansicht ===
116 116  
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/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"]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.[[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_de.png%3Fwidth%3D500%26rev%3D1.2?width=500||alt="Mobil - Überblick Navigation_de.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
100 +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" height="18" width="20"]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
118 118  
102 +[[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"]]
103 +
119 119  == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
120 120  
121 121  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.
... ... @@ -140,13 +140,13 @@
140 140  )))|(((
141 141  (% class="content-wrapper" %)
142 142  (((
143 -[[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_de.png%3Frev%3D1.2||alt="Desktop - Lehren und Lernen Übersicht_de.png"]]
128 +[[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
144 144  )))
145 145  )))|(% colspan="1" %)(% colspan="1" %)
146 146  (((
147 147  (% class="content-wrapper" %)
148 148  (((
149 -[[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_de.png%3Frev%3D1.2||alt="Mobil - Lehren und Lernen Übersicht_de.png"]]
134 +[[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"]]
150 150  )))
151 151  )))
152 152  |(((
... ... @@ -154,13 +154,13 @@
154 154  )))|(((
155 155  (% class="content-wrapper" %)
156 156  (((
157 -[[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_de.png%3Frev%3D1.2||alt="Desktop - Navigationsmenü im Kurs_de.png"]]
142 +[[image:Desktop - Navigationsmenü im Kurs_de.png]]
158 158  )))
159 159  )))|(% colspan="1" %)(% colspan="1" %)
160 160  (((
161 161  (% class="content-wrapper" %)
162 162  (((
163 -[[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"]]
148 +[[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"]]
164 164  )))
165 165  )))
166 166  
... ... @@ -178,163 +178,7 @@
178 178  (((
179 179  (% class="macro-layout-cell" %)
180 180  (((
181 -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).
182 -)))
183 -
184 -(% class="macro-layout-cell" %)
185 -(((
186 -(% class="box xwikirenderingerror" %)
187 -(((
188 -
189 -)))
190 -
191 -(% class="box xwikirenderingerrordescription hidden" %)
192 -(((
193 -
194 -)))
195 -)))
196 -)))
197 -
198 -(% class="macro-layout-section single" %)
199 -(((
200 -(% class="macro-layout-cell" %)
201 -(((
202 -== Desktop view (PC, large screen) ==
203 -
204 -After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
205 -
206 -(% class="wrapped" %)
207 -|=(((
208 -Upper section
209 -)))|(((
210 -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.
211 -
212 -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.
213 -)))|(% rowspan="3" %)(% rowspan="3" %)
214 -(((
215 -(% class="content-wrapper" %)
216 -(((
217 -[[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"]]
218 -)))
219 -)))
220 -|=(((
221 -Middle section
222 -)))|(((
223 -The middle section displays the content of the respective tab.
224 -)))
225 -|=(((
226 -Lower section
227 -)))|(((
228 -Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
229 -)))
230 -
231 -(((
232 -===
233 -Sections of the desktop main navigation ===
234 -
235 -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.
236 -
237 -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.
238 -
239 -All entries with these design variants are generally referred to as **tabs**.
240 -
241 -[[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"]]
242 -
243 -
244 -(((
245 -(% class="box xwikirenderingerror" %)
246 -(((
247 -Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
248 -)))
249 -
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 -)))
254 -
255 -== Mobile view (smartphone, small screen) ==
256 -
257 -(% class="wrapped" %)
258 -|=(((
259 -Upper section
260 -)))|(((
261 -In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
262 -)))|(% rowspan="3" %)(% rowspan="3" %)
263 -(((
264 -(% class="content-wrapper" %)
265 -(((
266 -[[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"]]
267 -)))
268 -)))
269 -|=(((
270 -Middle section
271 -)))|(((
272 -The middle section displays the content of the respective tab.
273 -)))
274 -|=(((
275 -Lower section
276 -)))|(((
277 -Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
278 -)))
279 -
280 -(((
281 -===
282 -\\Main navigation in the mobile view ===
283 -)))
284 -
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/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.
286 -
287 -[[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"]]
288 -
289 -== Comparison of the menu navigation in the desktop and mobile view ==
290 -
291 -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.
292 -
293 -Any existing substructures can be identified by a small expand icon **preceding **the entry. Click on this icon to open or close hidden substructures.
294 -
295 -If you directly click **on** an entry in a substructure, its content will be displayed in the middle page area.
296 -
297 -(% class="wrapped" %)
298 -|=(((
299 299  
300 -)))|=(((
301 -Desktop view
302 -)))|=(((
303 -Mobile view
304 304  )))
305 -|(((
306 -**Teach & Learn**
307 -)))|(((
308 -(% class="content-wrapper" %)
309 -(((
310 -[[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"]]
311 311  )))
312 -)))|(((
313 -(% class="content-wrapper" %)
314 -(((
315 -[[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"]]
316 316  )))
317 -)))
318 -|(((
319 -**Course**
320 -)))|(((
321 -(% class="content-wrapper" %)
322 -(((
323 -[[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"]]
324 -)))
325 -)))|(((
326 -(% class="content-wrapper" %)
327 -(((
328 -[[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"]]
329 -)))
330 -)))
331 -
332 -(% class="box infomessage" %)
333 -(((
334 -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.
335 -)))
336 -)))
337 -)))
338 -)))
339 -)))
340 -)))
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