SAP Application Studio

SAP Web IDE’s Journey to SAP Application Studio

October 2019

Ido Perez, SAP Labs Israel

@idoprz https://www.linkedin.com/in/idoprz/ ido.perez@sap.com
413,000+ 95,000+ 17,000+ 25
Customers Employees Partners Industries

€24.7B 92% 77% 100+

Revenue of Forbes of the world’s Development
in 2018 Global 2000 are transaction and innovation
SAP Customers revenue centers
touches a SAP
system
77% of the world’s business to
business transaction revenue
touches an SAP system.
 SAP Web IDE is a powerful, extensible, web-based
integrated development tool that simplifies end-to-end
SAP business application development

THE BEST RUN

SAP Web IDE Journey

Web Application Development

Nov-2013 Rapid UI5 application
development
Client: SAP Web IDE
Server: Eclipse Orion
Full Stack Development
Develop full stack application
Client: SAP Web IDE
Server: Eclipse Che 3
SAP Application Studio
WebIDE
Demo
 Improved Dev Efficient Investment Aligned with SAP Full fledged Delivery
Experience Strategy
Feature parity with leading IDEs Invest in SAP differentiators One coherent dev experience Flexible delivery
community extensions Build on standards and OSS Leading dev experience
Maintain past investments

Motivation
Motivation
 Effort
Average of 20k lines of code for each Average of ? lines of code for each
Fiori Plugin Fiori
Hybrid for SAP Annotati Hybrid Plugin for
oData Cloud Cloud
Factsheet VizPacker App Event on Factsheet App SAP Event
Modeler Portal Managem Modeller
Portal
Toolkit Manage
Toolkit
ent ment

Track HDB CDS HDB CDS

Track and
EP OVP and Java IoT & Cal HRTT EP OVP Java IoT & Cal HRTT
Trace
Trace View View

API mobile mobile

API
Workflo developm
business MII FLP develop Worklist Build business MII Workflow FLP Worklist Build
w ent kit
Hub ment kit
? Hub
editor

UI List CF- List

UI CF-
CDS Nodejs Report & EIM Nodejs Report &
Adaptati explorat FaaS CDS Tools Adaptatio explorati EIM tools
Tools Tools Object tools Tools
n
Object
on
on Page ion Page

UI5 wysiwyg editor fiori MTA UI5 editor fiori MTA

Platform (WebIDE) Platform (Theia)

Migration
Graphical Editors WebIDE in Iframe

Approach
Existing LSP
Text Editors
d.ts / rewriting in LSP

Migrate business logic with

Hybrid new UI

Create new tools to feet

New tools new paradigms
Embedded • SAP WebIDE embedded inside Theia as extension
Graphical within IFrame
Editos • Each WebIDE “feature” (editor) is VSCode extension

WebIDE Graphical
Editors in IFrame

Project Type
(menus) Service

Configuratio
Document

n Service
Content

Commands

Adapter
Service

Service

Dialogs
Service
Runtime
adapters for
Theia APIs
 • Use LSP:
Text Editors • Migrate existing LSP (CDS, etc’)
• Rewrite old JS based language support to LSP
• Use d.ts to cover some libraries UI5

Native text
editor with LSP
 • Native UI
Hybrid • Old JS based business logic to new code base

Native UI with
old code base
 • Text editors use LSP: (CDS, UI5, etc’)
Native • Command line tools

“Native”
dialogs as quick
input
>

Command line
“Native” UI tools
Introducing: SAP Business Application Studio

A modular driven environment,

tailored for developing Intelligent
Enterprise scenarios

17
Demo
Any
Question?
SAP WebIDE
https://developers.sap.com/topics/sap-webide.html

SAP Business Application Studio

https://blogs.sap.com/2019/10/15/showcasing-sap-business-application-
studio-the-next-generation-of-sap-web-ide/
 Thank You
Ido Perez, Cross Topics Architect
SAP
twitter: @idoprz
E-Mail: Ido.perez@sap.com
Linked-in: https://www.linkedin.com/in/idoprz/