Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 26.11.2025
Von Version 1024.1
bearbeitet von Carina Enke
am 11.12.2018
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 11.4.
Auf Version 1022.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
... ... @@ -2,18 +2,13 @@
2 2  {{layout}}
3 3  {{layout-section ac:type="single"}}
4 4  {{layout-cell}}
5 -
6 -
7 -(% class="removedPlaceholderWrapper" %)
8 -
9 -
10 -
5 +\\
11 11  {{/layout-cell}}
12 12  {{/layout-section}}
13 13  
14 14  {{layout-section ac:type="two_right_sidebar"}}
15 15  {{layout-cell}}
16 -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).
17 17  {{/layout-cell}}
18 18  
19 19  {{layout-cell}}
... ... @@ -21,7 +21,7 @@
21 21  {{panel title="Inhalt"}}
22 22  
23 23  
24 -{{toc/}}
19 +{{toc maxLevel="2"/}}
25 25  {{/panel}}
26 26  {{/scroll-ignore}}
27 27  {{/layout-cell}}
... ... @@ -29,119 +29,131 @@
29 29  
30 30  {{layout-section ac:type="single"}}
31 31  {{layout-cell}}
32 -== Übersicht der Benutzeroberfläche in der Desktop-Ansicht ==
27 +== Desktop-Ansicht (PC, großer Bildschirm) ==
33 33  
34 34  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
35 35  
31 +(% class="wrapped" %)
36 36  |=(((
37 37  Oberer Bildbereich
38 38  )))|(((
39 -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.
40 40  
41 -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**.
42 42  )))|(% rowspan="3" %)(% rowspan="3" %)
43 43  (((
44 -[[image:attach:System-Allgemeiner Überblick_de.png]]
40 +(% class="content-wrapper" %)
41 +(((
42 +[[image:attach:System - Allgemeiner Überblick_de.png]]
45 45  )))
44 +)))
46 46  |=(((
47 47  Mittlerer Bildbereich
48 48  )))|(((
49 -Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs.
48 +Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
50 50  )))
51 51  |=(((
52 52  Unterer Bildbereich
53 53  )))|(((
54 -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.
55 55  )))
56 56  
57 -=== Hauptnavigation in der Desktop-Ansicht ===
56 +=== Verfügbare Bereiche der Desktop-Hauptnavigation ===
58 58  
59 59  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.
60 60  
61 -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.
62 62  
63 63  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
64 64  
65 -[[image:attach:Hauptnavigation.png]]
64 +[[image:attach:Desktop - Hauptnavigation_de.png]]
66 66  
67 -=== Verfügbare Bereiche der Desktop-Hauptnavigation ===
66 +**
67 +**
68 68  
69 69  
70 70  
71 -{{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}\\
71 +{{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
72 72  
73 -
73 +== Mobile Ansicht (Handy, kleiner Bildschirm) ==
74 74  
75 -== Übersicht der Benutzeroberfläche in der Mobilen-Ansicht ==
76 -
75 +(% class="wrapped" %)
77 77  |=(((
78 78  Oberer Bildbereich
79 79  )))|(((
80 80  In der mobilen Ansicht befindet sich hier der Zugang zur Hauptnavigation und der Titel des gerade geöffneten Bereiches.
81 -
82 -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.
83 -
84 -Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktopansicht rechts anschließenden Einträge kennzeichenen die **Hauptnavigation**.
85 85  )))|(% rowspan="3" %)(% rowspan="3" %)
86 86  (((
87 -Bild mobile Ansicht
82 +(% class="content-wrapper" %)
83 +(((
84 +[[image:attach:Mobil - Überblick allgemein_de.png]]
88 88  )))
86 +)))
89 89  |=(((
90 90  Mittlerer Bildbereich
91 91  )))|(((
92 -Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs.
90 +Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
93 93  )))
94 94  |=(((
95 95  Unterer Bildbereich
96 96  )))|(((
97 -Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.Unterer Bildbereich
95 +Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
98 98  )))
99 99  
100 -=== Hauptnavigation ===
98 +=== Hauptnavigation in der mobilen Ansicht ===
101 101  
102 -Die Hauptnavigation erfolgt auf mobilen Geräten über ein dynamisches Menü.
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]]
103 103  
104 -Dieses öffnet sich wenn Sie oben links auf die Schaltfläche [[image:attach:Menü-mobil.png]]klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
102 +== Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
105 105  
106 -[[image:attach:Hauptnavigation_mobil.png]]
107 -
108 -== Menü-Navigation im Vergleich der Desktop und Mobilen-Ansicht ==
109 -
110 110  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.
111 111  
112 112  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.
113 113  
114 -Klicken Sie in einer Struktur direkt **auf** einen Eintrag wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
108 +Klicken Sie in einer Struktur direkt **auf** einen Eintrag, so wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
115 115  
110 +(% class="wrapped" %)
116 116  |=(% colspan="1" %)(% colspan="1" %)
117 117  (((
118 -
113 +\\
119 119  )))|=(% colspan="1" %)(% colspan="1" %)
120 120  (((
121 -**Desktop-Ansicht**
116 +Desktop-Ansicht
122 122  )))|=(% colspan="1" %)(% colspan="1" %)
123 123  (((
124 -**Mobile Ansicht**
119 +Mobile Ansicht
125 125  )))
126 126  |(((
127 127  **Lehren & Lernen**
128 128  )))|(((
129 -[[image:attach:L-L Kursmenüansicht.png]]
124 +(% class="content-wrapper" %)
125 +(((
126 +[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
127 +)))
130 130  )))|(% colspan="1" %)(% colspan="1" %)
131 131  (((
132 -[[image:attach:Navigation-über-Menü.png]]
130 +(% class="content-wrapper" %)
131 +(((
132 +[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
133 133  )))
134 +)))
134 134  |(((
135 135  **Kurs**
136 136  )))|(((
137 -[[image:attach:Menüansicht Kurs.png]]
138 +(% class="content-wrapper" %)
139 +(((
140 +[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
141 +)))
138 138  )))|(% colspan="1" %)(% colspan="1" %)
139 139  (((
140 -[[image:attach:Kursmenü.png]]
144 +(% class="content-wrapper" %)
145 +(((
146 +[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
141 141  )))
148 +)))
142 142  
143 143  {{info}}
144 -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.
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.
145 145  {{/info}}
146 146  {{/layout-cell}}
147 147  {{/layout-section}}
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -229867979
1 +230326309
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/229867979/Benutzeroberflaeche und Navigation
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/230326309/Benutzeroberflaeche und Navigation