Fiori/Gateway/UI5 Workshop

Workshop Summary/Review

Customer

Delivered byAnil Kumar and Venkatesh Ilango

© 2011 SAP AG. All rights reserved. 2Strictly Confidential

Topics Covered

Day 1: Gateway

Day 2: Gateway Advanced

Day 3: UI5/Fiori

Day 4: Advanced Topics/Fiori Extensibility

Day 5: Custom Application Model from LB / Q & A / Follow up services and any Miscellaneous topics

© 2011 SAP AG. All rights reserved. 3Strictly Confidential

Goal of Workshop

To Provide L Brands with the expertise needed to create an end to end Custom Fiori like application using Gateway and UI5 features and concepts

© 2011 SAP AG. All rights reserved. 4Strictly Confidential

Day 1 : Gateway Basics

SAP UX Strategy

Fiori Architecture Introduction

Gateway Architecture

REST & Odata Introduction

Gateway Modeling, Service document explanation

© 2011 SAP AG. All rights reserved. 5Strictly Confidential

Day 2 : Gateway Advanced

Associations & Navigation links

Function Imports

Odata query support ( $filter options )

Attachment support ( Upload and Download of media )

Multi Origin Composition

$expand & Deep inserts

Batch updates

Sample Exercises on Gateway Modeling

© 2011 SAP AG. All rights reserved. 6Strictly Confidential

Day 3 : UI5 Setup & Basics

Dev environment setup

Introduction to UI5

Bootstrap, App Lifecycle, MVC intro with view types

Models & Intro to Data Binding and Operations

Eclipse Code Completion, UI5 Diagnostic Tool, Chrome Debugger

Sample Exercises on UI5

© 2011 SAP AG. All rights reserved. 7Strictly Confidential

Day 4 : UI5 Advanced

Master/Detail, Full Screen, UI5 Controls

Fragments ,Component, Routing

Custom Utilities & Formatting and search

Extend standard UI control Tables/List

Architecture, Types of Apps, UX Design Principles, Strategy, Roadmap

Under the hood of a Fiori standard app

Typical file structure, scaffolding, shell

Batch update creation from application

Odata Extensibility

Sample Exercise on Odata Extensibility

© 2011 SAP AG. All rights reserved. 8Strictly Confidential

Day 5 : Misc topics / Custom Model / Q & A

UI5 Extensibility

Fiori Toolkit

River RDE

Adding custom application to Fiori Launchpad

Custom Model discussion & Plan from L Brands

Discussion about follow up services

Wrap Up

© 2011 SAP AG. All rights reserved. 9Strictly Confidential

Thoughts Feedback

Feedback from participants?

© 2011 SAP AG. All rights reserved. 10Strictly Confidential

© SAP 2011 / Page 10

Onsite visitWorkshop

Remote

Remoteanalysis

EvaluationEvaluation

Remote

Pre requisite CheckPre requisite Check

Approve PurchaseOrder App SetupApprove PurchaseOrder App Setup

FinalreportFinalreport

Onsite

Action planAction plan

Follow-up

PerformactionsPerformactions

Conference CallConference CallGatewayGateway

UI5UI5

Onsite/Remote

+ 2 weeks-2 week

Service Delivery Process Timeline

© 2011 SAP AG. All rights reserved. 11Strictly Confidential

Follow Up

Identify common use cases and develop simple POCs for Fiori

Custom Fiori Application design and requirement gathering

Contact Account team for further engagement

Development empowering services with Custom Application

Fiori Configuration check services for Standard Fiori Apps

© 2011 SAP AG. All rights reserved. 12Strictly Confidential

SAP Onsite Service – Your Feedback

Accessible from:

We are interestedin your opinion regarding our services

© 2011 SAP AG. All rights reserved. 13Strictly Confidential

SAP Gateway / UI5 – How to guides

How to Upload Download Files using Gateway How to do Complex updates using Gateway How to batch mutiple operations in gateway OData Extensibility Approve Purchase Orders UI5 Extensibility - Approve Purchase Orders Fiori Toolkit SAP River RDE Fiori Demo Toolkit Standard Fiori Applications

© 2011 SAP AG. All rights reserved. 14Strictly Confidential

SAP Fiori – Public Help Information

SAP Official Fiori Documentation: SAP Fiori Main Help Page: http://help.sap.com/fiori SAP Service Market Place Download Center: http://service.sap.com/swdc SAP Product Availability Matrix: http://service.sap.com/pam SAP Quick Sizer: http://service.sap.com/quicksizer

Additional Related Information to SAP Fiori:o SAP Web Dispatchero SAP NetWeaver GW 2.0

SCN (SAP Community Network):o What is SAP Fiorio SAP for Mobile

© 2014 SAP AG or an SAP affiliate company. All rights reserved.

Thank youContact information:

Anil Kumar (Team Lead)anil.kumar13@sap.com

Venkatesh Ilango (Team member)venkatesh.ilango@sap.com

Clayton Conoyer (Technical Quality Manager)M: 314-322-5889Clayton.Conoyer@sap.com