Usage Scenario
Developing UI applications through SAP Build Apps tools simplifies creating user-friendly interfaces. It eliminates the need for coding expertise, making app development accessible to a wider audience. With intuitive drag-and-drop interfaces and prebuilt components, users can easily prototype, design, and customize their applications. By integrating with data sources and APIs, SAP Build Apps enables the creation of dynamic and interactive UI applications without writing complex code.
You must guide the warehouse operator through the check procedure for the new goods arrived to the warehouse. To do this, the user interface (UI) application provides a search feature for the purchase orders in the SAP S/4HANA Cloud system. It enables selection of the correct item, gives a checklist detail for the selected product, and enables the operator to mark and note all found issues.
App Builder Features
The App Builder or SAP Build Apps - Web & Mobile, is the core of SAP Build Apps. It enables you to do the following things:
- Define your app's structure and navigation logic.
- Build pixel-perfect user interfaces.
- Create complex logic with visual programming.
- Integrate with external data resources and SAP systems.
- Bind data to your components to create dynamic views and more.
For more information on the App Builder, refer to the SAP Help portal at:SAP Help: App Builder
The UI application is normally designed to display and handle the data stored in one or several back end applications. So, the data integration is often the main pillar of the UI application design. With SAP Build Apps, you can use SAP BTP integration to access your SAP Systems using destinations or get the data directly from your SAP Build Apps back end application created with Visual Cloud Functions.
For more information on SAP BTP integration, refer to the SAP Help portal at:BTP Integration at Help.SAP.com
There are many visual components and flow functions provided by SAP Build Apps. In this learning journey, we only use some of them so you can read the corresponding documentation before you start an exercise.
View Components Are:
- Title
- Text
- Container
- Input Field
- Button
- List Item
- Checkbox field
- Toggle
For more information on viewing components, refer to the SAP Help portal at: Viewing Components on Help.SAP.com.
Flow Functions
A key concept in the App Builder is the ability to bind component properties (Help.sap.com Binding-data) to data stored in variables. The basic use case is binding a property directly to a variable. Bindings resolve automatically. For example, whenever you fetch new data from the back end and store it to your data variable using the set data variable flow function, the component updates to show the new data.
The most widely used binding types are so called formula functions (Help.sap.com: Formula-functions) or simply formulas - expressions that allow you to build algorithms in your app. They follow the same concept as Excel spreadsheet formulas, borrowing the context-aware functionality from them.
Summary
You now understand what App Builder can do and how the data integration works in SAP Build Apps. You are familiar with some visual components and flow functions and understand how to change their properties using the bindings. You can test the application with the Preview Portal.
Further Reading
- For more on SAP Build Apps, refer to the documentation in the SAP Help portal at:Help.sap.com: Build-apps
- For more on AppGyver reference, refer to the SAP Help portal at: Appgyver.com