Zum Inhalt springen

Benutzerhandbuch zur Navigation in der Benutzeroberfläche des Jitterbit App Builders

Übersicht

Dieses Benutzerhandbuch bietet eine detaillierte Übersicht zur Navigation in der Benutzeroberfläche des App Builders. Für Hilfe bei der Installation und Konfiguration des App Builders zum ersten Mal, siehe bitte das Installationshandbuch. Bei weiteren Fragen kontaktieren Sie bitte vinylinfo@jitterbit.com.

App Builder ist eine browserbasierte Entwicklungsplattform, die mehreren Benutzern ermöglicht, Webanwendungen unter Verwendung beliebiger Datenquellen zu erstellen. Diese Anwendungen können eine Vielzahl interner und externer Unternehmensdienste ausführen. Vom Anzeigen von Kundeninformationen und Bestandslisten bis hin zur Entwicklung eines automatisierten Systems zur Aktualisierung der Gehaltsabrechnung und sogar zur Erstellung einzigartiger, maßgeschneiderter Kundenportale kann App Builder zur Verbesserung nahezu jedes Aspekts der Geschäftstätigkeit eingesetzt werden.

App Builder ist plattformunabhängig. Das bedeutet, dass es in jedem modernen Browser ausgeführt werden kann und vollständig mobilkompatibel ist. Es kann auf jedem Betriebssystem zugegriffen werden und kann sich mit Datenquellen von nahezu jedem großen Datenbankdienstanbieter verbinden. Darüber hinaus ist die App Builder-Plattform mit einem responsiven Design entwickelt. Das bedeutet, dass die Plattform auf jedem Bildschirm oder in jeder Auflösung ausgeführt und angezeigt werden kann und automatisch für mobile Geräte optimiert ist.

Panel-Layout-Service

Der Panel-Layout-Service von App Builder ist die proprietäre Lösung für responsives Design von App Builder, um eine Seite einmal zu gestalten und sie benutzerfreundlich darzustellen. Eine App Builder-Anwendung besteht aus den folgenden grundlegenden Komponenten, die vom Panel-Layout-Service angeordnet werden:

  • Panel: Ein Panel ist der grundlegende Baustein einer Seite. Es gibt keinen Bildschirm, der zu klein ist, um ein Panel darzustellen. Das bedeutet, dass App Builder immer mindestens ein einzelnes Panel anzeigen wird. Ein Panel enthält Informationen, die dem Benutzer präsentiert werden. Die Informationen können eine Sammlung von Datenzeilen sein oder es kann sich um einen einzelnen Datensatz handeln. Sie kann in strukturierter Form, tabellarisch (entweder in horizontaler oder vertikaler tabellarischer Form) oder unstrukturiert in einem benutzerdefinierten Format dargestellt werden.

  • Seite: Eine Seite ist eine Sammlung von Panels. Eine einzelne Seite kann ein Panel haben oder aus mehr als einem Panel bestehen.

  • Layout: Das Layout einer Seite definiert, wie Panels angezeigt werden sollen, wenn sie alle sichtbar sind. Zum Beispiel können Panels vertikal gestapelt sein (Panel A ist über Panel B) oder horizontal (Panel A ist links von Panel B). Der App Builder ermöglicht auch die Gruppierung von Panels, sodass Panel A und Panel B nebeneinander stehen können, während sie über Panel C sind. In diesem Szenario wären Panel A und Panel B in ihrer eigenen Gruppe.

  • Folie: Eine Folie ist eine Teilmenge von Panels, die auf einem Bildschirm angezeigt werden sollen. Wenn nicht alle Panels auf den Bildschirm passen, rendert der App Builder die richtige Teilmenge von Panels als Folie und ermöglicht es dem Endbenutzer, zwischen den Folien zu blättern, was effektiv bedeutet, zwischen Teilmengen von Panels zu blättern.

  • Bildschirmgröße: Bildschirmgrößen werden traditionell in Pixelhöhen und Pixelbreiten gemessen. Der App Builder wandelt Pixelhöhen und -breiten in verfügbare Panels um. Wenn der Bildschirm 1 Panel aufnehmen kann, ist dieser Bildschirm 1x1 (1 Panel hoch, 1 Panel breit). Wenn der Bildschirm breiter ist und 2 Panels breit, aber 1 Panel hoch aufnehmen kann, dann ist dieser Bildschirm 1x2 (1 Panel hoch, 2 Panels breit). Die Bildschirmgröße hilft dabei, das beste Layout für Panels und Gruppen zu bestimmen.

  • Steuerelement: Ein Steuerelement ist das, was ein Panel anzeigt. Der Benutzer kann wählen, ob er vollständige Datenraster, einen einzelnen Eintrag, einen Button oder eine Vielzahl anderer Optionen anzeigen möchte. Die Steuerelemente ermöglichen es den Benutzern, auszuwählen, welche Informationen in der Anwendung geteilt werden und wie sie verwendet werden können.

Der App Builder verwendet eine Seite und ihr Layout, um zu bestimmen, welche Panels auf dem Bildschirm gerendert werden und wo sie gerendert werden. Abhängig von der Bildschirmgröße kann der App Builder die Anzahl der auf dem Bildschirm gerenderten Panels reduzieren, während das Layout beibehalten wird. Es ist der Panel Layout Service, der die Entscheidung trifft, welche Panels vom Bildschirm ausgeschlossen werden sollen und wie die verbleibenden Panels angeordnet werden.

Wenn der Panel Layout Service Panels vom Bildschirm ausschließt, erstellt er eine Sammlung von Folien. Jede Folie enthält eine Teilmenge von Panels, die gemäß dem definierten Layout des Designers angeordnet sind. Der Benutzer sieht möglicherweise zunächst die erste Folie und kann zu weiteren Folien navigieren, um mehr Panels zu sehen.

Diagramm, das die grundlegende Einrichtung von Seiten, Panels, Steuerelementen und Menüs umreißt

Der App Builder verwendet responsives Webdesign in seinem Layout, wodurch Anwendungen die beste interaktive Anzeigeerfahrung auf mehreren Plattformen bieten. Dies geschieht mit flexiblen, proportionale basierten Rastern, die relative Einheiten basierend auf Prozenten anstelle von festen Einheiten wie Pixeln verwenden. Panels werden gruppiert und basierend auf ihrer Reihenfolge angezeigt, einem Wert, der vom Anwendungsdesigner festgelegt werden kann, wobei niedrigere Zahlen eine höhere Priorität haben. Das bedeutet, dass beim Anzeigen von App Builder-Anwendungen auf einem mobilen Gerät nur die Panels mit der höchsten Priorität auf dem Bildschirm angezeigt werden, während die restlichen über das Scrollen mit den Pfeilen in der oberen rechten Ecke oder dem Aktionsmenü zugänglich sind. Darüber hinaus kann es erforderlich sein, bei der Arbeit mit einem kleineren Bildschirm zusätzlich zu scrollen, um auf alle Panels in der Anwendung zuzugreifen.

Um mit dem App Builder zu beginnen, geben Sie den entsprechenden Benutzernamen und das Passwort auf dem Anmeldebildschirm ein (wenn die Anmeldeinformationen unbekannt sind, wenden Sie sich an einen Administrator). Die Seite des App Builder Site Menüs zeigt alle Anwendungen an, auf die der Benutzer Zugriff hat, angeordnet nach Menüpriorität.

attachment

Seiten

Eine App Builder-Anwendung ist die Gesamtheit der Panels und Anzeigen, die helfen, ein bestimmtes Bedürfnis mit verfügbaren Daten zu erfüllen. Anwendungen enthalten mindestens eine Seite, auf der die Daten angezeigt werden. Jede Seite kann innerhalb der Anwendung navigiert werden, solange sie eine Möglichkeit zur Navigation entweder über das Navigationsmenü oder als Link auf einer Seite zugewiesen bekommen hat und verschiedene Datenreferenzen und Anzeigen enthalten kann. Diese Seiten können auch mit anderen Seiten innerhalb der Anwendung über Textlinks und Popup-Seiten verknüpft werden.

Ein Beispiel für eine App Builder-App-Seite, die aus 4 Panels besteht

Jede Seite besteht aus Panels. Eine Seite kann aus einem großen Panel oder mehreren kleineren Panels bestehen, die zusammen gruppiert sind. In beiden Fällen ist es wichtig, das responsive Design von App Builder im Auge zu behalten, da die Anzahl der Panels, die gleichzeitig angezeigt werden können, je nach Gerät variiert, basierend auf der Größe und Auflösung des Bildschirms. Wenn ein Bildschirm zu klein ist, um alle Panels gleichzeitig anzuzeigen, skaliert und positioniert App Builder die Informationen automatisch neu, um die beste Benutzererfahrung beim Zugriff auf die Informationen zu bieten.

Beispiel-App-Seite, die auf einem iPad angezeigt wird

Wizard-Seiten

Es stehen drei Layout-Optionen für App Builder-Anwendungsseiten zur Verfügung:

  • Nebeneinander – App Builder zeigt Panels von links nach rechts, basierend auf der Reihenfolge

  • Gestapelt – App Builder zeigt Panels von oben nach unten, basierend auf der Reihenfolge

  • Wizard – App Builder zeigt Panels nacheinander mit Schaltflächen zur Navigation

Nebeneinander und Gestapelt sind unkompliziert und beeinflussen, wie die Panels auf der Seite angeordnet sind, während Wizard-Layouts beeinflussen, wie die gesamte Seite präsentiert wird. Auf Wizard-Seiten werden Panels nacheinander angezeigt und verfügen auf jeder Seite über die Schaltflächen Zurück, Weiter und/oder Fertig.

Eine Wizard-Layout-Seite mit Zurück- und Weiter-Schaltflächen

Für die meisten Anwendungsseiten werden Teile einer Datentabelle typischerweise bearbeitet, indem auf eine Bearbeiten-Schaltfläche oder das Stift-Bearbeitungssymbol geklickt wird. Auf Wizard-Seiten klicken Sie einfach auf ein Feld, und alle bearbeitbaren Felder werden verfügbar. Um Änderungen zu speichern, klicken Sie bis zum letzten Panel und dann auf Fertig. Ein Klick auf das X in der oberen rechten Ecke schließt die Seite, ohne Änderungen zu speichern.

Panels

Alle Panels bestehen aus Steuerelementen. Ein Steuerelement ist eine definierte Datenmenge, die innerhalb eines Panels angezeigt wird. Dies kann alles sein, von einer Teilmenge von Spalten in einer Datenbanktabelle bis hin zu einem Button oder den Werten auf einem Diagramm. Die Art des verwendeten Panels bestimmt, wie das Steuerelement angezeigt wird.

Manchmal enthält ein Panel mehr Steuerelemente, als auf dem Bildschirm angezeigt werden können. Um auf alle Steuerelemente zuzugreifen, können Panels maximiert werden, um den gesamten Bildschirm auszufüllen. Um ein Panel zu maximieren, klicken Sie auf das Pfeil nach oben-Symbol in der oberen rechten Ecke des Panels. Klicken Sie erneut darauf, um das Panel auf die Standardgröße zurückzusetzen.

Grid

Grid ist der grundlegende Paneltyp zur Anzeige mehrerer Datenzeilen gleichzeitig. Dieser Paneltyp zeigt spezifische Spalten aus der ausgewählten Datenquelltabelle oder dem Objekt an. Durch Klicken auf einen Spaltentitel können die Zeilen in aufsteigender oder absteigender Reihenfolge sortiert werden.

Die Gesamtzahl der Zeilen in einem Grid-Panel wird in der oberen rechten Ecke, über den Spaltentiteln, angezeigt. Die Anzahl der gleichzeitig geladenen Zeilen (abhängig von der Gesamtzahl der Datensätze) kann für Anzeigezwecke geringer sein. Um mehr Zeilen anzuzeigen, klicken Sie auf die Schaltfläche Weitere Zeilen laden am unteren Rand des Panels.

Ein Beispiel für ein Grid-Panel

Grid-Panels unterstützen die Option, die Datentabellen zu speichern, zu durchsuchen und zu filtern, was die Interaktion mit spezifischen Zeilen erleichtert. Um eine Datentabelle zu speichern, klicken Sie auf das Speichern-Symbol in der oberen rechten Ecke des Panels. Ein Bildschirm zur Auswahl des Speicherorts wird angezeigt, der es dem Benutzer ermöglicht, die Dateien an einem gewünschten Ort zu speichern. Der App Builder speichert diese Datentabellen als CSV-Datei, was für Comma Separated Value steht. CSV-Dateien ermöglichen es, Daten in einem tabellenstrukturierten Format zu speichern, indem sie die Form einer Textdatei annehmen, die Informationen enthält, die durch Kommas getrennt sind. CSV-Dateien können später von fast allen Tabellenkalkulations- und Datenbankverwaltungsprogrammen geöffnet werden.

Durch Klicken auf das Suchen-Symbol wird eine Suchleiste oben im Panel angezeigt. Um zu suchen, geben Sie das entsprechende Schlüsselwort ein und drücken Sie die Eingabetaste.

Das Filtern einer Datentabelle ermöglicht es einem Benutzer, nur die Zeilen anzuzeigen, die unter bestimmten Kriterien fallen. Um eine Datentabelle zu filtern, klicken Sie auf das Filtern-Symbol in der oberen rechten Ecke des Panels. Eine Popup-Seite wird angezeigt, auf der die Spaltentitel aufgelistet sind.

Beispiel für das Popup-Fenster der Filterkriterien

Füllen Sie das Textfeld mit den Filterkriterien aus und klicken Sie dann auf Filter ausführen. Der Filter unterstützt die Option, nach mehreren Werten oder Kriterien zu filtern. Je nach zugrunde liegender Datenquelle werden einige Platzhalterzeichen mit der Filterfunktion unterstützt. Zum Beispiel verwendet SQL Server das Zeichen % (Prozentzeichen) als Platzhalter, während andere Datenquellen ein * (Sternchen) als Platzhalter unterstützen.

Eine Überschrift wird angezeigt, in der die Filterkriterien aufgelistet sind, und die Zeilen, die diesem Kriterium entsprechen, werden aufgelistet. Um den Filter zu entfernen, klicken Sie auf das X in der oberen rechten Ecke der Kriterienüberschrift.

Formular

Formular-Panels sind so konzipiert, dass sie eine einzelne Datenzeile aus der ausgewählten Datenquelle anzeigen. Dieser Paneltyp ist besonders nützlich als Popup-Fenster oder Detailseite in einer Anwendung. Wenn Formular-Panels mehrere Steuerelemente zugewiesen werden, wird jedes Steuerelement einzeln angezeigt.

attachment

Kachel

Kachel-Panels sind im Wesentlichen eine Kombination aus Raster-Panels und Formular-Panels. Wie Raster zeigen Kacheln mehrere Informationssätze gleichzeitig an. Informationen aus Datenquellentabellen oder -objekten werden jedoch in Blöcken von links nach rechts anstatt in Spalten präsentiert. Wie bei Formular-Panels sind die Steuerelemente mit anderen Steuerelementen in derselben Position in der Datentabelle gruppiert.

attachment

Dateibrowser

Dateibrowser-Panels sind mit einem lokalen oder Netzwerk-Dateisystem verbunden und sehen einem Dateiverzeichnis sehr ähnlich. Das Dateibrowser-Panel ermöglicht es einem Benutzer, Dateien auf einen Server hochzuladen und/oder sie auf ein Gerät herunterzuladen. Die Navigation innerhalb dieser Panels ist ebenfalls möglich, wobei Unterverzeichnisse durch ein Ordnersymbol angezeigt werden.

Benutzerdefiniertes HTML

Benutzerdefinierte HTML-Panels verwenden HTML/CSS-Vorlagen, um Daten und Bilder anzuzeigen. Benutzerdefinierte HTML-Panels sind in Bezug auf die Kontrolle über die Anzeige, die sie generieren können, hochgradig anpassbar und ähneln einer Webseite.

Charts

Diagrammpanels werden im App Builder verwendet, um Daten in einer grafischen Darstellung darzustellen. Der App Builder unterstützt viele verschiedene Diagrammtypen wie Balken-, Säulen-, Linien-, Flächen-Diagramme usw. Diagramme können mit den zugrunde liegenden Daten verknüpft werden, sodass ein Benutzer durch Klicken auf die Daten unterstützende Informationen anzeigen kann.

Die folgenden Steuerungstypen sind für Diagramme erforderlich:

  • Kategorie: Erforderliche Steuerung, stellt die x-Achse (horizontal) im Diagramm dar

  • Wert: Erforderliche Steuerung, stellt die y-Achse (vertikal) im Diagramm dar

Die folgenden Steuerungstypen sind optional für Diagramme:

  • Farbe: Farbwert, der vom Diagramm verwendet wird

  • Sortieren: Ermöglicht das Anwenden von Sortierungen auf den ausgewählten Wert

  • Flagge: Wird verwendet, um ein Ereignis oder einen interessanten Punkt zu markieren

  • JSON-Optionsobjekt: JSON-Objekt, das die Diagrammoptionen überschreibt

Die Diagrammtyp-Optionen umfassen:

  • 3D-Balken

  • 3D-Säule

  • 3D-Donut

  • 3D-Kreis

  • Fläche

  • Gestapelte Fläche

  • Balken

  • Blase

  • Säule

  • Trichter

  • Linie

  • Marimekko

  • Gemischt

  • Prozentuale Fläche

  • Kreis

  • Pyramide

  • Halbkreis-Donut

  • Spline

  • Gestapelter Balken

  • Gestapelte Säule

Beispiel für ein Säulendiagramm, das mit dem entsprechenden Raster verknüpft ist

Diagrammpanels können ausgedruckt werden, indem im Aktionsmenü in der rechten oberen Ecke des Panels auf das Menü geklickt und "Diagramm drucken" aus dem Dropdown-Menü ausgewählt wird. Benutzer können wählen, das Diagramm als .PNG, .JPEG, .PDF oder .SVG-Vektorgrafik herunterzuladen.

Gantt

Gantt ist ein Paneltyp, der die Anzeige eines Gantt-Diagramms unterstützt. Gantt-Diagramme sind nützlich für die Planung und Terminierung von Projekten. Sie helfen dabei, abzuschätzen, wie lange ein Projekt dauern sollte, die benötigten Ressourcen zu bestimmen und die Reihenfolge zu planen, in der Aufgaben abgeschlossen werden. Gantt-Diagramme sind auch ein hilfreiches Werkzeug zur Verwaltung der Abhängigkeiten zwischen Aufgaben.

Um ein Gantt-Diagramm auf einem Gantt-Panel zu nutzen, benötigen Sie ein Business Object, das Informationen für die Steuerungen enthält, die das Gantt-Diagramm benötigt.

Gantt-Diagramme können auch verwendet werden, um Aufgabenabhängigkeiten und Aufgabengruppen darzustellen und anzuzeigen, vorausgesetzt, Informationen über diese zusätzlichen Werte sind im Business Object konfiguriert.

Die folgenden Steuerungstypen sind für Gantt erforderlich:

  • Aufgabe: Erforderliche Steuerung, die eine einzelne Projektaufgabe darstellt, die verfolgt wird

  • Startdatum: Erforderliche Steuerung, die das Startdatum der Aufgabe darstellt Die folgenden Steuerungstypen sind optional für Gantt:

  • Enddatum: Stellt das Enddatum der Aufgabe dar

  • Farbe: Farbwert für die Aufgabe im Diagramm

  • Abhängigkeit: Bestimmt die Beziehung von der Aufgabe zu den anderen Aufgaben, von denen sie abhängig ist

  • Übergeordnete Aufgabe: Für die hierarchische Anordnung von Aufgaben, ist ein Verweis auf eine andere Aufgabe aus dem Business Object

  • Sortieren: Ermöglicht das Anwenden von Sortierungen auf den ausgewählten Wert

  • Aufgabengruppe: Wird verwendet, um mehrere Aufgaben in derselben Zeile zu gruppieren oder zu platzieren

attachment

Rahmen

Rahmen-Panels ermöglichen es einer Seite, einen Platz auf dem Bildschirm zu reservieren, in den alle angeklickten Seitenlinks geladen werden. Der Rahmen-Paneltyp hat keinen eigenen Inhalt. Wenn ein Rahmen auf einem Bildschirm vorhanden ist, wird jede Seitenavigation in den Rahmen geleitet, anstatt den gesamten Bildschirm zu ersetzen. Dieser Paneltyp wird am häufigsten verwendet, um ein dauerhaft sichtbares Seitenmenü anzuzeigen, und der Rahmencontainer rendert die Seite darin.

attachment

Kalender

Kalender-Panels füllen einen Kalender mit Informationen aus der ausgewählten Datenquelle. Wie Diagramm-Panels können Kalender-Panels mit einem anderen Panel verknüpft werden, um detailliertere Informationen zu einem Ereignis im Kalender anzuzeigen.

Die folgenden Steuerungstypen sind für den Kalender erforderlich:

  • Beschreibung: Bezeichnet, was im Kalender erscheinen wird, und ist typischerweise ein Ereignisname

  • Ereignisbeginn: bezeichnet, an welchem Tag das Ereignis beginnt und kann Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden

  • Ereignisende: bezeichnet, an welchem Tag das Ereignis endet und kann Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden

Die folgenden Steuerungstypen sind optional für den Kalender:

  • Farbe: Farbwert, der vom Kalender verwendet wird, um Ereignis(e) anzuzeigen

  • Sortieren: Ermöglicht das Anwenden von Sortierungen auf ausgewählte Werte

Um das Datum und die Uhrzeit eines Ereignisses zu ändern:

  1. Wählen Sie das Ereignis aus

  2. Klicken Sie im Panel, das die Ereignisinformationen anzeigt, auf das Stiftsymbol

  3. Passen Sie das Datum und die Uhrzeit nach Bedarf an und klicken Sie dann auf das Häkchen, um zu speichern

Um ein neues Ereignis zum Kalender hinzuzufügen:

  1. Wählen Sie ein bereits vorhandenes Ereignis aus und klicken Sie auf die Hinzufügen-Schaltfläche

  2. Geben Sie einen Titel für das Ereignis ein und wählen Sie ein Datum aus dem Dropdown-Menü des Kalenders aus

  3. Für Steuerungen mit aktivierter Zeit- und Datumseinstellung klicken Sie auf das Uhr-Symbol, um eine Uhr anzuzeigen

  4. Klicken Sie auf das Häkchen, um zu speichern

  5. Nachdem Änderungen am Kalender vorgenommen wurden, aktualisieren Sie die Seite, um die Änderungen anzuzeigen

attachment

Pivot

Pivot-Panels zeigen eine Pivot-Tabelle mit Informationen aus einer Datenquelle an. Die folgenden Steuerungstypen sind für Pivot erforderlich:

  • Spalte: Füllt die Spaltenüberschriften aus

  • Zeile: Füllt die Zeilenüberschriften aus

  • Wert: Zeigt die relevanten Daten aus der Quelle an

attachment

Netzwerkdiagramm

Netzwerkdiagramm-Panels zeigen die Verbindungen zwischen einer Gruppe von Entitäten an. Jede Entität wird durch einen Knoten dargestellt. Verbindungen zwischen Knoten werden durch Links dargestellt. Die folgenden Steuerungstypen sind für das Netzwerkdiagramm erforderlich:

  • Von: Von Knoten für diesen Link

  • Knoten: Netzwerkdiagramm-Knoten

  • Knotenbeschriftung: Beschriftung des Netzwerkdiagramm-Knotens

  • JSON-Optionsobjekt: JSON-Objekt, das die Diagrammoptionen überschreibt

  • Linkfarbe: Farbe der Netzwerkgraph-Verknüpfung

  • Farbe: Farbwert für ein Ereignis oder eine Aufgabe

attachment

Lane

Lane-Panels zeigen gruppierte Informationen an und sind ähnlich wie Tile-Panels, da sie Daten im Format eines Formular-Panels gruppiert anzeigen, jedoch vertikal oder horizontal konfiguriert werden können (einzigartig für Lane):

attachment

Map

Map-Panels zeigen eine Karte an, auf der Steuerungen über geografische Standorte visualisiert werden können. Die Namen der Kartenregionen in Ihrem zugrunde liegenden Geschäftsobjekt müssen mit den Identifikatoren aus den Highmaps-Quellkarten übereinstimmen; dies kann zusätzliche Aufmerksamkeit erfordern, um sicherzustellen, dass der Schlüssel Ihres Geschäftsobjekts von der Quellkarte erkannt werden kann. Wenn Sie beispielsweise ein Geschäftsobjekt mit US-County-Namen haben, sind die County-Namen möglicherweise nicht eindeutig; in diesem Fall müssen Sie eine Spalte haben, die mit dem Schlüssel von Highmaps übereinstimmt.

Verschiedene Karten, die über die Highmaps-API bereitgestellt werden, können basierend auf den Daten, die Sie anzeigen möchten, ausgewählt werden. Die folgenden Steuerungstypen sind für die Karte erforderlich:

  • Kategorie: Land, Bundesstaat usw.

  • Wert: Wert, der mit der Kategorie verbunden ist

  • JSON-Optionsobjekt: JSON-Objekt, das die Diagrammoptionen überschreibt

  • Farbe: Farbwert für ein Ereignis oder eine Aufgabe

Für weitere Informationen zu Map-Panels siehe den Artikel Map panel. Bitte beziehen Sie sich auf Highcharts Maps für Dokumentation zu den in dem Map-Panel bereitgestellten Quellkarten.

attachment

Es gibt zwei Hauptwege, um zwischen Seiten in Anwendungen zu navigieren. Auf einem großen Bildschirmgerät werden die Seiten als Textlinks in der oberen rechten Ecke des Bildschirms aufgelistet, wobei die Anzahl je nach verfügbarer Bildschirmbreite angezeigt wird. Während dies der schnellste und einfachste Weg ist, um zwischen Seiten zu wechseln, ist es auf kleineren Geräten, wie einem Smartphone oder Tablet, nicht praktikabel.

Allerdings können alle Seiten jederzeit über das Action Drawer aufgerufen werden. Wenn auf das Action Drawer-Symbol geklickt wird, verwandelt es sich in ein X, das dann angeklickt werden kann, um es zu schließen. Eine Überschrift mit der aktuell geöffneten Anwendung wird angezeigt, ebenso wie alle Seiten, die in der Anwendung enthalten sind. Klicken Sie einfach auf die gewünschte Seite, um zu ihr zu gelangen.

Action Drawer menu

Seiten können so konfiguriert werden, dass sie direkt miteinander verlinkt sind. Dieser Link kann als eine Schaltfläche, ein Bild oder ein Textlink hinzugefügt werden, als Chevron-Symbol () auf der rechten Seite der Seite oder als Panel. Wenn ein Panel verwendet wird, steuert die Einstellung Linkziel im Tab Edge Case, ob die verlinkte Seite im aktuellen Fenster oder in einem neuen Browser-Tab geöffnet wird.

Verschachtelte Menüs

Navigations-Textlinks oben auf einer Seite können verschachtelte Menüs enthalten. Diese verschachtelten Menüs sind eine erweiterte Liste von Links, die unter einer Überschrift gespeichert sind und durch Klicken auf den Dropdown-Pfeil neben der Überschrift aufgerufen werden können.

Configuration is a Nested Menu example

Manchmal erfordert eine Seite keine vollständige Weiterleitung (wie die Bearbeitungs- oder Detailansichtseite), sondern kann stattdessen in einem Popup angezeigt werden, das über einer Basis-Seite erscheint. Diese Seiten werden normalerweise durch Klicken auf einen Link oder durch Klicken auf das Popup-Symbol aufgerufen. Sie können selbst mehrere Seiten oder Panels haben, durch die man scrollen kann, ähnlich wie bei einer Standardseite. Um zum Hauptbildschirm zurückzukehren, klicken Sie auf das X in der oberen rechten Ecke.

Example Popup page containing a Form panel

Panels bearbeiten

Panels bearbeiten

App Builder-Entwickler haben die volle Kontrolle darüber, ob die Optionen Einfügen, Bearbeiten und Löschen auf einem Panel verfügbar sind oder nicht, abhängig vom geschäftlichen Anwendungsfall. Es kann vorkommen, dass Sie ein Panel bearbeiten und eine Validierungsnachricht erscheint. In diesen Fällen klicken Sie auf Fortfahren, um zu handeln, oder auf Abbrechen, um abzubrechen.

Um Informationen zu einem Panel hinzuzufügen, klicken Sie auf die Schaltfläche Erstellen in der oberen linken Ecke des Panels. Am unteren oder oberen Rand eines Panels (dies ist eine konfigurierbare Einstellung) erscheint ein Textfeld für jede Spalte. Füllen Sie diese entsprechend aus und klicken Sie auf das Häkchen-Symbol, um zu speichern. Um abzubrechen, klicken Sie auf das X.

Um Informationen aus einem Panel zu löschen, wird den Benutzern entweder ein Mülleimer-Symbol oder eine Schaltfläche mit der Bezeichnung Löschen angezeigt. Klicken Sie auf das jeweils zutreffende, und klicken Sie dann auf Fortfahren, wenn eine Validierungsnachricht angezeigt wird.

Um Informationen in einem Panel zu bearbeiten, wird den Benutzern entweder ein Stift-Symbol oder eine Schaltfläche mit der Bezeichnung Bearbeiten angezeigt. Klicken Sie auf das jeweils zutreffende, und ein Textfeld erscheint in allen bearbeitbaren Spalten. Füllen Sie diese entsprechend aus und klicken Sie auf das Häkchen-Symbol, um zu speichern. Um abzubrechen, klicken Sie auf das X. Neben diesen beschriebenen Optionen kann ein Panel so konfiguriert werden, dass es immer bearbeitbar ist. In diesem Szenario klickt der Benutzer einfach in den gewünschten Bereich, um zu bearbeiten, nimmt die Änderung vor und klickt außerhalb, um die Änderung zu speichern.

Audit lite

App Builder bietet zwei Möglichkeiten, um Audit-Informationen innerhalb einer App Builder-App zu verfolgen. Audit Lite wird in diesem Abschnitt beschrieben, und Full Audit ist eine weitere Audit-Funktion, die App Builder unterstützt. Full Audit erfordert einige Konfigurationen, um aktiviert zu werden, und wird im folgenden Abschnitt beschrieben.

Manchmal muss ein Panel Änderungen verfolgen, insbesondere wenn ein Projekt oder ein Update zeitkritisch ist. Diese Panels können eine Audit Lite-Schaltfläche enthalten. Audit Lite bietet eine Möglichkeit, Änderungen an einer Tabelle zu verfolgen. Insbesondere werden die folgenden Informationen verfolgt:

  • AddedBy: Der Benutzername der Person, die den Datensatz hinzugefügt hat.

  • AddedOn: Das Datum, an dem der Datensatz hinzugefügt wurde.

  • ChangedBy: Der Benutzername der Person, die den Datensatz zuletzt geändert hat.

  • ChangedOn: Das Datum, an dem der Datensatz geändert wurde.

Wenn Audit Lite aktiviert ist, zeigen Grid- und Formular-Panels in einer Anwendung Tracking-Daten an. Benutzer, die die Berechtigung haben, Daten aus einer Tabelle zu lesen, die Audit-Informationen enthält, können Audit-Daten anzeigen, indem sie auf die Schaltfläche Audit in einer laufenden Anwendung klicken.

Vollständige Prüfung

Die Vollständige Prüfung ist standardmäßig für neu erstellte Datenquellen und Tabellen aktiviert. Die Vollständige Prüfung ist eine Prüfungsfunktion, die hinzugefügt wurde, um die Audit Lite-Funktionalität zu ergänzen. Die Vollständige Prüfung zeichnet geschäftliche Änderungen an Ihren Daten auf und ermöglicht es Ihnen, diese Änderungen einzusehen. Wenn die Vollständige Prüfung aktiviert ist, wird eine spezielle Prüfprotokolltabelle mit dem Namen App BuilderAuditLog in Ihrer Datenquelle erstellt. Änderungen werden in der Prüfprotokolltabelle für alle Tabellen erfasst, bei denen die Vollständige Prüfung aktiviert ist.

Standardmäßig bereinigt oder löscht App Builder keine in der Vollständigen Prüfungstabelle gespeicherten Datensätze automatisch. Wenn Sie dieses Verhalten ändern möchten, siehe die Funktion Audit-Konfiguration, die es einem Administrator ermöglicht, einen bestimmten Zeitraum festzulegen, um Daten aufzubewahren, nach dem App Builder Prüfungsdatensätze über den definierten Zeitraum hinaus löschen sollte. Weitere Informationen zur Vollständigen Prüfung finden Sie auf der Seite Vollständige Prüfung.

Fehlersuche

Eine Menüauswahl, Anwendungsseite oder ein Panel kann nicht gefunden werden, obwohl es definitiv am richtigen Ort hinzugefügt wurde.

Beim Navigieren in einer Anwendung im App Builder ist es wichtig, die Bildschirmgröße im Auge zu behalten. Aufgrund des responsiven Designs der Plattform kann sich das Format einer Seite auf kleineren Bildschirmen leicht ändern. Gestapelte Panels können in einem navigierbaren Menü angezeigt werden, oder eine Spalte kann ausgeblendet werden, um sicherzustellen, dass die wichtigsten Daten sichtbar sind. Die Seitenavigation kann von der oberen Leiste in das Aktionsfeld verschoben worden sein.

Eine neue Anwendung fehlt in der Liste der Anwendungen im Hauptmenü, oder Änderungen an Menüelementen, Seiten, Panels oder Steuerelementen erscheinen nicht, wenn eine Anwendung getestet wird.

Es kann notwendig sein, den Browser (F5 für die meisten) zu aktualisieren, um Änderungen an den Seiten, Panels oder Steuerelementen von aktualisierten Anwendungen anzuzeigen. Wenn das Aktualisieren des Browsers die Änderungen nicht aktualisiert, versuchen Sie, die Bearbeitung erneut vorzunehmen und sicherzustellen, dass Sie auf Speichern oder Fortfahren klicken.

Eine Anwendung ist geöffnet und läuft, aber es gibt keine Möglichkeit, sie zu bearbeiten.

Die Möglichkeit, Daten in einer Anwendung zu bearbeiten, variiert von Benutzer zu Benutzer, basierend auf den von einem Administrator erteilten Berechtigungen. Bestimmte Benutzer haben möglicherweise nicht die Möglichkeit, Seiten zu bearbeiten. Sprechen Sie mit einem Administrator, um zu überprüfen, ob die Berechtigung zur Bearbeitung erteilt wurde.