Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 26.11.2025
Von Version 1089.1
bearbeitet von Carina Enke
am 13.12.2017
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 3.5.2.
Auf 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.

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,12 +1,14 @@
1 1  {{sv-translation language="de"}}
2 2  {{layout}}
3 3  {{layout-section ac:type="single"}}
4 -{{layout-cell}}{{/layout-cell}}
4 +{{layout-cell}}
5 +\\
6 +{{/layout-cell}}
5 5  {{/layout-section}}
6 6  
7 7  {{layout-section ac:type="two_right_sidebar"}}
8 8  {{layout-cell}}
9 -Für einen erleichterten 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).
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).
10 10  {{/layout-cell}}
11 11  
12 12  {{layout-cell}}
... ... @@ -14,7 +14,7 @@
14 14  {{panel title="Inhalt"}}
15 15  
16 16  
17 -{{toc/}}
19 +{{toc maxLevel="2"/}}
18 18  {{/panel}}
19 19  {{/scroll-ignore}}
20 20  {{/layout-cell}}
... ... @@ -22,190 +22,132 @@
22 22  
23 23  {{layout-section ac:type="single"}}
24 24  {{layout-cell}}
25 -== Übersicht der Benutzeroberfläche in der Desktop-Ansicht ==
27 +== Desktop-Ansicht (PC, großer Bildschirm) ==
26 26  
27 27  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
28 28  
31 +(% class="wrapped" %)
29 29  |=(((
30 30  Oberer Bildbereich
31 31  )))|(((
32 -Neben den Logo Ihres Systems sehen Sie das Suchfenster, Ihren Nutzernamen mit Zugang zu Profileinstellungen, Hinweise auf Systemmeldungen, den Zugang zur Hilfe und die Abmeldefunktion.
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.
33 33  
34 -Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktopansicht rechts anschließenden Einträge kennzeichenen die **Hauptnavigation**.
37 +Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktop-Ansicht rechts anschließenden Einträge kennzeichnen die **Hauptnavigation**.
35 35  )))|(% rowspan="3" %)(% rowspan="3" %)
36 36  (((
37 -[[image:attach:System-Allgemeiner Überblick_de.png]]
40 +(% class="content-wrapper" %)
41 +(((
42 +[[image:attach:System - Allgemeiner Überblick_de.png]]
38 38  )))
44 +)))
39 39  |=(((
40 40  Mittlerer Bildbereich
41 41  )))|(((
42 -Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs.
48 +Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
43 43  )))
44 44  |=(((
45 45  Unterer Bildbereich
46 46  )))|(((
47 -Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.
53 +Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
48 48  )))
49 49  
50 -=== Hauptnavigation ===
56 +=== Verfügbare Bereiche der Desktop-Hauptnavigation ===
51 51  
52 52  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.
53 53  
54 -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.
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.
55 55  
56 56  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
57 57  
58 -[[image:attach:Hauptnavigation.png]]
64 +[[image:attach:Desktop - Hauptnavigation_de.png]]
59 59  
60 -
61 -
62 -**Verfügbare Bereiche der Hauptnavigation
63 63  **
67 +**
64 64  
65 -|(% colspan="1" %)(% colspan="1" %)
69 +
70 +
71 +{{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
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" %)
66 66  (((
67 -**Startseite**
68 -)))|(% colspan="1" %)(% colspan="1" %)
82 +(% class="content-wrapper" %)
69 69  (((
70 -Nach einem Login öffnet sich standardmäßig Ihre Startseite. Diese können Sie mithilfe von [[Portlets>>doc:Startseite personalisieren]] 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.
84 +[[image:attach:Mobil - Überblick allgemein_de.png]]
71 71  )))
72 -|(((
73 -**[[Lehren & Lernen>>doc:Bereich Lehren und Lernen]]**
86 +)))
87 +|=(((
88 +Mittlerer Bildbereich
74 74  )))|(((
75 -An dieser Stelle können Sie Lernressourcen einsehen und verwalten. Sie finden hier [[Kurse>>doc:Arbeit in Kursen]], [[Gruppen >>doc:Arbeit in Gruppen]]und [[Lerninhalte>>doc:Lernressourcen]], in denen Sie aktiv sind, sowie das [[ePortfolio >>doc:ePortfolio]]und Ihre [[Leistungsnachweise>>doc:Bewertungen und Zertifikate]]. Autoren gelangen hier in den Bereich zum Erstellen von Ressourcen.
90 +Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
76 76  )))
77 -|(((
78 -**Kursangebote**
92 +|=(((
93 +Unterer Bildbereich
79 79  )))|(((
80 -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.
95 +Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
81 81  )))
82 -|(% colspan="1" %)(% colspan="1" %)
83 -(((
84 -**Administration**
85 -)))|(% colspan="1" %)(% colspan="1" %)
86 -(((
87 -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.
88 -)))
89 89  
90 -=== Navigation im Menü eines Bereiches ===
98 +=== Hauptnavigation in der mobilen Ansicht ===
91 91  
92 -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 +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]]
93 93  
94 -Eventuell vorhandene Unterstrukturen erkennen Sie an einem kleinen Dreieck **vor** dem Eintrag. Mit Klick auf dieses Symbol können versteckte Unterstrukturen geöffnet oder geschlossen werden.
102 +== Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
95 95  
96 -Klicken Sie in einer Struktur direkt **auf** einen Eintrag wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
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.
97 97  
98 -=== Navigation über das Menü im Vergleich der Desktop und Mobilen-Ansicht ===
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.
99 99  
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" %)
100 100  |=(% colspan="1" %)(% colspan="1" %)
101 101  (((
102 -
113 +\\
103 103  )))|=(% colspan="1" %)(% colspan="1" %)
104 104  (((
105 -**Desktop-Ansicht**
116 +Desktop-Ansicht
106 106  )))|=(% colspan="1" %)(% colspan="1" %)
107 107  (((
108 -**Mobile Ansicht**
119 +Mobile Ansicht
109 109  )))
110 110  |(((
111 111  **Lehren & Lernen**
112 112  )))|(((
113 -[[image:attach:L-L Kursmenüansicht.png]]
114 -)))|(% colspan="1" %)(% colspan="1" %)
124 +(% class="content-wrapper" %)
115 115  (((
116 -[[image:attach:Navigation-über-Menü.png]]
126 +[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
117 117  )))
118 -|(((
119 -**Kurs**
120 -)))|(((
121 -[[image:attach:Menüansicht Kurs.png]]
122 122  )))|(% colspan="1" %)(% colspan="1" %)
123 123  (((
124 -[[image:attach:Kursmenü.png]]
125 -)))
126 -
127 -
128 -
129 -
130 -
131 -{{info}}
132 -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.
133 -{{/info}}
134 -
135 -
136 -
137 -Nach der Anmeldung gelangen Sie auf
138 -Ihre persönliche Startseite. Diese können
139 -Sie personalisieren, d.h. neue Fenster
140 -(Portlets) hinzufügen oder verschieben.
141 -Gehen Sie dazu auf Portlet hinzufügen
142 -oder konfigurieren Sie diese über das
143 -kleine Zahnrad.
144 -
145 -== Übersicht der Benutzeroberfläche in der Mobilen-Ansicht ==
146 -
147 -
148 -
149 -=== Hauptnavigation ===
150 -
151 -|(((
152 -Oberer Bildbereich
153 -)))|(((
154 -Neben den Logo Ihres Systems sehen Sie das Suchfenster, Ihren Nutzernamen mit Zugang zu Profileinstellungen, Hinweise auf Systemmeldungen, den Zugang zur Hilfe und die Abmeldefunktion.
155 -
156 -Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktopansicht rechts anschließenden Einträge kennzeichenen die **Hauptnavigation**.
157 -)))|(% rowspan="3" %)(% rowspan="3" %)
130 +(% class="content-wrapper" %)
158 158  (((
159 -Bild mobile Ansicht
132 +[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
160 160  )))
161 -|(((
162 -Mittlerer Bildbereich
163 -)))|(((
164 -Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs.Unterer BildbereichHier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.
165 165  )))
166 166  |(((
167 -Unterer Bildbereich
136 +**Kurs**
168 168  )))|(((
169 -Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.
170 -)))
171 -
172 -|(((
173 -Die Hauptnavigation erfolgt über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf den Button [[image:attach:Menü-mobil.png]]klicken.
174 -
175 -Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
176 -)))|(((
177 -[[image:attach:Hauptnavigation_mobil.png]]
178 -)))
179 -
180 -
181 -
182 -**Verfügbare Bereiche
183 -**
184 -
185 -|(% colspan="1" %)(% colspan="1" %)
138 +(% class="content-wrapper" %)
186 186  (((
187 -**Startseite**
188 -)))|(% colspan="1" %)(% colspan="1" %)
189 -(((
190 -Ihre Startseite können Sie mithilfe von [[Portlets>>doc:Startseite personalisieren]] individualisieren und für Schnellzugriffe nutzen.
140 +[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
191 191  )))
192 -|(((
193 -**[[Lehren & Lernen>>doc:Bereich Lehren und Lernen]]**
194 -)))|(((
195 -An dieser Stelle können Sie Lernressourcen einsehen und verwalten. Sie finden hier [[Kurse>>doc:Arbeit in Kursen]], [[Gruppen >>doc:Arbeit in Gruppen]]und [[Lerninhalte>>doc:Lernressourcen]], in denen Sie aktiv sind, sowie das [[ePortfolio >>doc:ePortfolio]]und Ihre [[Leistungsnachweise>>doc:Bewertungen und Zertifikate]]. Autoren gelangen hier in den Bereich zum Erstellen von Ressourcen.
196 -)))
197 -|(((
198 -**Kursangebote**
199 -)))|(((
200 -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.
201 -)))
202 -|(% colspan="1" %)(% colspan="1" %)
203 -(((
204 -**Administration**
205 205  )))|(% colspan="1" %)(% colspan="1" %)
206 206  (((
207 -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.
144 +(% class="content-wrapper" %)
145 +(((
146 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
208 208  )))
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}}
209 209  {{/layout-cell}}
210 210  {{/layout-section}}
211 211  {{/layout}}
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -131760962
1 +230326309
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/131760962/Benutzeroberflaeche und Navigation
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/230326309/Benutzeroberflaeche und Navigation