Professional Documents
Culture Documents
Public
Speakers
Las Vegas, Oct 19 - 23
Barcelona, Nov 10 - 12
Matthias de la Roche
Matthias de la Roche
Public
Disclaimer
This presentation outlines our general product direction and should not be relied on in making a
purchase decision. This presentation is not subject to your license agreement or any other agreement
with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to
develop or release any functionality mentioned in this presentation. This presentation and SAP's
strategy and possible future developments are subject to change and may be changed by SAP at any
time for any reason without notice. This document 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. SAP assumes no responsibility for errors or omissions in this
document, except if such damages were caused by SAP intentionally or grossly negligent.
Public
Kapsel
Mobile Web
Web Browser
2015 SAP SE or an SAP affiliate company. All rights reserved.
Hybrid
Native
Mobile App
Mobile App
Public
Hybrid
Application
Toolkit
SAPUI5 application SAP Fiori application (SAP Fiori) hybrid mobile app
Public
Hybrid
Application
Toolkit
(plugin)
HAT Connector
HAT
HAT Companion app (add-on)
Kapsel
2015 SAP SE or an SAP affiliate company. All rights reserved.
XCode
Public
Public
Kapsel
Companion
app
Public
Develop
Coding
New
project
Create
Develop
Preview
Deploy
to
SAP HANA Cloud
to
SMP (SMP3/HCPms)
Templates
WYSIWYG Design
to
iOS and Android
devices
Git integration
* not in current GA release, planned for future release
Public
Create
Develop
Preview
Deploy
Public
10
Configuring devices
Create
Develop
Preview
Deploy
Public
11
Create
Develop
Preview
Deploy
Public
12
Create
Develop
Preview
Deploy
Public
13
Create
Develop
Preview
Deploy
SAP Web IDE and HAT provide multiple options to preview the hybrid application
Option
Short description
Public
14
Create
Develop
Preview
Deploy
Browser
Public
15
Create
Develop
Preview
Deploy
Emulator
Device
Public
16
Create
Develop
Preview
Deploy
Emulator
Device
Public
17
Create
Preview on
SAP HANA Cloud Platform
App
Develop
Preview
Deploy
Run on
Refresh
URL
App
Run
Scan QR code *
Companion
app
Hybrid
mobile app
URL
HAT Connector
HAT Connector
Companion
app
App
Hybrid
mobile app
App
HAT
Companion app
1.
2.
3.
4.
* You may also scan a QR code in the Companion app to load the
application (double-tap in Companion app and scan) pull instead of push
2015 SAP SE or an SAP affiliate company. All rights reserved.
1.
2.
3.
4.
18
Create
Develop
Preview
Deploy
Public
19
Create
SAP
Manually send your app (with profile for iOS)
to the Administrator of the SAP Mobile
Secure server
Upload and Sign the app
Publish it to SAP Mobile Place for
distribution
User selects the app in the store and installs
it to the mobile device
Publish
Mobile Secure
Server
Manual upload
Develop
Preview
SAP
Mobile Place
Deploy
App
Store
Install app
Public
20
Demo
Demo
Title of the demo
2015
2015SAP
SAPSE
SEororananSAP
SAPaffiliate
affiliatecompany.
company.AllAllrights
rightsreserved.
reserved.
2121
http://sapteched.com/online
Public
22
Further information
Related SAP TechEd sessions:
MOB160 - Develop Hybrid Mobile Apps with SAP Web IDE, Hybrid App Toolkit Add-On ( Hands-On)
MOB602 - Develop an SAP Fiori App with SAP Web IDE and Hybrid Application Toolkit ( CodeJam)
MOB162- Fiori style App development E2E (Hands-On)
Public
23
Useful links
SAP Web IDE
SAPUI5
https://www.sapstore.com/solutions/60009/Web-IDE
Official documentation:
https://help.hana.ondemand.com/
under Platform Solutions choose SAP SAP Web IDE
https://sapui5.hana.ondemand.com/sdk/
OpenUI5:
http://sap.github.io/openui5/
SAP Fiori:
http://scn.sap.com/docs/DOC-41598
SAP Gateway:
http://help.sap.com/nwgateway20
Public
24
Feedback
Please complete your session evaluation for
MOB100
Contact information:
Matthias de la Roche
Product Manager
m.de.la.roche@sap.com
Public
2525
Public
26