sap fiori day1

7/21/2019 SAP Fiori Day1

http://slidepdf.com/reader/full/sap-fiori-day1 1/91

© For internal use

SAP Fiori

By Viral Sakhalkar



Agenda

▶ Day 1 – 21st April,2015 – Introduction to SAP Fiori UX – Overview and Introduction of Fiori Applications – Overview of Netweaver Gateway Odata Services – Basics of SAPUI5 –

Fiori Architecture – Fiori Installation – Fiori Configuration – Launchpad Overview – Q&A



Agenda

▶ Day 2 – 22nd April,2015 – Step by step Fiori configuration on Demo system ( Case Studies) – Theme Designer – Extensibility of Fiori Application – Addition of Custom Approval Workflow –

Demos and Videos – Important links and sites – Q&A

▶ Day 3 – 23rd April,2015 – Custom Fiori Application – Odata service creation – SAPUI5 code development – Launchpad Configuration – Debugging – Q&A



Introduction to SAP Fiori UX

4




5

Why User Experience (UX) Matters




6

What Is SAP Fiori UX?




7

Paradigm Shift: Designed for You, Your Needs, and How You Work




8

Paradigm Shift: User Activity in End-to-End Business Processes




9

Paradigm Shift: Coherent Across Functional Areas




10

Design Inspiration

Skeuomorphic Design Flat Design




▶ No Added Effects▶ Simple Elements▶ Use of colors▶ Minimalistic

11

Design Inspiration



Overview and Introduction of Fiori Application

12



Overview of SAP Fiori

13




14




▶ Consumer user experience is the new standard for enterprise applications, but most usersstill experience SAP through SAP GUI.

▶ The goal of SAP Fiori is to provide immediate impact by renewing the user experience of

the most broadly and frequently used SAP software functions that can be accessed from

mobile and desktop devices.

▶ SAP Fiori is a collection of simple and easy to use apps for broadly and frequently used SAP

software functions that work seamlessly across devices – desktop, tablet, or smartphone.

▶ SAP Fiori applications leverage SAP UI5 (with its mobile library, responsive layouts and the

Productivity Services for SAPUI5) and SAP NetWeaver Gateway.

▶ There are 500+ apps that are delivered in the recent release of Fiori

15




16

Types of Applications




17

SAP Fiori Launchpad – One Entry Point for the User




18

Simple, Delightful, and Intuitive User Experience




19

Customizable and Extensible UX




20

Benefits Across the Enterprise




21

Benefits Across the Enterprise




22

Homepage




23

Timesheet



24

Overview of SAP FioriMy Paystubs



25

Overview of SAP FioriTrack Sales Order



System Landscape

26



Overview of Netweaver Gateway Odata Services

27



SAP Netweaver Gateway

28

Moving Away From Point-to-point Solutions




29

One Data Model One API Multiple End-user Experiences

▶ SAP NetWeaver Gateway is a technology that provides a simple way to connect devices, environments and

platforms to SAP software based on market standards.

▶ It offers connectivity to SAP applications using any programming language or model without the need for

SAP knowledge by leveraging REST services and OData/ATOM protocols




30

Which Prerequisites Your System Needs to Fulfill




31

The Three Deployment Options




32

Hub Deployment with Service Development in the SAP Business Suite Backend




33

Hub Deployment with Service Development in the SAP Gateway Hub




34

Hub Deployment with Service Development in the SAP Gateway Hub




35

What is the Open Data Protocol (OData)




36

What Does OData Add to Atom?




37

Output Formats Supported by OData




38

Consumption of ODATA resources




39

Obtaining OData Metadata




40

HTTP Request OData Operation ABAP Method



Basics of SAPUI5

41



42

Basic of SAPUI5Introduction to SAPUI5



▶ Easily customizable Themes▶ Browser-based Theme Designer▶ Allows change of themes for customer branding in an effective manner

43

Basics of SAPUI5SAPUI5 - Powerful Theming & Branding



44

Basics of SAPUI5



45

Basics of SAPUI5SAPUI5 Architecture: Overview



46

Basics of SAPUI5SAPUI5 Architecture: sap.ui namespace



47

Basics of SAPUI5UI5 Control Libraries



48

Basics of SAPUI5Basic Model-View-Controller Concept



49

Basics of SAPUI5UI5 Data Binding



50

Basics of SAPUI5Structure of an SAP Fiori Application



SAP Fiori Architecture

51



52

SAP Fiori Architecture



53

SAP Fiori ArchitectureTransactional Apps (AT1)



54

SAP Fiori ArchitectureAnalytical Apps (AT2)



55

SAP Fiori ArchitectureDetailed Search and FIORI Fact Sheets(AT3)



Architecture

56



Architecture

57

Application delivery – Pair components



Architecture

58

SAP Fiori Apps UI Add-on detail



Architecture

59

Backend integration add-on details



Implementation Flow

60



Fiori Installation

61



Fiori Installation

▶

Check current system landscape

▶ NetWeaver Gateway deployment option

▶ Install NetWeaver Gateway

▶ Install NetWeaver UI Add-on

▶ Install Fiori Apps

▶ Apply SAP Notes

62



Fiori Installation

63

Check current system landscape



Fiori Installation

▶

Detailed pre-requisites are available in the Installation Guide

64

Minimal stack definition

ll



Fiori Installation

▶

Detailed pre-requisites are available in the Installation Guide

65

Validating the Prerequisites

Fi i I ll i



Fiori Installation

66

Netweaver Gateway Deployment Options



Fi i I ll i



Fiori Installation

68

Back-End Server Components Installation

Fi i I ll i



Fiori Installation

69

Which Tools to Use

Fi i I t ll ti



Fiori Installation

70

Install SAP Fiori apps

Fi i I t ll ti



Fiori Installation

71

SAP Notes – Release Notes for Fiori Apps



Fiori Configuration

72

Fiori Configuration



Fiori Configuration

▶ Before starting configuration

▶ Configuration on ERP and SRM server

▶ Configuration on Gateway server

▶ Service registration

▶ App specific settings

▶ User Management

73

Fiori Configuration



Fiori Configuration

74

Before starting configuration

Fiori Configuration



Fiori Configuration

75

Configuration Building Blocks

Fiori Configuration



Fiori Configuration

76

Connection Settings on the Backend System [ERP]

Fiori Configuration



Fiori Configuration

77

Connection Settings: SAP NetWeaver Gateway to SAP Systems

Fiori Configuration



Fiori Configuration

78

Connection Settings: SAP NetWeaver Gateway to SAP Systems

Fiori Configuration



Fiori Configuration

79

Register services /IWFND/maint_service [GW]

Fiori Configuration



Fiori Configuration

80

User and Role/Authorization

Fiori Configuration



Fiori Configuration

81

Launchpad URL



Launchpad Overview

82

Launchpad Overview



Launchpad Overview

83

▶ With the launch of Fiori wave 2 and all the new apps, SAP has also come up with “ Fiori Launchpad”. It’s the new entry point to all your Fiori apps .

▶ To access Launchpad r use following link. :

Launchpad Overview



Launchpad Overview

84

▶ The Launchpad still has the original tiles feature in it. What it enhances is thelevel of Personalization.

▶ It allows you to create catalogs and groups for your homepageGroups: Are predefined application categorized together. We can enter different tiles to agroup from a catalog. These groups can be assigned to PFCG roles,these roles are in turnassigned to users.Catalog: It defines the set of all tiles that users can use to personalize the home page.

▶ The apps need to be configured and we need to add valid roles and registeredcorrectly in transaction LPD_CUST entries on the gateway system.

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.

Launchpad Overview

http://help.sap.com/saphelp_uiaddon10/helpdata/en/cb/0ae6a170754bb9bcfa66c4c4bdcc37/content.htm?frameset=/en/b5/2e74afea0c4aeb8b642b8e6ba8911f/frameset.htm

http://help.sap.com/saphelp_uiaddon10/helpdata/en/cb/0ae6a170754bb9bcfa66c4c4bdcc37/content.htm?frameset=/en/b5/2e74afea0c4aeb8b642b8e6ba8911f/frameset.htm



Launchpad Overview

85

▶ Here are a few advantages of using the Fiori Launchpad. As we explore more wecan add to the list

1. Search feature.2. Single sign on.3. Information at single place.

4. Real time information5. Enables forecasting6. Personalized interface7. More interactive

Advantages

Launchpad Overview



Launchpad Overview

86

Prerequisites

▶ Check NetWeaver kernel versions▶ Maintain SAP NetWeaver Gateway OData Services▶ Configure ICF Nodes

Launchpad Overview



Launchpad Overview

87

Maintaining SAP Gateway OData Services

Launchpad Overview



Launchpad Overview

88

Configuring ICF Nodes for Local Gateway Deployment SICF Services

Launchpad Overview



p

89

Configuring ICF Nodes for Remote Gateway System

Questions



Q

?

90



Atos, the Atos logo, Atos Consulting, Atos Worldline, Atos Sphere,Atos Cloud and Atos Worldgrid are registered trademarks of Atos SE.August 2013© 2013 Atos. Confidential information owned by Atos, to be used bythe recipient only. This document, or any part of it,may not be reproduced, copied, circulated and/or distributed norquoted without prior written approval from Atos.

ThanksFor more information please contact:Viral Sakhalkar – [email protected]

mailto:[email protected]

mailto:[email protected]

sap fiori day1

Documents