# Aufbau der Benutzeroberfläche

Die Startseite, nach dem Login, ist die Projektverwaltung in der Kachelansicht. 

{% hint style="info" %}
Wenn im Benutzerkonto nur ein Projekt angelegt oder freigegeben ist, wird das Projekt direkt geöffnet.
{% endhint %}

*Abbildung: Projektverwaltung mit Projektübersicht in der "Kachelansicht"*

<div align="center"><figure><img src="/files/Vyuud1hMkOOXZqLyXLfq" alt=""><figcaption></figcaption></figure></div>

Die Benutzeroberfläche setzt sich aus den folgenden Elementen zusammen:

1. **Top Bar** und **Globale Suche**
2. **Hauptmenü** (a) mit **Untermenü** (b)
3. **Übersicht**
4. **Sidesheet**

*Abbildung: Hauptelemente der Benutzeroberfläche*

<figure><img src="/files/C9dimuLpQGgAewnhEbo1" alt=""><figcaption></figcaption></figure>

## 1. Top Bar (Header) mit globaler Suche

Die Top Bar wird permanent angezeigt. Sie enthält, von links nach rechts, folgende Verlinkungen, Funktionen und Informationen:

1. **3Q Logo** - öffnet die Projektübersicht
2. **Globale Suche** - ermöglicht die Suche nach Entitäten über alle Projekte, Module und Kontobereiche.&#x20;
3. **Benachrichtigungen** - zeigt aktuelle Meldungen zu folgenden Ereignissen:
   1. Benachrichtigungen zu Plattform-Events wie z.B. für Encoding, Kommentare, Dubbings etc.
   2. Systemvorfälle wie z.B. Wartungsankündigungen oder Störungen
   3. aktive Datei-Uploads
   4. WatchFolder mit noch nicht synchronisierten Dateien
   5. Projekte mit Dateien zur Benutzerfreigabe (Approval-Queue)
4. **Ihr Account** - öffnet das Menü des Kontobereichs "Ihr Account"

*Abbildung: Funktionen und optionale Anzeigen in der Top Bar*

<figure><img src="/files/bX6JucWo8IrJGYtdXJGb" alt=""><figcaption></figcaption></figure>

## 2. Hauptmenü mit Untermenüs

Das Hauptmenü befindet sich permanent am linken Seitenrand und zeigt alle Kontobereiche, auf die Sie mit Ihren Benutzerrechten Zugriff haben. Über die Menüpunkte öffnen Sie entweder direkt die Übersichtsseite eines Kontobereichs oder, wenn vorhanden, ein Untermenü mit Auswahloptionen für Unterbereiche. Die folgenden Menüpunkte können, von oben nach unten, im Hauptmenü enthalten sein:

1. **Projekte** - mit Untermenü (a)
2. **Player**
3. **Playlisten**
4. **Podcasts**
5. **Module** - mit Untermenü (b)
6. **Konto** - mit Untermenp (c)
7. **Classic UI**&#x20;

*Abbildung: Hauptmenü und die drei enthaltenen Untermenüs*

<figure><img src="/files/Fp8giRQF0J8MYMkoyy7J" alt=""><figcaption></figcaption></figure>

Die Untermenüs bieten zusätzlichen Optionen um eine Übersichtsseite auszuwählen. Wenn Sie die gesuchte Übersicht geöffnet haben können Sie das Untermenü wieder schließen um die Übersicht zu verbreitern.

<details>

<summary>Untermenü "Projekte"</summary>

öffnet das Untermenü mit einer Liste der verfügbaren Projekte und

1. dem Button "Zur Projektverwaltung"
2. Filteroptionen für die Liste
3. Suche nach Elementen in der Liste

<div align="left"><figure><img src="/files/Yk7MbrIg2jx4G0eXov1K" alt="" width="563"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Untermenü "Module"</summary>

öffnet das Untermenü mit Liste der verfügbaren Module wie z.B.:

1. Player
2. Playlisten
3. Recorder
4. Benachrichtigungen
5. Kategorien und Typen

Um ein Modul zu öffnen klicken sie in der Liste auf den Titel.

<div align="left"><figure><img src="/files/PaJizJb2COviok4ajbH0" alt="" width="563"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Untermenü "Konto"</summary>

Untermenü mit den Verwaltungsbereichen:

1. Benutzer
2. Partner und Services
3. Abrechnung
4. Verbrauchsdaten&#x20;

Um einen Verwaltungsbereich zu öffnen klicken sie in der Liste auf den Titel.

<div align="left"><figure><img src="/files/4Kv6LRqpFXkRTjnXdzsO" alt="" width="563"><figcaption></figcaption></figure></div>

</details>

## 3. Übersicht

In der Übersicht eines Kontobereiches verwalten und bearbeiten Sie Inhalte. Die zur Verfügung stehenden Verwaltungs- und Bearbeitungsoptionen variieren in Abhängigkeit des Inhaltstyps.

*Abbildung: Übersichten in Kachelansicht a) für Projekte und b) für Dateien*

<figure><img src="/files/SBl294fVXJ43r2EhUeC4" alt=""><figcaption></figcaption></figure>

<details>

<summary> 1. Verwaltungsoptionen <mark style="color:$success;">für alle Inhalte der Übersicht</mark></summary>

wie zum Beispiel:

1. **Filtern** - nach  Eigenschaften
2. **Suche -** nach Inhalten der Übersicht
3. **Sortieren** - nach Spaltenwerten (nur in der Listenansicht möglich)
4. **Export** - als konfigurierte Listen im Format CSV oder Excel
5. **Erstellen** oder **Hochladen**

{% hint style="info" %}
Die verfügbaren Verwaltungsoptionen sind abhängig von der Art der, in der Übersicht, verwalteten Inhalte sowie der für das Benutzerkonto aktiven Module.
{% endhint %}

</details>

<details>

<summary> 2. Icon-Menü mit Bearbeitungs- und Verwaltungsoptionen <mark style="color:$success;">für</mark> <mark style="color:$primary;"><strong>einen</strong></mark> <mark style="color:$success;">Inhalt</mark> </summary>

wie zum Beispiel:

1. **Details** - Metadaten sichten
2. **Bearbeiten**
3. **Aktivieren/ Deaktivieren**
4. **Löschen**&#x20;
5. **Playout & Sharing** - Optionen für die Veröffentlichung
6. **Metadaten** - anzeigen, hinzufügen

{% hint style="info" %}
Die verfügbaren Bearbeitungs- und Verwaltungsoptionen sind abhängig von der Art des verwalteten Inhalts sowie der für das Benutzerkonto aktivierten Module.&#x20;
{% endhint %}

</details>

Sie können die Übersichten in der Kachel- oder der Listenansicht nutzen. Beide Ansichten sind komplementär, wobei die Listenansicht datenorientiert und geeigneter für detaillierte Vergleiche und Analysen ist. Die Kachelansicht ist für visuelles Browsen geeignet, wenn der Fokus z.B. auf den Vorschaubildern liegt.

*Abbildung: Projektübersicht mit Verwaltungs- und Bearbeitungsmenüs in der Listenansicht*

<figure><img src="/files/yG9548Gy7XgZPvzXnLgj" alt=""><figcaption></figcaption></figure>

## 4. Side Sheets

Die Side Sheets werden in der Regel über die Icon-Menüs und Button in den Übersichten geöffnet. Sie enthalten Informationen zum Inhalt sowie die Einstellungs-, Bearbeitungs und Anzeigeoptionen für den Inhalte aus einer Übersicht.

1. Side Sheets mit umfangreiche Einstellungs- und Bearbeitungsoptionen enthalten zusätzlich **Tab-Menüs**.
2. Über das **Shortcut-Menü** am linken Rand des Side Sheets können Sie direkt zwischen den Side Sheets eines Inhalts wechseln.

*Abbildung: Side Sheet "Bearbeiten/Eigenschaften" mit Tabs und Shortcut-Menü*&#x20;

<figure><img src="/files/zNlvIdPkXwM1NXUJL7my" alt=""><figcaption></figcaption></figure>

### Side Sheet-Erweiterungen

Enthält ein Side Sheet mehrere gleichartige Objekte, die dem Inhalt zugeordnet sind, werden diese in "Side Sheet-Erweiterungen" bearbeitet. Diese Erweiterungen werden über die Icon-Menüs der Objekte geöffnet.

Beispiel: Dateiübersicht für Audio- und Videodateien.&#x20;

Im Side Sheet "Eigenschaften" werden u.A. die Kapitel einer Audio- oder Videodatei verwaltet. Diese werden in einer Übersicht im Side Sheet angezeigt. Jedes Objekt bzw. Kapitel in der Übersicht kann bearbeitet werden. Die Bearbeitungsoptionen für ein Kapitel sind in der Side Sheet-Erweiterung "Kapiteleinstellungen" zusammengefasst.

*Abbildung: Dateiübersich mit Side Sheet "Eigenschaften" und der Erweiterung "Kapiteleinstellungen"*

<figure><img src="/files/B4GDwNxPaqaVNqkGwOrh" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://platform.docs.3q.video/interface/einleitung/aufbau-der-benutzeroberflache.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.