Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zuletzt geändert von Carina Enke am 06.11.2024

Von 1100.1 nach 1101.1 Von 1140.1 nach 1141.1

Von Version 1101.1

bearbeitet von Carina Enke
am 30.08.2017

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Auf Version 1140.1

bearbeitet von Carina Enke
am 18.11.2019

Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 12.3.1.

Rohform
Im Layout

Zusammenfassung

Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Objekte (1 geändert, 0 hinzugefügt, 0 gelöscht)
- Confluence.Code.ConfluencePageClass[0]

Details

Seiteneigenschaften

Inhalt

@@ -1,12 +1,14 @@
  {{sv-translation language="de"}}
  {{layout}}
  {{layout-section ac:type="single"}}
--{{layout-cell}}{{/layout-cell}}
++{{layout-cell}}
++\\
++{{/layout-cell}}
  {{/layout-section}}
  {{layout-section ac:type="two_right_sidebar"}}
  {{layout-cell}}
--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).
++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).
  {{/layout-cell}}
  {{layout-cell}}
@@ -14,7 +14,7 @@
  {{panel title="Inhalt"}}
--{{toc/}}
++{{toc maxLevel="2"/}}
  {{/panel}}
  {{/scroll-ignore}}
  {{/layout-cell}}
@@ -22,207 +22,290 @@
  {{layout-section ac:type="single"}}
  {{layout-cell}}
--== Übersicht der Benutzeroberfläche in der Desktop-Ansicht ==
++== Desktop-Ansicht (PC, großer Bildschirm) ==
  Nach der Anmeldung sehen Sie zunächst Ihre persönliche **Startseite**. Grundsätzlich gliedert sich diese und alle anderen Seiten wie folgt:
++(% class="wrapped" %)
  |=(((
  Oberer Bildbereich
  )))|(((
--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.
++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.
--Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktopansicht rechts anschließenden Einträge kennzeichenen die **Hauptnavigation**.
++Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktop-Ansicht rechts anschließenden Einträge kennzeichnen die **Hauptnavigation**.
  )))|(% rowspan="3" %)(% rowspan="3" %)
  (((
--[[image:attach:System-Allgemeiner Überblick_de.png]]
++(% class="content-wrapper" %)
++(((
++[[image:attach:System - Allgemeiner Überblick_de.png]]
  )))
++)))
  |=(((
  Mittlerer Bildbereich
  )))|(((
--Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs.
++Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
  )))
  |=(((
  Unterer Bildbereich
  )))|(((
--Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.
++Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
  )))
--=== Hauptnavigation ===
++=== Verfügbare Bereiche der Desktop-Hauptnavigation ===
  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.
--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.
++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.
  Alle Einträge mit diesen Gestaltungsvarianten werden in nachfolgenden Erklärungen als **Tabs** oder **Reiter** bezeichnet.
--[[image:attach:Hauptnavigation.png]]
++[[image:attach:Desktop - Hauptnavigation_de.png]]
--
--
--**Verfügbare Bereiche der Hauptnavigation
  **
++**
--|(% colspan="1" %)(% colspan="1" %)
++
++
++{{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
++
++== Mobile Ansicht (Handy, kleiner Bildschirm) ==
++
++(% class="wrapped" %)
++|=(((
++Oberer Bildbereich
++)))|(((
++In der mobilen Ansicht befindet sich hier der Zugang zur Hauptnavigation und der Titel des gerade geöffneten Bereiches.
++)))|(% rowspan="3" %)(% rowspan="3" %)
  (((
--**Startseite**
--)))|(% colspan="1" %)(% colspan="1" %)
++(% class="content-wrapper" %)
  (((
--Nach einem Login öffnet sich standardmäßig Ihre Startseite. Diese können Sie mithilfe von [[Portlets>>doc:Startseite personalisieren]] 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.
++[[image:attach:Mobil - Überblick allgemein_de.png]]
  )))
--|(((
--**[[Lehren & Lernen>>doc:Bereich Lehren und Lernen]]**
++)))
++|=(((
++Mittlerer Bildbereich
  )))|(((
--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:Kursbausteine und 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.
++Den mittleren Bildbereich füllt der Inhalt des jeweiligen Tabs.
  )))
--|(((
--**Kursangebote**
++|=(((
++Unterer Bildbereich
  )))|(((
--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.
++Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, Informationen zu den letzten Funktionsänderungen im System und weiterführende Informationen.
  )))
--|(% colspan="1" %)(% colspan="1" %)
--(((
--**Administration**
--)))|(% colspan="1" %)(% colspan="1" %)
--(((
--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.
--)))
--=== Navigation im Menü eines Bereiches ===
++=== Hauptnavigation in der mobilen Ansicht ===
--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.
++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]]
--Eventuell vorhandene Unterstrukturen erkennen Sie an einem kleinen Dreieck **vor** dem Eintrag. Mit Klick auf dieses Symbol können versteckte Unterstrukturen geöffnet oder geschlossen werden.
++== Menü-Navigation im Vergleich der Desktop- und mobilen Ansicht ==
--Klicken Sie in einer Struktur direkt **auf** einen Eintrag wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
++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.
--=== Navigation über das Menü im Vergleich der Desktop und Mobilen-Ansicht ===
++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.
++Klicken Sie in einer Struktur direkt **auf** einen Eintrag, so wird anschließend der gewählte Inhalt im mittleren Seitenbereich angezeigt.
++
++(% class="wrapped" %)
  |=(% colspan="1" %)(% colspan="1" %)
  (((
--
++\\
  )))|=(% colspan="1" %)(% colspan="1" %)
  (((
--**Desktop-Ansicht**
++Desktop-Ansicht
  )))|=(% colspan="1" %)(% colspan="1" %)
  (((
--**Mobile Ansicht**
++Mobile Ansicht
  )))
  |(((
  **Lehren & Lernen**
  )))|(((
--[[image:attach:L-L Kursmenüansicht.png]]
++(% class="content-wrapper" %)
++(((
++[[image:attach:Desktop - Lehren und Lernen Übersicht_de.png]]
++)))
  )))|(% colspan="1" %)(% colspan="1" %)
  (((
--[[image:attach:Navigation-über-Menü.png]]
++(% class="content-wrapper" %)
++(((
++[[image:attach:Mobil - Lehren und Lernen Übersicht_de.png]]
  )))
++)))
  |(((
  **Kurs**
  )))|(((
--[[image:attach:Menüansicht Kurs.png]]
++(% class="content-wrapper" %)
++(((
++[[image:attach:Desktop - Navigationsmenü im Kurs_de.png]]
++)))
  )))|(% colspan="1" %)(% colspan="1" %)
  (((
--[[image:attach:Kursmenü.png]]
++(% class="content-wrapper" %)
++(((
++[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
  )))
++)))
--
--
--
--
  {{info}}
--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.
++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.
  {{/info}}
++{{/layout-cell}}
++{{/layout-section}}
++{{/layout}}
++{{/sv-translation}}
--
++{{sv-translation language="en"}}
++{{layout}}
++{{layout-section ac:type="two_right_sidebar"}}
++{{layout-cell}}
++Here you will find an easy introduction to the user interface and general navigation in the learning platform. For a better understanding of the explanations provided, you will find various sample images of the presented views both on a regular PC (desktop view) and on a tablet or smartphone (mobile view).
++{{/layout-cell}}
--Nach der Anmeldung gelangen Sie auf
--Ihre persönliche Startseite. Diese können
--Sie personalisieren, d.h. neue Fenster
--(Portlets) hinzufügen oder verschieben.
--Gehen Sie dazu auf Portlet hinzufügen
--oder konfigurieren Sie diese über das
--kleine Zahnrad.
++{{layout-cell}}
++{{scroll-ignore}}
++{{panel title="Content"}}
--== Übersicht der Benutzeroberfläche in der Mobilen-Ansicht ==
--
++{{toc maxLevel="2" minLevel="2"/}}
++{{/panel}}
++{{/scroll-ignore}}
++{{/layout-cell}}
++{{/layout-section}}
--=== Hauptnavigation ===
++{{layout-section ac:type="single"}}
++{{layout-cell}}
++== Desktop view (PC, large screen) ==
--|(((
--Oberer Bildbereich
++After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
++
++(% class="wrapped" %)
++|=(((
++Upper section
  )))|(((
--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.
++Next to the logo of your system, you will see the search window, your username with access to profile settings, notes on system messages as well as the help and logout function.
--Darunter befindet sich der geöffnete Eintrag **Startseite**. Dieser und alle in der Desktopansicht rechts anschließenden Einträge kennzeichenen die **Hauptnavigation**.
++Below is the opened tab titled //**Home page**//. Together with all the entries to its right, it makes up the **main navigation** in the desktop view.
  )))|(% rowspan="3" %)(% rowspan="3" %)
  (((
--Bild mobile Ansicht
++(% class="content-wrapper" %)
++(((
++[[image:attach:System - Allgemeiner Überblick_en.png]]
  )))
--|(((
--Mittlerer Bildbereich
++)))
++|=(((
++Middle section
  )))|(((
--Den mittlere Bildbereich füllt der Inhalt des jeweiligen Tabs.Unterer BildbereichHier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.
++The middle section displays the content of the respective tab.
  )))
--|(((
--Unterer Bildbereich
++|=(((
++Lower section
  )))|(((
--Hier finden Sie Nutzungsbedingungen, Datenschutzbestimmungen, Impressum, den Informationen zu letzten Funktionsänderungen im System und weiterführende Informationen.
++Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
  )))
--|(((
--Die Hauptnavigation erfolgt über ein dynamisches Menü. Dieses öffnet sich, wenn Sie oben links auf den Button [[image:attach:Menü-mobil.png]]klicken.
++\\
--Sie haben anschließend dieselben Auswahlmöglichkeiten wie in der Desktop-Ansicht.
--)))|(((
--[[image:attach:Hauptnavigation_mobil.png]]
--)))
++(((
++===
++Sections of the desktop main navigation ===
--
++The main navigation of the system is always visible in the upper part of the screen. However, its entries are preconfigured and cannot be closed by the users themselves.
--**Verfügbare Bereiche
--**
++In contrast, learning resources such as courses are displayed in dynamic entries to the right of the static ones. You can close dynamic entries with the small cross in the upper right corner.
--|(% colspan="1" %)(% colspan="1" %)
++All entries with these design variants are generally referred to as **tabs**.
++
++[[image:attach:Desktop - Hauptnavigation_en.png]]
++
++\\
++
  (((
--**Startseite**
--)))|(% colspan="1" %)(% colspan="1" %)
++
++
++{{display reference="Verfuegbare Bereiche der Hauptnavigation"/}}
++
++== Mobile view (smartphone, small screen) ==
++
++(% class="wrapped" %)
++|=(((
++Upper section
++)))|(((
++In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section.
++)))|(% rowspan="3" %)(% rowspan="3" %)
  (((
--Ihre Startseite können Sie mithilfe von [[Portlets>>doc:Startseite personalisieren]] individualisieren und für Schnellzugriffe nutzen.
++(% class="content-wrapper" %)
++(((
++[[image:attach:Mobil - Überblick_en.png]]
  )))
--|(((
--**[[Lehren & Lernen>>doc:Bereich Lehren und Lernen]]**
++)))
++|=(((
++Middle section
  )))|(((
--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:Kursbausteine und 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.
++The middle section displays the content of the respective tab.
  )))
++|=(((
++Lower section
++)))|(((
++Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
++)))
++
++(((
++===
++\\Main navigation in the mobile view ===
++)))
++
++The main navigation on mobile devices is done via a dynamic menu. (% style="letter-spacing: 0.0px;" %)It opens with a click on the [[image:attach:Icons@Icon_Menü Mobil.png]] button in the upper left corner. You will then have the same choices as in the desktop view.
++
++[[image:attach:Mobil - Überblick Navigation_en.png]]
++
++== Comparison of the menu navigation in the desktop and mobile view ==
++
++Within different areas such as the Teach & Learn tab, courses and individual learning resources, the menu will always be displayed to the left of the content.
++
++Any existing substructures can be identified by a small expand icon **preceding **the entry. Click on this icon to open or close hidden substructures.
++
++If you directly click **on** an entry in a substructure, its content will be displayed in the middle page area.
++
++(% class="wrapped" %)
++|=(((
++\\
++)))|=(((
++Desktop view
++)))|=(((
++Mobile view
++)))
  |(((
--**Kursangebote**
++**Teach & Learn**
  )))|(((
--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.
++(% class="content-wrapper" %)
++(((
++[[image:attach:Desktop - Lehren und Lernen Übersicht_en.png]]
  )))
--|(% colspan="1" %)(% colspan="1" %)
++)))|(((
++(% class="content-wrapper" %)
  (((
--**Administration**
--)))|(% colspan="1" %)(% colspan="1" %)
++[[image:attach:Mobil - Lehren und Lernen Übersicht_en.png]]
++)))
++)))
++|(((
++**Course**
++)))|(((
++(% class="content-wrapper" %)
  (((
--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.
++[[image:attach:Desktop - Navigationsmenü im Kurs_en.png]]
  )))
--{{/layout-cell}}
--{{/layout-section}}
--{{/layout}}
--{{/sv-translation}}
++)))|(((
++(% class="content-wrapper" %)
++(((
++[[image:attach:Mobil - Navigationsmenü im Kurs_en.png]]
++)))
++)))
--{{sv-translation language="en"}}
--{{layout}}
--{{layout-section ac:type="two_right_sidebar"}}
--{{layout-cell}}
--
++{{info}}
++The respective menu depends on your role and rights in the system, as well as on the visibility and access settings within courses. **Authors **benefit from advanced options.
++{{/info}}
++)))
++)))
  {{/layout-cell}}
--
--{{layout-cell}}
--
--
--
--{{/layout-cell}}
  {{/layout-section}}
  {{/layout}}
  {{/sv-translation}}

Confluence.Code.ConfluencePageClass[0]

id

@@ -1,1 +1,1 @@
--124027716
++324438165

url

@@ -1,1 +1,1 @@
--https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/124027716/Benutzeroberflaeche und Navigation
++https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/324438165/Benutzeroberflaeche und Navigation

Änderungen von Dokument 04 Benutzeroberfläche und Navigation

Zusammenfassung

Details

Suchen

OPALGlobal

OPALMenü

Zuletzt besucht