Version 1265.1 von Moritz Baumgarten am 08.01.2024

Zeige letzte Bearbeiter
1 (% class="macro-layout" %)
2 (((
3 (% class="macro-layout-section single" %)
4 (((
5 (% class="macro-layout-cell" %)
6 (((
7
8 )))
9 )))
10
11 (% class="macro-layout-section two_right_sidebar" %)
12 (((
13 (% class="macro-layout-cell" %)
14 (((
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 )))
18
19 (% class="macro-layout-section single" %)
20 (((
21 (% class="macro-layout-cell" %)
22 (((
23 == Desktop-Ansicht (PC, großer Bildschirm) ==
24
25 Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
26
27 (% class="wrapped" %)
28 |=(((
29 Oberer Bildbereich
30 )))|(((
31 Neben dem Logo Ihres Systems sehen Sie das Suchfenster, Ihren Nutzernamen mit Zugang zu Profileinstellungen, Hinweise auf Systemmeldungen, den Zugang zur Hilfe und die Abmeldefunktion.
32
33 Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktop-Ansicht rechts anschließenden Einträge kennzeichnen die **Hauptnavigation**.
34 )))|(% rowspan="3" %)(% rowspan="3" %)
35 (((
36 (% class="content-wrapper" %)
37 (((
38 [[image:System - Allgemeiner Überblick_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
39 )))
40 )))
41 |=(((
42 Mittlerer Bildbereich
43 )))|(((
44 Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
45 )))
46 |=(((
47 Unterer Bildbereich
48 )))|(((
49 Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
50 )))
51
52 === Verfügbare Bereiche der Desktop-Hauptnavigation ===
53
54 Die Hauptnavigation des Systems ist im oberen Bildbereich immer sichtbar und erfolgt über statische, also feststehende Einträge, die Sie nicht selbst schließen können.
55
56 Im Gegensatz dazu werden Lerninhalte, wie z.B. Kurse, in dynamischen Einträgen rechts neben den statischen angezeigt. Dynamische Einträge können Sie über das kleine Kreuz in der rechten oberen Ecke des Eintrags selbst schließen.
57
58 Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
59
60 [[image:Desktop - Hauptnavigation_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
61
62
63
64 == Mobile Ansicht (Handy, kleiner Bildschirm) ==
65
66 Die Hauptnavigation
67
68 (% class="wrapped" %)
69 |=(((
70 Oberer Bildbereich
71 )))|(((
72 In der mobilen Ansicht befindet sich hier der Zugang zur Hauptnavigation und der Titel des gerade geöffneten Bereiches.
73 )))|(% rowspan="3" %)(% rowspan="3" %)
74 (((
75 (% class="content-wrapper" %)
76 (((
77 [[image:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
78 )))
79 )))
80 |=(((
81 Mittlerer Bildbereich
82 )))|(((
83 Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
84 )))
85 |=(((
86 Unterer Bildbereich
87 )))|(((
88 Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
89 )))
90
91 === Hauptnavigation in der mobilen Ansicht ===
92
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.
94
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
97 == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
98
99 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.
100
101 Eventuell vorhandene Unterstrukturen erkennen Sie an einem kleinen Dreieck **vor** einem Eintrag. Mit Klick auf dieses Symbol können versteckte Unterstrukturen geöffnet oder geschlossen werden.
102
103 Klicken Sie in einer Struktur direkt **auf** einen Eintrag, so wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
104
105 (% class="wrapped" %)
106 |=(% colspan="1" %)(% colspan="1" %)
107 (((
108
109 )))|=(% colspan="1" %)(% colspan="1" %)
110 (((
111 Desktop-Ansicht
112 )))|=(% colspan="1" %)(% colspan="1" %)
113 (((
114 Mobile Ansicht
115 )))
116 |(((
117 **Lehren & Lernen**
118 )))|(((
119 (% class="content-wrapper" %)
120 (((
121 [[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
122 )))
123 )))|(% colspan="1" %)(% colspan="1" %)
124 (((
125 (% class="content-wrapper" %)
126 (((
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"]]
128 )))
129 )))
130 |(((
131 **Kurs**
132 )))|(((
133 (% class="content-wrapper" %)
134 (((
135 [[image:Desktop - Navigationsmenü im Kurs_de.png]]
136 )))
137 )))|(% colspan="1" %)(% colspan="1" %)
138 (((
139 (% class="content-wrapper" %)
140 (((
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"]]
142 )))
143 )))
144
145 (% class="box infomessage" %)
146 (((
147 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.
148 )))
149 )))
150 )))
151 )))
152
153 (% class="macro-layout" %)
154 (((
155 (% class="macro-layout-section two_right_sidebar" %)
156 (((
157 (% class="macro-layout-cell" %)
158 (((
159
160
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 )))
163
164 (% class="macro-layout-cell" %)
165 (((
166 (% class="box xwikirenderingerror" %)
167 (((
168
169 )))
170
171 (% class="box xwikirenderingerrordescription hidden" %)
172 (((
173
174 )))
175 )))
176 )))
177
178 (% class="macro-layout-section single" %)
179 (((
180 (% class="macro-layout-cell" %)
181 (((
182 == Desktop view (PC, large screen) ==
183
184 After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
185
186 (% class="wrapped" %)
187 |=(((
188 Upper section
189 )))|(((
190 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.
191
192 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.
193 )))|(% rowspan="3" %)(% rowspan="3" %)
194 (((
195 (% class="content-wrapper" %)
196 (((
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"]]
198 )))
199 )))
200 |=(((
201 Middle section
202 )))|(((
203 The middle section displays the content of the respective tab.
204 )))
205 |=(((
206 Lower section
207 )))|(((
208 Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
209 )))
210
211 (((
212 ===
213 Sections of the desktop main navigation ===
214
215 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.
216
217 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.
218
219 All entries with these design variants are generally referred to as **tabs**.
220
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"]]
222
223
224 (((
225 (% class="box xwikirenderingerror" %)
226 (((
227 Unbekanntes Makro: includeplus. Klicke auf diese Nachricht, um Details zu erfahren.
228 )))
229
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 )))
234
235 == Mobile view (smartphone, small screen) ==
236
237 (% class="wrapped" %)
238 |=(((
239 Upper section
240 )))|(((
241 In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
242 )))|(% rowspan="3" %)(% rowspan="3" %)
243 (((
244 (% class="content-wrapper" %)
245 (((
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"]]
247 )))
248 )))
249 |=(((
250 Middle section
251 )))|(((
252 The middle section displays the content of the respective tab.
253 )))
254 |=(((
255 Lower section
256 )))|(((
257 Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
258 )))
259
260 (((
261 ===
262 \\Main navigation in the mobile view ===
263 )))
264
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.
266
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"]]
268
269 == Comparison of the menu navigation in the desktop and mobile view ==
270
271 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.
272
273 Any existing substructures can be identified by a small expand icon **preceding **the entry. Click on this icon to open or close hidden substructures.
274
275 If you directly click **on** an entry in a substructure, its content will be displayed in the middle page area.
276
277 (% class="wrapped" %)
278 |=(((
279
280 )))|=(((
281 Desktop view
282 )))|=(((
283 Mobile view
284 )))
285 |(((
286 **Teach & Learn**
287 )))|(((
288 (% class="content-wrapper" %)
289 (((
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"]]
291 )))
292 )))|(((
293 (% class="content-wrapper" %)
294 (((
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"]]
296 )))
297 )))
298 |(((
299 **Course**
300 )))|(((
301 (% class="content-wrapper" %)
302 (((
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"]]
304 )))
305 )))|(((
306 (% class="content-wrapper" %)
307 (((
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"]]
309 )))
310 )))
311
312 (% class="box infomessage" %)
313 (((
314 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.
315 )))
316 )))
317 )))
318 )))
319 )))
320 )))