Panelauswahldienst im Jitterbit App Builder

Schalttafelaufbau-Service

Der App Builder Panel Layout Service ist App Builder proprietäre Lösung zum einmaligen Entwerfen einer Seite, während die Seite auf verschiedenen Bildschirmgrößen benutzerfreundlich dargestellt wird. Diese Bildschirme umfassen, sind aber nicht beschränkt auf, Handy-Bildschirme, Tablet-Bildschirme und Desktop-Bildschirme.

Die folgenden Begriffe helfen beim Verständnis des vom Panel Layout Service verwendeten Algorithmus:

• 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 zeigt immer mindestens ein einzelnes Panel an. Ein Panel enthält Informationen, die dem Benutzer präsentiert werden sollen. Die Informationen können eine Sammlung von Datenzeilen oder ein einzelner Datensatz sein. Sie können strukturiert formatiert sein, tabellarisch (sowohl in einem horizontalen als auch in einem vertikalen Tabellenformat) oder unstrukturiert in einem benutzerdefinierten Format.

• Seite - Eine Seite ist eine Sammlung von Panels. Eine einzelne Seite kann ein Panel oder mehr als ein Panel haben.

• Layout - Das Layout einer Seite definiert, wie Panels angezeigt werden sollen, wenn sie alle auf dem Bildschirm sichtbar sind. Beispielsweise können einige Panels vertikal gestapelt sein (Panel A ist über Panel B), andere horizontal (Panel A ist links von Panel B). Wir erlauben auch die Gruppierung von Panels, sodass Panel A und Panel B nebeneinander und über Panel C liegen können. In diesem Szenario würden Panel A und Panel B in ihrer eigenen Gruppierung liegen.

• Folie - Eine Folie ist eine Teilmenge von Bedienfeldern, die auf einem Bildschirm dargestellt werden. Wenn nicht alle Bedienfelder auf den Bildschirm passen, App Builder rendert die richtige Teilmenge der Bedienfelder als Folie und ermöglicht dem Endbenutzer, zwischen Folien zu wechseln, also effektiv zwischen Teilmengen der Bedienfelder zu wechseln.

• Bildschirmgröße - Bildschirmgrößen werden traditionell in Pixelhöhen und Pixelbreiten gemessen. App Builder konvertiert Pixelhöhen und -breiten in verfügbare Panels. Wie viele Panels passen vertikal auf den Bildschirm? Wie viele Panels passen horizontal auf den Bildschirm? Wenn auf den Bildschirm 1 Panel passt, betrachten wir den Bildschirm als 1x1 (1 Panel hoch, 1 Panel breit). Wenn der Bildschirm breiter ist und 2 Panels breit, aber 1 Panel hoch passt, betrachten wir den Bildschirm als 1x2 (1 Panel hoch, 2 Panels breit). Die Berechnungen zur Bestimmung, wie viele Panels auf einen Bildschirm passen, werden später im Dokument beschrieben.

App Builder verwendet eine Seite und ihr Layout, um zu bestimmen, welche Bedienfelder auf dem Bildschirm angezeigt werden und wo sie angezeigt werden. Abhängig von der Bildschirmgröße, App Builder kann die Anzahl der auf dem Bildschirm angezeigten Panels reduzieren, während das Layout gewahrt bleibt. Der Panel-Layout-Dienst entscheidet, welche Panels vom Bildschirm weggelassen werden und wie die verbleibenden Panels angeordnet werden.

Falls der Panel-Layout-Dienst Panels vom Bildschirm weglässt, erstellt er eine Foliensammlung. Jede Folie enthält eine Teilmenge von Panels, die gemäß dem vom Designer definierten Layout angeordnet sind. Der Benutzer sieht möglicherweise zunächst die erste Folie und kann zu weiteren Folien blättern, um weitere Panels anzuzeigen.

Das folgende Bild zeigt den Algorithmus, der vom Panel-Layout-Dienst zum Layouten von Panels auf verschiedenen Bildschirmgrößen verwendet wird:

Bildschirmgrößen werden wie folgt bestimmt:

Die ideale Panelhöhe ist X * Y, wobei Y 1 EM eines Textzeichens entspricht. Dies ist eine andere Art, X Zeichen Text auszudrücken. Jeder Bildschirm kann per Definition mindestens ein Panel hoch darstellen. Wenn der Bildschirm jedoch genug Platz hat, um 2 * X Zeichen Text darzustellen, dann erlauben wir ihm, 2 Panels hoch darzustellen. Wenn wir die Höhe des Bildschirms in Pixeln kennen, App Builder bestimmt, wie viele Textzeilen und dann wie viele Felder hineinpassen.

X = Konfiguration - Minimale Panelhöhe - Standard = 24

Ideale Panelhöhe = 24 * 1 EM in Pixeln

Anzahl der Panels hoch = Boden (Port in Pixeln / ideale Panelhöhe), wobei die Anzahl der Panels hoch nicht unter 1 fallen darf.

Eine ähnliche Berechnung wird zur Ermittlung der idealen Plattenbreite verwendet.

Ideale Panelbreite = 24 * 1 EM in Pixeln

Anzahl der Panelbreite = Boden (Port in Pixeln / Ideale Panelbreite), wobei die Anzahl der Panelbreite nicht unter 1 fallen darf.