SAP Fiori Launchpad Configuration



Sap Fiori Launchpad is the entry point to all the SAP Fiori applications, it is basically a shell, which hosts all the sap fiori applications. All these applications are shaped into the Launchpad in the form of Tiles. And on the click of these tiles, particular fiori apps opens up. This includes SAP Business Suite transactional applications, and SAP Smart Business analytical applications. The launchpad is role-based, displaying tiles according to the user’s role.

Users can actually personalize the layout of the tiles, according to his/her requirements. Launchpad gives the following functionalities for personalization, like grouping, moving and deleting tiles.
These tiles are actually responsive, and actually adapt to the screen size and any device. Tiles have varying degrees of opacity according to the user's use of the apps; frequently-used apps visually stand out in comparison to less frequently-used apps, which are more transparent.

 
 
It offers, web based entry point to use SAP Business applications across platforms and devices. It also provides high productivity for end users by providing features like theming, search integration.

Sap Fiori Launchpad running on ABAP

The SAP Fiori launchpad running on the SAP ABAP FES (Front End Server) in combination with SAP
NetWeaver Gateway is the first implementation of the Fiori launchpad, natively aggregates Transactional, Factsheet and Analytical Fiori applications with established UI technologies.
It leverages existing users, authorization management and role configuration in the established ABAP
Environment, in a multi back-end environment


Now, let’s take an example on how to implement a fiori application in SAP Fiori Launchpad. Here we are taking example of “Track Sales Order” application. So, lets track the procedure step by step:

Step 1. First step is to open the App Implementation page of the particular app from help.sap. Here we will open the App Implementation page of “Track Sales Order”.

 
 
Notice, the Technical name of the UI5 application, i.e. “Track sales order”. Here it is SD_SO_MON

 
 
Step 2. Now, to obtain configuration parameter for LPD_CUST, we have to follow 2 steps:

1. Provide base path for the BSP application

a) For this, first go to your Logon; enter your credentials for ECC. Then enter the T-code “SICF”.

 
 
b) Now, enter the service name. This should be the technical name that we just mentioned above, i.e. SD_SO_MON for “Track Sales Order”. Then Execute.
c) Now go to sap>ui5_ui5>sap>sd_so_mon and double click on it.

 
 
d) Now, just notice the path /sap/bc/ui5_ui5/sap/ sd_so_mon 

2. Provide a root component based on the UI5 Component Model

a) Now, go to T-code SE80

 
 
b) Choose BSP Application and enter your app service name
c) Choose the glass display icon
d) Expand page Fragments


e) Double click the component.js file and copy the content next to ‘jQuery.sap.declare’. Here it is “cus.sd.salesorder.monitor”


 
Step 3.  Next step is to configure the Launchpad from the frontend, i.e. Register your app create a launchpad, for that, go to T-code LPD_CUST and select new Launchpad.

Overview of all Launchpad's, can edit or create new ones. Creating a new one you will need to enter a Role, Instance and Description.

 
 
Now, click on New Application, then Enter the details; Link Text, Application Type, URL and click Show Advanced Parameters.

These are the Mandatory Fields:
•Link Text
•Application Type (URL)
•URL (Provided Above in step 2)
•Application Alias (Provide a Name)
•Additional Information (Provided Above in step 2)

 

Save the information.

Step 4. Launch the Launchpad Designer. Use the following URL: https://<server>:<port>/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html ?sap-client=<client>&scope = <CONF/CUST>

Now, to create a tile you need to create target mapping. Click Plus sign and enter the name for the tile and click save.

 
 
Provide a title and id in the pop up. Here, I have provided both as ZTrack_Sales_Order.
Then click on “Create Target Mapping”

 
 
A new window will open. Enter the details accordingly.

Notice you will have to create a Semantic object for this in the ECC. Use a user who has full authorization; now use the T-code /n/ui2/semobj. Create a new entry and add the details accordingly.

 

 
 
Next, you would be prompted to save a workbench request. Click on continue and the semantic object for our application has been created. Now enter this semantic object details in the “create target Mapping” popup.

 
 
Click on Save, now the target Mapping is done and the screen would look like this:

 
 
Step 5. In this step, we will add the tile to the Launchpad
Click on the tiles tab, and select + sign and select the type of tile to be created and enter the details