Zum Inhalt springen
Version 517.1 von Carina Enke am 18.11.2019
Verstecke letzte Bearbeiter
Carina Enke 419.1 1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6 {{/layout-cell}}
7 {{/layout-section}}
8
9 {{layout-section ac:type="two_right_sidebar"}}
10 {{layout-cell}}
11 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).
12 {{/layout-cell}}
13
14 {{layout-cell}}
15 {{scroll-ignore}}
16 {{panel title="Inhalt"}}
17
18
19 {{toc maxLevel="2"/}}
20 {{/panel}}
21 {{/scroll-ignore}}
22 {{/layout-cell}}
23 {{/layout-section}}
24
25 {{layout-section ac:type="single"}}
26 {{layout-cell}}
27 == Desktop-Ansicht (PC, großer Bildschirm) ==
28
29 Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
30
31 (% class="wrapped" %)
32 |=(((
33 Oberer Bildbereich
34 )))|(((
35 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.
36
37 Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktop-Ansicht rechts anschließenden Einträge kennzeichnen die **Hauptnavigation**.
38 )))|(% rowspan="3" %)(% rowspan="3" %)
39 (((
40 (% class="content-wrapper" %)
41 (((
42 [[image:attach:System - Allgemeiner Überblick_de.png]]
43 )))
44 )))
45 |=(((
46 Mittlerer Bildbereich
47 )))|(((
48 Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
49 )))
50 |=(((
51 Unterer Bildbereich
52 )))|(((
53 Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
54 )))
55
56 === Verfügbare Bereiche der Desktop-Hauptnavigation ===
57
58 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.
59
60 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.
61
62 Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
63
64 [[image:attach:Desktop - Hauptnavigation_de.png]]
65
66 **
67 **
68
69
70
Carina Enke 423.1 71 {{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
Carina Enke 419.1 72
73 == Mobile Ansicht (Handy, kleiner Bildschirm) ==
74
75 (% class="wrapped" %)
76 |=(((
77 Oberer Bildbereich
78 )))|(((
79 In der mobilen Ansicht befindet sich hier der Zugang zur Hauptnavigation und der Titel des gerade geöffneten Bereiches.
80 )))|(% rowspan="3" %)(% rowspan="3" %)
81 (((
82 (% class="content-wrapper" %)
83 (((
84 [[image:attach:Mobil - Überblick allgemein_de.png]]
85 )))
86 )))
87 |=(((
88 Mittlerer Bildbereich
89 )))|(((
90 Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
91 )))
92 |=(((
93 Unterer Bildbereich
94 )))|(((
95 Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
96 )))
97
98 === Hauptnavigation in der mobilen Ansicht ===
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]]
101
102 == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
103
104 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.
105
106 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.
107
108 Klicken Sie in einer Struktur direkt **auf** einen Eintrag, so wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
109
110 (% class="wrapped" %)
111 |=(% colspan="1" %)(% colspan="1" %)
112 (((
113 \\
114 )))|=(% colspan="1" %)(% colspan="1" %)
115 (((
116 Desktop-Ansicht
117 )))|=(% colspan="1" %)(% colspan="1" %)
118 (((
119 Mobile Ansicht
120 )))
121 |(((
122 **Lehren & Lernen**
123 )))|(((
124 (% class="content-wrapper" %)
125 (((
126 [[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
127 )))
128 )))|(% colspan="1" %)(% colspan="1" %)
129 (((
130 (% class="content-wrapper" %)
131 (((
132 [[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
133 )))
134 )))
135 |(((
136 **Kurs**
137 )))|(((
138 (% class="content-wrapper" %)
139 (((
140 [[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
141 )))
142 )))|(% colspan="1" %)(% colspan="1" %)
143 (((
144 (% class="content-wrapper" %)
145 (((
146 [[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
147 )))
148 )))
149
150 {{info}}
151 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.
152 {{/info}}
153 {{/layout-cell}}
154 {{/layout-section}}
155 {{/layout}}
156 {{/sv-translation}}
157
158 {{sv-translation language="en"}}
159 {{layout}}
160 {{layout-section ac:type="two_right_sidebar"}}
161 {{layout-cell}}
162 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 {{/layout-cell}}
164
165 {{layout-cell}}
166 {{scroll-ignore}}
167 {{panel title="Content"}}
168
169
170 {{toc maxLevel="2" minLevel="2"/}}
171 {{/panel}}
172 {{/scroll-ignore}}
173 {{/layout-cell}}
174 {{/layout-section}}
175
176 {{layout-section ac:type="single"}}
177 {{layout-cell}}
178 == Desktop view (PC, large screen) ==
179
180 After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
181
182 (% class="wrapped" %)
183 |=(((
184 Upper section
185 )))|(((
186 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.
187
188 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.
189 )))|(% rowspan="3" %)(% rowspan="3" %)
190 (((
191 (% class="content-wrapper" %)
192 (((
193 [[image:attach:System - Allgemeiner Überblick_en.png]]
194 )))
195 )))
196 |=(((
197 Middle section
198 )))|(((
199 The middle section displays the content of the respective tab.
200 )))
201 |=(((
202 Lower section
203 )))|(((
204 Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
205 )))
206
207 \\
208
209 (((
210 ===
211 Sections of the desktop main navigation ===
212
213 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.
214
215 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.
216
217 All entries with these design variants are generally referred to as **tabs**.
218
219 [[image:attach:Desktop - Hauptnavigation_en.png]]
220
221 \\
222
223 (((
224
225
Carina Enke 423.1 226 {{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
Carina Enke 419.1 227
228 == Mobile view (smartphone, small screen) ==
229
230 (% class="wrapped" %)
231 |=(((
232 Upper section
233 )))|(((
234 In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section.
235 )))|(% rowspan="3" %)(% rowspan="3" %)
236 (((
237 (% class="content-wrapper" %)
238 (((
239 [[image:attach:Mobil - Überblick_en.png]]
240 )))
241 )))
242 |=(((
243 Middle section
244 )))|(((
245 The middle section displays the content of the respective tab.
246 )))
247 |=(((
248 Lower section
249 )))|(((
250 Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
251 )))
252
253 (((
254 ===
255 \\Main navigation in the mobile view ===
256 )))
257
258 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:Icons@Icon_Menü Mobil.png]] button in the upper left corner. You will then have the same choices as in the desktop view.
259
260 [[image:attach:Mobil - Überblick Navigation_en.png]]
261
262 == Comparison of the menu navigation in the desktop and mobile view ==
263
264 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.
265
266 Any existing substructures can be identified by a small expand icon **preceding **the entry. Click on this icon to open or close hidden substructures.
267
268 If you directly click **on** an entry in a substructure, its content will be displayed in the middle page area.
269
270 (% class="wrapped" %)
271 |=(((
272 \\
273 )))|=(((
274 Desktop view
275 )))|=(((
276 Mobile view
277 )))
278 |(((
279 **Teach & Learn**
280 )))|(((
281 (% class="content-wrapper" %)
282 (((
283 [[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
284 )))
285 )))|(((
286 (% class="content-wrapper" %)
287 (((
288 [[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
289 )))
290 )))
291 |(((
292 **Course**
293 )))|(((
294 (% class="content-wrapper" %)
295 (((
296 [[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
297 )))
298 )))|(((
299 (% class="content-wrapper" %)
300 (((
301 [[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
302 )))
303 )))
304
305 {{info}}
306 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.
307 {{/info}}
308 )))
309 )))
310 {{/layout-cell}}
311 {{/layout-section}}
312 {{/layout}}
313 {{/sv-translation}}