SAP Fiori – Extensibility overview

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 2

Agenda

Out of the box shipment

Extensibility levels – approval scenarios

Integration types – approval scenarios

UI Theme Designer

Preview: SAP App Designer

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 3

SAP Fiori First wave of 25 apps

My Leave Requests

My Timesheet

My Travel Requests

My Shopping Cart

Track Shopping Carts

Approvals

Insights

Approve Requests

Approve Leave Requests

Approve Timesheets

Approve Travel Requests

Approve Travel Expenses

Approve Shopping Carts

Approve Purchase Orders

Approve Requisitions

Approve Purchase Contracts

Purchasing

My Spend

Track Purchase Order

Order from Requisitions

Requests Insights

My Paystub

My Benefits

Purchasing

Agent

Manager Employee

Transactions

Insights

SAP

Fiori Sales

Rep Create Sales Orders

Change Sales Orders

Check Price and

Availability

Track Sales Orders

Track Shipments

Customer Invoices

SAP Fiori allows employees to work seamlessly across devices – desktop, tablet, or smartphone.

It provides improved user satisfaction and enables quicker approvals and better decisions.

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 4

Required skills

Application

Layer

ABAP Business

Suite

Gateway SAPUI5 HTML5 and

JavaScript

Business

Suite Layer

X X

Gateway

Layer

X X X

UI Layer X X

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 5

SAP Fiori Approve Requests

Approve

Requests with

Generic Contents Business Enriched

Out of the box

Configuration

BADI

Out of the box

Configuration

Capital

Expenditure

Out of the box

(Framework/

Libraries)

Configuration

UI development

GW Service Dev.

Standard Apps Custom Apps

With the out-of-the box of SAP Fiori, you can add any workflow

scenarios with generic contents to the SAP Fiori Approve

Requests.

Workflow scenarios

Launch Page

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 6

Extensibility levels – approval scenarios

1. Adding customer workflows to the SAP Fiori Approve Requests

Customizing + BADI + launch Page

2. Extending standard apps – adding fields

Extending oData, BADI + UI change

3. Developing custom approval apps

oData service development + UI development

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 7

Integration types – approval scenarios

A) Integrating with SAP Business Workflow (Business Suites)

B) Integrating with SAP NetWeaver BPM

C) Integration with 3rd party workflow engine

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 8

Integration types

SAP Business Suite Non-SAP

SAP NetWeaver Gateway

Backend Systems

SAP NetWeaver

Gateway

3rd Party SAP Business

Suite

NetWeaver

BPM

Process Gateway

A C B

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 9

Gateway enhancement – Redefining services

Redefining services in the Gateway Service Builder

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 10

UI enhancement – Modify the UI Layer

1. Download codes to eclipse

2. Modify UI files

3. Configure path for test

4. Test

5. Create transport request

6. Upload

If your NetWeaver version is 7.31 or

higher, you can use Eclipse to upload

and download SAPUI5 application code

to and from a BSP server.

SAP NW

Gateway

Server

SAP UI 5

Fiori UI Add-ons

SAPUI5 Development Toolkit Plug-

in for eclipse

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 11

UI Theme Designer

http://help.sap.com/nw-uiaddon

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 12

Info Pages: SAP Fiori - Public

• SAP Fiori - SAP User Experience Community

• Marketplace - Apps - SAP Fiori

• help.sap.com/Fiori – Technical docs

• SAP Community Network (SCN) – SAP Fiori - QA

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 19

© 2013 SAP AG or an SAP affiliate company.

All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG.

The information contained herein may be changed without prior notice.

Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.

National product specifications may vary.

These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or

warranty of any kind, and SAP Group shall not be liable 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 express warranty statements accompanying such products and services, if any. Nothing

herein should be construed as constituting an additional warranty.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in

Germany and other countries.

Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.