Skip to Content

Add a Web Dynpro ABAP App to Your Launchpad Site

test
0 %
Add a Web Dynpro ABAP App to Your Launchpad Site
Details

Add a Web Dynpro ABAP App to Your Launchpad Site

August 12, 2021
Created by
November 12, 2019
Add a classic SAP UI app (like those typically run by SAP customers on the data center backends), to your launchpad site.

You will learn

  • How to expose a Web Dynpro ABAP backend application to your launchpad site.
QR code

Prerequisites

  • You have created a destination in SAP BTP cockpit to the SAP Gateway Demo System.
  • You have subscribed to the SAP Launchpad service and created a launchpad site.


In this tutorial, you’ll use the Content Manager in the SAP Launchpad service to add a Web Dynpro ABAP app to your launchpad site.

Step 1: Open the Content Manager
  1. To get to the Content Manager, first click Service Marketplace in the left navigation panel of your trial account and in the search box, enter launchpad to find the Launchpad Service tile. Then click the Launchpad Service service tile.
    Click subscriptions

  2. From the Overview tab on the right, click the Actions icon (…) and in the opened menu, click Go to Application.

    Go to application
  3. In the side panel, click the Content Manager icon to open the Content Manager.

    Open content manager
Log on to answer question
Step 2: Configure the Web Dynpro ABAP app
  1. In the Content Manager, click + New and then select App from the list.

    Create new app
  2. In the PROPERTIES tab, enter these values:

    Field Value
    Title Search POs
    System Select the value ES5
    App UI Technology Select Web Dynpro ABAP
    Application ID S_EPM_FPM_PO
    Add app properties
  3. In the NAVIGATION tab, enter these values:

    Field Value
    Semantic Object S_EPM_FPM_PO
    Action Display
    Add navigation properties
  4. In the VISUALIZATION tab, enter these values:

    Field Value
    Subtitle Search for Purchase Orders
    Icon Click the browse icon, type activity-2. You’ll see two icons. Click the first one and then click OK.

    Click Save.

    Add visualization properties
Log on to answer question
Step 3: View the app that you created

Click the Content Manager icon in the left side panel to open the Content Manager.

Go back to Content Manager

You can see your Web Dynpro ABAP app in the list:

View app

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 your site.

This is described in the following steps.

Log on to answer question
Step 4: Assign the app to the Everyone role

Content assigned to the Everyone role is visible to all users.

  1. In the Content Manager, click the Everyone role.

    Click everyone role
  2. Click Edit.

    Click Edit
  3. Click the search box in the Assignments panel on the right, any available apps are shown in the list below.

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

  4. Click the + icon next to the Search POs app to assign the app to the Everyone role.

    Assign app to role

    You’ll see that the icon changes.

  5. Click Save.

Log on to answer question
Step 5: Assign the app to a group

A group is a set of one or more apps displayed together in your site. Assigning apps to groups, makes them visible to users of the site.

  1. Click the Content Manager icon to open the Content Manager.

  2. Click + New and select Group from the list to create a group.

    Add new Group
  3. Name the group Purchase Orders.

  4. In the Assignments panel, click inside the search box on the right of the screen, to show all available apps. You should see the Search POs app.

  5. In the list, click + to assign the Search POs app to your group.

    Assign app to group

    You’ll see that the icon changes.

  6. Click Save.

Log on to answer question
Step 6: Launch the app
  1. From the side panel, click the Site Directory icon to open the Site Directory.

    Open site directory
  2. On the JobCore tile , click the Go to site icon.

    Go to site
  3. Enter your logon details if prompted to do so.

  4. In the Purchase Orders group, click the Web Dynpro ABAP app called Search POs to launch it.

    View my apps

And this is what you’ll see:

View app

What is the name of the tool that contains various editors where you can configure apps, roles, groups, and catalogs?
×

Next Steps

Back to top