Introduction to the SAP Web IDE for SAP HANA

BITI6971
Thomas Jung
SAP
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 1
BITI6971 – Introduction to the SAP Web IDE for
SAP HANA

Public
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 3
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 4
Agenda

XS Advanced Overview
SAP Web IDE for SAP HANA Overview
Demo – Walkthrough
Roadmap/Look Ahead

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 5

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.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 6

XS Advanced Overview
SAP HANA Extended Application Services (XS)
Evolution
What: XS in SPS 11 and beyond represents an evolution of
the application server architecture within SAP HANA building
upon the previous strengths while expanding the scope

Rationale: Enable additional deployment models and

development languages
• With SPS 11, XS provides additional runtimes based upon open architecture for
JavaScript on Node.js, Java on TomEE and C++ via FastCGI
• The existing runtime remains for full backwards compatible support
• The XS Application Router embraces micro services architectures where
applications are implemented on multiple – possibly different – runtimes
• In cloud deployments XS applications run on HANA Cloud Platform PaaS
• In on premise deployments XS applications can still run/manage “in-a-box” but
also scale out to lower cost hardware
• Applications are written once and then can be deployed to either cloud or on
premise without coding changes
• Source code repository based upon on Git/GitHub with support for
Merge/Branch/Containers
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 8
XS Architecture

Browser

R R

HANA XS Adv. (New in SAP HANA SPS 11) SAP Web

Dispatcher

Application Router
R

HTML5 R R R
HANA XS
App
Classic
XSJS Compt. Node.js Tomcat / TomEE Other (existing
Containers runtime
Central XSJS App Node App Java App still for
R Security C++ App several
Service OData (JavaScript) HANA Database
OData (Java) SPS
levels)

XS Adv. Runtime Platform / HCP

R R R R R R R

User Account
HANA DI HANA Database
and Authentication

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 9

SAP Web IDE for SAP HANA
Overview
 SAP Web IDE for SAP HANA

Development Tools on SAP HANA Vision HANA Dev & Modelling

Tools
SAPUI5 & NodeJS Dev
Tools

SAP Web IDE for SAP HANA provides a comprehensive web-based end-to-end development
experience for creating SAP HANA native applications:
• Development of SAP HANA content and models
• UI development with SAPUI5
• Node.js or XSJS business code
• Git integration

SAP Web IDE for SAP HANA comprises capabilities of SAP HANA Studio and SAP HANA Web-based
Development Workbench.
It consolidates technologies, follows industry trends, and leverages industry standards where possible,
while retaining a competitive innovation focus of SAP’s current offering.

This is the current state of planning and may be changed by SAP at any time.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 11

 SAP Web IDE for SAP HANA

SAP Web IDE for SAP HANA – Planned Innovations HANA Dev & Modelling
Tools
SAPUI5 & NodeJS Dev
Tools

SAP Web IDE for SAP HANA consolidates capabilities for building SAP HANA XS advanced
applications:
• Full browser-based user interface, based on Eclipse server-side development infrastructure
• Development of SAP HANA native applications, based on SAP HANA XS advanced
• Graphical SAP HANA data modeling tools
• Support for Node.js, SAPUI5 and HANA content, XSJS compatibility layer
• Full set of language-aware code editors and debuggers
• Application preview
• Integrated source-code versioning with Git
• Multi-module project navigation, development, build and deployment

This is the current state of planning and may be changed by SAP at any time.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 12

The world we knew (XS classic)

XSC
HANA Studio for administration and
studio browser development
dev model admin Workbench Cockpit
HANA web-based workbench
HANA cockpit for administration
Design time repository (“repo”) in HANA
web server and XS Engine – supporting web
content and JS execution
Work bench

Cock pit

apps…
Native development: UI + business logic + data
repo
modeling in HANA
Deploy DUs
index server XS Engine

Unix

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 13

 The new world (XS advanced)

XSA
Web and cloud centric
Scalable, PaaS-like architecture
Cloud Foundry-like application runtimes browser
(Java, Node.JS, …); separate processes Web IDE Run-time tools admin
Web-based tools for developers and administrators
(no Eclipse support)
Development: SAP Web IDE + server-side
Development Infrastructure (DI) XSA

HANA container isolation and activation: HDI

Java apps
HDI Git

Node.js
UAA

RTT
Deploy MTA archives

apps
etc.
DI
index server
Note: the XSA stack runs side by side
with the XSC stack, in SPS11 Unix

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 14

Architectures compared

XSC XSA

studio browser browser

dev model admin Workbench Cockpit Web IDE Run-time tools admin

XSA
Work bench

Cock pit

apps…

Java apps
repo Git
HDI

Node.js
UAA

RTT

apps
etc.
DI
index server XS Engine index server

Unix Unix

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 15

SAP Web IDE features

Cloud-ready create project

 Browser based; server-side workspace & projects

Multi-module applications
 HANA objects (CDS, modeling, SQLScript, …) create Git
import
modules clone
 Node.js and XSJS modules
 HTML5, UI5 modules
 OData interfaces
Syntax sensitive editors, code assist, debug edit dev build package deploy

Git version control (commit, clone, push, pull, branch, …) cycle

Build services run /

debug
Debug, run, test (test-driven development)
Package (MTA archive) => deploy productively
…
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 16
Demo – Walkthrough
SAP Web IDE
modeler
project wizard
module
(DB, JS, UI)
wizards

debugger
run configurations
Version
control

Text editor

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 18

SAP Web IDE for HANA

• Same core code

base as the SAP
Web IDE on SAP
Cloud Platform

• Focus for first

release on HANA
development tools
and debuggers with
Fiori tooling added
in later releases

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 19

SAP Web IDE for HANA

Templates cover major

HANA development:

• MTA (Multi-Target
Application)

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 20

SAP Web IDE for HANA

Designed to use
Git/GitHub as the
primary source code
repository
• Clone repository
• Create repository
• Load from local file
system

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 21

SAP Web IDE for HANA

Example of an MTA
project
• Sub-structures for
– db
– JavaScript
– Java
– Web
• Generates configuration
files
– .hdiconfig
– package.json
– mta.yaml

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 22

SAP Web IDE for HANA

Example of an mta.yaml
configuration file
• Each micro-service is a
separate module with
its own configuration
• Requires section
defines dependencies
between local and
global micro-services
including service
brokers

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 23

SAP Web IDE for HANA

You can then create

one or more run
configurations for
any accessible end
points

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 24

SAP Web IDE for HANA

• You can now

deploy your
application to the
server

• First time
requires a
complete build
and can take
some time

• The runner
details window
shows you the
status of the
build/deploy

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 25

SAP Web IDE for HANA

Debugging
• The next service
calls from your
application which
is running with the
debug
configuration will
activate the
interactive
debugger in the
Web IDE

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 26

What’s new from Development Tooling HANA 2.0 SPS 00

New features
• Git History View
• Problems View
• CDS Editor Beautify
• Selective Build
• New Modules
• SAPUI5 WYSIWYG Editor
• Database Explorer Integration

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 27

Git History View

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 28

Problems View

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 29

CDS Editor Beautify

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 30

HDB Module – Selective Build

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 31

New Modules

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 32

SAPUI5 WYSIWYG View Editor

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 33

HRTT – Integrated in Web IDE for SAP HANA + New Interaction
Design and Renamed to Database Explorer

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 34

Database Explorer – Add Database

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 35

Database Explorer – Catalog Schemas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 36

What’s new from Development Tooling HANA 2.0 SPS 01

New features
• Select target HANA DB in HDB modules
• Fiori runner – run in FLP sandbox
• Fiori OVP Template
• Mta.yaml Editor
• Java Wizard and Debugging enhancements

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 37

Select target HANA DB in HDB modules

The SAP Web IDE for SAP HANA is now

designed to be backwards compatible
• We introduce the ability to target older releases of
HANA for HDB module

• Upon module creation, the developer choose the

lowest HANA release they want to target

• Editors adjust their syntax checks and other

features to enforce the development at the target
older release

• Customers running HANA databases at 1.0 SPS

12, can now upgrade both their XSA Runtime and
the SAP Web IDE for SAP HANA to HANA 2.0 SPS
01 (and later) versions and gain new features

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 38

FLP Runner and Wizards

Fiori Launchpad builder integration in SAP Web

IDE for SAP HANA

New module wizard was added to the SAP Web IDE

for SAP HANA to create two modules that represent
a launchpad site, including the entry point (host) to
the site and the site's content and configuration. We
also extend the test run of SAPUI5 applications to
target Fiori launchpad testing.

These additions to the tools assist customers with

building their own Fiori launchpad applciations. See
Fiori Launchpad entry in the XS Advanced section
for more general details on the Fiori launchpad
itself.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 39

Fiori OVP Template

In addition to the existing Fiori Master/Detail

wizard; we now also support the List Report
module template in the SAP Web IDE for
SAP HANA.

This wizard creates an SAP Fiori application

which is based on a List Report Page and
Object Page Fiori elements. For more
information, see the relevant Fiori Design
Guidelines. https://experience.sap.com/fiori-
design-web/floorplan-overview/

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 40

mta.yaml Editor

The mta.yaml file is the core project

configuration file in the SAP Web IDE
for SAP HANA.

Although it is based upon the open

standard of YAML; we've received
feedback from customers that both
the YAML specification and the
technical complexity of the mta file
are difficult to understand and edit.
This leads to a higher learning curve
and more development errors. With
SPS 01 we introduce a new form
based editor in addition to the existing
source code based editor for the
mta.yaml file.
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 41
Roadmap and Look Ahead
SAP HANA Platform
Developer Persona Roadmap – Development Tools

HANA 1.0 SPS 12 Q4/2016 – HANA 2.0 SPS 0 2017 – HANA 2.0 SPS 1 & 2 Planned Beyond 2017
Installation via HDBLCM Multi-space/org support Fiori and Analytical project template and wizards OData Explorer
Work toward feature parity with HANA Studio/Web- Advanced Git capabilities Fiori Launch Pad Create Remote Source
based Development Workbench SAPUI5 View WYSIWYG editor Java Debugger
Streaming Remote Source browsing
Java Tooling Simplified development experience: mta.yaml editor,
service creation, node modules build results in HANA Artifact creation wizard
Full support for graphical data models
workspace, module/library dependencies out of date
Text Analysis Where used & refactoring
warning, etc
Create Virtual Tables CDS - code completion for catalog objects, Data Fiori Elements in View WYSIWYG Editor
Flowgraph editor Preview, Odata annotations in CDS Lock/unlock files in shared workspaces
Replication editor JavaScript Tools - build: browse build results,
debug:harmonize with SQL Script, debug: edit
JavaScript Tools - debug: expressions, break on
variables
exception
Workspace sharing between different developers
CDS - Editor Templates/Wizards
Additional GIT features (e.g. init, compare editor)
Problems View
Build MTA archives for HCP Cloud Foundry
Integration of HRTT in Web IDE
Database Explorer – Supportability: Tracing
HANA Runtime Tools - MDX Console configuration, Active/Active support, Offline HANA
trace file management, Diagnostic dump
management
Database Explorer – Tooling: Use new node.js driver
for access to new HANA features, Support user-
defined HDI containers, Add missing editors,
Partition object / editor, Job Log for monitoring long-
running tasks, Technical user / session association

This is the current state of planning and may be changed by SAP at any time.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 43

Software Development on SAP HANA (Q4/2016)
openSAP

Available from November 2, 2016

Duration: 5 weeks
Course closure: December 15, 2016
Effort required: 3-4 hours per week

Unit 1: Introduction to SAP HANA XS Advanced

Unit 2: Datbase Development

Unit 3: Application Server and UI Development

Unit 4: Node.js

Unit 5: Wrap-Up

Unit 6: Final Exam

Speakers:
Thomas Jung
Rich Heilman

Sign up for free: https://open.sap.com/courses/hana5

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 44
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 45
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 46
 Thank you for attending my session!
For questions, contact me at:
Thomas.jung@sap.com

Don’t forget to fill out the Session Evaluation on the Mobile App!

Introduction to SAP Web IDE for SAP HANA

Insert Presentation
BITI6971 Title
Insert Thomas
SpeakerJung
Name(s)
SAP
& Company
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 47
Follow Us

Thank you for your time

Follow us on at @ASUG365

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 48