You are on page 1of 31

CGE638 – Designing Applications with Real

Company Data by Using SAP Build


Thomas Dubreuil, SAP

PUBLIC
Speakers 2018

SAP TechEd Las Vegas Santosh Kikkeri


October 2–5, 2018 Keith Fisher

Thomas Dubreuil
SAP TechEd Barcelona Joelle El Hayek
October 23–25, 2018
Vincent Escalier

SAP TechEd Bangalore Saumya Nair


November 28–30, 2018 Shrinivasar Neelamegam

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 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.

Download the app from


iPhone App Store or Google Play.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 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 5


Design thinking overview

Discover Design Deliver

What is the What are the How to roll out and


problem to solve? potential solutions? get feedback ?
Explore opportunities to You understand the You’ve tested your
add value, identify the problem – now create the software designs with
problem to solve and for best solution. Prototype, users – now build the
whom, then talk to end test, and iterate your actual solution. Validate,
users and uncover their design with end users. adjust, and release your
real needs. product.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 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 7


Why SAP Build?

For IT For Line of Business


Little time left for innovation Difficult to deliver new solutions
For the Company
Digital transformation is a challenge

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 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 9


Who is SAP Build for?

© 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 11


I’m a
Business Analyst The Scenario
Starting from the Idea

Create a study to feedback


from users and raise
Create a Project & Describe data model & discover adoption
set up your team services via API Hub/Management

Define simple business logic Hand over the prototype to


Define the UI following including UI Actions and CRUD SAP Web IDE
SAP Fiori Guidelines operations

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


Game changer for IT
Transform interactions with LoB

Increase user adoption and improve User


No longer a bottleneck
Experience

Follow SAP Fiori Guidelines Follow SAP Cloud Reference


architecture (UI5, OData, …)

Reduces Design impasses, Development Unlock secured access to the API made
rework and effort available by IT thru API Management

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


Driven by Management
Foster innovation

• Leverage IT investments

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?

Operationalize design-thinking
to spur innovation

Bring ideas to life through realistic, Improve adoption through early Dramatically reduce development
interactive prototypes with real feedback from end-users time and cost
data

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 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 16


Differences in prototypes

Low-Fidelity Medium-Fidelity High-Fidelity

Simple Clickable images & UI5 controls with UI5 controls with data Realistic
navigation inline data & model & UI Logic
navigation

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


Fiori compliant code and code structure

© 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

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


Efficient and effective design

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


Ui Logic: The Power of Data 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

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


In a nutshell

Medium fidelity Data in line


User-Relevant Design Efficient Design
High Fidelity Data model

High Fidelity + API Mgmt

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

Continue with
High Fidelity Prototyping
& User feedback

Start here with


Low Fidelity Prototyping
& User feedback Questions through
User feedback can help

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


You can find us at

BUILD
https://build.me

EMAIL TWITTER
contact.build@sap.com @buildwithbuild

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


SAP TechEd online / SAP Community

Access replays of:


 Keynotes
 SAP TechEd live interviews
 Selected lecture sessions

http://sapteched.com/online

Continue your SAP TechEd discussion after


the event within SAP Community:
 Read and reply to blog posts
 Ask your questions
 Join conversations

sap.com/community
See all SAP TechEd blog posts

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


Further information

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


www.sap.com/education
https://www.sap.com/developer/tutorials/build-getting-started.html

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


Thanks for attending this session.

Feedback Contact for further topic inquiries

Please complete your session contact.build@sap.com

evaluation for CGE638


@SAP_designs

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