DX103 – The Evolution and Future of SAPUI5

EXTERNAL
Speakers 2017

Las Vegas Bangalore Barcelona

September 25 - 29 October 25 - 27 November 14 - 16

Stefan Beck Krishna Kumar S Margot Wollny

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 2

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.

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 3

Finally after a long waiting time:

SDK download: https://tools.hana.ondemand.com/#sapui5

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 4

Agenda

SAPUI5 market situation

SAPUI5 product strategy part 1

SAPUI5 new features

SAPUI5 product strategy part 2

SAPUI5 Outlook

Summary

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 5

SAPUI5 market situation
 SAPUI5 – current versions Next long-term maintenance release: 1.52 (Q1/18) 

1.52
1.50
1.44 1.46 1.48

…
January 2017 May 2017 August 2017 Nov 2017
1.38
1.28 … EoM Q4/19 EoM Q3/17 EoM Q4/17 EoM Q1/18

EoM Q3/18 Detail information on update and maintenance strategy in note 2217489
See also https://sapui5.hana.ondemand.com/versionoverview.html
EoM Q3/17
© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 7
SAPUI5 market situation

Inside SAP
 Clearly set as the strategic UI technology
 Digital Core of SAP is built with SAPUI5
 SAP SuccessFactors also successfully released first SAPUI5 apps

Customers
 ~3250 ABAP customers regularly install SAPUI5 patches (+7% from Jan to June)
 ~39 000 people/day launch SAPUI5 via CDN/Akamai (+100% from Jan to June)

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 8

SAPUI5 product strategy
part 1
SAPUI5 Product Strategy

Constant key pillars

 Be the best UI technology for enterprise grade applications in the SAP ecosystem
 SAPUI5 applications must be customizable to the need of a customer
 The applications must perfectly integrate into SAP's single point of entry SAP Fiori launchpad and
also into SAP's portal experience

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 10

SAPUI5 new features
SAP Fiori 2.0

Evolution step for the SAP Fiori user experience

 Existing concepts combined with new & improved ones

 Navigation and discovery enhancements

 Global settings

 New floorplans and layouts

 Refreshed visual design

 Beautiful transitions and animations

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 12

New controls in 1.46

New controls:
 Avatar
 FlexibleColumnLayout
 SemanticPage
 CodeEditor

Control improvements:
 Two-column suggestion lists
 Dragging files to upload
 Tickmark labels in slider
…

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 13

High-contrast themes

 „High Contrast Black“ and „High Contrast White“

 For enhanced accessibility

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 14

New controls in 1.48

New controls:
 LineMicroChart
 PDFViewer

Control improvements:
 Table row highlights
 TextArea character counter
 Several features in PlanningCalendar, Calendar, DatePicker
 Make RichTextEditor work with sap.m controls
…

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 15

New controls in 1.50

New controls:
 Network graph

Control improvements:
 Planning calendar
 Calendar improvements showing multiple
months and with date range selection
behavior
 Enable breadcumbs in object page
 MessageStrip with formatted text
…

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 16

Demo

See some of the mentioned new features and controls

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 17

The new SAPUI5 logo

The way from the old to the new logo

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 18
OData V4 support (to be continued…)

OData is the RESTful data exchange protocol and service description format chosen by SAP
to better decouple client-side UIs from server implementation.

Version 2 used in SAPUI5 so far, version 4 adds:

 Lazy-loading of huge service models
 JSON as data format (reducing size by ~10-70% compared to XML)
 Other performance/size optimizations
 Actions, functions, a powerful query language
 New data types (date-/time-related, enumerations, GeographyPoint, …)

Basic implementation is available, but development will continue throughout the year.
 1.46: value help support, pass-through $search, requesting count, …
 1.48: Automatic $select and $expand, any/all support, cross-service navigation, …
 1.50: Enable controls for OData V4 and a basic freestyle template with 1.52
 Later: Message support, Media Resource entities, tree binding, Edm.Duration, client-side sorting/filtering,…
© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 19
UI adaptation at runtime (to be continued…)

User can change important parts of the UI at runtime

 Re-arrange fields
 Change label texts
 Add form groups
 Add/hide fields
…

Stable IDs in XML views required

Demo

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 20

Demo

UI adaptation at runtime

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 21

New demo kit / SDK

Completely re-written app

for all documentation and samples

Available under
https://sapui5.hana.ondemand.com

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 22

Demo

The new demo kit

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 23

New support assistant

New rule-based runtime analyzer gives hints for correct programming (Demo)
 URL parameter sap-ui-support=true or in technical information dialog (CTRL + SHIFT + ALT + P)
 Integration with test automation
 In-place custom rule editor

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 24

SAPUI5 product strategy
part 2
SAPUI5 product strategy

Recently emphasized key pillars

 Focus on SAP Cloud Platform to enable digital innovation
 Foster SAPUI5 evolution
 Facilitate the declarative programming approach

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 26

SAPUI5 outlook
SAPUI5 Innovation powered by SAP Cloud Platform

Move applications towards loading SAPUI5 from our cloud installation

 Speedup by global content delivery network (Akamai)
 All versions provided – see https://sapui5.hana.ondemand.com/versionoverview.html
 Technically also better for on-premise apps, still come topics to be clarified before making it a
recommendation

Provide best possible overall experience on SAP Cloud Platform

 Easy development e.g. as full-stack application
 Easy build
 Easy deployment
 Easy integration
 UI flexibility out of the box
 Additional UI services offerings like e.g. excel export
© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 28
New declarative approaches

Metadata Driven Controls (MDC)

 Easier development of composite controls
(XMLComposites)
 Common approach with SAP Fiori elements
– New set of building blocks (FE-controls) to be
reused in Freestyle Applications
 On top of OData V4 but also supporting various REST
Models via (Metadata Connectors)
 Declarative, to enable tool assistance
(SAP Web IDE, BUILD)

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 29

SAPUI5 evaluation project

“A next-gen SAPUI5 solution –

starting with a focus on
Android mobile devices”

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 30

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 31
© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 32
Cheetah transitioned into SAPUI5 evolution

Client-side app
Web Workers Controls

Runtime
today future Virtual DOM
Control
Instances
Run-time
State Data Flow

Bootstrapping, App
Loading Caching

Tooling
ES6 Modules CSS,
Build time

Modular View HTML

Dependencies + Core Processing
sources Bundling Web Fonts, sources static
optimized,
sources Common Resources
Pre- resources
Feature-based Build Third-Party
Builds Modules rendering
Libraries

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 33

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

SAPUI5 is and will remain the best choice for enterprise grade apps
 A lot of new tools and features were and will be provided
 Known product qualities are still strategic

Still there is a focus shift towards

 SAPUI5 evolution
 Renovation and opening of the “smart stack”
…and everything will be optimally supported on and amended by SAP Cloud Platform 

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 35

SAP TechEd Online / Community

Access replays of
 Keynotes
 SAP TechEd live interviews
 Select lecture sessions

http://sapteched.com/online

Continue your SAP TechEd discussion after the

event within the SAP TechEd Community!
 Read and reply to blogposts
 Ask your questions
 Join conversations

sap.com/community
See all SAP TechEd Blogposts

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 36

Further information

Related SAP TechEd sessions

DX104 - Flexibility is Key: Make SAP Fiori Apps Work the Way You Do
DX219 - Landscape Architecture and Implementation Best Practices
for SAP Fiori
DX261 - Continuous Integration: How This Can Be Realized for Apps
with SAPUI5
DX271 - Build your Fiori app end-to-end, from backend to UI
DX360 - Building High-Quality Apps with SAPUI5
DX870 - Road Map for SAPUI5
DX705 - Troubleshoot Your App with SAPUI5
DX708 - Simple Ways to Enable Your SAP Fiori Apps for UI
Adaptation
DX709 - Realizing Continuous Integration with SAPUI5 Designed
Apps
DX714 - Five Mistakes in SAPUI5 that I Learned From, and You
Can Too

SAP Public Web

https://www.sap.com/developer/topics/ui5.html
https://openui5.slack.com/
www.sap.com

SAP Education and Certification Opportunities

www.sap.com/education

Watch SAP TechEd Online

www.sapteched.com/online
© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 37
Thanks for attending this session.

Feedback Contact information:

Stefan Beck Margot Wollny

Please complete your session CPO SAPUI5 PM SAPUI5
evaluation for DX103. stefan.beck@sap.com margot.wollny@sap.com

© 2017 SAP SE or an SAP affiliate company. All rights reserved. ǀ EXTERNAL 38

© 2017 SAP SE or an SAP affiliate company. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.

The information contained herein may be changed without prior notice. Some software products marketed by SAP SE and its distributors contain proprietary software components
of other software vendors. National product specifications may vary.

These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP or its affiliated
companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP or SAP affiliate company products and services are those that are
set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.

In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or release
any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future developments, products,
and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time for any reason without notice. The
information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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,
and they should not be relied upon in making purchasing decisions.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company)
in Germany and other countries. All other product and service names mentioned are the trademarks of their respective companies.
See http://global.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.