Add a URL App to Your Workpage in SAP Build Work Zone, advanced edition

1. Access the Administration Console from the user actions dropdown menu under your avatar.

   

2. Go to the External Integrations section, expand it, and click Business Content.

   

3. Click Content Manager to open it.

   

1. From the Content Manager, click Create and select App from the list.

   

   The App editor opens with the Configuration tab in focus.

2. Enter the following values:

   • Title: Innovation at SAP

   • Open App: In place

   • URL: https://sap.io

   

3. Click the Navigation tab to specify the intent of your app.

   The unique combination of a semantic object and an action is called an intent. It is used to define navigation to an application.

4. Enter the following values:

   • Semantic Object: Innovation

   • Action: Display

     

5. Click the Visualization tab. In this tab, you specify how the app tile will appear in the Applications page of your site.

6. Enter the following values:

   • Subtitle: SAP.iO program

   • Information: Learn about SAP.iO

   • Icon: Click the browse icon, type visits, click on the displayed icon to add it.

7. On the right, you can see a preview of the tile with all the properties you entered.
   Click Save.

   

You’ve configured the URL app and in the next step you’ll go back to the Content Manager to see it in the list of content items.

Click Content Manager in the breadcrumbs in the header to navigate back to it.

You can see your app in the list of content items:

To view the app in runtime, you must assign the app to a role. You also need to assign the app to a group so that it’ll be visible in the Applications page of your site. This is described in the following steps.

The Everyone role already exists in the Items list of the Content Manager by default. Content assigned to the Everyone role is visible to all users.

1. In the Items list, click the Everyone role to open the Role editor.

   

2. Click Edit.

   

3. Click the search box in the on the right to view any available apps in the list below.

   If you have many apps, you can type some letters of your app name in the search bar, (for example, In) to search for the app.

4. In the Assignment Status column, drag the toggle switch to the right next to the Innovation at SAP app to assign this role to your app. You’ll see that the icon changes.

5. Click Save.

   

A group is a set of one or more apps displayed together on the Applications page of your site. Assigning apps to groups, makes them visible to the user on the workpage. In this step you’ll create a new group and assign the app to it.

1. Click Content Manager in the breadcrumbs in the header to navigate back to it.

   

2. Click Create and select Group to create a group.

   

3. Enter SAP as the Title.

4. In the Assignment Status column, drag the toggle switch to the right next to the Innovation at SAP app to assign it to this group. You’ll see that the icon changes.

5. Click Save.

   

Your app is configured. Now you’ll go to the Applications page to see that the app appears there.

1. Click the Site Directory icon in the side panel.

   

2. Click the Open site icon.

   

3. In the top-level menu of your site, click Applications.

   

You’ll see your app displayed as a tile in the new group you assigned it to:

Now you’re going to add this app to the Home page.

1. Click the back arrow to go back to the Home page.

   

   You can also navigate back to the Home page from the top navigation bar. Click Home and then select Home next to the little house icon.

2. Click the pencil icon to open the Page Designer.

   

In the previous tutorial, you added a header to your Home page and underneath it, you added a SAPUI5 app. You’re now going to add the URL app next to the existing app.

1. Scroll down to the bottom of the page and in the same section as the New Orders app, click the + Add Application Tiles.

   

2. In the Tiles screen, from the search box, start typing in the name of your app Innovation at SAP, select the app, and then click Add. The app is added to the section on your workpage.

   

3. Scroll to the top of the screen and click Publish.

   This is how your Home page looks now with the 2 added apps:

   

4. Click the apps to open them.