SAP Fiori Elements


SAP Fiori Elements for a Improved SAP S/4HANA User Experience

Companies moving to SAP S/4HANA not only want new functionality, but also an improved user experience (UX) that can be delivered with ease. While SAP clients can develop apps using SAPUI5, it requires significant programming effort.

To improve UX, many SAP clients are using SAP Fiori, an intuitive and simple new user experience for SAP software, with thousands of pre-configured “persona-based” applications. SAPInsider’s research Application Strategies and Development for SAP S/4HANA and Cloud found that almost 90% of SAP clients have either deployed (33%), are deploying (30%), or are planning to deploy (24%) SAP Fiori apps.

SAP Fiori Elements for a Improved SAP S/4HANA User Experience

Companies moving to SAP S/4HANA not only want new functionality, but also an improved user experience (UX) that can be delivered with ease. While SAP clients can develop apps using SAPUI5, it requires significant programming effort.

To improve UX, many SAP clients are using SAP Fiori, an intuitive and simple new user experience for SAP software, with thousands of pre-configured “persona-based” applications. SAPInsider’s research Application Strategies and Development for SAP S/4HANA and Cloud found that almost 90% of SAP clients have either deployed (33%), are deploying (30%), or are planning to deploy (24%) SAP Fiori apps.

This video by SAP’s Thomas Reiss explains how companies can enhance employee experience using SAP Fiori for SAP S/4HANA: How to Get the Most out of SAP S/4HANA with SAP Fiori.

To develop the SAP Fiori apps, SAP provides a framework called SAP Fiori elements that helps to

  • accelerate development of SAP Fiori apps through a low-code platform, and
  • drive consistency and compliance with the latest SAP Fiori design guidelines.

Every SAP Fiori runtime app is created using the following SAP Fiori elements components:

  • OData services, through which data from the backend is exposed to the SAP Fiori app. SAP provides many OData services with SAP S/4HANA, or you can write your own.
  • OData annotations, a form of metadata, to specify what you want to see on the screen and the format in which it needs to be seen.
  • SAP Fiori element floorplan in which the data gathered from the OData service and formatted in the OData annotations is displayed. SAP offers several standard floorplans to jumpstart development.

SAP Fiori elements is built on top of SAPUI5. It is included with the SAPUI5 delivery, so there is no additional implementation effort to use it. In addition, all new updates will be automatically applied.

Development using SAP Fiori elements is simple. For standard applications, if data sources are ready and the OData services are exposed, SAP Fiori apps can be developed using SAP Fiori elements within hours. Developers can focus on the business logic and speed up the UX development without significant coding. For custom applications, SAP Fiori elements can be customized to create custom SAP Fiori apps.

Apps developed on SAP Fiori elements are responsive and adjust automatically to the screen size and runs on desktops, tablets, and phones.

SAP Fiori elements provides the backbone for significant improvement in user experience with SAP.

8 results

  1. How to Speed up Your Application Development with Fiori Elements

    Click Here to View Session Deck. Discuss the benefits of using SAP Fiori Elements in creating apps. Fiori Elements provides developers with ready-to-use templates speeding up the creation of apps from weeks to hours. We will delve into how Fiori Elements simplifies complex features like saving drafts and organizing data in columns removing custom coding…....…
  2. Extend your apps in SAP S/4HANA Cloud with ABAP Cloud and SAP Fiori elements

    Click Here to View Session Deck. In this session, explore how the recent advances in development tooling, frameworks and runtime come together to enable unprecedented extensibility for SAPs flagship product. As the adoption of SAP S/4HANA Cloud continues to climb and customers continue to extend the solution for their individual use cases, several different approaches…...…
  3. Joylene Balido image

    Deliver Building Consents Fast with Regulatory User Experience (R-UX)

    In 2016 Auckland Council consolidated multiple legacy systems that existed due to the 2010 amalgamation of eight local councils in to one, using SAP NewCore. By 2020 Auckland Council were facing an unprecedented demand in processing building consents and operating on a cumbersome system that had multiple manual backend processes which were time consuming and…
  4. Video: Delaware Consulting’s SAP Fiori apps for Warehousing

    Delaware Consulting has released two Warehousing app based on SAP Fiori and mobile technology for non-professional users to safely and easily meet their needs
  5. Connect Microsoft Excel to SAP Using ODATA Service Created for Fiori App

    Reading time: 1 mins

    Excel is an easy-to-use reporting tool often used by companies to present their key performance indicators. This blog will help you reduce number of clicks per report by at least 20 by demonstrating step-by-step how to connect Microsoft Excel to SAP using operational data service created for SAP Fiori. This content is for SAPinsider Premium…
  6. IQX CAPEX for SAP Fiori Demo

    Improve your SAP Capital Expenditure business process with interactive web forms, integrated budget tracking, supporting document management and faster mobile approvals. Find more insightful content from IQX Business Solutions on their Vendor Showcase.
  7. Securing SAP Fiori Applications: 3 Quick Wins

    Reading time: 2 mins

      Securing the SAP Internet Communication Manager (ICM) Services SAP Fiori applications are implemented on top of the SAP NetWeaver ABAP Application Server, leveraging Open Data Protocol (OData) technology and the ICM among other things (Figure 1). Regardless of whether you use the SAP front-end server or SAP NetWeaver Gateway as the front-end component, you…
  8. Easily Create and Extend Fiori Applications with the New SAP Web IDE

    Reading time: 13 mins

    Sarah Lottman shows how to configure the new SAP Web Integrated Development Environment (SAP Web IDE) and connect it to your on-premise systems using HANA Cloud Connector. Key Concept SAP Web Integrated Development Environment (Web IDE) was formerly known as the River Rapid Development Environment (River RDE). It is a browser-based development platform that contains…...…