Wiki-Quellcode von Benutzeroberfläche und Navigation
Version 1278.1 von Carina Enke am 15.01.2024
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | (% class="macro-layout" %) | ||
2 | ((( | ||
3 | (% class="macro-layout-section single" %) | ||
4 | ((( | ||
5 | (% class="macro-layout-cell" %) | ||
6 | ((( | ||
7 | |||
8 | ))) | ||
9 | ))) | ||
10 | |||
11 | (% class="macro-layout-section two_right_sidebar" %) | ||
12 | ((( | ||
13 | (% class="macro-layout-cell" %) | ||
14 | ((( | ||
15 | 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). | ||
16 | |||
17 | |||
18 | |||
19 | ))) | ||
20 | ))) | ||
21 | |||
22 | (% class="macro-layout-section single" %) | ||
23 | ((( | ||
24 | (% class="macro-layout-cell" %) | ||
25 | ((( | ||
26 | == Desktop-Ansicht (PC, großer Bildschirm) == | ||
27 | |||
28 | Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt: | ||
29 | |||
30 | (% class="wrapped" %) | ||
31 | |=((( | ||
32 | Oberer Bildbereich | ||
33 | )))|((( | ||
34 | 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. | ||
35 | |||
36 | Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktop-Ansicht rechts anschließenden Einträge kennzeichnen die **Hauptnavigation**. | ||
37 | )))|(% rowspan="3" %)(% rowspan="3" %) | ||
38 | ((( | ||
39 | (% class="content-wrapper" %) | ||
40 | ((( | ||
41 | [[image:System - Allgemeiner Überblick_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
42 | ))) | ||
43 | ))) | ||
44 | |=((( | ||
45 | Mittlerer Bildbereich | ||
46 | )))|((( | ||
47 | Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs. | ||
48 | ))) | ||
49 | |=((( | ||
50 | Unterer Bildbereich | ||
51 | )))|((( | ||
52 | Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen. | ||
53 | ))) | ||
54 | |||
55 | === Verfügbare Bereiche der Desktop-Hauptnavigation === | ||
56 | |||
57 | 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. | ||
58 | |||
59 | 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 | |||
61 | Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet. | ||
62 | |||
63 | [[image:Desktop - Hauptnavigation_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
64 | |||
65 | |||
66 | |=Startseite |Nach einem Login öffnet sich standardmäßig Ihre Startseite. Diese können Sie mithilfe von [[Portlets >>doc:LMS.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. | ||
67 | |=(% colspan="1" %)[[Lehren & Lernen>>doc:LMS.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.Lernen.Arbeit in Kursen.WebHome]], [[Gruppen >>doc:LMS.Lernen.Arbeit in Gruppen.WebHome]]und [[Lerninhalte>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Lerninhalte.WebHome]], in denen Sie aktiv sind, sowie das [[ePortfolio>>doc:LMS.Lernen.ePortfolio.WebHome]], Ihre [[Leistungsnachweise >>doc:LMS.Lernen.Bewertungen und Zertifikate.WebHome]]und den Bereich Papierkorb. Autoren gelangen hier in den Bereich zum Erstellen von Ressourcen. | ||
68 | |=[[Kursangebote>>doc:LMS.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. | ||
69 | |=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. | ||
70 | |||
71 | == Mobile Ansicht (Handy, kleiner Bildschirm) == | ||
72 | |||
73 | Die Hauptnavigation | ||
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:Mobil - Überblick allgemein_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
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: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. | ||
101 | |||
102 | [[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"]] | ||
103 | |||
104 | == Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht == | ||
105 | |||
106 | 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. | ||
107 | |||
108 | 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. | ||
109 | |||
110 | Klicken Sie in einer Struktur direkt **auf** einen Eintrag, so wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt. | ||
111 | |||
112 | (% class="wrapped" %) | ||
113 | |=(% colspan="1" %)(% colspan="1" %) | ||
114 | ((( | ||
115 | |||
116 | )))|=(% colspan="1" %)(% colspan="1" %) | ||
117 | ((( | ||
118 | Desktop-Ansicht | ||
119 | )))|=(% colspan="1" %)(% colspan="1" %) | ||
120 | ((( | ||
121 | Mobile Ansicht | ||
122 | ))) | ||
123 | |((( | ||
124 | **Lehren & Lernen** | ||
125 | )))|((( | ||
126 | (% class="content-wrapper" %) | ||
127 | ((( | ||
128 | [[image:Desktop - Lehren und Lernen Übersicht_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
129 | ))) | ||
130 | )))|(% colspan="1" %)(% colspan="1" %) | ||
131 | ((( | ||
132 | (% class="content-wrapper" %) | ||
133 | ((( | ||
134 | [[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"]] | ||
135 | ))) | ||
136 | ))) | ||
137 | |((( | ||
138 | **Kurs** | ||
139 | )))|((( | ||
140 | (% class="content-wrapper" %) | ||
141 | ((( | ||
142 | [[image:Desktop - Navigationsmenü im Kurs_de.png]] | ||
143 | ))) | ||
144 | )))|(% colspan="1" %)(% colspan="1" %) | ||
145 | ((( | ||
146 | (% class="content-wrapper" %) | ||
147 | ((( | ||
148 | [[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"]] | ||
149 | ))) | ||
150 | ))) | ||
151 | |||
152 | (% class="box infomessage" %) | ||
153 | ((( | ||
154 | 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. | ||
155 | ))) | ||
156 | ))) | ||
157 | ))) | ||
158 | ))) | ||
159 | |||
160 | (% class="macro-layout" %) | ||
161 | ((( | ||
162 | (% class="macro-layout-section two_right_sidebar" %) | ||
163 | ((( | ||
164 | (% class="macro-layout-cell" %) | ||
165 | ((( | ||
166 | |||
167 | ))) | ||
168 | ))) | ||
169 | ))) |