Well, sometimes finding the right resource is the key for any learning! In this post, let me take you through a series of steps providing the right resource for learning SAP Fiori/UI5.

What is SAP Fiori?

“SAP Fiori provides a consistent and holistic user experience for SAP software. By creating visually pleasing designs with a strong focus on ease of use, the experience is intuitive and simple, across all devices.” – An excerpt from SAP Fiori website.

If I try rephrasing it as per my understanding, I would rather say, SAP Fiori is a new User Experience(UX) for SAP applications. It gives you a new insight of personalizing and accessing role-based applications, which are simple and responsive. Hence, delivering a delightful experience.

Remember the following SAP Fiori Design Principles:

  1. Role based
  2. Responsive
  3. Coherent
  4. Simple
  5. Delightful

You can get on to the following page that talks about, how to get started with SAP Fiori and trust me you will be flooded with all the required and relevant information on understanding SAP Fiori:

https://experience.sap.com/fiori-design-web/get-started/

You can find the below information accessing this site, which will be quite helpful in making your first move towards SAP Fiori:

  1. What is SAP Fiori?
  2. Foundation of SAP Fiori
  3. General Concepts
  4. SAP Fiori Elements, Floorplans, Framework
  5. UI Elements
  6. Services

Now, let me also talk about SAP UI5.

SAP UI5, is an HTML5 based development toolkit provided by SAP for developing desktop based and mobile based web applications. You can go through the SAP UI5 resource in the below section and find a lot of interesting information in it. SAP has also provided a step by step tutorial on how to develop a SAP Fiori-like or SAP UI5 app on the SAP UI5 SDK website.

SAP UI5 Resource:

Follow the below SAP UI5 SDK for a more detailed explanation on how to create a custom SAP UI5 app and learn more about the concepts of SAP UI5, exploring enormous libraries, trial Fiori apps, beautiful Icons and delightful themes.

https://sapui5.hana.ondemand.com/

Key Transactions to be used in SAP Fiori Front End Server

  • Fiori Launchpad: There are 2 ways to access Fiori Launchpad. If your memory is too sharp:), then you can access it from the following URL:

Fiori Launchpad URL: http://<host>.<domain>:<port>/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=<client>&sap-language=EN

If you do not want to remember the URL, just login to the Fiori Front End Server(well, here I refer about the Central Hub Deployment arhitecture) and access the below Transaction Code:

Transaction Code/UI2/FLP

  • Fiori Launchpad Designer: Same applies for accessing the Fiori Launchpad Designer. For sharp memory guys:

Fiori Launchpad Designer URL: https: //<host>.<domain>:<port>/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html?sap-client=<Client>?scope=CUST

Transaction Code: /UI2/FLPD_CUST (Client Specific) / LPD_CUST (Cross Client)

I hope with this information you can even start your own journey of learning about SAP Fiori. I will also be posting my next article on how to design beautiful SAP Fiori themes.

Have a happy learning!

Not logged in