Sap Fiori Overview a5v43

SAP Fiori Overview – Day 1

Deloitte Consulting LLP

Agenda or contents slide SAP Interface - UI evolution SAP Fiori Overview Types of Fiori Apps FIORI - Potential Implementation Roap Technical Architecture Fiori Live in Action Fiori Custom Application Fiori Project Structure Skillset Requirement Summary

SAP Interfaces - UI evolution

-4Strawman_JS_041414_V1.pptx

the SAP you know

-5-

Strawman_JS_041414_V1.pptx

design thinking points the way

Introduction to SAP Fiori A collection of apps that represents the new SAP experience paradigm. SAP Fiori offers various business roles a simple, easy-to-use experience for SAP software functions, and works seamlessly on desktop, tablet, or smartphone.

SAP Interfaces

-8Strawman_JS_041414_V1.pptx

SAP Fiori UX

“Simplicity is the ultimate sophistication”

-9-

Strawman_JS_041414_V1.pptx

-Leonardo da Vinci

SAP Fiori UX Design Principles

Responsive

Designed for you, your needs and how you work

s how and where you work, at any time

© 2014 SAP AG. All rights reserved.

Simple

Focuses on the important

- 10 -

Coherent

Provides one fluid, seamless experience

Delightful

Makes an emotional connectio n

9

Strawman_JS_041414_V1.pptx

Role-based

SAP Fiori role-based experience for top tasks SAP Fiori UX Role-based applications

From: One transaction for multiple roles exposing all data & functions to all s

To: Decomposed apps for each role exposing only relevant data & functions

From: Multiple entry points for the and inconsistent experience (e.g. ERP vs. CRM)

To: One entry point for the and UX following common design directions

© 2014 SAP AG. All rights reserved.

- 11 -

10

Strawman_JS_041414_V1.pptx

Today Functional-based applications

Powered by our innovation platform

Combined with deep business knowledge - 12 -

ed with the latest UI technology

Giving you simple & delightful

Strawman_JS_041414_V1.pptx

SAP New Experience

Unified UX Direction for all SAP Software All applications & UI technologies to converge to the SAP Fiori UX

SAP Fiori Experience

Applications*

Analytics*

* Cloud and Analytics embracing SAP Fiori UX is the current state of planning and may be changed by - 13SAP - at any time.

Strawman_JS_041414_V1.pptx

SAP HANA Platform

SAP Fiori Launchpad One entry point for the Search across and within apps to get immediate answers

Role based with one common role definition

Color coding alerts for any overdue, new or immediate actions

News and feeds to enhance collaboration

SAP Jam integrated to provide instant on notifications and group activity

Group tiles for personalized content organization

- 14 -

15

Strawman_JS_041414_V1.pptx

© 2014 SAP AG. All rights reserved.

Dynamic charts to provide high level, real-time overview

SAP Fiori UX App Types Analytical

Factsheet

Task-based Access

Insights

Search and Explore

Access to tasks like change, create, or entire processes with guided navigation

Visual overview of a dedicated topic for further KPI related analyses

View essential information about objects and contextual navigation between related objects

Run on: Run on:

Run on: • Exceptions

apply for Financials and MRP

• Selected

apps were downported (next slide)

© 2014 SAP AG. All rights reserved.

Run on:

Run on: For SAP Smart Business, consider «HANA side car» approach as long as you are not running Suite on HANA - 15 -

Run on:

16

Strawman_JS_041414_V1.pptx

Transactional

SAP Smart Business Enabling Different Working Models Launchpad Fiori L

Performance-driven Working Model

Smart Business Drill-Down

Analysis Path Framework*

CxO Cockpit*

Lumira Story Viewer*

Analyze in Lumira*

Collaborate

Situation-driven Working Model HANA Search, C‘est Bon, Fact Sheet

Task-driven Working Model

Execute Transactions

KPI Mode ler Repository & Reposi

* Coming soon

© 2014 SAP AG. All rights reserved.

- 16 -

17

Strawman_JS_041414_V1.pptx

Work Lists with Embedded Analytics, Ad-hoc queries (Design Studio)*

SAP Fiori Roles Across Lines of Business and Industries s Payable ant  s Receivable ant Cash  Manager Collection  Specialist Controller  Cost Manager  G/L ant  Sales Manager  Manager 

Manufacturing  MRP Controller  Quality Engineer  Production Planner  Prod Worker/Supervisor

Human Resources  Employee  Manager

Sales & Marketing  Sales Representative  Inside Sales Representative  Sales Manager

Procurement

Cross LoB

 Purchaser

 Manager

 Inventory ant

 MDG Expert

 Materials Requirement Planner

 ILM Archiving Expert  Security Manager

 Employee  Manager

Supply Chain

R&D, Engineering

 Supplier

 Project Manager & Planner

 Supply Planner

 Program Manager

 Transportation Manager

 Project Team Member

 Warehouse Manager  Shipping Specialist

Asset Management Maintenance Worker & Planner

Industries Retail  Master Data Specialist  Promotion Specialist  Retail Store Associate Insurance  Claims Supervisor

 Product Manager © 2014 SAP AG. All rights reserved.

- 17 -

18

Strawman_JS_041414_V1.pptx

Finance

SAP Fiori UX for Cloud Overview Continuously rethink the experience of our Cloud solutions so we can help our customers improve engagement Renewal

Harmonization Focus on UX across Cloud solutions

Cloud for Customer © 2014 SAP AG. All rights reserved.

- 18 -

19

Strawman_JS_041414_V1.pptx

Focus on UX for single solution

Why focus on Experience?

Gain productivity

$

Increase adoption Decrease errors Save training costs

© 2014 SAP AG. All rights reserved.

- 19 -

21

Strawman_JS_041414_V1.pptx

Great Experience

UX impacts Business Value

Architecture

- 20 -

Strawman_JS_041414_V1.pptx

Component Overview

Transactional App Type

- 21 -

Strawman_JS_041414_V1.pptx

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.

These apps display contextual information and key facts about central objects used in your business operations. Fact sheets are designed to be intuitive and harmonized. From a fact sheet area (tile), you can drill down into its details. You can easily navigate from one fact sheet to its related fact sheets.. From fact sheets, you can start transactions by navigating to transactional apps, or by accessing the back-end system directly. For example, from a document fact sheet, you can access the back-end system to display document details or to edit the document in SAP GUI or Web Dynpro. – Desktop only Fact sheets apps run on HANA and the ABAP stack. - 22 -

Strawman_JS_041414_V1.pptx

Fact Sheet App Type

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. They can be SAP Smart Business applications but can also be other analytical, predictive, and planning applications. 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 SAP Smart Business, 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 apps use Smart Business KPI Framework or HANA Live and XS - 23 -

Strawman_JS_041414_V1.pptx

SAP Smart Business / Analytical App Type

Some important to

Theme Designer

- 26 Strawman_JS_041414_V1.pptx

Fiori Apps UI

- 27 -

Strawman_JS_041414_V1.pptx

Fiori Backend Integration

Extending SAP Fiori Apps Knowledge requirements:

Fiori – Launchpad – Day 1 How to add apps to Fiori Launchpad

Deloitte Consulting LLP

What is Launchpad ?

Launchpad components What is Launchpad? SAP Fiori Launchpad is the entry point to Fiori apps on mobile or desktop devices. First of all, the Launchpad displays various tiles. Tiles are rectangular objects that provide access to applications. Which tiles are displayed on a ’s entry page depends on the ’s role. Depending on the role, the can choose from a wide choice of ready-to-use tiles from the tile catalog as part of the Launchpad personalization. Catalogue It defines the set of all tiles that s can use to personalize the home page. Group Are predefined application categorized together. We can enter different tiles to a group from a catalog. These groups can be assigned to PFCG roles, these roles are in turn assigned to s. Launchpad Designer Launchpad Designer can be used to configure your catalogs and groups from the front end. And can be launched in a number of browsers.

Steps to add new apps To open Launchpad designer:

Once you are on the designer, you can select to “Create a new catalog” by clicking on the + sign on the bottom. Provide a suitable Title and ID, and you are good to go.

Steps to add new apps Now that you have your catalog ready, you add tiles to your catalog. These tiles correspond to the apps you want visible in this catalog. Select “App Launch Static” to create a simple Manager approval app.

Here’s how the tile would look like once added to the catalog. You can customize the tile, for the app you need to add.

Steps to add new apps If you click on the tile, you can see the details that can be modified for a particular app. Add the relevant title and the target URL for the Manager Leave approval app

Steps to add new apps Now you can add the catalog to a group. To create a Group, select the group icon and provide details like Title and ID.

You can select the catalog that you would like to add to this group.

Steps to add new apps Now you want this app only visible to the Manager, who holds the right set of roles for approvals. To restrict the Access of app, Go to PFCG in the gateway system, and create a new role for manager apps. Click on “Transactions” to add a “Grupee”.

Steps to add new apps From the drop down list you can select the appropriate Gruppe, in our case “manager”.

The last step to assign the appropriate s to this role .

Fiori – Standard Apps Setup up of standard Services.

Deloitte Consulting LLP

Fiori Implementation Flow

Fiori Architecture Activate Gateway and UI5 Services in SICF To activate the required Gateway services, go the required transaction, and check the services are active: 

In your Gateway system, go to transaction SICF.



Select Execute.



Navigate to the relevant namespace:  For the Approve Requests app: sap>opu>odata>iwpgw  For other SAP Fiori apps: sap>opu>odata>sap



Check that all Gateway services for the SAP Fiori applications you want to use are active:  Right-click each service. Activate Service should be inactive (grayed out).  If Activate Service is active, right-click each service and select Activate Service.



Navigate to sapbcui5_ui5sap.



Check that all ICF nodes for the installed applications are active:  Right-click each service. Activate Service should be inactive (grayed out).  If Activate Service is active, right-click each service and select Activate Service.

Add Apps to the 's Home Page 

In your SAP NetWeaver Gateway system, call transaction PFCG (Role Maintenance).



Assign s to the predefined launch page role for your SAP Fiori application.

App specific Configuration  E.g. : Sales Order

Questions