UX208 UI Adaptation of SAP Fiori Apps: An · PDF fileadaptation for SAP Fiori apps on HCP 1.44...
-
Upload
dangkhuong -
Category
Documents
-
view
260 -
download
12
Transcript of UX208 UI Adaptation of SAP Fiori Apps: An · PDF fileadaptation for SAP Fiori apps on HCP 1.44...
Public
UX208 – UI Adaptation of SAP Fiori Apps:
An Overview
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
Speakers
Bangalore, October 5 - 7
Babu Ganesh V
Las Vegas, Sept 19 - 23
Vanessa Micelli-Schmidt
Tim Back
Barcelona, Nov 8 - 10
Stefan Beck
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
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. 4 Public
Motivation
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
Reality check
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
Perspective key user
Developer
“I develop new or modify
existing apps for my company“
End user
“I personalize apps for
myself“
Key user
“I adapt apps for my team“
Public
Demo
UI adaptation at runtime
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
UI adaptation at runtime Features & prerequisites
Enabled controls
Smart form
Object page
Simple form
Actions
Drag & drop UI elements
Cut & paste UI elements
Rename UI elements
Add/hide fields
Access in-app extensibility tools (SAP
S4HANA)
Combine/split fields
Add/delete field groups, sections
Undo, redo, discard changes
Keyboard support
NW UI Add-on 2.0 / SAP_UI 7.50 SP00 (RTC) or
higher
Released for HCP with SAPUI5 1.40
Desktop/laptop with Google Chrome or IE11+
Apps with stable control & view IDs!
SAP Fiori launchpad (page FioriLaunchpad.html, ICF
services /sap/bc/ui2/flp )
Key user authorization role
(SAP_UI_FLEX_KEY_USER)
No support of XML fragments, yet; only support for
controls created inside of XML views
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
Perspective developer
Developer
“I develop new or modify
existing apps for my company“
End user
“I personalize apps for
myself“
Key user
“I adapt apps for my team“
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
Key user tools – developer tools T
ask c
om
ple
xity
Feature richness
I want to
• Perform simple tasks in an easy way
• Fool-prove and life-cycle stable
• WYSIWYG / instant testing included
• Low entry barrier
I want to
• Create/change complex business logic
• Rich, modern IDE functionality, incl.
debugging, code checks, quality tools
• Support of big projects/teams
Developer
Business expert
Implementation consultant
“Key user”
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
Key user tools – developer tools SAP S/4HANA extensibility
Ta
sk c
om
ple
xity
Feature richness
Business expert
Implementation consultant
“Key user”
Developer
Show / hide / arrange fields and sections on existing UI
Add / manage custom fields
Adopt/add reports and forms
Add business logic
Create custom UIs
Create custom business objects
Full blown data modelling (e.g. CDS) and OData service development
Large UI/ABAP/Java applications
• Web-based key user tools
(SAP Fiori apps)
• SAP Web IDE
• ABAP development tools
• Java development tools
Extensibility Framework for SAP S/4HANA:
End-to-End Scenario i DEV108 (Lecture)
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
Efficient development with freestyle templates
De
sig
n t
ime
de
velo
pm
en
t
Smart controls / Smart templates
Vanilla controls
Freestyle design
Hybrid design (break-outs)
Smart design (at runtime)
Flexibility Efficiency
Manual coding
SAP Web IDE
Semantic meta data (OData annotations)
Persona: Developer
Business data (SAP Gateway / OData)
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 13 Public
Efficient development with smart templates
Business data (SAP Gateway / OData)
Semantic meta data (OData annotations)
De
sig
n T
ime
De
velo
pm
en
t
Smart controls / Smart templates
Vanilla controls
Freestyle design
Hybrid design (break-outs)
Smart design (at runtime)
Flexibility Efficiency
Manual coding
SAP Web IDE
Persona: Developer
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 14 Public
SAPUI5 flexibility services U
I ad
ap
tati
on
D
eve
lop
me
nt
Business data (SAP Gateway / OData)
Smart controls / Smart templates
Vanilla controls
Freestyle design
Hybrid design (break-outs)
Smart design (at runtime)
Flexibility Efficiency
SAPUI5 flexibility Context
SAP
Industry
Partner
Key User
End User
Manual coding
SAP Fiori UX
RTA
DTA
SAP Web IDE
Persona-dependent choice:
Persona: Developer
Semantic meta data (OData annotations)
Public
Demo
UI adaptation at design time
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 16 Public
SAPUI5 flexibility change application
View with a form
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 17 Public
SAPUI5 flexibility change application
A new field is added into the view using UI
adaptation at runtime / design time* …
* Planned for future releases
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 18 Public
SAPUI5 flexibility change application
… and creates a SAPUI5 flexibility change
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 19 Public
SAPUI5 flexibility change application
The change is applied to the view
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 20 Public
SAPUI5 flexibility change application
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 21 Public
SAPUI5 flexibility change application
View with a form A new field is added into the view using UI
adaptation at runtime/design-time* … … and creates a SAPUI5 flexibility change The change is applied to the view
* Planned for future releases
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 22 Public
Annotations for smart controls CDS view
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 23 Public
Annotations for smart controls
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 24 Public
Smartness of controls and templates
• Annotations describe semantics related to data (examples see next slide)
• Smartness of controls and templates is based on the understanding of these semantics.
Annotations are evaluated in the client-controller-logic.
Choose template
Templates incorporate
latest SAP Fiori design
and UX
Select annotated
OData service.
Annotations are derived from
CDS for reuse, productivity,
and consistency
Run fully functional
standard SAP Fiori app
No front end coding required.
Extension via additional
annotations or own templates
Development steps
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 25 Public
Smart templates – semantic information
Amount
linked to
currency
Line item
fields
Label for
field
Link to value
list
Selection
fields
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 26 Public
Layering of changes in the layered repository
Semantic change
SAP standard:
views, controllers,
app descriptors
Vendor layer
Industry or globalisation
Semantic change
Semantic change
Semantic change
Semantic change
Semantic change
Semantic change
Partner layer
Add-Ons
Vendor layer
Base application file
Customer layer
Development
Customer layer
Key user adaptation
Pers layer
End user personalization Semantic change
Semantic change
Deltas from
changes
are added
one after
another on
top of the
original
artifact
Changes are stable related
to upgrades including
flexible handling of layers
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 27 Public
App variants vs. changes on original app
if COUNTRY EQ ‘DE’
COUNTRY EQ ‘DE’
if COUNTRY EQ ‘FR’
COUNTRY EQ ‘FR’
Changes
Original
Variants
Public
Demo
App variant creation & coding extensibility
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 29 Public
The SAPUI5 flexibility journey
1.30
1.32
1.34
1.36
1.38
1.40
1.42 …
Framework for UI adaptation for SAP Fiori apps on NW ABAP
Adapt smart forms
CEI: RTA for key users
RTA goes RTC
Adapt object pages: rename labels/titles
Improvements for object page adaptation: add/hide/move sections
Framework stabilization
Adapt simple forms
Framework for UI adaptation for SAP Fiori apps on HCP
1.44
E2E extensibility for industry & partners
New infrastructure for RTA
DTA for developers in SAP Web IDE
Context-specific UI adaptation
Support tools
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. 30 Public
SAP TechEd Online
Continue your SAP TechEd
education after the event!
Access replays of
Keynotes
Demo Jam
SAP TechEd live interviews
Select lecture sessions
Hands-on sessions
…
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 31 Public
Further information
Related SAP TechEd sessions:
UX301 – New Features of SAPUI5 That You Absolutely Have to Know About
UX262 – The fastest way to adapt Fiori and S/4 apps to your business needs
UX605 – SAPUI5 and Smart Templates: Fast and Flexible SAP Fiori App Development
DEV108 – Extensibility Framework for SAP S/4HANA: End-to-End Scenario
SAP Public Web
SCN: https://go.sap.corp/RTASCN JAM: https://go.sap.corp/RTAJAM Demo App in SAPUI5 Demokit: https://go.sap.corp/RTA Documentation: https://go.sap.corp/RTADOC YouTube: https://go.sap.corp/obb
SAP Education and Certification Opportunities
www.sap.com/education
Watch SAP TechEd Online
www.sapteched.com/online
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 32 Public
Please complete your
session evaluation for
UX208
Contact information:
Vanessa Micelli-Schmidt [email protected]
Feedback
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 33 Public
© 2016 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.
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. Please see http://www.sap.com/corporate-en/about/legal/copyright/index.html for additional trademark information and notices.
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 SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE 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, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.