This document is for demonstrating how to configure SAP Fiori Launchpad on Portal (FLP). This document provides steps on how to enable the Fiori Launchpad which is present in the SAP Portal. It covers how we can convert existing portal roles and convert iViews into tiles in Fiori. It mainly covers how we can Launch Web Dynpro ABAP and SAP GUI transactions from the Portal Fiori Launchpad.

This wiki is the inspiration from the wikis:

http://scn.sap.com/community/enterprise-portal/blog/2014/07/17/sap-fiori-launchpad-on-portal-sample-content-for-administrators written by  Shani Limor

http://scn.sap.com/community/enterprise-portal/blog/2014/11/13/building-your-mobile-portal-using-fiori-launchpad-on-ep written by Sibylle Brehm

I have tried to elaborate it and have provided more detailed steps.

SAP Fiori launchpad on portal is available for portal customers as of NW 7.31 SP12 and NW 7.4 SP7 and above.

With FLP on EP, portal administrators can control which applications appear in the launchpad for desktop, mobile and tablet devices. SAP Portal iViews appear as tiles in the Launchpad.

It provides the detailed step by step instructions in configuring and building a demo role to access SAP Fiori on SAP Portal.

1. Check for URL Alias portal/fiori

Portal by default comes with URL alias “portal/fiori”. Check and make sure its present if not then create a new one as per the screen shot.

Navigation: System Administrator->System Configuration->Portal Display->URL Alias Manager

URL_alias_manager.png

2.

Assigning Fiori Desktop to URL Alias

We have to assign the Fiori desktop to the url alias “portal/fiori”

Navigation: System Administrator->System Configuration->Portal Display->Desktops and Display Rules->Portal Content->Portal Administrators->Super Administrators->Master Rule Collection


If URL alias = portal/fiori

Portal Desktop = pcd:portal_content/every_user/general/defaultFLPFrameworkContent/FLPDesktop

Master_rule_collection.png


URL for accessing FLP

After applying this rule, to access Fiori on portal, we have to use the url

http://<host>:<port>/irj/portal/fiori


3. Device Group Manager Configuration

Device group manager is the place where we can specify what types of devices that are supported. We need not make changes to it unless we have any specific requirement.


Navigation: System Administrator->System Configuration->Portal Display->Device Group Manager


Object IDs: Observe the Object Ids, we need to pass the object ids to the iViews so that the respective iView can be accessed from desktop/smartphone/tablet devices.


If an iView has to be acceded in all the 3 devices i.e. in Desktop, Smartphone and Tablet then the Object ID of iView should have value:

com.sap.portal.dg.desktop;com.sap.portal.dg.smartphone;com.sap.portal.dg.tablet

Device_Group_manager.png


4. Fiori Launchpad Categories


Using the Categories iView we can manage the tile catalog of Fiori. The iView by default comes with few preconfigured sample categories; we can edit them or can define a new category in the same iView.


Navigation: Content Administrator->Portal Content Management->Portal Content->Portal Users->Standard Portal Users->iViews->Fiori Launchpad->Fiori Launchpad Categories


PCD: portal_content/every_user/general/iViews/FioriLaunchPad/FioriLaunchpadCategories


Here is the screen shot showing the pre-configured. The category has the Category ID, Category Order and Category Title.


Fiori_launchpad_categories.png



For demo let’s add a new category:

Category ID: MY_COMPANY_APPS

Category Order: 8

Category Title: My Company Apps

Fiori_launchpad_new_category.png


5. SAP Fiori Role Creation

Create a free style or any other kind of role as needed. For demo let’s create a role “My Organization Fiori Apps” and add couple of iViews, we can add different type of iViews like URL, Wb Dynpro, SAP Transaction, App Integrator, UI5 etc iViews to the role.

/wp-content/uploads/2015/12/fiori_role_creation_858362.png

We can take the existing SAP Portal roles and can convert the iViews into tiles in Fiori. For this we need to set the following properties for iViews, pages and roles.

    a.      Category Assignment

    b.      Object ID of device group

    c.      Icon URI and Image type

How to set these properties are described below in detail.

a. Category Assignment for iView

We need to set the Category Assignment property for the iView so that the respective iView would be visible in the Category Group in Fiori.

Let’s assign the Category ID which we created in step 4 i.e. MY_COMPANY_APPS

iView can also belong to multiple categories, then in Category Assignment we can have multiple categories with semi colon separated.

If an iView belongs to categories WebDynpro and MY_COMPANY_APPS, then Category Assignment should have value: WebDynpro;MY_COMPANY_APPS

iView_Category_assignment.png

b. Set “Object ID of Device Group” property for iViews, Pages and Roles


For all the iViews, Pages and Roles used in Fiori we have to set the “Object Id for Device Group” property.


Note:  This property is Mandatory; if we don’t set the property then the iView will not be displayed in FLP.


    com.sap.portal.dg.desktop – this value will make the iView visible in FLP for desktop users.

    com.sap.portal.dg.smartphone – this value will make the iView visible in FLP for smartphone users.

    com.sap.portal.dg.tablet – this value will make the iView visible in FLP for tablet users.


iView_object_id.png



c. Setting the Icon URI property for the iView

For displaying the image on the Fiori tile, for the iView we have to set the “Icon URI” property

icon_property_iView.png

Setting the Icon URI and Image type properties, we can see the image on the Fiori tile as shown below.

Search_documents_img.png

d. Image Repository on Portal

We can find the SAP delivered images on portal in Web Resource Repository.

Navigation: Content Admin->Web Resource Repository->Web Resources->Pictograms

/wp-content/uploads/2015/12/sap_delivered_images_858367.png




6.  SAP Fiori Home Page

We can access the SAP Fiori home page by using the url

http://<host>:<port>/irj/portal/fiori


Assign the role which we created for Fiori for a user id and test it. Let’s see how ours apps will be displayed in Fiori.


/wp-content/uploads/2015/12/sap_fiori_lpd_portal_858368.png



a. Monthly Lead Time Report tile

It will display the POWL based application.

/wp-content/uploads/2015/12/monthly_lead_time_report_tile_858369.png

b.    Employee Self Service tile

Clicking the Employee Self Service tile will access the backed ECC Launchpad and will display the apps configured in the Launchpad. Here we are displaying the ESS Launchpad in the tile.

ESS_tile.png

c.    Analyse Material Cost Estimates tile

It will display the backend Web Gui SAP transaction: S_P99_41000111

Analyse Material Cost Estimates tile.png



d.    WDA Image App tile

It will display Web Dynpro for ABAP application: salv_wd_test_image1

WDA_image_app_tile.png



e.    Search Documents tile

It will display the custom portal application built for searching the documents in KM Repository.

KM_search.png




To report this post you need to login first.

5 Comments

You must be Logged on to comment or reply to a post.

  1. Tim Casper

    In step 6:  You show the tiles automatically appearing on the home page.  When I do this, the tiles appear in the Tile Catalog, but not on the home page .. the home page is blank.  I even checked the ‘Default app in home page’ property with no luck …

    (0) 
    1. Sridhar Kanchanapalli

      It seems, by design – If you assign roles to user after logged into the portal default tiles does not show up. You need to clear cache from System Administration -> Support -> PCD Tools -> Personalization Data Cleanup. You can search for user / remove personalization for all the users.

      (0) 
  2. Mahendran Balasubramani

    Hi Tim,

    I have followed the same and when I run the URL with /irj/portal/fiori, it is loading the fall back theme i.e. the classic framework. I also get an error “Can’t get theme – theme does not exist. Fallback to default theme“. What might be the reason?

    (0) 
    1. Sridhar Kanchanapalli

      Your theme has issue. Can you go to Content Administration -> Portal Display -> UI Theme Designer -> Customize Blue crystal theme and assign to your desktop. If you do  not see Theme Designer, you need to activate theme designer.

      (0) 

Leave a Reply