Kurzanleitung für Jitterbit App Builder

Einführung

Die geschätzte Zeit zum Abschließen dieser App beträgt 10 Minuten

Dieser App Builder Schnellstart führt Sie durch die Erstellung einer einfachen Lebensmittel-App, mit der Nutzer ihre App beim Einkaufen auf dem Smartphone ansehen und unterwegs Artikel von der Liste abhaken können. Die Erstellung dieser Lebensmittel-App bietet einen grundlegenden Überblick über die Arbeit mit App Builder und stellt wichtige Funktionen vor. Für einen tieferen Einblick in App Builder melden Sie sich für unseren Einführungskurs in App Builder an, der auf der Jitterbit University verfügbar ist.

Voraussetzungen

• Moderner Client-Webbrowser

  • Chrome: 84+

  • Firefox: 73+

  • Safari: 13.0.1+

  • Kante: 84

App Builder Übersicht

App Builder ist eine Low-Code-Anwendung für große Unternehmen, die komplexe Geschäftsprobleme im großen Maßstab lösen. App Builder ermöglicht sowohl Full-Stack- als auch Citizen-Entwicklern die Erstellung leistungsstarker, durchgängiger Anwendungen auf Unternehmensniveau mit ausgefeilter Logik, Workflows, Sicherheit und Integrationen. Kein Code erforderlich.

Die App Builder Plattform zeichnet sich durch einfache und intuitive Layout- und Navigationselemente aus. App Builder-Anwendungen und die Plattform selbst bestehen aus den folgenden Kernelementen:

• Panel - der grundlegende Baustein einer Seite. Ein Panel fungiert als Container, der dem Benutzer Informationen präsentiert.

• Seite - eine Seite besteht aus mindestens einem Panel und kann eine Sammlung von Panels enthalten.

• Steuerelement - stellt dar, was das Bedienfeld anzeigt. Beispiele sind Text, eine Schaltfläche, ein Bild usw.

Die Navigation im App Builder ist für Entwickler und Endbenutzer ähnlich, mit der Ausnahme, dass Entwickler mehr Optionen zur Verfügung stehen. Das folgende Diagramm veranschaulicht die wichtigsten Navigationsmöglichkeiten im App Builder.

App Builder ist plattformunabhängig. Das bedeutet, dass er in jedem modernen Browser ausgeführt werden kann und vollständig mobilkompatibel ist. Er ist von jedem Betriebssystem aus zugänglich und kann mit Datenquellen nahezu aller großen Datenbankanbieter verbunden werden. Darüber hinaus wurde die App Builder Plattform mit einem responsiven Design entwickelt. Das bedeutet, dass die Plattform auf Bildschirmen jeder Größe und Auflösung ausgeführt und angezeigt werden kann und automatisch für Mobilgeräte optimiert ist.

Weitere Informationen finden Sie im App Builder Benutzerhandbuch.

Erstellen einer neuen Anwendung

Zu Beginn verwenden wir den Assistenten „Neue Anwendung erstellen“, einen intelligenten Assistenten, der Sie durch den Prozess führt.

1. Melden Sie sich mit Ihren Anmeldeinformationen in Ihrer App Builder Umfeld an

2. Klicken Sie im Site-Menü auf die Schaltfläche + App

3. Geben Sie einen Namen für die App ein. Beispiel: Lebensmittel-App

   Notiz

   Der Name muss innerhalb einer App Builder Umfeld eindeutig sein

4. Klicken Sie auf die Schaltfläche App erstellen

Der App Builder läuft nun im Hintergrund und erstellt das für eine Anwendung benötigte Gerüst. Sobald Sie fertig sind, gelangen Sie zur Startseite der Anwendung. Das erstellte Gerüst umfasst:

• Microsoft SQL Server Datenquelle

• Parametertabelle zum Speichern variabler Daten

• Startseite

• Parameterseite

• Parameter (Geschäftsobjekt)

• Navigationsmenü

Erstellen Sie eine Produkttabelle und Seiten

Zuerst erstellen wir eine Produkttabelle zur Speicherung unserer Produktinformationen. In diesem Abschnitt verwenden wir den Tabellenassistenten und Seitenassistent, fortschrittliche intelligente Assistenten zur Vereinfachung von Prozessen.

1. Gehen Sie auf der Startseite der App zum Aktionsbereich > Design Center.

2. Klicken Sie in der Datenspeicherebene auf + Tabelle.

3. Wählen Sie den Tabellenersteller aus und klicken Sie auf Weiter.

4. Geben Sie einen Tabellennamen ein und klicken Sie auf Weiter. Beispiel: Produkt.

5. Klicken Sie auf Titel hinzufügen und dann auf Fortfahren.

6. Klicken Sie auf Spalte hinzufügen.

7. Geben Sie einen Namen für die Spalte ein. Beispiel: Gekauft.

8. Legen Sie den logischen Datentyp für die Spalte fest. Beispiel: Boolesch.

9. Klicken Sie zum Speichern auf das Häkchen.

10. Klicken Sie auf Spalte hinzufügen.

11. Geben Sie einen Namen für die Spalte ein. Beispiel: Menge

12. Legen Sie den logischen Datentyp für die Spalte fest. Beispiel: Zahl

13. Klicken Sie zum Speichern auf das Häkchen.

14. Klicken Sie auf Weiter.

15. Überprüfen Sie die vorgeschlagenen Aktualisierungen und klicken Sie auf Seiten generieren.

    Notiz

    App Builder fügt automatisch Systemspalten hinzu und erstellt Ansichten, um Ihnen bei der Verwaltung Ihrer Daten zu helfen

16. Wählen Sie Home als Menü, von dem aus die neue Seite verlinkt werden soll, und klicken Sie auf Weiter

17. Wählen Sie Raster und Formular als Seitentypen aus und klicken Sie auf Weiter

18. Überprüfen Sie die vorgeschlagenen Aktualisierungen und klicken Sie auf Seiten erstellen

Produktdatensätze erstellen

Nachdem Sie die Produkttabelle und die entsprechenden Seiten erstellt haben, gelangen Sie mit App Builder zur Produktformularseite, auf der Sie Datensätze eingeben können, die in der Produkttabelle gespeichert und von der App verwendet werden sollen.

1. Geben Sie auf der Produktseite einen Produktnamen ein. Zum Beispiel Amerikanischer Käse

2. Lassen Sie das Feld Gekauft deaktiviert.

3. Geben Sie einen numerischen Wert für die Menge ein. Zum Beispiel 1

4. Lassen Sie Ist aktiv aktiviert, um anzuzeigen, dass das Produkt verfügbar ist.

5. Klicken Sie auf die Schaltfläche Speichern.

6. Klicken Sie auf das Feld x, um den Produktbildschirm zu verlassen.

7. Klicken Sie auf die Schaltfläche Erstellen, um weitere Datensätze hinzuzufügen.

8. Folgen Sie den Schritten, um Produktdatensätze für die folgenden Produkte mit den gewünschten Mengenwerten zu erstellen: Apfelkuchen, Hamburger, Brötchen, Servietten, Vanilleeis.

Ändern der App-Benutzeroberfläche

Typische Apps enthalten mehrere Tabellen, Geschäftsregeln, Tabellen und viele weitere Daten. Wir vereinfachen diesen App-Build jedoch, um die Funktionen des App Builders kurz zu veranschaulichen. Um die definierten App-Anforderungen zu überdenken: Wir möchten die App beim Einkaufen auf einem Smartphone anzeigen und dabei Artikel von der Liste abhaken. Hier nehmen wir einige Aktualisierungen an den Standardinformationen vor, um unsere App noch benutzerfreundlicher zu gestalten.

1. Gehen Sie auf der Seite „Produkte“ zum Action Drawer > Live Designer

2. Wählen Sie das Steuerelement „Gekauft“ aus der Seitenansicht

3. Klicken Sie im Live Designer auf die Tab Position & Breite

4. Klicken Sie auf das Symbol Pfeil nach links neben Position ändern, um das Steuerelement nach links neben Produkt zu verschieben

5. Klicken Sie auf die Tab Beschriftung und wählen Sie Ausgeblendet für Beschriftungssichtbarkeit, um die Beschriftung des Steuerelements auszublenden

6. Klicken Sie auf Speichern

7. Wählen Sie das Steuerelement Ist aktiv aus der Seitenansicht

8. Klicken Sie im Live Designer auf die Tab Steuerelementeigenschaften

9. Deaktivieren Sie das Feld Aktiv und klicken Sie auf Speichern, um dieses Steuerelement aus der Panelansicht auszublenden

10. Klicken Sie auf das Produktfenster in der Seitenansicht

11. Ändern Sie den Panelnamen in Einkaufsliste (oder einen anderen aussagekräftigen Namen)

12. Klicken Sie im Live Designer auf die Tab Update-Methoden

13. Wählen Sie Excel für Bearbeitungsmethode, um die direkte Bearbeitung von Datensätzen zu unterstützen

14. Wählen Sie Inline für Einfügemethode, um neue Datensätze an die Seite „Produkte“ anzuhängen.

15. Wählen Sie Letzte Zeile als Einfügeposition, um festzulegen, wo der neue Datensatz erscheinen soll

16. Wählen Sie Nein für Löschen unterstützt, um das Löschen von Datensätzen zu verhindern

17. Klicken Sie auf Speichern, um die Änderungen zu übernehmen

18. Wählen Sie das Home-Panel aus der Seitenansicht

19. Klicken Sie im Live Designer auf die Tab Edge Case

20. Erweitern Sie den Abschnitt Allgemein, deaktivieren Sie das Feld Aktiv und klicken Sie auf Speichern, um dieses Feld auszublenden

21. Klicken Sie auf das x, um den Live Designer zu schließen

Festlegen der App-Startseite

App Builder legt die Startseite einer App automatisch als erste Seite fest, die ein Entwickler hinzufügt. Um diese Einstellung zu ändern, nutzen wir die App Workbench, einen zentralen Ort, der schnelle Verknüpfungen zu alltäglichen Aufgaben für die Erstellung und Pflege von Apps bietet.

1. Navigieren Sie zum Action Drawer > App Workbench

2. Klicken Sie in den App-Einstellungen auf die Schaltfläche Mehr

3. Wählen Sie Edge Case

4. Klicken Sie auf die Tab Regionen - Steuerelemente

5. Legen Sie die Startseite auf die Seite mit Ihrer Grocery App fest

6. Klicken Sie auf das x, um das Popup zu schließen

7. Bestätigen Sie das Update, indem Sie zu Action Drawer > Site Menu navigieren und doppelklicken, um Ihre App vom Site Menu aus zu starten

Sie haben Ihre erste einfache App fertiggestellt! Jetzt können Sie die Lebensmittel-App auf einem Smartphone oder einem anderen Gerät ausführen. Diese einfache App lässt sich vielfältig erweitern. Beispiele hierfür sind das Hinzufügen einer Abteilungstabelle und die Zuordnung von Produkten zu Abteilungen, das Hinzufügen einer Preisspalte zur Produkttabelle und die Nachverfolgung von Preisen im Zeitverlauf sowie das Hinzufügen einer Listentabelle zum Speichern und Wiederverwenden von Listen.

Um mehr über App Builder zu erfahren, besuchen Sie Jitterbit Success Central und nehmen Sie an unserem Einführungskurs in App Builder teil, der an der Jitterbit University verfügbar ist.

Ressourcen

• App Builder Community Forum

• App Builder Benutzerhandbuch

• Spickzettel für Geschäftsregeln

• Datentyp-Spickzettel

• Paneltypen-Spickzettel

• App Builder Benutzer- und Gruppenverwaltung: lokale Authentifizierung

• Sicherheit