Sei sulla pagina 1di 31
CGE638 – Designing Applications with Real Company Data by Using SAP Build Thomas Dubreuil, SAP

CGE638 – Designing Applications with Real Company Data by Using SAP Build

Thomas Dubreuil, SAP

PUBLIC

CGE638 – Designing Applications with Real Company Data by Using SAP Build Thomas Dubreuil, SAP PUBLIC

Speakers 2018

Speakers 2018 SAP TechEd Las Vegas Santosh Kikkeri Keith Fisher October 2–5, 2018 Thomas Dubreuil Joelle

SAP TechEd Las Vegas

Santosh Kikkeri Keith Fisher

October 2–5, 2018

Thomas Dubreuil Joelle El Hayek Vincent Escalier

SAP TechEd Barcelona

October 23–25, 2018

SAP TechEd Bangalore

November 28–30, 2018

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

Saumya Nair Shrinivasar Neelamegam

2

Take the session survey.

We want to hear from you!

Be sure to complete the session evaluation for this session CGE638 on the SAP TechEd mobile app.

for this session CGE638 on the SAP TechEd mobile app. Download the app from iPhone App

Download the app from iPhone App Store or Google Play.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

app from iPhone App Store or Google Play. © 2018 SAP SE or an SAP affiliate

3

Disclaimer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP. Except for your obligation to protect confidential information, this presentation is not subject to your license agreement or any other service or subscription agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or any related document, or to develop or release any functionality mentioned therein.

This presentation, or any related document and SAP's strategy and possible future developments, products and or platforms directions and functionality are all subject to change and may be changed by SAP at any time for any reason without notice. The information in this presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality. This presentation is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement. This presentation is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this presentation, except if such damages were caused by SAP’s intentional or gross negligence.

All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

4

Introduction

The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

The Who The Value The Demo About prototyping © 2018 SAP SE or an SAP affiliate

5

Design thinking overview

Discover
Discover

What is the problem to solve?

Explore opportunities to add value, identify the problem to solve and for whom, then talk to end users and uncover their real needs.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

Design
Design
Deliver
Deliver

What are the potential solutions?

You understand the problem – now create the best solution. Prototype, test, and iterate your design with end users.

How to roll out and get feedback ?

You’ve tested your software designs with users – now build the actual solution. Validate, adjust, and release your product.

6

The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

The Who The Value The Demo About prototyping © 2018 SAP SE or an SAP affiliate

7

Why SAP Build?

Why SAP Build? For IT Little time left for innovation © 2018 SAP SE or an
Why SAP Build? For IT Little time left for innovation © 2018 SAP SE or an

For IT

Little time left for innovation

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

or an SAP affiliate company. All rights reserved. ǀ PUBLIC For Line of Business For the

For Line of Business For the Company

Difficult to deliver new solutions

Digital transformation is a challenge

8

What is SAP Build?

Build is a comprehensive set of cloud-based tools to quickly develop interactive prototypes, collect user feedback, and jump-start development…

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

user feedback, and jump-start development… © 2018 SAP SE or an SAP affiliate company. All rights

9

Who is SAP Build for?

Who is SAP Build for? © 2018 SAP SE or an SAP affiliate company. All rights

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

10

The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

Who The Value The Demo About prototyping © 2018 SAP SE or an SAP affiliate company.

11

I’m a Business Analyst
I’m a
Business Analyst
I’m a Business Analyst Create a Project & set up your team Define the UI following
I’m a Business Analyst Create a Project & set up your team Define the UI following

Create a Project & set up your team

a Business Analyst Create a Project & set up your team Define the UI following SAP

Define the UI following

SAP Fiori Guidelines

The Scenario Starting from the Idea

Describe data model & discover services via API Hub/Management
Describe data model & discover
services via API Hub/Management

Define simple business logic including UI Actions and CRUD operations

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

or an SAP affiliate company. All rights reserved. ǀ PUBLIC Create a study to feedback from

Create a study to feedback from users and raise adoption

reserved. ǀ PUBLIC Create a study to feedback from users and raise adoption Hand over the
reserved. ǀ PUBLIC Create a study to feedback from users and raise adoption Hand over the

Hand over the prototype to SAP Web IDE

12

Game changer for IT Transform interactions with LoB Increase user adoption and improve User Experience

Game changer for IT Transform interactions with LoB

Game changer for IT Transform interactions with LoB Increase user adoption and improve User Experience Follow
Game changer for IT Transform interactions with LoB Increase user adoption and improve User Experience Follow
Game changer for IT Transform interactions with LoB Increase user adoption and improve User Experience Follow

Increase user adoption and improve User Experience

Follow SAP Fiori Guidelines

Reduces Design impasses, Development rework and effort

No longer a bottleneckReduces Design impasses, Development rework and effort Follow SAP Cloud Reference architecture (UI5, OData, …)

Follow SAP Cloud Reference architecture (UI5, OData, …) SAP Cloud Reference architecture (UI5, OData, …)

Follow SAP Cloud Reference architecture (UI5, OData, …) Unlock secured access to the API made available

Unlock secured access to the API made available by IT thru API Management

access to the API made available by IT thru API Management © 2018 SAP SE or

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

13

• Leverage IT investments Driven by Management Foster innovation o With effortless interaction patterns, the

Leverage IT investments

Driven by Management Foster innovation

o

With effortless interaction patterns, the SAP Fiori UX is

designed for a powerful impact across your enterprise

o

UI technology, data access, scalable integrated platform

Unlock Line-of-Business innovation

o Give them the right tool & methodology

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

14

Where does SAP Build Value stand?

Where does SAP Build Value stand? Operationalize design-thinking to spur innovation Bring ideas to life through

Operationalize design-thinking to spur innovation

stand? Operationalize design-thinking to spur innovation Bring ideas to life through realistic, interactive

Bring ideas to life through realistic, interactive prototypes with real data

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

or an SAP affiliate company. All rights reserved. ǀ PUBLIC Improve adoption through early feedback from

Improve adoption through early feedback from end-users

ǀ PUBLIC Improve adoption through early feedback from end-users Dramatically reduce development time and cost 15

Dramatically reduce development time and cost

15

The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

Who The Value The Demo About prototyping © 2018 SAP SE or an SAP affiliate company.

16

Differences in prototypes

Low-Fidelity Clickable images & navigation
Low-Fidelity
Clickable images &
navigation
Medium-Fidelity UI5 controls with inline data & navigation
Medium-Fidelity
UI5 controls with
inline data &
navigation
High-Fidelity UI5 controls with data model & UI Logic
High-Fidelity
UI5 controls with data
model & UI Logic
High-Fidelity UI5 controls with data model & UI Logic Simple Realistic © 2018 SAP SE or

Simple

Realistic

controls with data model & UI Logic Simple Realistic © 2018 SAP SE or an SAP
controls with data model & UI Logic Simple Realistic © 2018 SAP SE or an SAP
controls with data model & UI Logic Simple Realistic © 2018 SAP SE or an SAP

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

17

Fiori compliant code and code structure

Fiori compliant code and code structure © 2018 SAP SE or an SAP affiliate company. All

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

18

Why working with real data matters?

It is Relevant for both the User and for the Developer

It is Efficient to manage screens and data consitencey

It is Realistic to understand behaviors, increase feasibility and reduce costs

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

19

User relevant design option 1

Medium-Fidelity

Realistic Data inline edited

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

20

User relevant design option 2

High-Fidelity

Realistic Data Sample

Extracted from your systems

Provided by Data Sample generator

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

21

User relevant design option 3

High-Fidelity

Real Data

From API Hub

From API Management

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

22

Efficient and Effective design

Efficient and Effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.
Efficient and Effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

23

Efficient and effective design

Efficient and effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

Efficient and effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.
Efficient and effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.
Efficient and effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.
Efficient and effective design © 2018 SAP SE or an SAP affiliate company. All rights reserved.

24

Ui Logic: The Power of Data

Chart Aggregations Change Value Delete Cancel Changes Save Create Group Filter Sort Search Open Dialog
Chart Aggregations
Change Value
Delete
Cancel Changes
Save
Create
Group
Filter
Sort
Search
Open Dialog
Open Dialog
Show Toast Message
Show Toast Message
Show Popover
Show Popover
Show Confirmation
Show Confirmation
Show Alert
Show Alert
Navigation
Navigation
Without Data Model
With Data Model
Navigation Navigation Without Data Model With Data Model © 2018 SAP SE or an SAP affiliate

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

25

In a nutshell

Medium fidelity Data in lineIn a nutshell User-Relevant Design E f f i c i e n t D e

User-Relevant Design

Efficient Design

Design E f f i c i e n t D e s i g n

High Fidelity Data modelDesign E f f i c i e n t D e s i g n

High Fidelity + API Mgmtc i e n t D e s i g n High Fidelity Data model Increase

Increase Feasibility

Reduce Dev Costs

Realistic Design

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

26

Low vs High fidelity prototyping

Start here with Low Fidelity Prototyping & User feedback

here with Low Fidelity Prototyping & User feedback Continue with High Fidelity Prototyping & User feedback

Continue with High Fidelity Prototyping & User feedback

Questions through User feedback can help
Questions through
User feedback can help

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

27

You can find us at

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC BUILD https://build.me EMAIL contact.build@sap.com

PUBLIC

or an SAP affiliate company. All rights reserved. ǀ PUBLIC BUILD https://build.me EMAIL contact.build@sap.com TWITTER

BUILD

https://build.me

EMAIL

contact.build@sap.com

company. All rights reserved. ǀ PUBLIC BUILD https://build.me EMAIL contact.build@sap.com TWITTER @buildwithbuild 28

TWITTER

@buildwithbuild

28

SAP TechEd online / SAP Community

Access replays of:

Keynotes

SAP TechEd live interviews

Selected lecture sessions

Continue your SAP TechEd discussion after the event within SAP Community:

Read and reply to blog posts

Ask your questions

Join conversations

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

See all SAP TechEd blog posts © 2018 SAP SE or an SAP affiliate company. All

29

Further information

Further information Related SAP TechEd learning journeys CGE2 – How to Design and Develop SAP Fiori

Related SAP TechEd learning journeys

CGE2 – How to Design and Develop SAP Fiori Apps

Related SAP TechEd sessions

CGE369 – Transform Your Application Requirements Process with SAP Build…. CGE218 – Improve SAP Fiori Adoption with SAP Build LT149 – Optimize Your Application UX by Employing User Feedback

Public SAP Web sites

SAP Community: www.sap.com/community SAP products: www.sap.com/products SAP Build: build.me SAP Design: experience.sap.com

SAP training and certification opportunities

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

30

Thanks for attending this session. Feedback Please complete your session evaluation for CGE638 © 2018

Thanks for attending this session.

Thanks for attending this session. Feedback Please complete your session evaluation for CGE638 © 2018 SAP
Thanks for attending this session. Feedback Please complete your session evaluation for CGE638 © 2018 SAP

Feedback

Please complete your session evaluation for CGE638

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

PUBLIC

Contact for further topic inquiries

31