Erstellen und gestalten Sie die Benutzeroberfläche einer Anwendung mit dem UI-Designer.
Die Benutzeroberfläche des UI Designers gliedert sich in vier Abschnitte:
Bildschirme & Widgets
Bildschirme & WidgetsBei den Widgets handelt es sich z.B. um Buttons, Checkboxen und so weiter, aber auch ganze Login-Masken können über ein Widget angezeigt werden.
Sollten die Standard-Widgets nicht ausreichen, können Sie jederzeit eigene Widgets erstellen .
Baumstruktur des Bildschirminhalts
In diesem Bereich wird der Bildschirminhalt des aktuell ausgewählten Bildes als Baumstruktur angezeigt.
Du kannst die Widgets hier hinzufügen und per Drag & Drop, aber auch mit den Pfeiltasten oder WASD auf deiner Tastatur anordnen.
Vorschau der Anwendung
In diesem Abschnitt erhalten Sie eine Echtzeit-Vorschau des aktuellen Bildschirms.
Sie können hier auch Widgets einziehen und direkt per Drag & Drop anordnen.
Bereich “Eigenschaften”
Auf der rechten Seite werden die Eigenschaften des ausgewählten Widgets angepasst.
In der oberen Menüleiste haben Sie mehrere Optionen, um zu bestimmten Funktionen zu navigieren:
| Designer | Erstellen und entwerfen Sie die Benutzeroberfläche der Anwendung. |
| Prozess | Definieren Sie die Prozesslogik der Anwendung. |
| Data Workbench | Verwalten Sie benutzerdefinierte Ereignisse, globale Variablen und automatische Felder, die Sie funktionsübergreifend in den User Storys verwenden möchten. |
| Tests | |
| OPA5 | Mit dem OPA5-Testframework können Sie Testfälle schreiben, die nach dem Deployment ausgeführt werden. |
| TBaaS | TBaaS ist ein automatisierter Testservice von j&s soft, mit dem Sie Ihre Anwendung in verschiedenen Umgebungen testen können. |
| Andere | |
| CSS-Editor | Verwenden Sie den CSS-Editor, um z.B. Leerzeichen, Größen usw. anzupassen. |
| Assets | Lädt Assets wie Dokumente, Bilder, CAD-Modelle oder andere Dateitypen hoch. |
| Sicherheit | Weisen Sie Anwendungen Rollen zu. |
| Sprache | Übersetzen Sie eine Anwendung in verschiedene Sprachen und legen Sie eine Fallback-Sprache fest. |
| Theming | Laden Sie ein bestimmtes Theme hoch, um einer Anwendung ein bestimmtes Aussehen gemäß Ihren Corporate-Design-Richtlinien zu verleihen. |
| Bibliotheken | Fügen Sie Bibliotheken zu einer Anwendung hinzu und verschaffen Sie sich einen Überblick über deren Abhängigkeiten. |
| Code | Der Code Designer ist eine webbasierte Entwicklungsumgebung, mit der Quellcode wie in einer normalen IDE geschrieben werden kann. Hinweis: Änderungen werden nicht auf den Prozessdesigner der Anwendung angewendet. |
Auf der rechten Seite haben Sie folgende Möglichkeiten:
| Bereitstellen | Stellt die aktuelle App-Konfiguration bereit – Es ist erforderlich, eine Anwendung vor dem Öffnen (Vorschau) bereitzustellen |
| Offen | Öffnen Sie eine Anwendung im Browser – Beachten Sie, dass keine mobilen Funktionen wie Kamera verfügbar sind. Verwenden Sie den Simplifier Mobile Client, um eine Vorschau mobiler Anwendungen anzuzeigen |
| Beenden | Beenden Sie die aktuelle App-Konfiguration – Aufgrund des AutoSpeicherns ist es nicht erforderlich, explizit zu speichern. Achtung: Dies gilt nicht für andere Bereiche. |
