Zum Inhalt springen

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 26.11.2025
Von Version 1105.1
bearbeitet von Katharina Schönefeld (Admin)
am 17.10.2016
Änderungskommentar: Published by Scroll Versions from space LMSintern and version 3.0.1
Auf Version 1290.1
bearbeitet von Carina Enke
am 16.11.2025
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Benutzeroberflaeche und Navigation
1 +04 Benutzeroberfläche und Navigation
Übergeordnete Seite
... ... @@ -1,0 +1,1 @@
1 +LMS.Benutzerhandbuch OPAL.Erste Schritte.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.katharina
1 +XWiki.carina
Tags
... ... @@ -1,0 +1,1 @@
1 +autoren|tab|reiter|navigation|desktop|mobil|ansicht|benutzeroberfläche
Inhalt
... ... @@ -1,157 +1,104 @@
1 -{{sv-translation language="de"}}
2 -{{layout}}
3 -{{layout-section ac:type="single"}}
4 -{{layout-cell}}{{/layout-cell}}
5 -{{/layout-section}}
1 +{{section}}
2 +{{column width="60%"}}
3 +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).
6 6  
7 -{{layout-section ac:type="two_right_sidebar"}}
8 -{{layout-cell}}
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.
10 -{{/layout-cell}}
5 +
6 +{{/column}}
11 11  
12 -{{layout-cell}}
13 -{{scroll-ignore}}
8 +{{column width="30%"}}
14 14  {{panel title="Inhalt"}}
15 -
16 -
17 -{{toc/}}
10 +{{toc start="2"/}}
18 18  {{/panel}}
19 -{{/scroll-ignore}}
20 -{{/layout-cell}}
21 -{{/layout-section}}
12 +{{/column}}
13 +{{/section}}
22 22  
23 -{{layout-section ac:type="single"}}
24 -{{layout-cell}}
25 -== Hauptnavigation ==
15 +== Desktop-Ansicht (PC, großer Bildschirm) ==
26 26  
27 -
17 +Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
28 28  
29 -|(((
30 -**Desktop-Ansicht**
31 -)))|(((
32 -[[image:attach:Hauptnavigation.png]]
33 -)))|(% colspan="1" %)(% colspan="1" %)
34 -(((
35 -Die Hauptnavigation erfolgt über statische, also immer sichtbare Tabs / Reiter.
36 36  
37 -Das Öffnen von Lerninhalten wie z.B. Kursen und die Darstellung der Suchergebnisse erfolgt über dynamische Tabs.
38 -)))
39 -|(((
40 -**Mobile Ansicht**
20 +|=(((
21 +Oberer Bildbereich
41 41  )))|(((
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.
23 +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.
46 46  
47 -Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
48 -)))
49 -
50 -
51 -
52 -**Verfügbare Bereiche
53 -**
54 -
55 -|(% colspan="1" %)(% colspan="1" %)
25 +Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktop-Ansicht rechts anschließenden Einträge kennzeichnen die **Hauptnavigation**.
26 +)))|(% rowspan="3" %)(% rowspan="3" %)
56 56  (((
57 -**Startseite**
58 -)))|(% colspan="1" %)(% colspan="1" %)
59 59  (((
60 -Ihre Startseite können Sie mithilfe von [[Portlets>>doc:Portlets anpassen]] individualisieren und für Schnellzugriffe nutzen.
29 +[[image:System - Allgemeiner Überblick_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
61 61  )))
62 -|(((
63 -**Lehren & Lernen**
31 +)))
32 +|=(((
33 +Mittlerer Bildbereich
64 64  )))|(((
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.
35 +Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
66 66  )))
67 -|(((
68 -**Kursangebote**
37 +|=(((
38 +Unterer Bildbereich
69 69  )))|(((
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.
40 +Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
71 71  )))
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 -)))
79 79  
80 -
43 +=== Verfügbare Bereiche der Desktop-Hauptnavigation ===
81 81  
82 -== Navigation über das Menü ==
45 +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.
83 83  
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.
47 +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.
85 85  
86 -|=(% colspan="1" %)(% colspan="1" %)
49 +Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
50 +
51 +[[image:Desktop - Hauptnavigation_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true"]]
52 +
53 +
54 +|=Startseite |Nach einem Login öffnet sich standardmäßig Ihre Startseite. Diese können Sie mithilfe von [[Portlets >>doc:LMS.Benutzerhandbuch OPAL.Meine Lernplattform.Startseite personalisieren.WebHome]]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.
55 +|=(% colspan="1" %)[[Lehren & Lernen>>doc:LMS.Benutzerhandbuch OPAL.Erste Schritte.Bereich Lehren und Lernen.WebHome]]|(% colspan="1" %)An dieser Stelle können Sie Lernressourcen einsehen und verwalten. Sie finden hier [[Kurse>>doc:LMS.Benutzerhandbuch OPAL.Lernen.Arbeit in Kursen.WebHome]], [[Gruppen >>doc:LMS.Benutzerhandbuch OPAL.Lernen.Arbeit in Gruppen.WebHome]]und [[Lerninhalte>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Lerninhalte.WebHome]], in denen Sie aktiv sind, sowie das [[ePortfolio>>doc:LMS.Benutzerhandbuch OPAL.Lernen.ePortfolio.WebHome]], Ihre [[Leistungsnachweise >>doc:LMS.Benutzerhandbuch OPAL.Lernen.Bewertungen und Zertifikate.WebHome]]und den Bereich Papierkorb. Autoren gelangen hier in den Bereich zum Erstellen von Ressourcen.
56 +|=[[Kursangebote>>doc:LMS.Benutzerhandbuch OPAL.Erste Schritte.Kurskatalog.WebHome]]|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.
57 +|=Administration|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.
58 +
59 +== Mobile Ansicht (Handy, kleiner Bildschirm) ==
60 +
61 +Die Hauptnavigation
62 +
63 +|=(((
64 +Oberer Bildbereich
65 +)))|(((
66 +In der mobilen Ansicht befindet sich hier der Zugang zur Hauptnavigation und der Titel des gerade geöffneten Bereiches.
67 +)))|(% rowspan="3" %)(% rowspan="3" %)
87 87  (((
88 -
89 -)))|=(% colspan="1" %)(% colspan="1" %)
90 90  (((
91 -**Desktop-Ansicht**
92 -)))|=(% colspan="1" %)(% colspan="1" %)
93 -(((
94 -**Mobile Ansicht**
70 +[[image:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
95 95  )))
96 -|(((
97 -**Lehren & Lernen**
72 +)))
73 +|=(((
74 +Mittlerer Bildbereich
98 98  )))|(((
99 -[[image:attach:L-L Kursmenüansicht.png]]
100 -)))|(% colspan="1" %)(% colspan="1" %)
101 -(((
102 -[[image:attach:Navigation-über-Menü.png]]
76 +Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
103 103  )))
104 -|(((
105 -**Kurs**
78 +|=(((
79 +Unterer Bildbereich
106 106  )))|(((
107 -[[image:attach:Menüansicht Kurs.png]]
108 -)))|(% colspan="1" %)(% colspan="1" %)
109 -(((
110 -[[image:attach:Kursmenü.png]]
81 +Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
111 111  )))
112 112  
113 -
84 +=== Hauptnavigation in der mobilen Ansicht ===
114 114  
115 -
86 +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" height="18" width="20"]] klicken. Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
116 116  
117 -{{info}}
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.
119 -{{/info}}
120 -{{/layout-cell}}
121 -{{/layout-section}}
122 -{{/layout}}
123 -{{/sv-translation}}
88 +[[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"]]
124 124  
125 -{{sv-translation language="en"}}
126 -{{layout}}
127 -{{layout-section ac:type="two_right_sidebar"}}
128 -{{layout-cell}}
129 -
130 -{{/layout-cell}}
90 +== Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
131 131  
132 -{{layout-cell}}
133 -{{scroll-ignore}}
134 -{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="On this page"}}
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.
135 135  
94 +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.
136 136  
137 -{{toc/}}
96 +Klicken Sie in einer Struktur direkt **auf** einen Eintrag, so wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
138 138  
139 -**related pages**
98 +|= |=Desktop-Ansicht|=Mobile Ansicht
99 +|=**Lehren & Lernen**|[[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]|[[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"]]
100 +|=**Kurs**|[[image:Desktop - Navigationsmenü im Kurs_de.png]]|[[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"]]
140 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 -
151 -
152 -
153 -== Usage/Learners view ==
154 -{{/layout-cell}}
155 -{{/layout-section}}
156 -{{/layout}}
157 -{{/sv-translation}}
102 +{{info}}
103 +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.
104 +{{/info}}
Allgemeiner Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +46.5 KB
Inhalt
Desktop - Hauptnavigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +4.7 KB
Inhalt
Desktop - Hauptnavigation_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +4.5 KB
Inhalt
Desktop - Lehren und Lernen Übersicht_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +15.5 KB
Inhalt
Desktop - Lehren und Lernen Übersicht_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +19.7 KB
Inhalt
Desktop - Navigationsmenü im Kurs_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +83.3 KB
Inhalt
Desktop - Navigationsmenü im Kurs_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +147.0 KB
Inhalt
Hauptnavigation.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +4.7 KB
Inhalt
Hauptnavigation_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +4.5 KB
Inhalt
Hauptnavigation_mobil.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +135.1 KB
Inhalt
Icon_Menü Mobil.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +511 bytes
Inhalt
Kursmenü.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +204.9 KB
Inhalt
L-L Kursmenü.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +41.3 KB
Inhalt
L-L Kursmenüansicht.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +15.5 KB
Inhalt
Menuansicht-LundL.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +22.6 KB
Inhalt
Menü-mobil.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +511 bytes
Inhalt
Menüansicht Kurs.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +83.3 KB
Inhalt
Mobil - Hauptnavigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +135.1 KB
Inhalt
Mobil - Lehren und Lernen Übersicht_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +24.0 KB
Inhalt
Mobil - Lehren und Lernen Übersicht_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +27.4 KB
Inhalt
Mobil - Navigationsmenü im Kurs_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +204.9 KB
Inhalt
Mobil - Navigationsmenü im Kurs_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +146.3 KB
Inhalt
Mobil - Navigationsmeü im Kurs_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +146.3 KB
Inhalt
Mobil - Überblick Navigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +191.5 KB
Inhalt
Mobil - Überblick Navigation_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +58.7 KB
Inhalt
Mobil - Überblick allgemein_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +26.3 KB
Inhalt
Mobil - Überblick_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +61.6 KB
Inhalt
Mobil - Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +12.3 KB
Inhalt
Navigation-über-Menü.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +54.0 KB
Inhalt
System - Allgemeiner Überblick_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +48.9 KB
Inhalt
System - Allgemeiner Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +46.5 KB
Inhalt
System-Allgemeiner Überblick_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +48.9 KB
Inhalt
System-Allgemeiner Überblick_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +46.5 KB
Inhalt
Überblick_Navigation_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.moritz
Größe
... ... @@ -1,0 +1,1 @@
1 +61.6 KB
Inhalt
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -55574714
1 +16646154
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/55574714/Benutzeroberflaeche und Navigation
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/16646154/Benutzeroberflaeche und Navigation