Zum Inhalt springen

Kurzanleitung für Jitterbit App Builder

Einführung

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

Dies App Builder Schnellstart-Schritte zum Erstellen einer einfachen Lebensmittel-App, mit der Benutzer ihre App beim Einkaufen auf einem Smartphone anzeigen und dabei Artikel von der Liste abhaken können. Das Erstellen dieser Lebensmittel-App bietet einen grundlegenden Überblick über die Arbeit in App Builder und stellt wichtige Funktionen und Merkmale vor. Für einen tieferen Einblick in App Builder, melden Sie sich für unsere Einführung in App Builder Kurs verfügbar auf Jitterbit University.

Anhang

Voraussetzungen

  • Moderner Client-Webbrowser

    • Chrome: 84+

    • Firefox: 73+

    • Safari: 13.0.1+

    • Kante: 84

App Builder Übersicht

App Builder ist eine Low-Code-Anwendung, die für große Unternehmen entwickelt wurde, um komplexe Geschäftsprobleme im großen Maßstab zu lösen. App Builder ermöglicht sowohl Full-Stack- als auch Citizen-Entwicklern, leistungsstarke, durchgängige, unternehmenstaugliche Anwendungen mit ausgefeilter Logik, Workflows, Sicherheit und Integrationen zu erstellen. Kein Code erforderlich.

Die App Builder Die Plattform ist mit einfachen und intuitiven Layout- und Navigationselementen gestaltet. 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 Panel anzeigt. Beispiele sind Text, eine Schaltfläche, ein Bild usw.

Navigieren App Builder ist für Entwickler und Anwendungsendbenutzer gleichermaßen ähnlich, mit der Ausnahme, dass Entwickler mehr Optionen zur Verfügung stehen. Das folgende Diagramm veranschaulicht die wichtigsten Navigationsmöglichkeiten App Builder.

Anhang

App Builder ist plattformunabhängig. Das heißt, es kann auf jedem modernen Browser ausgeführt werden und ist vollständig mobilkompatibel. Es kann auf jedem Operationssystem aufgerufen werden und kann eine Verbindung zu Datenquellen von praktisch jedem großen Datenbankdienstanbieter herstellen. Darüber hinaus ist das App Builder Die Plattform wurde mit einem responsiven Design entwickelt. Das bedeutet, dass die Plattform auf Bildschirmen jeder Größe und Auflösung läuft und angezeigt werden kann und automatisch für Mobilgeräte optimiert ist.

Weitere Informationen finden Sie unter App Builder Benutzerhandbuch.

Erstellen einer neuen Anwendung

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

Anhang

  1. Melden Sie sich bei Ihrem App Builder Umfeld mit Ihren angegebenen Anmeldeinformationen

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

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

    Hinweis

    Name muss innerhalb eindeutig sein an App Builder Umfeld

  4. Klicken Sie auf die Schaltfläche App erstellen

App Builder wird nun im Hintergrund ausgeführt und erstellt das für eine Anwendung benötigte Gerüst. Sobald Sie fertig sind, werden Sie zur Startseite der Anwendung weitergeleitet. Das erstellte Gerüst umfasst:

  • Microsoft SQL Server Datenquelle

  • Parametertabelle zum Speichern variabler Daten

  • Startseite

  • Parameterseite

  • Parameter (Geschäftsobjekt)

  • Navigationsmenü

Erstellen einer Produkttabelle und von Seiten

Zuerst erstellen wir eine Produkttabelle, um unsere Produktinformationen zu speichern. In diesem Abschnitt verwenden wir den Tabellenassistenten und Seitenassistent, fortschrittliche intelligente Assistenten zur Vereinfachung von Prozessen.

Anhang

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

  2. Klicken Sie auf + Tabelle unter Datenspeicherebene

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

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

  5. Klicken Sie auf die Schaltfläche Titel hinzufügen und dann auf Fortfahren

  6. Klicken Sie auf die Schaltfläche Spalte hinzufügen

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

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

  9. Klicken Sie auf das Häkchen-Symbol, um zu speichern

  10. Klicken Sie auf die Schaltfläche Spalte hinzufügen

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

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

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

  14. Klicken Sie auf Weiter

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

    Hinweis

    App Builder fügt automatisch Systemspalten an 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 wird, und klicken Sie auf Weiter

  17. Wählen Sie Raster und Formular als Seitentypen 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, App Builder bringt Sie zur Produktformularseite, wo Sie Datensätze eingeben können, die in der Produkttabelle gespeichert und von der App verwendet werden sollen.

Anhang

  1. Geben Sie auf der Produktseite einen Produkt-Namen ein. Zum Beispiel Amerikanischer Käse

  2. Lassen Sie das Feld Gekauft deaktiviert

  3. Geben Sie einen numerischen Mengen-Wert 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 Folgendes zu erstellen, und verwenden Sie dabei Mengenwerte Ihrer Wahl: Apfelkuchen, Hamburger, Brötchen, Servietten, Vanilleeis

Ändern der App-Benutzeroberfläche

Typische Apps enthalten mehrere Tabellen, Geschäftsregeln, Tabellen und viele weitere Daten, aber wir vereinfachen diesen App-Build, um eine schnelle Veranschaulichung zu bieten App Builder Fähigkeiten. Um die definierten App-Anforderungen noch einmal zu überdenken: Wir möchten die App beim Lebensmitteleinkauf auf einem Smartphone anzeigen und dabei Artikel von der Liste abhaken. Hier werden wir einige Aktualisierungen an den Standardinformationen vornehmen, 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 Linkspfeil-Symbol neben Position ändern, um das Steuerelement nach links neben Produkt zu verschieben.

  5. Klicken Sie auf die Tab Beschriftung und wählen Sie Versteckt 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 Bedienfeldansicht 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 automatisch die Startseite einer App als erste Seite fest, die ein Entwickler hinzufügt. Um diese Einstellung zu ändern, verwenden wir die App Workbench, einen zentralen Ort, der schnelle Verknüpfungen zu alltäglichen Aufgaben bietet, die zum Erstellen und Verwalten von Apps erforderlich sind.

  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 Homepage auf die Seite fest, die Ihre Grocery App enthält

  6. Klicken Sie auf das x, um das Popup zu verlassen

  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 fertig erstellt! In dieser Phase können Sie die Grocery App auf einem Smartphone oder einem anderen Gerät ausführen. Es gibt viele Möglichkeiten, diese einfache App zu erweitern. Beispiele hierfür sind das Hinzufügen einer Abteilungstabelle und das Zuordnen von Produkten zu Abteilungen, das Hinzufügen einer Preisspalte zur Produkttabelle und das Verfolgen von Preisen im Zeitverlauf sowie das Hinzufügen einer Listentabelle zum Speichern und Wiederverwenden von Listen.

Erfahren Sie mehr über App Builder besuchen Sie Jitterbit Success Central und nehmen Sie an unserer Einführung teil, App Builder Kurs verfügbar an der Jitterbit University.

Ressourcen