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 |
---|---|
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 |
---|---|
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 |
---|---|
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 |
---|---|
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 |
---|---|
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 |
---|---|
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/ | 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 |
---|---|
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:
|
Breadcrumb | Der «Breadcrumb» dient als Orientierungshilfe in hierarchischen Strukturen und ermöglicht ein direktes "Rauf"-Navigieren innerhalb der Objekthierarchie. |
Back-Link | Breadcrumb-Link |
|
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 |
---|---|
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 |
|
Editier-Modus | Die Anpassung des Dashboards erfolgt in einem eignen Modus. In diesem können die Kacheln verwaltet und angeordnet werden. |
Detailansicht
Begriff | Beschreibung |
---|---|
Überschrift | Überschrift innerhalb des Detailbereichs. |
Feld | Repräsentation der Daten und Eingabe. |
Feld-Überschrift | Die Bezeichnung des Feldes. Typische Synonyme sind Feldname oder Label. |
Feld-Beschreibung | 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 |
---|---|
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 |
|