Glossar User Interface

  • Eckwerte zum eingesetzten Framework ECUI (Encodo Common UI) von https://encodo.ch

  • Die Applikation ist auch für den barrierefreien Einsatz vorbereitet

 

Grundbegriffe

Begriff

Beschreibung

Begriff

Beschreibung

Applikation

Applikation die mit ECUI gebaut wird und in der Kundenumgebung installiert wird. Diese kann auf einem Produkt aufbauen.

Produkt

Ein Produkt ist eine generelle Grundlagen-Applikation die mit ECUI gebaut wird. Das Produkt beinhaltet die grundsätzlichen Funktionen z.B. ein Portal. In der Applikation erfolgt die Anpassung auf die Kundensituation.

Projekt

Organisatorischer Rahmen, aus dem Produkte/Applikationen entstehen.

Mandant

Abgeschottete Umgebung innerhalb einer einzelnen Applikation. Siehe auch https://de.wikipedia.org/wiki/Mandantenf%C3%A4higkeit

Technische Grundbegriffe

Begriff

Beschreibung

Begriff

Beschreibung

Klasse

Das ist die Definition einer Klasse von Daten (auch Typ genannt). Hier wird definiert welche Felder und Beziehungen eine Klasse hat.

Datensatz

Ein einzelner Datensatz ist die konkrete Instanz einer Klasse.

Feld

Eine Klasse besteht aus mehreren Feldern.

Index

Datenbankindex

Beziehung

Beziehungen zwischen Klassen. Dabei kann die Kardinalität festgelegt werden.

Persistent

Persistent bedeutet, es wird auf der Datenbank gespeichert

Transient ist das Gegenteil. Es wird nicht auf der Datenbank gespeichert.

Datensprachen

Daten können in verschiedenen Sprachen abgelegt werden. Dazu werden spezielle Felder z.B. in Multilanguage-Feldern angelegt, in denen ein Wert in mehreren Sprachen abgelegt werden kann. Beispiel ist eine Artikelbeschreibung.

UI-Sprache

Das ist die Sprache in der die Applikation angezeigt wird. z.B. Menüpunkte, Spalten- oder Feld-Überschriften.

Quino

Encodo’s Metadaten Framework. Das wird benutzt um die ECUI technisch aufzubauen.

Maske

Masken können auf Textfelder angewendet werden. Mit der Maske legt man die Darstellung des Textes fest.

Format

Formate werden auf Nummern- und Datumsfelder angewendet. Zugrunde liegende Datentypen bleiben erhalten. Die Darstellung wird mit dem Format festgelegt.

Ansichten

Begriff

Beschreibung

Begriff

Beschreibung

Ansicht

Definition der Ansicht einer Klasse auf der Benutzeroberfläche.

Listenansicht

Die Listenansicht definiert die visuelle Liste (1-x Spalten) in der Benutzeroberfläche. Vordefinierte Filter können ebenfalls angewendet werden.

Detailansicht

Die Detailansicht definiert die Formular-Ansicht einer Klasse. Es kann aus Feldern und/oder Listen bestehen.

Welche Felder überhaupt sichtbar oder editierbar sind, kann an Bedingungen geknüpft werden.

Titelansicht

Der Titel eines Objekts der Klasse. Wird im Titel der Detailansicht oder bei Referenzierungen, wie z.B. im Explorer verwendet.

Dashboard

Übersichtsseite die aus Kacheln aufgebaut wird. Dashboards können vorgegeben oder selbst definiert werden.

Es gibt unterschiedliche Kachel-Typen um Daten aus dem System darzustellen. Der Benutzer kann die Kacheln eigenständig verwalten und anordnen.

Siehe Erweiterungen

Responsiveness

Begriff

Beschreibung

Begriff

Beschreibung

Phone

Unter Phone verstehen wir die Benutzung auf einem Smartphone. Mobile greift zu kurz da wir aktiv zwischen Phone und Tablet unterscheiden.

Ausrichtung auf Hochformat wird aktiv unterstützt. Querformat wird nicht aktiv unterstützt. Dafür sehen wir das Tablet vor.

Tablet

Wird extra unterschieden als Abgrenzung zum Phone. Hier ist die Applikation schon deutlich näher an der Desktop Variante. Wird aktiv im Querformat unterstützt.

Desktop

Bedienung innerhalb einer Büroumgebung mit separatem Bildschirm mit hoher Auflösung, Maus und Tastatur

Navigation

Begriff

Beschreibung

Begriff

Beschreibung

Hauptnavigation

Das ist der gesamte linker Bereich der Applikation. Er wird unterteilt in Favoriten und Hauptmenü.

Hauptmenü

Das Hauptmenü ist unterteilt in Gruppen und Menüpunkte. Die Suche filtert Menüeinträge aus dem Baum heraus.

Menü-Gruppe

Die Gruppe gibt mehreren Menüeinträgen eine Überschrift. Die Gruppe kann zu -und aufgeklappt werden.

Menü-Eintrag

Die Menüeinträge navigieren auf Listenansichten von Klassen.

Favoriten

Menüeinträge können als Favoriten markiert werden. Damit ist eine schnelle Navigation aus dem Menü möglich.

Datensatz-Favorit

Ein Favorit der auf ein bestimmtes Objekt zeigt. Wie ein Lesezeichen.

Hauptnavigation-Zustand

Die komplette Hauptnavigation kann zugeklappt und damit minimiert werden. In der kompakten Ansicht sind weiterhin alle Funktionen verfügbar. In der mobilen Ansicht ist die Navigation zugeklappt.

Drilldown

Navigation aus der Liste zum Detail.

Applikations-Header

Begriff

Beschreibung

Begriff

Beschreibung

Applikations-Header

Die Kopfzeile der Applikation.

Logo

Das Applikations-Logo kann ebenfalls geklickt werden und navigiert auf das Dashboard.

Globaler Filter

Der globale Filter schränkt Daten und eventuell auch Menü und Berechtigungen für die gesamte Applikation ein. Der Filter wird dann auf alle Ansichten angewendet.

Globale Suche mit Klassenfilter

Mit der globalen Suche können Datensätze unterschiedlicher Klassen gefunden werden.

Globale Tools

Aktionen, welche die gesamte Applikation betreffen.

Hilfe

Hilfe zu Tastaturkürzel und einer statischen Hilfe-Seite

Administrations-Tools

Aktionen die ein Administrator ausführen kann.

Benutzer Tools/
Benutzereinstellungen

Aktionen die ein Benutzer ausführen kann. Ausserdem der Link auf die Benutzereinstellungen.

Anmeldung

Benutzer meldet sich an der Applikation an. Eine Anmeldung ist obligatorisch um die Applikation zu benutzen.

Abmeldung

Benutzer meldet sich von der Applikation ab.

Inhalt

Begriff

Beschreibung

Begriff

Beschreibung

Inhaltsbereich

Der Inhaltsbereich hat unabhängig vom Typ einen gleichen äusseren Aufbau. Der Inhalt selber unterscheidet sich nach dem Typ.

Inhalts-Header

Die Kopfzeile des Inhaltsbereichs.

Inhalt

Der eigentliche Inhalt. Der Aufbau unterscheidet sich in die Folgenden Typen:

  • Dashboard

  • Listenansicht

  • Detailansicht

Breadcrumb

Der «Breadcrumb» dient als Orientierungshilfe in hierarchischen Strukturen und ermöglicht ein direktes "Rauf"-Navigieren innerhalb der Objekthierarchie.

Back-Link | Breadcrumb-Link

  • Back-Link: Geht zurück zu vorheriger Seite

  • Breadcrumb-Link: Bildet die Objekt Hierarchie ab.

Datensatz-Navigation

Blättert durch die Datensätze der Liste der vorherigen Seite (Siehe Back-Link).

Datensatz-Titel

 Der Titel wird mit der Titel-Ansicht bestimmt.

Ansichts-Wechsel

Wenn mehrere Ansichten zu einer Klasse vorhanden sind können diese neben dem Titel gewechselt werden.

Datensatz-Aktionen

Diese Aktionen beziehen sich auf den aktuellen Datensatz. Sie werden unterteilt in Icon-Aktionen und Haupt-Aktionen die als Button dargestellt werden. Wenn der platz nicht ausreicht werden die Icon-Aktionen im Mehr-Button zusammengeklappt.

Mehr-Button

Die Icon-Aktionen des Datensatzes, die nicht direkt sichtbar sind, sind in diesem Menü gesammelt.

Nachrichten-Bereich

Meldungen des Systems, Fehler oder Bestätigungen werden im Kopf des Inhaltsbereich angezeigt. Das erfolgt immer als Reaktion auf die Benutzeraktion.

Seitenleiste

In der Seitenleiste werden Aktionen und Beziehungen zum Inhalt angezeigt. Meist bei Detailansichten bei einem Datensatz eingeblendet.

Aktion in der Seitenleiste

Diese Aktionen beziehen sich auf den aktuell angezeigten Inhalt. Meist im Bezug auf den aktuellen Datensatz in der Detailansicht.

Aktion im Inhalt

Aktion die im Inhalt eines Details platziert ist.

Explorer

Alle Beziehungen des Datensatzes zu anderen Datensätzen werden hier in einem Baum dargestellt.

Dashboard

Begriff

Beschreibung

Begriff

Beschreibung

Dasboard-Typen

System Dashboard (fix definiert, nicht editierbar durch Benutzer), User Dashboard (editierbar)

Dashboard-Kachel

Das Dashboard ist unterteilt in Kacheln. Die Anordnung, Grösse und der Inhalt der Kacheln kann angepasst werden.

Kachel-Typen

  • Diagramm: Graphische Darstellung von Daten des System.

  • Liste: Kompakte Listen von Datensätzen.

Editier-Modus

Die Anpassung des Dashboards erfolgt in einem eignen Modus. In diesem können die Kacheln verwaltet und angeordnet werden.

Detailansicht

Begriff

Beschreibung

Begriff

Beschreibung

Überschrift

Überschrift innerhalb des Detailbereichs.

Feld

Repräsentation der Daten und Eingabe.

Feld-Überschrift

1.png

Die Bezeichnung des Feldes. Typische Synonyme sind Feldname oder Label.

Feld-Beschreibung

2.png

Eine Beschreibung zu einem Feld ist beim Info Icon als Tooltip ersichtlich.

Feld-Instruktionen

Unter dem Feld können explizite Instruktionen zum Ausfüllen des Feldes angezeigt werden.

Querverbindung

Ein verlinkter Datensatz kann über Querverbindungen erreicht werden. Darstellung als Link Symbol hinter dem Feld.

Lösch-Button

Die Eingabe des Feldes wird gelöscht.

Validierungsmeldung

Unterhalb des Feldes werden Fehler und Hinweise aus der Validierung in rot angezeigt.

Pflichtfeld-Indikator

Ein Stern kennzeichnet Felder die einen Wert benötigen.

Nur lese-

Diese Felder können nicht editiert werden und dienen als Information.

Inaktiv

Inaktive Felder können momentan nicht editiert werden, je nach Zustand des Systems.

Subliste

Eine Liste im Inhalt einer Detailansicht.

Listenansicht

Begriff

Beschreibung

Begriff

Beschreibung

Liste

Eine Liste besteht aus Spalten und Zeilen.

Listen-Suche

Die Suche dient zur schnellen Filterung der Datensätze.

Filter

Statt der Suche kann auch ein spezifischer Filter angewendet werden.

Einfacher-Filter

Der einfache Filter ermöglicht pro Spalte einen Wert zu definieren. Alle Spalten Filter werden zusammen angewendet.

Erweiterter-Filter

Im erweiterten Filter werden mehrere Filterkriterien miteinander verknüpft.

Listen-Aktionen

Am rechten oberen Rand der Liste. Aktionen die auf die ganze Liste angewendet werden. z.B. Export/Import.

Listen-Kopfzeile

Das ist die erste Zeile in der Liste und enthält die Spalten-Überschriften.

Alle-Auswählen-Checkbox

In der Kopfteile der Liste können alle verfügbaren Zeilen ausgewählt werden.

Spalten-Resizer

Die Spaltenbreite kann mit der Mouse angepasst werden.

Selektions-Zusammenfassung

Zusätzliche Zeile am Kopf der Liste, die eingeblendet wird, wenn Datensätze selektiert werden.

Selektions-Aktionen

Aktionen die nur auf selektierte Datensätze angewendet werden. Teil der Selektions-Zusammenfassung.

Spalten

Es kann eine oder mehrere Spalten geben in einer Liste geben.

Auswahl-Spalte

In der vorderste Spalte können Datensätze pro Zeile selektiert werden.

Aktions-Spalte

In der hintersten Spalte sind die Datensatz-Aktionen gelistet.

Zusammenfassungs-Zeile