Initiative Tracker App - Build the App

Get Started with the Initiative Tracker App Prototype

1. Select lobby to open the SAP Build entry page.

2. In the lobby, use the search field to locate the project named COO - Initiatives App - Prototype.

   

3. When you find the prototype app, select the Navigate arrow on the right-hand side.

4. Select the Versions tab, locate the Editable version, and select the Options icon. Then choose Save As New Project.

   

5. On the next screen, enter the following:

   Input Field	Input Value
   Project Name	COO - Initiatives App -
   Description	Initiatives App Project

6. Select Save As New.

   

Once your project is saved, it should open the editor automatically, as below. If the project does not open automatically, select your project’s name in the lobby.

You can see the main components of the UI are already in place:

View Integrated Data and Workflow Process

1. Select Integrations in the editor toolbar.

   

2. The Integrations screen shows the systems and processes that are already connected to your app. These integrations are inherited from the prototype you used to create your project.

   • initiatives_db: This is a CAP (Cloud Application Programming) service created using SAP Build Code and deployed to SAP Business Technology Platform (Cloud Foundry environment). It contains data entities such as Initiatives, Owners, Status, Priorities, and Departments — all of which are integrated into your app using OData. For this Basic Trial, all data is managed within a CAP service. However, in real-world scenarios, you can also integrate external systems such as SAP S/4HANA Cloud, SAP SuccessFactors, SAP Ariba, SAP Concur, and others using SAP Build.

   • CREATE_INITIATIVES_PROCESS: This is a process automation within SAP Build. This workflow has been deployed to your environment and added to your project. When a user selects the Submit button on the Create Initiative screen, this process is triggered. It starts a workflow to request approval of the new initiative by the relevant manager.

   

   If you would like to further explore the integration between business processes and low-code applications in SAP Build, check out the Basic Trial workbook Extend S/4HANA with SAP Build which is also included in your Basic Trial Request.

Complete the App

Now, let’s complete your application.

1. Select User Interface to return to the UI editor.

   

2. You may have noticed that a Bar chart is missing when compared to the app UI shown in the introduction. You’ll now add this missing Bar chart to your project.

3. In the left-hand panel, open the INSTALLED tab and locate the Bar chart component.

4. Drag a new Bar chart onto the UI, placing it beside the existing Bar chart within the same Container.

5. Select the new Bar chart. In the properties panel, choose Chart data.

6. Select Mapping.

7. Choose Source Data.

8. Select Data and Variables.

9. Choose Data variable.

The data variables are pre-configured in the prototype as a method to access the data that is stored in the CAP service and use it in our application

10. Set the data variable to Status1, then select SAVE.

11. Set the x axis to Status and the y axis to Count, then select SAVE.

12. Set the Y axis label to Total Initiatives.

13. Set the X axis label to Status.

14. Adjust the Chart area vertical padding to 40.

15. Finally, remember to Save your project using the button at the top right of the interface.

Your Initiative Tracker App is now complete and ready for use!