Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 26.11.2025
Von 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.
Auf Version 1112.1
bearbeitet von Katharina Schönefeld (Admin)
am 14.12.2016
Änderungskommentar: Published by Scroll Versions from space LMSintern and version 3.0.1

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.katharina
Inhalt
... ... @@ -1,14 +1,12 @@
1 1  {{sv-translation language="de"}}
2 2  {{layout}}
3 3  {{layout-section ac:type="single"}}
4 -{{layout-cell}}
5 -\\
6 -{{/layout-cell}}
4 +{{layout-cell}}{{/layout-cell}}
7 7  {{/layout-section}}
8 8  
9 9  {{layout-section ac:type="two_right_sidebar"}}
10 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).
9 +Für einen erleichterten Einstieg finden Sie hier eine Übersicht über die Benutzeroberfläche und die Navigation der Lernplattform, jeweils in der Desktop- und in der mobilen Ansicht.
12 12  {{/layout-cell}}
13 13  
14 14  {{layout-cell}}
... ... @@ -16,7 +16,7 @@
16 16  {{panel title="Inhalt"}}
17 17  
18 18  
19 -{{toc maxLevel="2"/}}
17 +{{toc/}}
20 20  {{/panel}}
21 21  {{/scroll-ignore}}
22 22  {{/layout-cell}}
... ... @@ -24,131 +24,100 @@
24 24  
25 25  {{layout-section ac:type="single"}}
26 26  {{layout-cell}}
27 -== Desktop-Ansicht (PC, großer Bildschirm) ==
25 +== Hauptnavigation ==
28 28  
29 -Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
27 +
30 30  
31 -(% class="wrapped" %)
32 -|=(((
33 -Oberer Bildbereich
29 +|(((
30 +**Desktop-Ansicht**
34 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" %)
32 +[[image:attach:Hauptnavigation.png]]
33 +)))|(% colspan="1" %)(% colspan="1" %)
39 39  (((
40 -(% class="content-wrapper" %)
41 -(((
42 -[[image:attach:System - Allgemeiner Überblick_de.png]]
35 +Die Hauptnavigation erfolgt über statische, also immer sichtbare Tabs / Reiter.
36 +
37 +Das Öffnen von Lerninhalten wie z.B. Kursen und die Darstellung der Suchergebnisse erfolgt über dynamische Tabs.
43 43  )))
44 -)))
45 -|=(((
46 -Mittlerer Bildbereich
39 +|(((
40 +**Mobile Ansicht**
47 47  )))|(((
48 -Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
42 +[[image:attach:Hauptnavigation_mobil.png]]
43 +)))|(% colspan="1" %)(% colspan="1" %)
44 +(((
45 +Die Hauptnavigation erfolgt über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf den Button [[image:attach:Menü-mobil.png]]klicken.
46 +
47 +Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
49 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 55  
56 -=== Verfügbare Bereiche der Desktop-Hauptnavigation ===
50 +
57 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 -
52 +**Verfügbare Bereiche
66 66  **
67 -**
68 68  
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" %)
55 +|(% colspan="1" %)(% colspan="1" %)
81 81  (((
82 -(% class="content-wrapper" %)
57 +**Startseite**
58 +)))|(% colspan="1" %)(% colspan="1" %)
83 83  (((
84 -[[image:attach:Mobil - Überblick allgemein_de.png]]
60 +Ihre Startseite können Sie mithilfe von [[Portlets>>doc:Portlets anpassen]] individualisieren und für Schnellzugriffe nutzen.
85 85  )))
86 -)))
87 -|=(((
88 -Mittlerer Bildbereich
62 +|(((
63 +**Lehren & Lernen**
89 89  )))|(((
90 -Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
65 +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.
91 91  )))
92 -|=(((
93 -Unterer Bildbereich
67 +|(((
68 +**Kursangebote**
94 94  )))|(((
95 -Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
70 +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.
96 96  )))
72 +|(% colspan="1" %)(% colspan="1" %)
73 +(((
74 +**Administration**
75 +)))|(% colspan="1" %)(% colspan="1" %)
76 +(((
77 +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.
78 +)))
97 97  
98 -=== Hauptnavigation in der mobilen Ansicht ===
80 +
99 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]]
82 +== Navigation über das Menü ==
101 101  
102 -== Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
84 +Innerhalb von Lehren & Lernen, in Kursen und einigen anderen Lerninhalten wird Ihnen das Menü immer links angezeigt. Unterstrukturen können Sie mit Klick auf das Dreieck öffnen und schließen. Klicken Sie auf einen Eintrag in der Navigation wird anschließend der entsprechende Inhalt im mittleren Seitenbereich angezeigt.
103 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 111  |=(% colspan="1" %)(% colspan="1" %)
112 112  (((
113 -\\
88 +
114 114  )))|=(% colspan="1" %)(% colspan="1" %)
115 115  (((
116 -Desktop-Ansicht
91 +**Desktop-Ansicht**
117 117  )))|=(% colspan="1" %)(% colspan="1" %)
118 118  (((
119 -Mobile Ansicht
94 +**Mobile Ansicht**
120 120  )))
121 121  |(((
122 122  **Lehren & Lernen**
123 123  )))|(((
124 -(% class="content-wrapper" %)
125 -(((
126 -[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
127 -)))
99 +[[image:attach:L-L Kursmenüansicht.png]]
128 128  )))|(% colspan="1" %)(% colspan="1" %)
129 129  (((
130 -(% class="content-wrapper" %)
131 -(((
132 -[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
102 +[[image:attach:Navigation-über-Menü.png]]
133 133  )))
134 -)))
135 135  |(((
136 136  **Kurs**
137 137  )))|(((
138 -(% class="content-wrapper" %)
139 -(((
140 -[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
141 -)))
107 +[[image:attach:Menüansicht Kurs.png]]
142 142  )))|(% colspan="1" %)(% colspan="1" %)
143 143  (((
144 -(% class="content-wrapper" %)
145 -(((
146 -[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
110 +[[image:attach:Kursmenü.png]]
147 147  )))
148 -)))
149 149  
113 +
114 +
115 +
116 +
150 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.
118 +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 152  {{/info}}
153 153  {{/layout-cell}}
154 154  {{/layout-section}}
... ... @@ -163,9 +163,27 @@
163 163  {{/layout-cell}}
164 164  
165 165  {{layout-cell}}
166 -
133 +{{scroll-ignore}}
134 +{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="On this page"}}
167 167  
136 +
137 +{{toc/}}
138 +
139 +**related pages**
140 +
141 +* pages
142 +{{/panel}}
143 +{{/scroll-ignore}}
144 +{{/layout-cell}}
145 +{{/layout-section}}
146 +
147 +{{layout-section ac:type="single"}}
148 +{{layout-cell}}
149 +== Configuration/Authors ==
150 +
168 168  
152 +
153 +== Usage/Learners view ==
169 169  {{/layout-cell}}
170 170  {{/layout-section}}
171 171  {{/layout}}
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -230326309
1 +68157680
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/230326309/Benutzeroberflaeche und Navigation
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/68157680/Benutzeroberflaeche und Navigation