A drive through

SAP FIORI APPS

Ankit Garg

[removed by Moderator]

Contents

• Overview of SAP Fiori

• Architecture of SAP Fiori

• Types of SAP Fiori apps

• Transactional apps – Overview

• Analytical apps – Overview

• Factsheets – Overview

• Useful links

What are SAP Fiori apps?

SAP Fioriis the new user experience (UX) for SAP software. It applies modern design principles for a completely reimagined user experience. SAP Fiori represents a personalized, responsive and simple user experience across devices and deployment options.

When combined with the power of the SAP HANA platform, SAP Fiori delivers unmatched responsiveness. SAP Business Suite applications, use SAP Fiori UX to provide a personalized and role-based user experience for enterprise-wide engagement across lines of business. It provides optimal usability on multiple devices for the best business interactions and ease of use. Now SAP users can enjoy the real-time user experience.

SAP Fiori is a package of Apps designed for various LoB, scenarios. These Apps are simple to use, interactive, explanative, easy-to-navigate, and platform-friendly. These SAP Fiori Apps can be accessed by any device like Desktops, Tablets, Cellphones etc.

SAP has delivered Standard Fiori Apps for almost all possible business process. User can also configure Customized apps, if standard ones do not fulfill their requirement.

Design Principles of SAP Fiori

Components of System Landscape     

Architecture of SAP Fiori

Database

SAP HANA is an in-memory database platform that you can use to analyze large volumes of data in real-time. It was previously called High Performance Analytic Appliance. It stores data using columnar storage technique, which makes it perfect for on-the-fly reporting.

However, Transactional apps (discussed below) can be deployed on any DB, while Analytic apps and Fact sheet apps require HANA DB only. For best performance, SAP Fiori should be deployed with HANA DB.

ABAP back-end Server

The back-end server is based on SAP NetWeaver. In the ABAP back-end server, the SAP Business Suite products are installed, which provide the business logic and the back-end data, including users, roles, and authorizations.

This Server contains Virtual Data Models (VDM) or HANA LIVE, Data Providers from which data will be retrieved for the Fiori apps. This Server is directly connected to HANA DB. An RFC connection (system alias) is to be established between Back-end and Front-end Server for communication.

ABAP front-end Server

It is SAP NetWeaver Gateway having SAP UI5 and SAP Fiori add-ons. SAP Gateway is the back-bone of FIORI apps. NetWeaver Gateway is a set of ABAP add-ons to your existing SAP ERP system that provides easy access to your business information in a simple, people-centric manner and lowers the data consumption barrier to the point that no prior knowledge of an SAP system's internal workings is required.

SAP Gateway handles the communication between the web dispatcher and the SAP Business Suite back end. SAP Gateway uses OData services to provide back-end data and functions, and processes HTTPS requests for OData services. End-users access the SAP Fiori apps from the SAP Fiori Launchpad (web dispatcher). The specific UIs for the apps are delivered as SAP Business Suite product-specific UI add-on products, which must be additionally installed on the front-end server.

Web Dispatcher

It is the Fiori Launchpad where Fiori apps can be accessed by End-user through “Tiles”. It is designed using SAP UI5 framework. This Dispatcher is accessed through Web Browser using a URL. If this URL is accessed outside corporate network, make sure that connection is secure.

SAP Fiori apps are processed as follows: First, Fiori Launchpad loads the UIs for the SAP Fiori apps. Second, while running, the app consumes data from the SAP Business Suite back-end systems.

Standard browsers have a “SAME ORIGIN” policy, that is, HTTPS requests for the UI data and the back-end data must communicate with just one web address.

To meet this requirement, a reverse proxy server between Dispatcher and the SAP system must be installed. The reverse proxy server acts as the only point of entry for all HTTPS requests. Depending on the requests that the app sends, the reverse proxy server selects the appropriate application server, the ABAP front-end serve or SAP Gateway server.

Types of SAP Fiori Apps

SAP Fiori has three app types, each distinguished by their application and infrastructure requirements:

1. Transactional apps
2. Fact sheets
3. Analytical apps

Transactional Apps

These apps let you perform transactional tasks, such as creating a leave request for an employee. They represent simplified views and interaction with existing business processes and solutions. They run best on an SAP HANA database, but can also be ported to other databases with acceptable performance.

For the transactional apps, the ABAP front-end server comprises of SoH (Suite on HANA) ,which contains the UI layer with the necessary product-specific UI components for the respective products (for example, ERP Financials (ERP-FIN), CRM, SCM and so on) as well as the infrastructure components. The infrastructure comprises the central UI component comprising add-ons as SAP UI5 control library and the SAP Fiori launchpad as well as SAP NetWeaver Gateway with the OData enablement.

The front-end components have access through a trusted RFC connection to the ABAP back-end server containing the business logic in the form of VDM or Data Providers.

The SAP Web dispatcher is the entry point for HTTP(s) requests into your system. The underlying database can be an SAP HANA database, or any database.

Analytical Apps

These apps let you get a role-based insight into real-time operations by displaying key figures directly in your browser. Analytical apps combine the data and analytical power of SAP HANA with the integration and interface components of SAP Business Suite. They provide real-time information on large volume data in a simplified front end for enterprise control. With analytical apps, you can closely monitor your most important key performance indicators (KPIs) in real time and react immediately on changes in market conditions or operations. These are also known as Smart Business or KPI apps.

The ABAP front-end server contains the UI layer with the infrastructure and the necessary product-specific UI components for the respective products used. The underlying database can only be an SAP HANA database. Back-end Server contains VDM and Data Providers from which data will be retrieved.

These front-end components have access through a trusted RFC connection to the ABAP back-end server with the business logic. KPI framework includes some roles which have to be assigned in order to configure KPI Modeler. Generally a separate user is created to configure KPI apps to which KPI roles are assigned. Once this is done, you can configure Analytic apps through web dispatcher in your browser.

HANA XS is a small-footprint application server, web server, and basis for an application development platform - that lives inside SAP HANA. The HANA XS Engine also contains the SAP Fiori app content for the different Business Suite products and the SAP Smart Business component with the KPI modeler as well as the Virtual Data Model (VDM) reuse content.

SAP has provided a feature of “Drilldowns” in order to analyze business based on By region, By Country, By Company Code, By Customers etc. In addition to it, you can restrict users to see specific apps. One or more Datsources can be used for single Analytical app.

SAP Analytical Apps Landscape

Factsheets

These apps display contextual information about central objects used in your business operations. Fact Sheets display master data or business documents in display mode. Fact Sheets are accessed from other apps like Analytical Apps by using app-to-app navigation in Fiori launchpad. Also you can search master data or business documents in the Fiori launchpad like google search. Facts Sheet is displayed by selecting the search result.

The architecture is somewhat similar to other apps. In addition, Factsheets require ABAP stack and Fiori Search enablement. For implementation, please follow links in the end of this document. This search is like google search which displays records when searched for a specific data, which is directly retrieved from SAP HANA.

For example, if you search material no. “CH003”, in search bar of Fiori launchpad, all documents (Business Objects) containing this material no. will be displayed. Select a particular entry, you can drill down to know underlying information such as locations where this material is sold, name of Top 10 buyers of it etc.

The ABAP front-end server contains the UI layer with the infrastructure and the necessary product-specific UI components for the respective products used. These front-end components have access through a trusted RFC connection to the ABAP back-end server with the business logic. These apps works only with HANA DB. Search models make Business Objects searchable during Fiori Search. For this, Software component has to be enabled, the steps are mentioned in the Useful links.

The SAP Web dispatcher selects the appropriate server for HTTP(s) requests by means of proxy server and request the search models from back-end server.

SAP Factsheets Apps Landscape

Useful links

https://support.sap.com/content/dam/library/SAP%20Support%20Portal/support-programs-services/solution-manager/integrated-tools/sap-fiori-for-sap-tdms1.0/tdms-fiori-config-quickgude.pdf

https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/

http://help.sap.com/fiori_bs2013/helpdata/en/12/af5252b10d5a64e10000000a423f68/content.htm?frameset=/en/25/4a4c52eea9c871e10000000a44176d/frameset.htm

http://help.sap.com/fiori_bs2013/helpdata/en/de/f9b152d7d3215ce10000000a44538d/content.htm?frameset=/en/89/3449526f7fd030e10000000a44538d/frameset.htm

https://help.sap.com/saphelp_nw73/helpdata/en/b6/e51604ca9a480bb8d58111a837b4ae/content.htm

Note

Please be advised that the usage of the SAP Fiori Toolkit is deprecated.

There will be no further updates/improvements to the SAP Fiori Toolkit.

Please use the SAP Web IDEfor creating new Fiori applications or for extending existing applications.

This document is now locked and no longer taking comments.  Please go to the link posted above for Web IDE. [Moderator]

SAP Fiori toolkit is an Eclipse plug-in that simplifies the standard SAP Fiori app development process and increases developer productivity.

This is achieved using a predefined SAP Fiori template and automatic code generation capabilities. The toolkit is based on the SAP NetWeaver Gateway productivity accelerator offering. SAP NetWeaver Gateway productivity accelerator (GWPA) provides Eclipse-based developer tools for creating OData-based applications

SAP Fiori toolkit supports the following:

• Extending the UI of an existing Fiori Transactional App or Analytical App (based on HANA) delivered by SAP. This is done by generating an extension project which includes all the changes to the original app.
• Generating Fiori starter apps based on a predefined template and an OData service. The starter application includes UI screens and the generated code with enterprise readiness capabilities. The starter application project can then be changed to suit the application requirements.

Version 1.1.4 (Released on 24/02/2014)

Changes in this release:

• Support parent projects from a git repository
• Find path Component.js in a parent project under any folder
• Service URL should not be changed to lower case
• Wrong mock service path is removed from extension project
• Find path of i18n folder in a parent project under any folder
• Find path of views/controllers folder in a parent project under any folder
• Replace hard coded {Currency} value in Details view of Starter application with service property value
• Use service name in service replacement as a  key
• index.html encoding problem while submitting to BSP
• Change “config” JSON block name in extension project Component.js to config (removed surrounding ")
• main.html of extension project was renamed to index.html

• Always show parent service details in the extension project wizard.

Documentation updates:

• How to run Starter application with mock data.
• Hide Control behavior explanation (sometimes control stay visible after hiding).
• How to install SAP Fiori toolkit on a fresh Kepler/Luna installation

Version 1.1.3 (Released on 14/01/2014)

Changes in this release:

• Starter Application wizard:
  • Added support for selecting and using any OData service in the application
  • Added support for customizing UI strings in Master and Details sections
  • Added support for selecting an OData collection and binding UI fields to OData properties in Master and Details section
• Enhancement in Overriding OData Service functionality in extension application.
  • Added support for Fiori applications containing Configuration.js and using it for OData Service definition. Previously only Component.js file was supported for overriding OData service.
• Minor bug fixes

Notes

• Tool is supported only for wave 2 SAP Fiori applications or above and that it cannot be used for wave 1 SAP Fiori applications
• Below use cases are supported:
  • Hiding a field
  • Using custom OData Service URL    
  • Adding New Fields at Specified Extension Points          
  • Adding New Tabs to the Icon Tab Bar at Specified Extension Points
  • Adding a custom list to the S3 screen at Specified Extension Points     
  • Adding a Confirm Button to the Footer of the Q Issue Detail Screen at Specified Extension Points        
  • Replacing an SAP-delivered Standard Application View with a Custom View    
• Below use cases are not supported by the SAP Fiori Toolkit (but conceptually supported):
  • Using custom text      
  • Navigating to the custom view
  • Manipulating the model of the SAP standard application at predefined hooks in controller      
  • Overriding functions in classes other than controller classes
  • Reusing original implementation of a function in an extended controller

Target audience - all developers

Prerequisites:

Before you can install the SAP Fiori toolkit, make sure you have the following:

• Eclipse® Juno 4.2
• HANA tools update site

To add the HANA tools update site:

• Start Eclipse.
• From the menu bar, choose Help > Install new software. The Available Software page is displayed.
• Click Add. The Add Repository page is displayed.
• In the Name field, enter a name for the repository.
• In the Location field, enter https://tools.hana.ondemand.com/juno
• Click OK.
• Select the Contact all update sites during install to find required software checkbox.

Documentation

• SAP Fiori toolkit documentation
• SAP UI development toolkit for HTML5 (SAPUI5) - Extensibility and Customizing guide
• What is SAP Fiori

Download

Use the following link to downloadSAP Fiori toolkit 1.1.4 (ZIP file) and follow the documentation

For feedback mail to us

Category: Extend/Develop

Get Involved: Impact SAP’s Solution for UI Adaptation by Sharing Your Needs

We want to understand how you’re dealing with UI adaptation. What do your processes look like? What challenges do you face? And how should it work for you ideally? Join our next workshop and be part of shaping UI adaptation at runtime. Find out how ...

Hi Guest:

            Here i am explaining functional side Backend Configuration for My spend Fiori Application.                                                      

Test Data:

Create Cost Element Group:

T-Code: KAH1

Create Cost Center Group:

T- Code: KSH1

Create Internal Order Group:

T - Code: KOH1

Assign Plan Cost to Cost Center Group:

T - Code: KP06

Standard SAP Report T Code: S_ALR_87013620

Assign Plan Cost to Internal Order Group:

T - Code: KPF6

SAP Report T - Code: S_ALR_87012999

=============================================================================================

For My Spend Application..Part - (A)...

      { Fiori: My Spend Application..Part - (A)...:) }

For My Spend Application Basic Functionalities...Part - (B)....

     { Fiori: My Spend Application Basic Functionalities...Part - (B).... }

For Learning  Backend Business Configuration for My spend Fiori Application

     {  Learn Backend Business Configuration for My spend Fiori Application Step by Step - (C)........:) }

For Functional Side Backend Configuration for My spend

      {  Learn Functional Side Backend Configuration for My spend Fiori Application Step by Step - (D)........:) }

Hi Guys,

                This blog describes in detail Myspend fiori application Basic functionalities.Hope this will be helpful. Please let me know if more details are required.

SAP Fiori Demo Cloud edition [Use this below link]:

{  https://demo-fioritrial.dispatcher.hana.ondemand.com/sap/hana/uis/clients/ushell-app/shells/fiori/FioriLaunchpad.html?helpset=trial&sap-client=001 }

Basic Functionalities of Myspend Fiori Application:

1. Open the My Spend  fiori app URL and  Click on the My Spend Tile.

1. Here we can see the Both Budget and Spending values.

1. Click on the filter  to see the Spending and Budget values in departmen level and project level by choosing time period.

1. Here we can see the Budget / Spending information two levels.

• Departmental Level [Cost Center Group = DIA_CCMONITOR]
• Project Level [Internal Order Group = DIA_IOMONITOR]

Here, Departmental level means cost center group and Project level means internal order group.

We can also view the Details in the Graphical / Details View (By choosing the Appropriate)

We are having an option like to see the Budget Amount in,

1. Month to Date:

            By using this, we can verify the Budget Amount Spent in the Current month.

1. Quarter to Date:

            By using this, we can verify the Budget Amount Spent for the Current month.

1. Year to Date:

            By using this, we can verify the Budget Amount Spent for the Current Year.

1. Other Time Periods:

            Here we are having an option to select the Budget Details based on the Month / Quarter / Year.

For Ex : we are selecting the Other Periods - > Years - > Fiscal Year 2015.

Detailes View:

Graphical View (spending):

              The graph indicates three colors.

1. Red Color : < 5% below budget.
2. Orange : 5% below or above budget.
3. Green : > 5% over budget.

Graphical View(Budget):

1. Click on Budget and again click on View Expense Detail. Here we can see expenses in grid  and statastics view.

SAP Fiori Demo Cloud edition [Use this below link]:

      {  https://demo-fioritrial.dispatcher.hana.ondemand.com/sap/hana/uis/clients/ushell-app/shells/fiori/FioriLaunchpad.html?helpset=trial&sap-client=001 }

Note: Here some screen are individual.Just understand the basic functionalities of Myspend fiori Application.

=============================================================================================

For My Spend Application..Part - (A)...

      { Fiori: My Spend Application..Part - (A)...:) }

For My Spend Application Basic Functionalities...Part - (B)....

     { Fiori: My Spend Application Basic Functionalities...Part - (B)....   }

For Learning  Backend Business Configuration for My spend Fiori Application

     {  Learn Backend Business Configuration for My spend Fiori Application Step by Step - (C)........:) }

For Functional Side Backend Configuration for My spend

      {  Learn Functional Side Backend Configuration for My spend Fiori Application Step by Step - (D)........:) }

How to assign Fiori Launchpage to Fiori Launchpad and redirecting to it when logging off from Fiori Launchpad:

> The best way to access SAP Fiori Launchpad by the end user should be through the Fiori Login Launchpage. If this is not set,you will get an error message as given below.

Figure : Error Page when logging off from Fiori Launchpad

Before we proceed with list of steps that are to be done,first have a look at the flow of accessing and logging off from the Fiori Launchpad diagram below.

Illustration : Fiori Launchpad Access Flow

In order to set its access through Fiori launchpage,we need to access the Fiori Launchpad Service,which can be found in the following path in SICF:

     default_host > sap > bc > ui2 > flp

Double click the 'flp' service and you will be in the 'Create/Change a Service' screen. Click the 'Error Pages' tab and then in the sub tab 'Logon Errors',select the radio button 'System Logon'

Figure : Configuring the Launch page service 'FLP' in Fiori LaunchPad in transaction SICF

and click the 'Configuration' button[]. A 'System Logon Configuration' pop-up will show up.

Figure : Setting Up the Logon class '/UI2/CL_SRA_LOGIN' in custom configuration

Select the 'Define Service-Specific Settings' radio button and the select the 'Custom Implementation' radio button and provide the following class in the ABAP Class input field '/UI2/CL_SRA_LOGIN' and then click the 'save' button[] to save the changes. you will be prompted for saving it to a Workbench Transport request.

For Log off page,we can do the same using the following path in SICF:

    default_host/sap/public/bc/icf/logoff

the service name here is 'logoff'

The first step of assigning system logon configuration in the Error Pages tab is the same as done for 'flp' class given above.

Additionally In the 'Error Pages' tab and under the sub-tab 'Logoff Page',select the radio button 'Redirect to URL' and provide the following URL in the 'Redirect' Input field '/sap/bc/ui5_ui5/ui2/ushell/shells/abap/Fiorilaunchpad.html'

Figure : Setting Up Landing Page Redirection on 'logoff' Service in SICF

This way when the user logs off the Fiori Launchpad,it will show the Fiori Launch page,instead of the error message.

[Note:]

To make customization in the Fiori Launchpage itself and for a complementary document to this one,refer to the following link:

How to Make Customizations in the SAP Fiori Logon Landing(Launch) Page?

[Note:]

Introduction : Recently I have been reading a lot of SAP Documentation (SAPX03, SAPX11 etc) and found a lot of TCODEs scattered across the documents, so thought of collating them in a single place for reference and share with you too. The document presents a collection of  TCODEs that are used at different points during SAP Fiori Administration and related activities.

Target Audience : SAP Fiori Consultants

Date published : 1 Feb 2016

Note for readers : Please do let me know if any mistake has crept in or if you would like to see any more TCODEs added to the list via your comments.

Administration related

PFCG : role maintenance administration to manage roles and authorization data. Also assign catalogues and groups to a role etc

SICF : activate ICF services

SM59 : define RFC connection towards target system to be enabled as trusted in source system

SICF_SESSIONS : activate HTTP security session management

SAPUI5 related

SE38 -> /UI5/UI5_REPOSITORY_LOAD : Upload/Download SAP UI5 applications

LPD_CUST : register a UI5 application

SAP Gateway/OData Services related

SE11 : ABAP data dictionary, you may have to include structure to extend an OData service

SE80 : Access BSP applications that contain SAPUI5 applications

SEGW : Generate Odata services from DDIC, BOR or RFCs

/IWFND/GW_CLIENT : execute OData Services

/IWFND/MAINT_SERVICE : register newly created custom OData service

/IWFND/CACHE_CLEANUP : clear Gateway cache on changing model

/IWBEP/CACHE_CLEANUP : clear Gateway cache on changing model

/IWFND/MED_ACTIVATE : to activate or deactivate the cache. Caching should be disabled in Development systems and enabled in Production systems

Semantic Objects related

/UI2/SEMOBJ_SAP : list of all sematic objects

/UI2/FLIA : display semantic objects and action pairs in use

Theme Designer related

/UI5/THEME_TOOL : tool for Customer Themes Maintenance

/UI5/THEME_DESIGNER : launch Theme Designer

Troubleshooting related

/IWFND/APPS_LOG : find structure that causes problem

/IWFND/ERROR_LOG: error logs related to OData service

SITSPMON : clear ITS cache

Connector Cockpit related

ESH_COCKPIT : launches connector administration cockpit

This is a collaborative document to share knowledge and lessons learned re Accessibility in Fiori.

By Fiori we mean: relating to Fiori design and development, SAPUI5 and OPENUI5 apps.

By Accessibility we mean relating to features that support:

• People with permanent disabilities
• People with temporary disabilities
• People as they age
• People with environmental disabilities - i.e. by choice or context choose to access technology as if disabled, such as working without hands when driving a car, using a smartphone with only one hand, etc.
• Assistive devices and software - such as Screen Readers, Screen Magnifiers, Eye Tracking Navigation, Text-to-Speech, Speech-to-Text, Speech Recognition, Gesture Recognition, etc.

Assistive devices and software:

• may be used by or designed for anyone, e.g. Siri in Apple iPhones, Dragon Naturally Speaking for Speech Recongition
• are often essential for people with certain specific disabilities, e.g. JAWS Screen Readers for the vision impaired

This document is part of the SAP Fiori community. You can also search for information and open a discussion in the Fiori forum if you can't find required information.

Please feel free to insert the link of your document or blog by selecting the edit button from Actions.

We include relevant blogs from experience.sap.com posted 2015 or later, as the majority of accessibility features haves been included in SAPUI5 from 2015 onwards. Relevant blogs from the OPENUI5 or SAPUI5 communities are also welcome.

Please don't forget to use the tags fiori and accessibility when you: search, publish blogs, open discussions.

This Document Contains a list of All Transaction Codes Required for SAP Fiori Development[Front-End,Back-End and Gateway]. For utilization of Workflows in Custom SAP Fiori Apps,Workflow related transactions would be used.Some of these will be available in Frontend[SAP Gateway] and Some will be for SAP Back-End, in case of Central HUB deployment of SAP Gateway. In case you have an Embedded Gateway Deployment,both Back-End and Front-End Transactions would be available in a single system.

The list of T-codes is based on the following system:

EHP7 for SAP ERP 6.0(Release = EHP7 FOR SAP ERP 6.0)

SAP ERP(Release = 2005(SAP ERP 6.0))

SAP Netweaver(Release = 7.4)

and the following Software Components:

SAP_BASIS    Release = 740  SPLevel =  0010    Support Package = SAPKB74010    SAP Basis Component

SAP_ABA    Release = 740    SPLevel = 0010    Support Package = SAPKA74010    Cross-Application Component

SAP_GWFND    Release = 740    SPLevel = 0013    Support Package = SAPK-74013INSAPGWFND    SAP Gateway Foundation 7.40

[Note:]

This list is divided into 3 columns.

(01)T-code

(02)Description of T-code

(03)Alternate T-code called,for example in case of Front-End and Back-End Transaction Codes.

[Note:]

Standard T-codes Required:

Odata Service Development T-codes:

SEGW    Gateway Service Builder

Administrative T-codes:

SU01    User Maintenance

PFCG    Profile Generator

SICF    Maintain Services

LPD_CUST    Launchpad

SMLG    CCMS: Maitain Logon Groups

SM59    RFC Destinations (Display/Maintain)

_____

SPRO    Customizing - Edit Project

Would require access to the following nodes in IMG(Implementation Guide):

SAP Customizing Implementation Guide > SAP Netweaver > SAP Gateway

SAP Customizing Implementation Guide > SAP Netweaver > SAP Gateway Service Enablement

SAP Customizing Implementation Guide > SAP Netweaver > UI Technologies

Figure 01 : SPRO Nodes Specific to SAP Fiori

_____

RZ10    Maintain Profile Parameters

RZ20    CCMS Monitoring

RSRT    Start of the report monitor

PTARQ    Test Environment for Leaves

EXTID_DN    External Identification Type DN

SPAM    Support Package Manager

SMICM    ICM Monitor

ABAP Related Backend Development T-Codes:

SE93    Maintain Transaction Codes

SE01    Transport Organizer (Extended)

SE80    Object Navigator

SE11    ABAP Dictionary Maintenance

SE18    Business Add-Ins: Definitions

SE24    ABAP Class Builder

ST22    ABAP Dump Analysis

SE63    Translation Editor

SE43    Maintain Area Menu

SE38    Abap Editor

SBWP    SAP Business Workplace

SM30    Call View Maintenance

____

Note:

Authorization for SM30 is required when accessing or configuring Configuration tables for example

creation of Semantic Objects using T-code '/UI2/SEMOBJ' which makes use of Maintenance Tables.

____

Workflow related T-codes:

SWDD    Workflow Builder

SWIA    WI Administration Report

SWDC    Workflow Definition: Administration

PFTC    General Task Maintenance

/IWWRK/WF_FILTER    Handle Activation of WF item filter

For Front End SAP UI5 Development:

All Transaction code starting with '/UI2/' and '/UI5/'.

Transaction Codes starting with '/UI2/':

/UI2/73000001    Register POWL APPLID    SICF_INST

/UI2/73000003    Maintenance view for SAP GUI Tags(user defined tags)    SICF_INST

/UI2/73000004    NWBC Configuration - Define Parameter Names(Customer)    /UI2/NWBC_CFG_P_CUST

/UI2/73000005    NWBC Configuration - Define Parameter Names(Customer)    /UI2/SAPLNWBC_CFG

/UI2/73000007    NWBC Configuration - Define Parameter Names(Customer)

/UI2/73000008    Maintain Services    SICF

/UI2/73000009    Trust Manager    STRUST

/UI2/73000010

/UI2/73000011    Trust Manager    STRUST

/UI2/73000012

/UI2/73000013

/UI2/73000014    Server Communications    CLB2_PLATF

/UI2/73000015    Application Server Assignment    CLB2_APPLI_PLATF

/UI2/73000016    badi Creation    SE18

/UI2/73000017    Semantic Objects

/UI2/73000019    SAPLS_CUS_IMG_ACTIVITY(Catalog)

/UI2/73000020    Catalogs

/UI2/73000021    Catalogs

/UI2/73000022

/UI2/73000023    Configuration of RFC Connections

/UI2/73000024

/UI2/73000025    Manage SAP System Aliases    /UI2/GW_SYS_ALIAS

/UI2/73000026    Activate and Maintain Services    /IWFND/MAINT_SERVICE

/UI2/73000027

/UI2/73000028    Maintain Services    SICF

/UI2/73000029    Role Maintenance    PFCG

/UI2/73000030    Data Browser    SE16

/UI2/73000031    Semantic Objects

/UI2/73000032    Launchpads    LPD_CUST

/UI2/73000033    Fiori Launchpad Checks    /UI2/FLC

/UI2/73000034    SAP Netweaver gateway Application Log Viewer    /IWFND/APPS_LOG

/UI2/73000035    SAP Netweaver gateway Application Log Viewer    /IWFND/APPS_LOG

/UI2/73000036    Odata Services

/UI2/73000037    Fiori Launchpad Intent Resolution Analysis

/UI2/73000038    Not runnin

/UI2/73000039    badi Creation    SE18

/UI2/73000040    SAPLS_CUS_IMG_ACTIVITY

/UI2/73000041    SAPLS_CUS_IMG_ACTIVITY

/UI2/73000042    SAPLS_CUS_IMG_ACTIVITY    PFCG

/UI2/73000043    SAPLS_CUS_IMG_ACTIVITY

/UI2/73000044    SAPLS_CUS_IMG_ACTIVITY

/UI2/73000045    SAPLS_CUS_IMG_ACTIVITY

/UI2/73000046    Collaboration Tunnel Service    CLB2_TUNNEL

/UI2/73000047    Define Background Job    SM36

/UI2/73000048    Simple Job Selection    SM37

/UI2/73000050

/UI2/73000051    bgRFC Configuration    SBGRFCCONF

/UI2/73000053    Odata Service Settings for Notifications

/UI2/73000054    UI2 Global Cache Invalidation

/UI2/73000055    /UI2/USER_FEEDBACK_Setup    /UI2/FEEDBACK_SETUP

/UI2/73000056    CCMS(maintain Logon Groups)

/UI2/73000057    Badi Creation    SE18

/UI2/73000058    Badi Creation    SE18

/UI2/73000059    Events for Change Document    SWEC

/UI2/73000060    Collaboration Service    CLB2_SERVICE_C

/UI2/CACHE    Register service for UI2 cache us

/UI2/CACHE_DEL    Delete cache entries

/UI2/CHIP    Chip Registration

/UI2/CUST    Customizing of UI Technologies

/UI2/FEEDBACK_SETUP    UI2 Setup User Feedback Service    /UI2/FEEDBACK_SETUP

/UI2/FLC    Fiori Launchpad Checks

/UI2/FLIA    Fiori Launchpad Intent Analyis

/UI2/FLP    SAP Fiori Launchpad

/UI2/FLP_CONTCHECK    Fiori Launchpad - Content Checks

/UI2/FLP_INTENTCHEC    Fiori Launchpad - Intent Checks

/UI2/FLPD_CONF    Fiori Lpd. Designer (cross-client

/UI2/FLPD_CUST    Fiori Lpd. Designer (client-spec.

/UI2/GW_ACTIVATE    Gateway - Activation    /IWFND/IWF_ACTIVATE

/UI2/GW_APPS_LOG    Gateway - Application Log

/UI2/GW_ERR_LOG    Gateway - Error Log

/UI2/GW_MAINT_SRV    Gateway - Service Maintenance

/UI2/GW_SYS_ALIAS    Gateway - Manage SAP System Alias    /UI2/GW_SYS_ALIAS

/UI2/INVAL_CACHES    Global Invalidation of UI2 chache

/UI2/NAV    Register navigation objects

/UI2/NAVPROV    Define navigation provider

/UI2/NWBC    Start UI2 NWBC

/UI2/NWBC_CFG_CUST    NWBC Configuration (Customer)

/UI2/NWBC_CFG_P_CUST    NWBC Config: Define Parameter (Cust)

/UI2/NWBC_CFG_P_SAP    NWBC Config: Define Parameter (SAP)

/UI2/NWBC_CFG_SAP    NWBC Configuration (SAP)

/UI2/PERS_DEL    Cleanup Personalisatation Service

/UI2/POWL    Register POWL for OData consumption

/UI2/SEMOBJ    Define Semantic Object - Customer

/UI2/SEMOBJ_SAP    Define Semantic Object - SAP

Transaction Codes starting with '/UI5/':

/UI5/78000001    ICF: Report for Activating Special Service During Installation    SICF_INST

/UI5/78000002    ICF: Report for Activating Special Service During Installation    SICF_INST

/UI5/THEME_DESIGNER    UI Theme Designer

/UI5/THEME_TOOL    UI Theme Tool

SAP Fiori Front End  Specific T-codes:

/IWFND/32000004    Role Maintenance    PFCG

/IWFND/32000011    Activate/Deactivate Metadata cache    /IWFND/MED_ACTIVATE

/IWFND/32000012    Cleanup of Model Cache    /IWFND/CACHE_CLEANUP

/IWFND/32000013    Activate and Maintain Services    /IWFND/MAINT_SERVICE

/IWFND/32000017    Assign Data Provider to data model

/IWFND/32000018    Change View Assign SAP System Aliases to Odata Service

/IWFND/32000020    IMG Activity not found for transaction /IWFND/32000020

/IWFND/32000021    IMG Activity not found for transaction /IWFND/32000021

/IWFND/32000022    IMG Activity not found for transaction /IWFND/32000022

/IWFND/32000023    IMG Activity not found for transaction /IWFND/32000023

/IWFND/32000024    IMG Activity not found for transaction /IWFND/32000024

/IWFND/50000001    Choose Activity

/IWFND/50000003    SAP Netweaver Activation code    /IWFND/IWF_ACTIVATE

/IWFND/50000004    Manage SAP System Aliases

/IWFND/50000005    Configuration of RFC connections    SM59

/IWFND/50000006    SAP gateway client

/IWFND/50000007    SRT_WS_IDP_CUSTOMIZE[Shedule Switch]

/IWFND/50000008    There are no executable transactions assigned to the IMG activity

/IWFND/50000009    Define Background job    SM36

/IWFND/50000010    cleanup for SAP Netweaver gateway Cache and Persistency Frameworks    /IWFND/CLEANUP

/IWFND/50000011    Simple Job Selection    SM37

/IWFND/50000013    There are no executable transactions assigned to the IMG activity

/IWFND/50000014    Role Maintenance    PFCG

/IWFND/50000015    Role Maintenance    PFCG

/IWFND/50000018    Logon Ticket Administration for Single Sign-On    SS02

/IWFND/50000019    There are no executable transactions assigned to the IMG activity

/IWFND/50000022    Deactivate Logging of Variables T100 Messages

/IWFND/50000027    maintaince dialog is incomplete or not defined

/IWFND/50000031    Registration in System Landscape Directory    R70

/IWFND/50000038    IMG Activity not found for transaction /IWFND/50000038

/IWFND/50000039    IMG Activity not found for transaction /IWFND/50000039

/IWFND/50000040    IMG Activity not found for transaction /IWFND/50000040

/IWFND/50000043    the maintenance dialog for /iwfnd/v_coobgr

/IWFND/50000044    There are no executables assigned to this

/IWFND/50000045    There are no executables assigned to this

/IWFND/50000046    Class Builder    SE24

/IWFND/50000051    Configuration of RFC Connections    SM59

/IWFND/50000052    bgRFC Configuration    SBGRFCCONF

/IWFND/50000053    Consumer Activation

/IWFND/50000054    Maintenance view for the GW CCMS Structure

/IWFND/50000055

/IWFND/50000056    Enter Correct SNC Names in Table View VUSREXTID(from SAP R/3 4.5)    /IWFND/BULK_USER_MAP

/IWFND/50000057    Change View Logical File Path Definition    FILE

/IWFND/50000058

/IWFND/50000059

/IWFND/50000060

/IWFND/50000061    No transaction found

/IWFND/50000062    Role Maintenance    PFCG

/IWFND/50000063    SAP gateway client

/IWFND/50000065    WSS_SETUP    /IWFND/WSS_SETUP

/IWFND/50000066    User Maintenance    SU01

/IWFND/50000068    Badi /IWFND/BD_DCS_PROCESS_PLUGIN

/IWFND/50000071    IMG Activity not found for transaction /IWFND/50000071

/IWFND/50000072    SAP Netweaver Gateway Log Level

/IWFND/50000073    Configuration of RFC Connections    SM59

/IWFND/50000074    Trust Manager:Display    STRUST

/IWFND/50000075    bgRFC Configuation    SBGRFCCONF

/IWFND/50000076    bgRFC Monitor    SBGRFCMON

/IWFND/50000077    Business Communication Services - Administration    SCOT

/IWFND/50000078    Directory Service Connection    LDAP

/IWFND/59000010    Cleanup Notifications    /IWFND/NOTIF_CLEANUP

/IWFND/59000011    SAP Netweaver Gateway Virus Scan Profile Configuration    /IWFND/VIRUS_SCAN

/IWFND/59000012    Creating Badi    SE18

/IWFND/59000013    Creating Badi    SE18

/IWFND/59000018    SAP Netweaver gateway : Error Log    /IWFND/ERROR_LOG

/IWFND/59000019    SAP Netweaver gateway:Tracing Tools    /IWFND/TRACES

/IWFND/59000020    SAP Netweaver Gateway Application Log Viewer    /IWFND/APPS_LOG

/IWFND/59000021    Simple Job Selection    SM37

/IWFND/59000022    Creating Badi    SE18

/IWFND/59000023    Context based SAP System Alias Configuration

/IWFND/59000024    (BADI Implementation)(Implementations for Badi Definition

/IWFND/59000025    Parallelization for Multiple Origin Composition    /IWFND/MOC_PARALLEL

/IWFND/59000026

/IWFND/59000027

/IWFND/99000004

/IWFND/99000005

/IWFND/99000006    Enable or Disable Soft State

/IWFND/APPS_LOG    SAP Gateway Application Log Viewer

/IWFND/BULK_USER_MAP    Transaction to Perform Bulk User M

/IWFND/CACHE_CLEANUP    Cleanup of Model Cache

/IWFND/CLEANUP    Execute Cleanup

/IWFND/CLEANUP_JOBS    Manage cleanup jobs

/IWFND/CRE_DEF_JOBS    Create Default Cleanup Jobs

/IWFND/ERROR_LOG    SAP Gateway Error Log

/IWFND/ERROR_LOG_E2E    SAP Gateway Error Log - E2E

/IWFND/EXPLORER    Service Explorer

/IWFND/GW_CLIENT    SAP Gateway Client

/IWFND/INIT_CCMS    Initialize SAP Gateway CCMS Contex

/IWFND/IWF_ACTIVATE    Activate / Deactivate SAP Gateway

/IWFND/MAINT_SERVICE    Activate and Maintain Services

/IWFND/MED_ACTIVATE    Activate/Deactivate Metadata Cache

/IWFND/MED_SA_ACTIV    Activate system alias based cachin

/IWFND/MOC_PARALLEL    Parallelize Multi-Origin Compositi

/IWFND/NOTIF_CLEANUP    Cleanup Notifications

/IWFND/NOTIF_MONITOR    Notification Monitor

/IWFND/SERVICE_TEST    Service Explorer

/IWFND/SOFTSTATE    Enable or Disable Soft State

/IWFND/STATS    SAP Gateway Statistics

/IWFND/TRACES    SAP Gateway Traces

/IWFND/V4_PUBLISH    SAP Gateway Service Publication

/IWFND/VIEW_LOG    SAP Gateway Application Log Viewer

/IWFND/VIRUS_SCAN    Configuration of SAP GW Virus Scan

/IWFND/WF_WEBGUI    WebGUI For Executing Workflow Item

/IWFND/WSS_SETUP    Configure WS Message-Based

SAP BackEnd  Specific T-codes:

/IWBEP/57000001    Configuration of RFC Connections    SM59

/IWBEP/57000002    Gateway Settings

/IWBEP/57000004    Event Definition

/IWBEP/57000005    Choose Activity

/IWBEP/57000006    Event Type Linkages

/IWBEP/57000007    bgRFC Configuration    SBGRFCCONF

/IWBEP/57000008    bgRFC Monitor    SBGRFCMON

/IWBEP/57000009    Check Configuration Report    /IWBEP/CONFIG_CHECK

/IWBEP/92000002    Maintain Model    /IWBEP/REG_MODEL

/IWBEP/92000003    Maintain Service    /IWBEP/REG_SERVICE

/IWBEP/92000004    Simple Job Selection    SM37

/IWBEP/92000005    SAP Netweaver Application Log Viewer    /IWBEP/VIEW_LOG

/IWBEP/92000006    Clean Up of Model Cache    /IWBEP/CACHE_CLEANUP

/IWBEP/92000007    BADI Creation    SE18

/IWBEP/92000009    Program SRT_WS_IDP_CUSTOMIZE    WSIDPADMIN

/IWBEP/92000012    BADI Creation    SE18

/IWBEP/92000013    Implementation for BADI Definition    SE18

/IWBEP/92000014    BADI Creation    SE18

/IWBEP/92000015    BADI Creation    SE18

/IWBEP/92000016    User Request Management - Application Configuration

/IWBEP/92000018    User Request Management - Cleanup Report    /IWBEP/UR_CLEANUP

/IWBEP/92000019    User Request Management - User Category

/IWBEP/92000020    Role Maintenance    PFCG

/IWBEP/92000021    Role Maintenance    PFCG

/IWBEP/92000022    Role Maintenance    PFCG

/IWBEP/92000023    Maintain Annotation Models    /IWBEP/REG_VOCAN

/IWBEP/92000024    User Self Service Remote Destination Configuration

/IWBEP/92000025    Range Maintenance : GW User Self Service    /IWBEP/UM_NR_INT

/IWBEP/92000026    Parallelization of Batch Queries    /IWBEP/BATCH_CONFIG

/IWBEP/97000002    Display Models

/IWBEP/97000003    Gateway Log Level for the Application Log

/IWBEP/97000004    User Maintenance    SU01

/IWBEP/97000005    Structure of the GW CCMS Context

/IWBEP/97000007    Generate ODATA Channel Implementation    /IWBEP/IMPORT_MODEL

/IWBEP/99000004    Program /IWBEP/R_COS_CLNUP_JOB_CREATE    /IWBEP/CRE_DEF_JOBS

/IWBEP/99000005    Simple Job Selection    SM37

/IWBEP/ANA_SRV_GEN    Analytics Service Generator

/IWBEP/BATCH_CONFIG    Batch Parallelization

/IWBEP/CACHE_CLEANUP    Cleanup of Model Cache

/IWBEP/CLEANUP_JOBS    Manage Cleanup Jobs    SM37

/IWBEP/CONF_SERVICE    Configuration for IWBEP services

/IWBEP/CONFIG_CHECK    Check Configuration of BEP

/IWBEP/CRE_DEF_JOBS    Create Default SAP GW Cleanup Jobs

/IWBEP/ERROR_LOG    SAP GW Backend Error Log

/IWBEP/ERROR_LOG_E2E    SAP GW Backend Error Log - E2E

/IWBEP/IMPORT_MODEL    Service Description File Importer

/IWBEP/NOTIF_MONITOR    SAP GW Backend Notification Monitor

/IWBEP/OCI_SRV_GEN    OData Srvc.(SAPGW)Generator for OSCI

/IWBEP/REG_MODEL    Maintain Model

/IWBEP/REG_SERVICE    Maintain Service

/IWBEP/REG_VOCAN    Maintain Vocabulary Annotations

/IWBEP/RFC_BOP_DEL    OData Channel : Delete RFC BOP

/IWBEP/RFC_BOP_GEN    OData Channel : Generate RFC BOP

/IWBEP/SB    SAP Gateway Service Builder

/IWBEP/SBS    SAP Gateway Service Builder Setup

/IWBEP/TRACES    SAP GW Backend Traces

/IWBEP/UM_NR_INT    MGW Number Range Interval

/IWBEP/UR_CLEANUP    User Request Clean Up

/IWBEP/V4_REGISTER    SAP Gateway Service Registration

/IWBEP/VIEW_LOG    SAP Gateway Log Viewer

/IWBEP/WS_BOP_DEL    OData Channel : Delete WS BOP

/IWBEP/WS_BOP_GEN    OData Channel : Generate WS BOP

[Note:]

    > While running T-codes starting with a Forward Slash '/',append '/n' before them to run the transaction

        code.

[Note:]

    > You can also create an Area Menu with these T-codes and organize them into folders,using T-code

        'SE43'(Maintain Area Menu).

Figure : All SAP Fiori T-codes organized into an Area Menu

Extras:

(01)How to Access SAP Fiori Launchpad and other Browser based Transactions in an SAP Fiori Deployment?:

click the link below to access the document:

How to Access SAP Fiori Launchpad and other Browser based Transactions in an SAP Fiori Deployment?

(02)How to Make Customizations in the SAP Fiori Logon Landing(Launch) Page?:

click the link below to access the document:

How to Make Customizations in the SAP Fiori Logon Landing(Launch) Page[Doc]?

(03)How to assign Fiori Launchpage to Fiori Launchpad and redirecting to it when logging off from Fiori Launchpad:

click the link below to access the document:

How to assign Fiori Launchpage to Fiori Launchpad and redirecting to it when logging off from Fiori Launchpad[Doc]?

[Note: This list will be further categorized and updated in the future]

Category: Fiori Technology

This is a collaborative document to share lessons learned content for the SAP Fiori Overview Page in the community SAP Fiori.

Please feel free to insert the link of your document or blog by selecting the edit button from Actions.  You can also search information and open a discussion if you can't find required information. Please don't forget to put the tag fiori.

SAP Fiori Overview Page (OVP) provides a new interaction within SAP Fiori UX. The OVP can be seen as a step between the basic information on the SAP Fiori launchpad and the full blown information within the SAP Fiori applications. While simultaneously presenting the big picture in a glance, business users can focus on the most important tasks enabling faster decision making as well as immediate action.

New and Updated:

• YYYY-MM-DD Please share your documents and blogs.
• 2016-02-05 How to make your OData entities work with the Fiori Overview Page and Cards leveraging the new SAP Web IDE annotation modeler by Frank Schuler
• 2016-01-29 Steps to Create Analytic card on overview page using northwind odata service (V3) in web ide.   by  abhishek lohiya
• 2016-01-11 SAP Overview Page List Cards Examples by Dusan Sacha
• 2015-12-17 SAP Fiori Overview Page - Frequently Asked Questions
• 2015-11-16 SAP Fiori Overview Page - What's Available with the First Release?
• 2015-10-25 Introducing SAP Fiori Overview Page: Card-based Information Visualization by Raz Korn
• 2015-10-19 Customer Influence: Enroll to SAP Fiori Overview Page CEI
• 2015-10-15 The SAP Fiori Overview Page has been added to the UX Explorer! by Raz Korn

Introduction Video:

Getting Started with SAP Fiori Overview Page:

• SAP Fiori Overview Page - Frequently Asked Questions
• SAP Fiori Overview Page online help
• SAP Fiori Overview Page Web IDE plugin online help
  • Prerequisite: HCP account with SAP Web IDE - For more information: SAP Web IDE - Enablement

SAP Documents:

• SAP Fiori Overview Page - Frequently Asked Questions
• Introducing SAP Fiori Overview Page: Card-based Information Visualization
• UX Explorer: SAP Fiori Overview Page
• SAP Fiori Overview Page for Developers - Architecture Overview

How to Guides:

• How to setup the SAP Fiori Overview Page
• SAP Overview Page List Cards Examples by Dusan Sacha
• Steps to Create Analytic card on overview page using northwind odata service (V3) in web ide. by abhishek lohiya
• How to make your OData entities work with the Fiori Overview Page and Cards leveraging the new SAP Web IDE annotation modeler by Frank Schuler

Learning:

• SAP Fiori Overview Page Overview

My Travel and Expenses Fiori app was released on October 20, 2014.

Overview material

What's new documentation - October, 2015 release   (QKW here we need to link to attachment from Note 2208257)

Overview presentation on all Travel Fiori apps

Detailed presentation on My Travel and Expenses app

Video My Travel and Expenses

What's new documentation - January 2015 release

My Travel and Expenses:  Extensibility Guide on Advances (December, 2015)

Documentation on SAP Fiori app extensibility

Documentation on the SAP Help Portal

The app My Travel and Expenses enables you to create, display and submit your travel expenses. The documentation of the app on SAP Help Portal includes detailed information on key features, system landscape requirements, implementation and extensibility options.

You can also find information on UI controller hookshere.

Related apps:

With the app My Travel Requests, you can manage your own travel requests in real time using your desktop or mobile device. The app allows you to create, edit, submit, and delete requests. You can also check the status of a particular request at any time. (Documentation of the app on SAP Help Portal / Video)

The app Approve Travel Requests enables you to approve or reject travel requests in real time using your desktop or mobile device. The app provides details on each request and also allows you to view all of an employee's past requests. (Documentation of the app on SAP Help Portal / Video)

With the app Approve Travel Expenses, you can review and approve employees' travel expenses on the go or in the office. The app provides details on each receipt, and alerts you if expenses exceed the budget limits defined in your company's travel policy. You can also forward requests to another employee for approval. (Documentation of the app on SAP Help Portal / Video)

Prerequisites

Fiori infrastructure (Gateway frontend/backend, Fiori Launchpad, etc.) has already been set up.

Back-End Components Delivered with (Product Version Stack): SAP enhancement package 7 for SAP ERP 6.0 SPS07

Front-End Components Delivered with (Product Version Stack): SAP Fiori for SAP ERP 1.0 SPS05

Important: Please check SAP notes for updated information about support packages and UI builds! (also see Important Notes below)

Download the My Travel and Expenses app

Go to SAP Software Download Center -> Installation and Upgrades -> Find your software -> A-Z index -> select F -> SAP Fiori -> SAP Fiori for Suite -> select the respective app

Info about the installation and configuration can be found in the SAP Fiori apps library.

Important SAP Notes

Please make sure you have the following notes installed:

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

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

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

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.

For demo let’s add a new category:

Category ID: MY_COMPANY_APPS

Category Order: 8

Category Title: My Company Apps

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.

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

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.

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

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

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

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.

a. Monthly Lead Time Report tile

It will display the POWL based application.

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.

c.    Analyse Material Cost Estimates tile

It will display the backend Web Gui SAP transaction: S_P99_41000111

d.    WDA Image App tile

It will display Web Dynpro for ABAP application: salv_wd_test_image1

e.    Search Documents tile

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

In order to access URL based transaction codes like For Fiori Launchpad or UI Theme Designer,you need to add an entry in the host file of your local system. Here is the path for the hosts file as per Windows 8.1:

C:\windows\System32\drivers\etc\<hosts>

Here are the parameters that need to be added:

(01)Application Server IP as per SAP Logon System entry in SAP GUI e.g:11.111.11.181

(02)Host name e.g: sap@scn.fiori

so the final entry in the host file would look like this including a tab between the two:

11.111.11.181     sap@scn.fiori

____

[Note: Due to user restrictions,the host file should be copied in a public folder such as Documents,Downloads etc.,then open up in notepad and updated with the entry and then copied back and replaced with the host file,as per the file path mentioned above].

____

Secondly,the service for the given URL should also be activated using Transaction SICF. When such transactions are called for the first time,you get a dialog box to activate it.

e.g: /UI5/THEME_DESIGNER

the service path for this tool is 'sap/bc/theming'

Figure 02(a) : Activating A Service When It calling one of the UI based Transactions for the First Time

This service could also be checked whether it is activated or no using T-Code 'SICF' and going to the path of the service in question. In our case that is:

default_host > sap > bc > theming

We can also check the activation status of a Service at a glance by looking at the Text of the service. If its greyed out,then it is in-active[e.g:]. If its highlighted in black,that means the service is activated[e.g:].

Figure 02(b) : Finding the Path of the Service in SICF and Checking Its Activation Status

We can also activate a service in SICF by right clicking a service and choosing 'Activate' from the context menu as shown below:

Once the 'Activate Service' option is selected,we get a pop-up for activating a Service Selecting 'yes' will activate the service.

The Second 'Yes' button with the hierarchy icon []is best suited for activating all services that are part of a particular node.

Making Changes to the Images associated with the SAP Fiori Logon Landing Page:

> The Path for accessing the SAP Fiori Logon - Landing Page MIME repository objects is:

  SAP > PUBLIC > BC > UI2 > logon > img > <logos>

here <logos> = list of image files provided below

> You can access MIME Repository by running T-code SE80(ABAP Development Workbench) and choosing the 'MIME Repository' tab on the right side with a paint like icon.

Figure 01 - Logo files via the MIME Repository in ABAP Workbench for Fiori Launch Page

Here is the list of logos,along with their purpose:

  > login_background_ie8.jpg(For Compatability with Internet Explorer 8)

  [Standard Image Resolution = 1600 x 1200]

  > login_background_mobile_land.jpg(Image for Mobile Phone in the Landscape Orientation)

  [Standard Image Resolution = 960 x 640]

  > login_background_mobile.jpg(Image for Mobile Phone in the Portrait Orientation)

  [Standard Image Resolution = 960 x 960]

  > login_background.jpg[Main Landing Page Background Image for Desktops]

  [Standard Image Resolution = 1200 x 1200]

  > On Chrome this image is shown on the following zoom levels:

  > 25%,33%,50%,67%,75%,90%,100%,110%. Does not show in higher zoom levels

  > sap_logo.png[This is company logo shown on the extreme left of the Landing Page]

  [Standard Image Resolution = 256 x 126]

  > Remember this is a .png file,allowing full transparency for logos to get a see through effect against the Background Image.

  > On Chrome it does not show logo on the following zoom levels:

      > 400%,500%

Standard Actual Images for the SAP Fiori Logon LaunchPad(Landing Page) that come as default:

favicon.ico	login_background_ie8.jpg	login_background_mobile_land.jpg	login_background_mobile.jpg	login_background.jpg	sap_logo.png

How the Default SAP Landing Page Looks like with Default Images as per images mentioned above:

Figure 1(a) - Default SAP Fiori Landing(Launch) Page

Methods for changing the Default Images of the Landing Page:

There are two ways in which default images of the Landing page could be replaced with your own custom images.

(01)Replacing Original Files with your own custom Images in the MIME repository path for the Landing Page:

You can right click on the path of the landing page specific images and choose from the menu path 'Upload / Download > Upload and Replace'. A Pop-up Dialog box will open up where you can select the image to be replaced with the existing image,select it and you will be prompted with a security warning,just click the [] button to replace it. If you are doing it for the first time,you will be asked for Transport Request Creation.

Figure 1(b)_1:Replacing Existing Image via MIME Repository's Context menu

Figure 1(b)_2:Dialog Box for Selecting an Image

Figure 1(b)_3:SAP GUI Security Dialog Box

(02)Uploading Custom Images in the MIME Repository and assigning there paths including the image name in the class '/UI2/CL_SRA_LOGIN' within its method 'INIT_DEFAULT_PROPERTIES':

You can add a new custom image in the MIME Repository by right clicking the directory and choosing the menu path 'Import MIME Objects'. You will be prompted with a pop-up from which you can select an image and the you will be prompted with a security warning,just click the [] button to upload the image. You will be prompted to create a Transport request.

Next step,would be in assigning the image path along with the image name in the class named '/UI2/CL_SRA_LOGIN' and within its method of ''INIT_DEFAULT_PROPERTIES'. There you will find a list of variables in the name / value pairs of variables as follows:

  set_property( iv_name = 'img_favicon' iv_value = '/sap/public/bc/ui2/logon/img/favicon.ico' ).
  set_property( iv_name = 'img_logo' iv_value = '/sap/public/bc/ui2/logon/img/sap_logo.png' ).
  set_property( iv_name = 'img_logo_width' iv_value = '64' ).
  set_property( iv_name = 'img_background' iv_value = '/sap/public/bc/ui2/logon/img/login_background.jpg' ).
  set_property( iv_name = 'img_background_mobile' iv_value = '/sap/public/bc/ui2/logon/img/login_background_mobile.jpg' ).
  set_property( iv_name = 'img_background_mobile_land' iv_value = '/sap/public/bc/ui2/logon/img/login_background_mobile_land.jpg' ).
  set_property( iv_name = 'img_background_ie8' iv_value = '/sap/public/bc/ui2/logon/img/login_background_ie8.jpg' ).

Just replace the 'iv_value' dataobject with the MIME repository path and the image with extension.

Changes that can be done in the Class associated with the SAP Fiori Logon Landing Page:

> Similary,apart from these logos,you can also change the copyright notice,provided at the bottom right of the Fiori Landing Page. This can be modified using the class named '/UI2/CL_SRA_LOGIN'. Its has attributes or properties that could be changed. The method where all properties that can be changed with regards to Main Fiori Logon Landing Page is 'INIT_DEFAULT_PROPERTIES', which are basically named-value pairs. Search for a property named 'label_copyright' and just beside their is a variable named 'iv_value'. This is where you can assign a copy right notice. Here is a Sample Code for copyright notice:

Figure 02 - ]Class '/UI2/CL_SRA_LOGIN' for Customizing Fiori Launch Page

______________[Copyright Notice Code Snippet][START]

  DATA:

        current_year type sy-datum,

        cpyr_not type string.

current_year = sy-datum+0(4).

CONCATENATE '©Copyright' current_year '.All Rights Reserved by <Company_Name>.' into cpyr_not SEPARATED BY space.

  set_property( iv_name = 'label_copyright' iv_value = cpyr_not ).

______________[Copyright Notice Code Snippet][END]

List of Properties that can be modified in the 'INIT_DEFAULT_PROPERTIES' method in the '/UI2/CL_SRA_LOGIN' class:

(01)header_visible(for displaying or hiding header section at the top of the Fiori Landing Page)

(02)img_favicon(MIME Directory Path to the favourite icon(.ico file))

(03)img_logo(MIME Directory Path to the Company logo to the left side of the Fiori Landing Page)

(04)img_logo_width(For Overriding the Width of the Logo)

(05)img_background(MIME Directory Path to the Desktop based Image Background)

(06)img_background_mobile(MIME Directory Path to the Mobile Size based Image Background)

(07)img_background_mobile_land(MIME Directory Path to the Mobile Land Size(Tablet based size) based Image Background)

(08)img_background_ie8(MIME Repository Directory for Image for Internet Explorer 8)

(09)label_copyright(For showing up the copyright notice at the right bottom of the Fiori Landing Page)

(10)label_user(For Changing the Label text of the User Input field)

(11)script_included(path of the Javascript file running within The Launchpage,for popping up messages and so on)

(12)style_confirmpwd_error()

(13)template_css(Cascading Style Sheet for styling the entire Fiori Launchpage)

(14)template_css_ie8()

(15)ui5_theme()

(16)text_error_user_initial()

(17)text_error_pwd_initial()

(18)text_error_client_initial()

(19)button_focus_color()

(20)button_submit_focus_color()

(21)message_error_background_color()

(22)message_error_border_color()

(23)message_error_focus_color()

(24)message_info_background_color()

(25)message_info_focus_color()

//For Context Specific Properties

//co_context_login:

(26)label_button_login()

(27)label_button_login_loading()

(28)label_change_password()

(29)label_client()

(30)label_language()

(31)label_password()

(32)label_title_login()

(33)template_login()

//co_context_changepwd:

(34)label_button_cancel()

(35)label_button_change()

(36)label_confirm_password()

(36)label_current_password()

(38)label_new_password()

(39)label_title_changepwd()

(40)template_changepwd()

//co_context_changepwd_end:

(41)label_button_continue()

(42)label_title_changepwd_end()

(43)template_changepwd_end()

//co_context_changepwd_cancel:

(44)label_button_changepwd_not_possible()

(45)label_title_changepwd_not_possible()

(46)template_changepwd_cancel()

//co_context_msg:

(47)script_msg_selfsubmit_error()

(48)script_msg_selfsubmit_info()

(49)script_msg_selfsubmit_ok()

(50)label_msg_class_error()

(51)label_msg_class_info()

(52)label_msg_class_ok()

(53)button_msg_class_error()

(54)button_msg_class_info()

(55)button_msg_class_ok()

(56)label_button_msg_error()

(57)label_button_msg_info()

(58)label_button_msg_ok()

(59)label_title_msg_error()

(60)label_title_msg_info()

(61)label_title_msg_ok()

(62)template_msg()

> Do also take not of the naming of these attributes. They do explain what the property does. for example:

> header(This is a Section)

> img(This is an image file,usually associated with landing page)

> label(Labels of Logon Buttons)

> script(Script code)

> style(Cascading Style Sheets)

> template(for html landing page etc.)

> text(Properties associated with Input Fields)

> button(Buttons properties like states,labels etc.)

> message(Styles associated with messages)

> color(color code in Hexa notation e.g:  #d0d0d0 )

[Note(s):]

> Before we can modify these attributes or properties while using this class,you need to have a Developer License on Front-End System[SAP Gateway].

> Secondly,the launchpad needs to be assigned the class named '/UI2/CL_SRA_LOGIN',before it can utilize the features of the class such as changing copyright notice. We need to do this by going to the Launch page path in 'SICF'.

  'default_host > bc > ui5_ui5 > ui2 > launchpage'

and also this service needs to be activated.

Figure 03(a) - Launchpage service in SICF

Figure 03(b) - Custom Configuration for Customizing the Launch Page

Custom Configuration can be done for the 'launchpage' service by double clicking it in SICF,and then going to the 'Error Pages' tab and selecting the 'System Logon' radio button. Just beside the System Logon radio button[] is the 'Configuration'[] button for customizing. Click on it and this will show a pop-up menu,first you need to select the 'Define Service-Specific Settings' where you need to assign a class for customizing the Landing page named '/UI2/CL_SRA_LOGIN' by selecting the 'Custom Implementation' [] radio button and providing the class name mentioned above in the 'ABAP Class' Input field

[]

in the 'Logon Layout and procedure' Frame [].

Don't forget to click the save button [] to save this custom configuration.

There are further options with regards to the Input fields and their labels that are available in SAP Landing Page. These are available in the 'System Logon Settings' frame and then within the 'Select Display' frame.

Checking these Check Boxes 'System ID','Client','Language','System Messages' and 'Logon and System Information' will show the appropriate fields and behavior on the SAP Fiori Logon Landing Page.

Figure 03(c) - EnablingAdditionalLandingPageFields

> To test the Fiori Launch page,just go to the directory path of the 'launchpage' in T-Code SICF,right click on it and choose 'Test Service' from the context menu to test it. This launch page will open up in  a browser window. In case you are having trouble running the Fiori Launch page,check out this document titled

'How to Access SAP Fiori Launchpad and other Browser based Transactions in an SAP Fiori Deployment?' for setting up a host entry before you can run it. Here is the link for accessing that:

How to Access SAP Fiori Launchpad and other Browser based Transactions in an SAP Fiori Deployment?

[Note(s):]

Using the 'template_css.css' cascading style sheet to stylize changes in the Fiori Launchpad Page:

you can also change the styling of your Fiori Landing page using the Cascading Style sheet named 'template_css.css'. You can right click this file and choose the 'Change...' option from the context menu,which will open it in notepad or other default text file application.

> For changing the color of Buttons and others via the 'template_css.css' cascading stylesheet. I have used the following:

> @button_focus_color(change button background color)

> sapUiSraLoginPage(All CSS selectors associated with the Login page)

> you can also refer to following line in template_css.css file:

/* Login animation */

.sapUiSraLoginPage { opacity: 1; transform: scale(1); transition: all 0.5s cubic-bezier(0.420, 0.000, 0.580, 1.000); -webkit-transform: scale(1); -webkit-transition:

here changing these parameters also affect the animation,once the Fiori Launchpage Loads.

Customized Fiori Logon Landing(Launch Page):

Here is a customized version of the SAP Fiori Launch Page:

Figure 03(d) - Customized SAP Fiori Launch Page

The following techniques were used for implementing this customized SAP Fiori Launch Page.

> For Input field Labels,i have used the following properties:

    > label_user (For changing the Label for Input field User in this case the text is 'Enter in a User')

    > label_password (For changing the Label for Input field Password in this case the text is 'Enter Password')

    > label_language (For changing the Label for Input field Language in this case the text is 'Select Lang')

    > label_client (For changing the Label for Input field Client in this case the text is 'Select Lang')

> For Changing the Copyright text at the bottom right,the following property is assigned some text:

    > label_copyright(For changing the Copyright line Text e.g: ©Copyright 2016 Fahad Javed.All Rights Reserved.)

These properties are assigned in class '/UI2/CL_SRA_LOGIN' and within its 'INIT_DEFAULT_PROPERTIES' Instance Method.

> For the Logo,at the bottom left of the Fiori Launch page,i have replaced the 'sap_logo.png' image with an image of my own with the same file name.

> For the Background Image,i have replaced the 'login_background.jpg' image with my own,with the same file name.

Extras:

Tip[01][NEW] - How to assign Fiori Launchpage to Fiori Launchpad and redirecting to it when logging off from Fiori Launchpad:

For Handling Logon page and logon off page redirection when accessing Fiori Launchpad,access the document with the link below:

How to assign Fiori Launchpage to Fiori Launchpad and redirecting to it when logging off from Fiori Launchpad