SAP Fiori UXPDF download from SAP Help Portal:http://help.sap.com/fiori_bs2013/helpdata/en/84/154353a7ace547e10000000a441470/frameset.htm

Created on March 18, 2015

The documentation may have changed since you downloaded the PDF. You can always find the latest information on SAP Help Portal.

Note

This PDF document contains the selected topic and its subtopics (max. 150) in the selected structure. Subtopics from other structures are not included.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. No part of this publication may be reproduced or transmitted in any form or for any purposewithout the express permission of SAP SE. The information contained herein may be changed without prior notice. Some software products marketed by SAP SEand its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided bySAP SE and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not beliable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth in the expresswarranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty. SAP and otherSAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE in Germany and othercountries. Please see www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

Table of content

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 1 of 7

Table of content1 SAP Fiori UX1.1 SAP Fiori Search1.2 SAP Fiori App Types and Database Requirements1.3 Implementation Overview

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 2 of 7

1 SAP Fiori UX

SAP Fiori is the new user experience (UX) for SAP software that applies modern design principles. SAP solutions, such as the SAP Business Suite poweredSAP HANA, are using the SAP Fiori UX to provide a personalized, responsive and simple user experience.

SAP Fiori UX speak a consistent design language and makes use of a common technical infrastructure. By blurring traditional computing boundariesand by using interactive and attractive UI elements, they provide a consistent end-to-end user experience and can be used across all device types.

Organized by user roles, the SAP Fiori launchpad is the central entry hub to all SAP Fiori apps, where users access apps via tiles. Within the launchpad, thereare services for navigation, personalization, single sign-on, and search. The launchpad and the tiles are flexible and can be adapted to your needs.

You can use the search in the SAP Fiori launchpad to search for business objects and for apps. For more information, see SAP Fiori Search.

Apps applying the SAP Fiori UX focus on the most critical and common activities and are designed around how people work:

Role-based: Designed for you, your needs and how you workResponsive: Supports how and where you work, at any timeSimple: Focuses on the importantCoherent: Provides one fluid, seamless experienceDelightful: Makes an emotional connection

All UIs are built using state-of-the-art technology such as HTML5 and SAP UI5 mobile. SAP Fiori apps allow you to access the most recent version of your back-end data via OData services. Using previously defined roles and authorizations, you can specify which apps and which data a user is allowed to access.

NoteYou might need additional licences to run SAP Fiori.

More InformationFor more information about how to set up and implement SAP Fiori apps and the search in the SAP Fiori launchpad, see Implementation Overview and the setupand configuration sections.

For more information about the SAP Fiori launchpad, see the following documentation:

For SAP NetWeaver 7.31, see SAP Library for User Interface Add-On 1.0 on SAP Help Portal at http://help.sap.com/nw-uiaddon ApplicationHelp SAP Library SAP Fiori Launchpad .

For SAP NetWeaver 7.4, see the documentation on SAP Help Portal at http://help.sap.com/nw74 Application Help UI Technologies in SAPNetWeaver UI Frameworks based on HTML5, JavaScript and CSS SAP Fiori Launchpad .

1.1 SAP Fiori Search

SAP Fiori search enables you to search for business objects across your core SAP Business Suite applications and to search for apps in the SAP FioriLaunchpad.

It uses the SAP NetWeaver Embedded Search technology on an SAP HANA database. With SAP HANA as a basis, the search directly accesses transactionaldatabase tables.

Searching for business objects, you can use the following operators:

Symbol Example Description

None share warrants Finds results that contain both the word "shares" and theword "warrants".

OR shares OR warrants Finds results that contain either the word "shares" or theword "warrants".

- shares -warrants Finds results that contain the word "shares" but not theword "warrants".

* warr* Finds results containing words that start with "warr", forexample "warrants", "warranty", and "warranted".

"" "with best regards" Finds results that contain the exact phrase "with bestregards".

The result list is sorted by relevance, which is calculated based on the following factors:

Weights of attributes, for example, a hit in the surname is ranked higher than a hit in the first name.Number of hits within an object (proportional to the text length and frequency of other words).

RecommendationTo narrow down your search to a certain business object, add the name of the business object to the search term. For example, to search for purchaseorders addressed to a certain supplier, enter a supplier name and then the term purchase order. In the search results, the purchase orders arethen listed before any other objects related to the supplier.If you cannot find the expected results try again using *, for example *12345 or *john*.Be aware that entering letters of search term in uppercase or in lowercase does not make a difference. The search is not case-sensitive.

New SAP HANA-enabled search models are available for important business objects of the SAP Business Suite. They have a simple, table-based structure,

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 3 of 7

which enables a high performance in the determination of search results.

You can find an up-to-date list about the delivered SAP HANA-enabled search models in SAP Note 1999463 .

You can call up fact sheets from the results of the SAP Fiori search to display details about the objects found and to navigate to their related object, totransactional apps. You can also access back-end transactions through fact sheets (from desktop devices only). For more information, see SAP Fiori App Typesand Database Requirements.

1.2 SAP Fiori App Types and Database Requirements

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

Transactional appsFact sheetsAnalytical apps

When installing SAP Fiori apps, we recommend separating the front-end components with the UI layer from the back-end components that contain the businesslogic and the back-end data. For more information about this deployment option, see Implementation Overview.

All SAP Fiori apps can be accessed internally via the intranet. The transactional apps can also be accessed externally via the Internet.

For fact sheets and analytical apps, we recommend that you use SAP Web Dispatcher as reverse proxy server. Other options are possible but will not bedescribed in the documentation.

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 existingbusiness processes and solutions. They run best on an SAP HANA database, but can also be ported to other databases with acceptable performance.

The following figure shows an overview of the system landscape for transactional apps.

Overview of System Landscape for Transactional Apps

For the transactional apps, the ABAP front-end server contains the UI layer with the product-specific UI components for the products (for example, ERP Financials(ERP-FIN), Customer Relationship Management (CRM), Supply Chain Management (SCM)) as well as the infrastructure components. The infrastructurecomprises the central UI component with the SAP UI5 control library and the SAP Fiori launchpad as well as SAP 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. The underlying databasecan be an SAP HANA database, or any database, and is accessed from the back-end server.

Fact Sheets

These apps display contextual information and key facts about central objects used in your business operations.

From a fact sheet area (tile), you can drill down into its details. You can navigate from one fact sheet to its related fact sheets. For example, you can navigate froma document to the related business partner or to the master data.

From fact sheets, you can start transactions by navigating to transactional apps, or by accessing the back-end system directly. For example, from a documentfact sheet, you can access the back-end system to display document details or to edit the document in SAP GUI or Web Dynpro.

Some fact sheets are delivered with an integration feature for a geographical map.

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 4 of 7

NoteFrom mobile devices or tablets, you cannot access SAP GUI or Web Dynpro transactions through the SAP Fiori launchpad.

You can call up the fact sheets from the search results displayed in the launchpad, from other fact sheets, or from transactional and analytical apps. Thedisplayed data is consumed immediately from the SAP HANA database, mainly through search models.

Fact sheets run only on an SAP HANA database and require an ABAP stack. They cannot be ported to the SAP HANA live (2-tier) architecture.

The following figure shows an overview of the system landscape for fact sheets.

Overview of System Landscape for Fact Sheets

For the fact sheets, the ABAP front-end server contains the UI layer with the central UI component and the product-specific UI components for the products used(for example, ERP-FIN, CRM, SCM) as well as SAP Gateway. The central UI component contains for example the SAP UI5 control library and the SAP Fiorilaunchpad.

The front-end server has read access to the ABAP back-end server through a trusted RFC connection. The ABAP back-end server contains the SAP BusinessSuite with the business logic, search models, OData services, and the model provider.

SAP Web Dispatcher is the entry point for HTTPS requests into your system. SAP Web Dispatcher selects the appropriate server for HTTPS requests, forexample for the INA search protocol requests to the search models in the ABAP back-end server.

Analytical Apps

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

To do this, you can easily use the pre-delivered KPIs and insight-to-action scenarios or define your own ones based on the KPI modeling framework.

Analytical apps run on an SAP HANA database and use virtual data models (VDM).

The following figure shows an overview of the system landscape for analytical apps.

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 5 of 7

Overview of System Landscape for Analytical Apps

The ABAP front-end server contains the UI layer with the infrastructure and the product-specific UI components for the products used (for example, ERP-FIN,CRM, SCM). The infrastructure comprises SAP Gateway with the OData enablement and the central UI component with the SAP UI5 control library and the SAPFiori launchpad.

The front-end components have access through a trusted RFC connection to the ABAP back-end server with the business logic. The underlying database canonly be an SAP HANA database. SAP HANA XS also contains the SAP Fiori app content for the different Business Suite products and the KPI modelingframework and the generic drill-down app as well as the Virtual Data Model (VDM) reuse content.

SAP Web Dispatcher is the entry point for HTTPS requests into your system. SAP Web Dispatcher selects the appropriate server for HTTPS requests, forexample for the OData calls to the ABAP front-end server or SAP HANA XS.

1.3 Implementation Overview

To use the SAP Fiori apps, you need to install the necessary front-end components and the SAP Gateway services to configure a connection to the back end.

We recommend separating the business logic and the back-end data from the UI layer for the following strategic advantages:

Decoupling the lifecycle of the UI apps from the back end, especially for the apps also that run on any database, which has these advantages:Faster iterations for the UI appsChanges to the UI are possible without having development authorizations in the back end.

Single point of maintenance for UI issues, such as browser support and updated versions of SAP UI5 librariesCentral place for theming and branding SAP Fiori apps

To separate back-end from front-end components, set up SAP Gateway with the deployment option Central Hub Deployment . This means you must install SAPGateway independent of consumer technologies in a standalone system, either behind or in front of the firewall, depending on whether you want to enable users toconsume the SAP Fiori apps only internally or also externally.

For more information about the system landscapes required for the SAP Fiori app types, see section SAP Fiori App Types and Database Requirements.

To install and configure a SAP Fiori app, the following steps are necessary:

SAP Fiori System Landscape with ABAP Environment (transactional apps)Setup of SAP Fiori System Landscape with ABAP EnvironmentConfiguration of SAP Fiori InfrastructureFor information about implementing an app, see section App Implementation App Implementation for Transactional Apps

SAP Fiori System Landscape with SAP HANA Database (transactional apps/fact sheets)Setup of SAP Fiori System Landscape with SAP HANA DatabaseConfiguration of SAP Fiori InfrastructureFor information about implementing an app, see section App Implementation App Implementation for Fact Sheets

SAP Fiori System Landscape with SAP HANA XS (transactional apps/fact sheets/analytical apps)Setup of SAP Fiori System Landscape with SAP HANA XSConfiguration of SAP Fiori InfrastructureFor information about implementing an app, see section App Implementation App Implementation for Analytical Apps

More InformationFor more information about extensibility of SAP Fiori apps (such as adding new fields or layout options), see Extending SAP Fiori Applications.

For more information about the installation and configuration of SAP HANA live, see SAP HANA Live for SAP Business Suite 1.0 on SAP Help Portal at

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 6 of 7

http://help.sap.com/hba Administrator’s Guide .

For more information about the installation of SAP Smart Business, see SAP Smart Business 1.0 on SAP Help Portal at http://help.sap.com/ssb Administrator’s Guide .

For more information about the individual SAP Fiori apps (such as the names of the PFCG roles for each app, the name of the gateway service, the systemprerequisites), see the app-specific documentation in the section SAP Fiori Apps.

For more information about SAP Gateway deployment options, see the following documentation:

For SAP NetWeaver 7.31, see SAP Help Portal at http://help.sap.com/nwgateway20 Installation and Upgrade Information Master Guide SAPNetWeaver Gateway Master Guide : Deployment Options and Embedded Versus Hub Deployment .

For SAP NetWeaver 7.4, see SAP Help Portal at http://help.sap.com/nw74 Application Help Function-Oriented View SAP GatewayFoundation (SAP_GWFND) SAP Gateway Foundation Master Guide Deployment Options .

PUBLIC© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Page 7 of 7