SAP Fiori elements (formerly known as smart templates) provide a framework for the most common application patterns. The application team selects the relevant floorplan and adds semantic and structural data using metadata annotations. SAP Fiori elements are part of the SAPUI5 delivery.
A dev space is a development environment with all of the tools, capabilities, and resources needed for developing your application. Each type of application requires a different development environment. Based on the type of application that you choose to build, you're provided with a different set of tools.
SAP Fiori 2.0
- Scales the role-based and task-focused design approach to complex enterprise scenarios and native mobile platforms.
- Offers a powerful productivity environment for business users with new scalable floorplans and patterns, including embedded analytics, notifications, search, and improved navigation.
Create an Android SAP Cloud Platform App using Kotlin and SAP Fiori Mentor. This blog series makes use of the SAP Cloud Platform SDK for Android. Specifically the app created in this blog series will use the Kotlin language which is the now recommended language to build Android apps.
With Integration Cards, you can choose between several predefined visualizations. The benefit of using Integration Cards is that each card has its own configuration file (manifest. json), which can be bound to different data sources, following a declarative approach.
- Enterprise Ready. Compliant to SAP Fiori design language. Rich feature set. Includes all enterprise standards, such as accessibility, i18n, theming, etc.
- Lightweight. Comes with minimal footprint that you can easily add to your app.
- Easy To Consume. Based on web standards. Future proved.
To see the implementation steps and requirement of any of SAP Fiori Apps, go to Fiori. To check the URL of SAP Help page, go to Google.com and enter the App name.
SAP Fiori app setup and activation so that it can be accessed via the launchpad
- Step 1 - Front-End Components.
- Step 2 - Back-End Components (ABAP)
- Step 3 - Check Required SAP Notes.
- Step 4 - Activate the SAPUI5 Application.
- Step 5 - Configure the SAP Fiori Launchpad.
- Step 6 - Check Launchpad.
- Step 7 - OData Services.
Steps of Configuration:
- [1] Create Semantic Object in SAP Fiori Server (Front-end) server.
- [2] Create Launchpad Role in SAP Fiori Server (Front-end) server.
- [3] Create Business Catalog.
- [4] Create Business Group.
- [5] Create App's PFCG Role in SAP Fiori Server (Front-end) server.
SAP Fiori is a set of apps, newly written by SAP, that address the most broadly and frequently used SAP functions, such as workflow approvals, information lookups, and self-service tasks. They provide simple and easy-to-use access across desktops, tablets, and smartphones.
It provides a set of applications that are used in regular business functions like work approvals, financial apps, calculation apps and various self-service apps. When SAP Fiori is combined with the power of the SAP HANA, it provides an unmatched application response and query-execution time.
Procedure
- Run transaction Activate and maintain services (/IWFND/MAINT_SERVICE) on the front-end server.
- Choose Add Service.
- Enter the system alias of your back-end system.
- In the External Service Name field, enter the technical name of the OData service for your app without the version number.
How to activate Fiori apps in S/4HANA
- Steps Involved:
- Find App. Firstly, we find the app, “Track Sales Order” from the app library.
- Check Front end /Back end components installation.
- Activate UI5 app.
- Activate OData services.
- Assign role to user.
- Log onto Fiori launchpad.
SAP Fiori App Types
- Transactional apps. Transactional apps let you perform transactional tasks, such as creating a leave request for an employee.
- Object pages.
End to End Scenario to Activate FIORI Analytical Apps in Front End from S/4 Hana.
- In Order to resolve the same We need to go to Trxn. /n/IWFND_MAINT_SERVICE and click on Add Service .
- Now navigate to the FIORI URL set :-
- The Analytical HANA app is visible.
Finding CDS Views by Name
- While in the ABAP perspective, press the keys CTRL+SHIFT+A simultaneously to bring up the development object search box.
- Enter the pattern you want to search for in the system (for instance, so search all CDS views beginning with a “Z”, enter the pattern “Z*”
OData already comes with the concept of metadata, in the form of the metadata document. Annotations allow you to define additional characteristics that have meaning beyond the basic technical aspects in the metadata document: data processing: annotations can describe what operations are allowed.
Your Launchpad can be used with Web IDE to host apps that are deployed to the SAP Cloud Platform and registered with SAP Fiori.
- Step 1: Go to Services.
- Step 2: Open the Portal service.
- Step 3: Create a new site.
- Step 4: Set the site properties.
- Step 5: Fiori Configuration dashboard.
- Step 7: Open the settings.
Simple – To keep things simple, SAP has developed what it calls the “1-1-3 scenario”—One user, one use case and three screens. Role-Based – Fiori apps show the most relevant information to the user, based on role. Responsiveness – Response time is always an important parameter when designing and testing a Fiori app.
The SAP Fiori launchpad is a shell that hosts SAP Fiori apps, and provides the apps with services such as navigation, personalization, embedded support, and application configuration. The launchpad is the entry point to SAP Fiori apps on mobile and desktop devices. The launchpad displays a home page with tiles.
Now with this introduction, let me list down some other benefits of using SAP Fiori elements over conventional code-driven development for custom build applications.
- Best Practices.
- Enterprise Readiness.
- UX Consistency.
- Rapid Development.
- Extensibility.
- Scalability.
- Maintenance and Support.
Open your SAP GUI transaction in Fiori launchpad
- First identify the catalog page ID for the group above: SAP_FIORI_EXTENSIBILITY.
- Open Fiori Launchpad Designer, find the catalog found in previous step. Create a new tile by clicking icon “+”:
- Create a new Target Mapping by clicking the button in footer toolbar:
- For the last step, just make the tile visible in UI.
Let us understand the procedure in detail.
- Step 1: SAP Fiori – Prerequisites. Checking prerequisites includes checking the following −
- Step 2: Download SAP Fiori. To download the software − SAP SWDC.
- Step 3: Install SAP Fiori. The next step is to install Central UI-Add On and SAP Fiori Launchpad.
Open Eclipse and Connect to SAP system.Since we want to expose the CDS View as Fiori Element, look for Core Data Services. Select you TR and hit Next and Finish. System will generate below code automatically from the template. Changed above code to add your CDS Entity Name and CDS SQL name.
