Wiki-Quellcode von Benutzeroberflaeche und Navigation
Version 1026.1 von Carina Enke am 30.10.2018
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | {{sv-translation language="de"}} | ||
2 | {{layout}} | ||
3 | {{layout-section ac:type="single"}} | ||
4 | {{layout-cell}} | ||
5 | |||
6 | |||
7 | (% class="removedPlaceholderWrapper" %) | ||
8 | |||
9 | |||
10 | |||
11 | {{/layout-cell}} | ||
12 | {{/layout-section}} | ||
13 | |||
14 | {{layout-section ac:type="two_right_sidebar"}} | ||
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). | ||
17 | {{/layout-cell}} | ||
18 | |||
19 | {{layout-cell}} | ||
20 | {{scroll-ignore}} | ||
21 | {{panel title="Inhalt"}} | ||
22 | |||
23 | |||
24 | {{toc/}} | ||
25 | {{/panel}} | ||
26 | {{/scroll-ignore}} | ||
27 | {{/layout-cell}} | ||
28 | {{/layout-section}} | ||
29 | |||
30 | {{layout-section ac:type="single"}} | ||
31 | {{layout-cell}} | ||
32 | == Übersicht der Benutzeroberfläche in der Desktop-Ansicht == | ||
33 | |||
34 | Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt: | ||
35 | |||
36 | |=((( | ||
37 | Oberer Bildbereich | ||
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. | ||
40 | |||
41 | Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktopansicht rechts anschließenden Einträge kennzeichenen die **Hauptnavigation**. | ||
42 | )))|(% rowspan="3" %)(% rowspan="3" %) | ||
43 | ((( | ||
44 | [[image:attach:System-Allgemeiner Überblick_de.png]] | ||
45 | ))) | ||
46 | |=((( | ||
47 | Mittlerer Bildbereich | ||
48 | )))|((( | ||
49 | Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs. | ||
50 | ))) | ||
51 | |=((( | ||
52 | Unterer Bildbereich | ||
53 | )))|((( | ||
54 | Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen. | ||
55 | ))) | ||
56 | |||
57 | === Hauptnavigation in der Desktop-Ansicht === | ||
58 | |||
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 | |||
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. | ||
62 | |||
63 | Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet. | ||
64 | |||
65 | [[image:attach:Hauptnavigation.png]] | ||
66 | |||
67 | === Verfügbare Bereiche der Desktop-Hauptnavigation === | ||
68 | |||
69 | |||
70 | |||
71 | {{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}\\ | ||
72 | |||
73 | |||
74 | |||
75 | == Übersicht der Benutzeroberfläche in der Mobilen-Ansicht == | ||
76 | |||
77 | |=((( | ||
78 | Oberer Bildbereich | ||
79 | )))|((( | ||
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 | )))|(% rowspan="3" %)(% rowspan="3" %) | ||
86 | ((( | ||
87 | Bild mobile Ansicht | ||
88 | ))) | ||
89 | |=((( | ||
90 | Mittlerer Bildbereich | ||
91 | )))|((( | ||
92 | Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs. | ||
93 | ))) | ||
94 | |=((( | ||
95 | Unterer Bildbereich | ||
96 | )))|((( | ||
97 | Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.Unterer Bildbereich | ||
98 | ))) | ||
99 | |||
100 | === Hauptnavigation === | ||
101 | |||
102 | Die Hauptnavigation erfolgt auf mobilen Geräten über ein dynamisches Menü. | ||
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. | ||
105 | |||
106 | [[image:attach:Hauptnavigation_mobil.png]] | ||
107 | |||
108 | == Menü-Navigation im Vergleich der Desktop und Mobilen-Ansicht == | ||
109 | |||
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 | |||
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 | |||
114 | Klicken Sie in einer Struktur direkt **auf** einen Eintrag wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt. | ||
115 | |||
116 | |=(% colspan="1" %)(% colspan="1" %) | ||
117 | ((( | ||
118 | |||
119 | )))|=(% colspan="1" %)(% colspan="1" %) | ||
120 | ((( | ||
121 | **Desktop-Ansicht** | ||
122 | )))|=(% colspan="1" %)(% colspan="1" %) | ||
123 | ((( | ||
124 | **Mobile Ansicht** | ||
125 | ))) | ||
126 | |((( | ||
127 | **Lehren & Lernen** | ||
128 | )))|((( | ||
129 | [[image:attach:L-L Kursmenüansicht.png]] | ||
130 | )))|(% colspan="1" %)(% colspan="1" %) | ||
131 | ((( | ||
132 | [[image:attach:Navigation-über-Menü.png]] | ||
133 | ))) | ||
134 | |((( | ||
135 | **Kurs** | ||
136 | )))|((( | ||
137 | [[image:attach:Menüansicht Kurs.png]] | ||
138 | )))|(% colspan="1" %)(% colspan="1" %) | ||
139 | ((( | ||
140 | [[image:attach:Kursmenü.png]] | ||
141 | ))) | ||
142 | |||
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. | ||
145 | {{/info}} | ||
146 | {{/layout-cell}} | ||
147 | {{/layout-section}} | ||
148 | {{/layout}} | ||
149 | {{/sv-translation}} | ||
150 | |||
151 | {{sv-translation language="en"}} | ||
152 | {{layout}} | ||
153 | {{layout-section ac:type="two_right_sidebar"}} | ||
154 | {{layout-cell}} | ||
155 | |||
156 | {{/layout-cell}} | ||
157 | |||
158 | {{layout-cell}} | ||
159 | |||
160 | |||
161 | |||
162 | {{/layout-cell}} | ||
163 | {{/layout-section}} | ||
164 | {{/layout}} | ||
165 | {{/sv-translation}} |