The Universe of BTP in a Nutshell

Pro Code based Development with SAP BTP

Tim Back, Chief Development Architect, Application Development, Automation and Integration, SAP BTP
02.05.2023

INTERNAL
Business Technology Platform Overview
 App Dev Automation Integration Data and Analytics AI
Build and innovate Optimize and automate Connect and simplify Give data purpose Infuse intelligence

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

Public 3
 SAP BTP products can support your journey

SAP BUILD PRO-DEVELOPER SAP INTEGRATION

TOOLS SUITE

SAP Business Application

SAP Build Apps Studio API & Event Integration
(Cloud & Hybrid)
SAPUI5 / Fiori elements

SAP Cloud ABAP RESTful API Management

SAP Build Process Automation
Application Application
Programming Model Programming Model
Java, JS ABAP Integration Advisor

SAP Build Work Zone

SAP-Optimized Frameworks
& Services Trading Partner Management

Pre-built content: API Business Hub

SAP Business Technology Platform
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL
Public 4
 SAP BTP for Application Development

Business Technology Platform

Ecosystem and Marketplace
SAP content Third-party content Custom-built content Community and technical forum

App Dev Automation Integration Data and Analytics AI

Consume
Business Digital
SAP Build Work Zone Start Mobile Start
User Experience

Build and With Low-Code With Pro-code Development

Innovate

LoB Expert, Unified Business

Business dev experience Application Studio
Analyst

Unified Document Mobile

Services
dev experience Management Service Services
SAP Build Apps
UI Technologies: RESTful ABAP Cloud Application
Developer, Application
UI5, Web Application Programming
IT Admin Frameworks
Components Programming Model Model (CAP)

Built-in runtime:
Runtimes Visual Cloud Cloud Foundry Kyma ABAP
Functions

2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL

© Public 5
 Integrated Tools and Frameworks for full-stack App Development on BTP

▪ SAP Business Application Studio is the preferred development environment to maximize productivity on BTP
for applications and extensions
▪ SAP Cloud Application Programming Model provides domain-driven modelling powered by CDS
▪ SAP Mobile Services can also be used for native development in XCode and Android Studio with SAP
BTP SDKs for iOS and Android

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 6

Building Blocks of BTP Applications
Work Zone Standard

UI5 Fiori Elements UI5 Fiori Elements

OData OData

CAP ([Link] / Java) RAP (ABAP) Application Services

CDS CDS
Kyma / Cloud Foundry ABAP Cloud (Steampunk)
SQL SQL
HANA Cloud HANA Cloud

Data Warehouse Cloud

SAP Standard Technologies

Enterprise Qualities and Standards

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 7

Client Side / UI Services
Client Side / UI Services
Quickly build enterprise-ready applications based on opinionated technologies from SAP

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 9

A tailored pro-code approach for everybody!
Framework / Web application developer1 Business application developer2

SAP Fiori
Metadata-driven application development
elements

Business application development

SAPUI5

Programming model adaptation UI5 Web Luigi

Fundamental
Components
library NGX
for React

UI element behavior

SAP Web Components

Fundamental (powered by UI5 Web Components)
UI element visual design library styles

Common CSS *NEW*

Metrics, colors, logo, and fonts Micro front-end
Theming base content development

Micro front-end developer3

UI technology option from SAP
1. Works with HTML/CSS, using component tool kits, free framework choice, special requirements, limited lifetime of apps
Reuse UI technologies 2. Works with UI components, using app framework, built-in connectivity, preconfigured UI flexibility, fulfill enterprise qualities
Inner source UI technology options from SAP 3. Works with multiple UI components, built in different technologies and put together in a micro front-end with Luigi

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 10

Client Side / UI Services
SAP Fiori elements
SAP Fiori elements ensures consistent layout, navigation

Most use cases in the enterprise space involve providing an overview, lists of business objects
and management of these business objects.

Provide overview on business Work on a list of business Manage individual business

relevant data objects objects

Overview page List report page Object page

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL Analytical list page Worklist page Flexible Column Layout 12
SAP Fiori elements boosts SAPUI5 development efficiency

Developer UX Enterprise
Productivity Consistency Readiness

▪ Focus on business logic ▪ Comply with the latest SAP ▪ Deliver high quality SAPUI5
and back-end services Fiori design specification applications to end-users
▪ Write less UI code ▪ Deliver a centrally managed ▪ Ensure stable, optimized
▪ Reduce development and user experience UI code out of the box
maintenance costs ▪ Include uniform fonts, colors, ▪ Include standard enterprise
layout, navigation, actions, features (accessibility, mobile,
search, filtering, and more translation support, …)

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 13

 Client Side / UI Services
SAPUI5 and SAP Web Components
Building modern Web applications with SAPUI5 and Web components

SAPUI5 is an HTML5 framework for creating cross-platform,

enterprise-grade applications
▪ Consistent UX: SAPUI5 enables the SAP Fiori design system evolution
across SAP solutions (and beyond).
▪ Anywhere use: SAPUI5 allows a single, responsive app implementation
for all browsers, platforms, and devices.
▪ Hundreds of enterprise UI elements to build professional UIs: UI5 Web
Components extend UI5 to all Web technology stacks.
▪ Powerful extension options: You can adapt SAP standard apps and
customize UIs without coding.
▪ Flexible tools for any developer: SAPUI5 comes with tools to efficiently
build, test, and deploy apps, including SAP Business Application Studio,
which is our recommended IDE.
▪ Innovations: SAPUI5 brings a separation of apps and framework to
centrally innovate while staying upgrade compatible.
Video: What is SAPUI5?
▪ Open source: SAPUI5 qualities are available as OpenUI5.

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 15

UI5 Web Components in a nutshell

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 16

TypeScript for SAPUI5: Professional application development

Modern ES language features for SAPUI5 Transpiled into SAPUI5 runtime code
Support in SAP Business Application TypeScript as a fully optional layer on top
Studio and Visual Studio Code

TS ES

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 17

Flexible programming model blends SAP Fiori elements and SAPUI5 freestyle

Developers have a continuum of options instead of an either/or decision

SAP Fiori elements SAPUI5 freestyle

Metadata-driven Flexible programming model JavaScript framework
development using and UI library
annotations Standard Custom
Standard floor plans layout* Custom
floor + + layout
plans custom standard
artifacts* building blocks
Efficiency Flexibility

*Leveraging standard building blocks and/or SAPUI5 controls and custom code

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 18

 The Backend
Cloud Application Programming Model
(CAP)
Productivity tools for a comprehensive pro-code offering on SAP BTP
Quickly build enterprise-ready applications based on opinionated technologies from SAP

▪ 100+ internal stakeholders NPM downloads

SAP Cloud Application
▪ 100+ customers and partners
Programming Model is the most
▪ 500+ blogs featuring SAP Cloud
adopted framework in SAP (non-
Application Programming Model
ABAP hemisphere).
→ All growing steadily…

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 20

CAP Cloud Application Programming Model
Features Overview
Serving Fiori UIs Providing Services

• OData v4+v2 • Service Definitions in CDS

• Draft support • Generic Providers
• $batch support • Event Handlers
• … • Synchronous and Asynchronous

UIs UIs UIs

Services Services Services

Data Data Data

Consuming Services

• Import from API Hub, S/4, SFSF, … Platform and Database Support
• Mashup with local services
• Deplyoment to BTP Cloud Foundry and Kyma
• Uniform, Protocol-agnostic APIs
• Schema evolution
• Synchronous and Asynchronous
• HANA (prod) and sqlite (dev)
• (PostgreSQL upcomming)
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 21
CAP Modeling through CDS: Define “what”, not “how”

Data Model Definition creating

or importing entities Service Definition creating
projections on the data model
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 22
CAP basics

• Describe the “what” and not the “how” via CDS

• Initialize CAP Projects via cds init

▪ Provides only the bare bone things that you need. No unnecessary files

• “Grow as you go”: cds add

▪ Add additional parts only when you actually need them
– HANA support
– Deployment (mta, helm)
– sample / mock data

• Fast development cycles with cds watch

▪ Automatic spin up of SQLite locally, automatic switch to HANA after deployment
▪ Includes UIs from UI5 and Fiori elements
▪ Mock data for remote service calls
▪ Dummy authorizations
▪ Optionally with hybrid mode (e.g. CAP app local, DB HANA)

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 23

Key benefits and value propositions by numbers

Accelerated development Focus on domain Proven support for best practices

▪ Jump-start: x hrs → 1 min ▪ What, not how → through CDS ▪ Served preconfigured by generic
▪ Turnaround: x min → 1 sec ▪ Capturing intent in close collaboration of runtimes, eliminating recurring tasks
▪ First app: x days → 25 min developers and domain experts ▪ Clear guidance along golden paths
▪ Grow-as-you-go with mocked cloud ▪ Rapid prototyping for reqs analysis ▪ Minimized code → raised quality
(from months → days) (100s → 0–10 lines of code)
environment → Minimized costs

Cloud scale by design Intrinsic extensibility Safeguarded investments

▪ Services and event-centric paradigm ▪ Customizations by SaaS tenants ▪ Minimized lock-ins to platform,
▪ Memory ~100 mb ▪ Verticalization by partners protocols, and databases
▪ Response times ~10 ms ▪ Feature-toggled extensions ▪ Higher-level APIs, shielding users from
▪ Requests ~5.000 (up to 50k) by SaaS providers utterly technical disciplines

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 24

SAP Business Application Studio
The high-productivity approach for
professional developers
Productivity tools for a comprehensive pro-code offering on SAP BTP
Quickly build enterprise-ready applications based on opinionated technologies from SAP

▪ SAP Business Application Studio, the preferred IDE to develop applications and extensions on SAP BTP
▪ Core technologies from SAP in one development environment with all necessary design-time and runtime services
▪ Fully flexible developer experience – from application composition through graphical productivity tools to command line;
code-exit possible at any time
▪ Optimal integration to SAP data for consumption and deployment (cloud and on premise)
▪ Provision of content, support for best practices, and delivery of tools for guiding developers
▪ Complement to ABAP and SAP BTP, Kyma runtime for UI and mobile development
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 26
 ▪ Visual development environment, tailored for
efficient development of business applications for
the Intelligent Enterprise
▪ Intuitive path from visual tools to professional
development tools

▪ Modern and intuitive Web user interface

▪ Simplified, faster setup of the development
environment
▪ Tight integration with SAP services, technologies,
and systems

SAP Business Application ▪ Accelerated time to market with high-productivity

development tools
Studio: The high-productivity ▪ Based on industry best-of-breed IDE and tools,
providing full, tool-independent, developer flexibility
approach for professional
developers ▪ Highly adopted SAP BTP service, across all
channels, with thousands of paying customers
Scale your development and build smarter ▪ Serves as the official tool of choice for thousands
enterprise apps of internal SAP developers

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 27

 Simplify Application Development for Professional Developers
Enhanced development environment and user experience
Preview for fast
Visual overview of all development
assets of a project turnaround times
combining
CAP data models and
services
Fiori elements
applications
Mobile Development
(MDK) Applications
External Services like
S/4 HANA APIs

One Click Deployment to the BTP by

generating all the necessary configurations
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 28
Simplify Application Development for Professional Developers
Visual Data Modeling: Switch from visual tools to textual editors

Visual editors provide high productivity but Switch possible for all editors: Textual code editors to allow developers to
create standard code with 0 additional meta data CDS/CAP, Fior elements, MDK + continue with normal coding for the last mile
Deployment Config of the app

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 29

Simplify Application Development for Professional Developers
Application Business Logic: CAP Handlers

Application Business Logic stub generators

for CAP

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 30

 Simplify Application Development for Professional Developers
Choice of UI Application types in Productivity Perspective: Fiori elements and Mobile Development Kit

Fiori elements apps

responsive, works on all
devices but optimized for
Desktop

MDK apps responsive,

works on all devices but
optimized for Mobile

Page Map for Fiori elements apps no manual writing of

annotations, lots of configs e.g. for creating value helps

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 31

Service Center – Discovery and Connectivity to External Services

• Service center provides the developer a single entry point for

discovery and consumption of SAP APIs, originating from any
SAP data sources (Destinations to S/4 HANA, Ariba, C4C, API
Hub, SAP API Hub enterprise)
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 32
 BAS Platform
• Get VS Code’s latest
and greatest and
better performance
• BAS extensibility –
100% VSCode
compatibility,
community extensions
working out of the box
• Business
Application Studio
comes as a “turn
key” solution with all
the necessary
extensions installed at
the developers’
fingertips

SAP Business Application Studio includes

Visual Studio code compatibility powered by
Microsoft Code OSS Client
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 33
 Embedded Analytics
Business Application Studio, HANA
Cloud, CAP, Fiori elements
Embedded Analytics in Fiori elements with OData

CAP and Fiori emenents support Fiori elements

analytical content based on OData
Service analytical capabilities
OData
▪ Based on just annotations for
– Data model (dimensions and measures)
– UI configuration CAP

▪ Free of charge for any customer

SQL
Used to be a completely new floorplan
(Analytical List Page, ALP), now just an
additional feature in any List Report HANA
Object Page floorplan, so available to a
large amount of applications
Only supports ”basic analytics” that
OData supports
▪ No multi-dimensional analytics, like Pivot
tables

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 35

Analytical Charts in Your List Application

In order to add basic embedded analytics … but also work in an editor that
in your list application, you can ▪ Lets you define
dimensions and
▪ write CDS annotations like this to model measures next to
dimensions and measures your data model
properties
▪ And like this to
configure the chart
underneath the list

▪ Lets you add a chart

and its configuration

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 36

 deploy

New: Design of the Calcview from CDS Entities Without Prior Deployment
Design Preview Deployment

BTP SAP
FE/Freestyle
Analytics
UI5 App
Cloud

OData InA
BAS HTML5 Repo
CDS UI create Fiori elements deploy Fiori elements
Annotations App App
meta data

CF [Link]
create deploy
CDS CAP Service CAP Service
meta data

Calcview
deploy

deploy
SQLite
HANA

Tables/Views Calcviews

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 37

DevOps with BTP
Implied complexity for finding the right DevOps approach

Finding the right approach and toolset can be a

long, complex and challenging task
▪ Manifold toolchain options and variants
▪ Where to find a good starting point – taking you where
you are today?
▪ How to reduce cognitive load of your teams and avoid
overburdening them right from the start?

Especially if approached as part of bigger cloud

transformation, concentrate on quick wins first
▪ Confirm and verify the value an agile DevOps approach
can bring – in your environment, for your boundary
conditions
▪ Start opinionated for SAP use cases
▪ If required, adapt and evolve by time

CNCF Cloud Native Interactive Landscape

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 39
DevOps with SAP BTP – easy start + highly integrated

SAP BTP makes it easy for you to benefit from DevOps principles for your apps running on SAP BTP, as part
of your cloud transformation
▪ Provides opinionated approach focused especially for SAP-centric scenarios and use cases
▪ Respects existing ops processes – integrate into change management and operations, as needed
▪ If you should bring DevOps expertise and existing infrastructure, we support you to bring in SAP-specific aspects
▪ Examples:
Highly integrated standard setup for agile
Respects existing ops processes –
‘Pipeline-as-a-Service’ + golden development on SAP BTP – covering the
integrate into change management and
paths – running CI/CD pipeline for complete lifecycle from development to
operations, as needed; such as running
SAP-specific use cases in minutes, operations; example: automated hand-
on SAP Solution Manager or SAP Cloud
with direct support from SAP over of qualified changes into transport
ALM
management

integrate
Continuous
Integration
and Delivery

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 40

 How to enable DevOps with SAP BTP?
Benefit from highly integrated standard setup especially for SAP-centric dev use cases
Tighter feedback loops
Reduced risk, better code quality ‘Pipeline-as-a-Service’ + golden
paths – running CI/CD pipeline for
SAP-specific use cases in minutes
notify fail/success

Option to smoothly integrate

build / test
push/merge trigger into central strategic ops
platforms – such as into
Developer Git-based
Business repository Continuous
change mgmt. + central
App Studio Integration ops processes
and Delivery
fetch

release
Option for direct deployment or automated hand-over into
integrate
standardized transport mgmt. process for additional control
towards PROD and to enforce company policies
Cloud Transport
Mgmt integrate

Optimization via technical ops automation + holistic Alert

Automation
DevOps alerting for SAP BTP – incl. notifications about operate Notification
Pilot
service
pipeline runs and transports into PROD
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 41
Out of the box CI/CD Integration in BAS’ Productivity Tools

Out of the box integration with SAP Continuous

Integration and Delivery for CAP based apps to assist with
pipeline configuration and quick access to pipelines

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 42

SAP S/4HANA CLOUD ABAP
ENVIRONMENT (Embedded Steampunk) +
UI Applications on BTP
ABAP Cloud on SAP BTP and on SAP S/4HANA

ABAP CLOUD ABAP CLOUD

DEVELOPMENT DEVELOPMENT
SAP
ON SAP S/4HANA ON SAP BTP
public interfaces

S/4HANA
(CLOUD) ABAP Cloud
❖ Public SAP APIs and extensions
remote API points
❖ Cloud-optimized ABAP language

public interfaces public interfaces ❖ ABAP Development Tools

❖ ABAP RESTful Application
Programming Model
SAP S/4HANA CLOUD ABAP SAP BUSINESS TECHNOLOGY PLATFORM
ENVIRONMENT / ABAP PLATFORM ABAP ENVIRONMENT

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 44

Use Cases

New user interfaces or mobile apps on top of S/4

▪ To build modern Fiori user interfaces public remote APIs are needed
▪ While S/4 has a lot of remote public APIs, most of them are optimized for UI consumption (Example: The
Business Partner API has 43 entities).
▪ To build optimized remote UI APIs, either just leveraging the rich existing S/4 functionality or extending it with
additional customer entities and logic, the ABAP RESTful Programming Model (RAP) on Embedded
Steampunk is well suited. To develop these API, developers would use the ABAP Development Tools (ADT).
▪ To build user interfaces developers use BTP tools and technology like the Business Application Studio (BAS)
or Build Apps and deploy the final apps to BTP, Steampunk or Mobile

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 45

Embedded Steampunk and SAP BTP tools
SAP S/4HANA Extensibility Strategy

• Keeping the core clean is a key priority for

▶️ Leverage Embedded Steampunk for business
customers
entity and logic extensions
• Extending business entities is complex, if done outside
▶️ Leverage BTP Tools for customized
the core
experiences /web/mobile), as well as automation
• Increasing need to deliver custom apps and processes and cross-application processes
fast

Combine the
SAP S/4HANA Public Cloud SAP BTP Tools
power of
“Embedded Steampunk for ABAP” + “SAP Build & SAP Business
Application Studio” + BTP Services

SAP Business Technology Platform

Model / Customized Cross Application

Business Logic New Integration
Business Entity Experiences - Processes &
extensions and UI Services
Extensions Web and Mobile Automation

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 46

New UI app (customized experiences) on existing S/4 business entities
S/4 HANA BTP

SAP S/4HANA CLOUD ABAP

ENVIRONMENT
“Embedded Steampunk”

Custom UI consume Custom UI

App App

deploy deploy

Custom Interface

Custom UI
Public Interfac

Service
BAS, Build
via RAP
(ABAP RESTful Apps (*)
Programming
Model)

read meta data deploy

ADT (Eclipse)
SAP Standard Code / Apps (*) AppGyver only supports
Custom Code / Apps deployment to BTP right now
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ INTERNAL 47
New process on SAP S/4HANA / LoB business entities using SAP Build Process Automation (SBPA)

BTP

Interface
Public
Other LoB (Ariba, Custom Process
SFSF, …)
SBPA Task
consume

consume
SAP S/4HANA

Interface
SBPA Task start

Public
Start UI App
SBPA Start UI
Embedded Steampunk
deploy

Extension
Interface
Public Interface

read meta data

Extension
Service SAP Build
SAP Build
(via RAP) Process
Apps
Automation
Events
trigger

read meta data deploy

ADT (Eclipse)
SAP Standard Code / Apps Extension Code / Apps

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

INTERNAL - SAP Only
Future Extension App option 48