Produkt-Tour zu SAP Build Apps
SAP Build Apps kennenlernen
Sehen Sie sich die Produkt-Tour an und erfahren Sie, wie einfach es ist, eine Unternehmensanwendung per Drag&Drop zu erstellen.
Interaktive Produkt-Tour
Zum Zoomen
auf Ihrer Tastatur drücken
- Diese Demo führt Sie durch die Erstellung einer einfachen „To-Do Manager“-App.
- Wir zeigen Ihnen, wie Sie die Komponenten erstellen, die Sie zum Aufbau der App benötigen: Benutzungsoberfläche (UI), Datenmodelle und Geschäftslogik.
- Klicken Sie auf die Option „Web & Mobile Application“, um mit der Erstellung zu beginnen.
- Im „Application Builder“ erstellen Sie durch einfaches Ziehen und Ablegen von UI-Komponenten eine Benutzungsoberfläche für Ihre Anwendung.
- Klicken Sie zunächst auf die Komponente „Button“ und ziehen Sie sie in den Arbeitsbereich.
- Sobald die Schaltfläche zum App-Arbeitsbereich hinzugefügt wurde, wird eine neue Komponente in der Benutzungsoberfläche erstellt. Diese können Sie dann über den Bereich „Properties“ anpassen.
- Auf der Registerkarte „Properties“ können Sie die Bezeichnung („Add Item“) anpassen und weitere visuelle Attribute hinzufügen.
- Wenn Sie eine Komponente, die Sie für Ihre App benötigen, nicht sehen, können Sie im „Marketplace“ nach weiteren vorkonfigurierten Komponenten suchen.
- Der Marktplatz bietet mehr als 500 vorkonfigurierte Komponenten, die Sie für die Entwicklung Ihrer App nutzen können.
- Kehren wir nun zum App-Arbeitsbereich zurück.
- Damit die Schaltfläche funktioniert, ist eine Geschäftslogik erforderlich. Standardmäßig wird sie ausgelöst, wenn ein Benutzer die Schaltfläche in der App anklickt oder antippt.
- Öffnen Sie die Registerkarte „Logic“ und fügen Sie dem neuen Element „Add item“ eine Geschäftslogik hinzu. Wählen Sie dazu die hervorgehobene Schaltfläche unten rechts im Bild.
- Das „Tap“-Ereignis für die Schaltfläche wird durch die Komponente „Event | Component tap“ dargestellt, die automatisch im Logikablauf erscheint.
- Jetzt können Sie eine neue Komponente „Data | Create record“ in den Logikablauf ziehen.
- Die neue Komponente „Data | Create record“ wird dem Ablaufplan hinzugefügt.
- Als nächstes fügen Sie einen Konnektor von „Event | Component tap“ zu „Data | Create record“ hinzu.
- Dadurch wird die folgende Logik erstellt: „Wenn die Schaltfläche angetippt wird, wird ein neuer Datensatz erstellt.“
- Öffnen Sie die Registerkarte „Properties“, um die Details des neuen Datensatzes zu definieren.
- Richten Sie diesen neuen Datensatz als Datenressource ein, die ein neues Element zu einer Datenbanktabelle in Ihrem Backend hinzufügen wird.
- Nun, da Sie alle für die App benötigten UI-Komponenten und die dazugehörige Logik hinzugefügt haben, ist es an der Zeit, das Backend Ihrer App zu erstellen.
- Lassen Sie uns „Visual Cloud Functions“ verwenden, um das Datenmodell und die Backend-Geschäftslogik zu erstellen – ohne auch nur eine Zeile Code zu schreiben.
- Klicken Sie dazu auf „Application Backend“.
- Zunächst erstellen wir das Datenmodell und die Datentabellen für Ihre Anwendung.
- In dieser Datentabelle werden die Aufgaben gespeichert, die Ihre App verwalten soll.
- Klicken Sie unter „Configure fields“ auf „Add New“, um die Felder Ihrer Tabelle hinzuzufügen.
- Sie können eine Vielzahl von Feldtypen erstellen: Text, Zahl, Datum, Liste und wahr/falsch.
- Das Datenmodell für Ihre App kann ganz einfach ohne Code erstellt werden.
- Und es ist noch mehr möglich, zum Beispiel:
- Bei Bedarf können Sie zusätzliche Datentabellen oder Geschäftslogik erstellen. Zum Beispiel durch Hinzufügen einer Feiertagsalarm-Funktion, die Sie über Aufgaben informiert, die an Feiertagen auslaufen, oder einer Liste empfohlener Anbieter oder Dienstleister, die Sie mit der Ausführung von Dienstleistungen wie der Wartung von Geräten beauftragen können. Klicken Sie dazu in der Datentabelle „Vendor list“ auf die Schaltfläche (...).
- Hier können Sie Geschäftslogik hinzufügen, die Bedingungen und Regeln auf die Verwaltung der Geschäftspartner in Ihrer Anbieterliste anwendet.
- Sobald Sie das Datenmodell für die „To-Do Manager“-App erstellt haben, können Sie zurück zum Frontend App Builder gehen.
- SAP Build Apps bietet ein In-App-Lernprogramm, das die Einarbeitung und den Lernprozess beschleunigt. Klicken Sie auf den Lernstatus, um mehr zu erfahren.
- Mit der In-App-Lernfunktion können die Benutzer ihre Lernfortschritte leicht verfolgen.
- Im In-App-Lernbereich finden Sie hilfreiche Tipps und Lerninhalte zu wichtigen Konzepten wie UI-Design, Daten und Geschäftslogik.
- In einem früheren Ablauf haben wir gezeigt, wie Sie mit „Visual Cloud Functions“ ein Datenmodell in Ihrem Backend für Ihre „To-Do Manager“-App erstellen können.
- Wenn Sie Ihre Anwendung mit einem anderen Backend integrieren möchten, können Sie eine Verbindung zu Ihrer SAP-Landschaft über die Authentifizierung der SAP Business Technology Platform (SAP BTP) oder eine Verbindung zu Nicht-SAP-Systemen über APIs herstellen.
- Nun, da Sie sowohl das Frontend als auch das Backend Ihrer App entwickelt haben, ist Ihre „To-Do Manager“-App bereit zum Testen.
- Klicken Sie in Ihrem „App Builder“ auf die Registerkarte „Launch“.
- Klicken Sie auf „Preview your app“, um zu sehen, wie die App aussehen wird.
- Hier sehen Sie die Vorschau Ihrer „To-Do Manager“-App.
- Wir hoffen, dass Ihnen die Demo gefallen hat. Schauen Sie sich unsere anderen Inhalte und Learning Journeys an, und realisieren Sie weitere Projekte!
SAP BTP testen und kaufen