Software License Tracker App - Build the App

Get Started with the License Tracker App Prototype

1. Select lobby to access the entry page of SAP Build.

2. In the lobby, use the search field to locate the project named CIO - Software License App - Prototype.

   

3. When you find the template app, select the Navigate arrow (1) on the right-hand side.

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

   

5. On the next screen, enter the following:

   Input Field	Input Value
   Project Name	CIO - Software License App -
   Description	Software License Tracker 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, simply choose your project’s name in the lobby.

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

   

View Integrated Data and Workflow Process

1. Click Integrations on the editor screen

   
   • On the Integrations screen you can see that your project has inherited some integrations from the template you copied.
   • License_db: This is a CAP service that has been built using SAP Build Code and deployed to Cloud Foundry. It holds data for CIO licenses. For the purposes of this Basic Trial we use a CAP service for all our data, but of course it is possible to integrate data from S/4HANA Public Cloud, SuccessFactors, Ariba, Concur and more when working with SAP Build.

   For the purposes of this Basic Trial we use a CAP service for all our data, but of course it is possible to integrate data from S/4HANA Public Cloud, SuccessFactors, Ariba, Concur and more when working with SAP Build.

   

Complete the App

Now, let’s complete your application.

The template has been prepared with much of the app functionality completed. However, you still need to add some data and UI elements to make it fully functional.

A list item has been added and the primary label and secondary label bindings (to the Licenses_db data source) are set.

Now you need to configure the list to display the full information from the License data source using the Repeat with property.

1. Click on User Interface to return to the UI editor.

2. Select Home page from the dropdown.

3. Select List item 1.

4. In the properties panel on the right, Select the bindings icon under Repeat with

4. Select Data and Variables

5. Select Data Variable

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

6. Finally select Licenses1.

7. Select Save.

The Expiry Date page in your app also needs some additional work.

You are now going to add text to the navingation button in the app, to navigate from the Expiry details page back to the home page.

1. From the dropdown on the top left, select the Expiry details page

   

2. Select the blank button at the bottom of the page to open the button properties panel.

   

3. In the Label field, add the value: Home

   

You can see In the logic canvas, the step Open page has already been added in the template. The Open Page step is mapped to the Home page.

Later when you select this button you will navigate back to the Home page.

4. Make sure to save!

You have completed the App!!