Professional Documents
Culture Documents
Custom Application
New Field
New
Function
Hide Control
Public
Public
Business User
Business Expert
Developer
Runtime Adaptation
SAPUI5 Extensibility
Internal
Runtime Adaptation
Supports UI Flexibility and additional adaptation
scenarios through
OData service extensions
Adobe Forms Designer
E-Mail Template Designer
Try It Out!
SAPUI5 Demo Kit > Demo Apps > Runtime Adaptation
2015 SAP SE or an SAP affiliate company. All rights reserved.
Public
Transports
Key users perform adaption on TEST systems
Modifications transported to PRODUCTION
Content transported from layered repository
Public
Parent application
Extension project
(SAP standard)
(customer)
Component.js
Component.js
declare
load
extend
Standard
coding
Extensions
only
Public
SAP standard
application
Extended custom
application
Load parent application
Extend parent application
Adapt UI elements
Public
SAPUI5 application
Component.js
Views
<core:ExtensionPoint
name="extension1" />
Controllers
UI Controller Hooks
can be implemented
<core:ExtensionPoint
name="extension2" />
Public
http://www.sap.com/fiori-apps-library
2015 SAP SE or an SAP affiliate company. All rights reserved.
Public
10
Data Model
data binding
View
(XML layout)
implementation
View Extension
Inject custom view content into a predefined extension point
of the standard view layout
View Modification
Modify the visibility (hide/show) of a UI control in a standard
view
View Replacement
Replace a standard view with a custom view layout
(JavaScript)
interface
Controller
implementation
Controller Extension
11
View Extensions
Provides custom view content
in a specified extension point
View Modifications
Overriding control properties of
the delivered standard
application
Extension project
Component.js
(Extension project)
Controller Extensions
extending a standard controller
with a custom controller
Public
12
Thank you
Contact information:
open@sap.com
Public
14
My
Benefits
Subscription
My
Paystubs
My Tasks
Extension project in my
SAP Web IDE workspace
2015 SAP SE or an SAP affiliate company. All rights reserved.
Public
Public
Hide a control
Extend / Replace / Create new views
Extend a controller
Replace a service
i18n resource text customization
Public
Deploy your custom project to an ABAP back end or SAP HANA Cloud Platform
Register it as a new tile in your SAP Fiori launchpad
Public
Thank you
Contact information:
open@sap.com
Public
Printing
1
Barcode
Push
Camera
Offline
Voice Recording
3rd Party
Plug-Ins
GPS
Settings
Security
Lifecycle Management
Web App
2015 SAP SE or an SAP affiliate company. All rights reserved.
Cordova Container
Enc Storage
Logon
OData - Offline
Push
Web View
HTML5 / CSS
Tracking
Logger
Settings
Calendar
Offline data
Encrypted storage
Secure onboarding
Notifications
JavaScript Engine
Platform
Libraries
App Update
Attachments
3rd party plug-in
Device APIs
Device OS
Public
SAP Fiori
launchpad
and apps
OData
URL
SAP Gateway,
Fiori Cloud (HCP)
SAP Fiori
front-end server
SAP Fiori
launchpad
and apps
URL
SAP Gateway,
Fiori Cloud (HCP)
SAP Fiori
front-end server
Optional
SAP Mobile
Platform
SAP Mobile
Platform
OData
OData
SAP Fiori
Client mobile
and custom
client app
Kapsel App
Update
SAP Fiori Mobile with
Kapsel SDK
SAP Fiori Mobile App
Public
Public
Kapsel
(
Mobile Web
Hybrid
Native
Web Browser
Mobile App
Mobile App
Public
Hybrid
Application
Toolkit
(Plug-In)
HAT Connector
HAT Companion App
HAT
(Add-On)
Android
iOS
1
Public
* Experimental
features on
HCP Trial
Public
Public
Public
10
Public
11
Public
12
Discovery Service
SAP Fiori
Mobile
Admin
Keynote
HCPms
Runtime
* Planned innovation
Build
Customize &
Configure
Secure
Discover &
Onboard
Consume
Public
13
Monitor
Run &
Enjoy
SAP Fiori
Mobile
Service
Discover
&
Install
Develop/
Extend
Build &
Test*
Package
&
Distribute
Public
14
Thank you
Contact information:
open@sap.com
Public
16
Public
Course Content
Week 1: Mobility @ SAP
Week 2: SAP Web IDE Development for SAP Fiori Apps
Week 3: SAP Fiori Client Focus
Week 4: Mobilizing SAP Fiori Apps
Week 5: Creating an Offline App
Week 6: Managing Apps with SAP Mobile Secure
Public
Public
Thank you
Contact information:
open@sap.com
Public
Public
Extension Designer
Management Console
Extension Marketplace
Public
Flow
1.
2.
3.
4.
5.
Public
Course Content
Week 1: Extending SAP Cloud Products
Week 2: Cloud Extension in Details
Week 3: My First SuccessFactors Extension
Week 4: My First SAP Jam Extension
Week 5: My First SAP Cloud for Customer Extension
Public
Public
Thank you
Contact information:
open@sap.com
Public