.consulting .solutions .partnership
Developing Mobile Apps with HCPms
Mobility@SAP
Developing Mobile Apps with HCPms
2
Agenda
© msg | October 2016 | IT Conference on SAP Technologies
SAP Mobile Strategy1
SAP Mobile Cloud Architecture2
Demo Sample App with Mobile Features3
Conclusion4
Outlook5
SAP Mobile Strategy
SAP Fiori
© msg | October 2016 | IT Conference on SAP Technologies 3
© SAP SE
SAP Mobile Strategy
Developer focused
© msg | October 2016 | IT Conference on SAP Technologies 4
© SAP SE
SAP Mobile Strategy
SAP Mobile Platform
© msg | October 2016 | IT Conference on SAP Technologies 5
© SAP SE
SAP Mobile Strategy
Enterprise Apps
© msg | October 2016 | IT Conference on SAP Technologies 6
© SAP SE
SAP Mobile Strategy
Overall Process
© msg | October 2016 | IT Conference on SAP Technologies 7
BUILD
SAP Fiori UX,
cross-platform
responsive
framework in
SAP Web IDE
RUN
One code
base and
one SDK for
HCPms and
SMP 3
SECURE
Protect and
manage apps,
data, content,
and devices
© SAP SE
SAP Mobile Cloud Architecture
SAP HANA Cloud Platform mobile services (HCPms)
© msg | October 2016 | IT Conference on SAP Technologies 8
• SAP HCPms is a service available on SAP HCP intended to enable
mobile business for SAP backend systems
• The main capabilities of SAP HCPms are:
 Secure from cloud to on-premise (via SAP HANA Cloud Connector)
 Mobilize data reliably and securely (supporting different authentication mechanisms)
 Uninterrupted user experience through offline capability
 Business events to push notifications
 Usage analytics
 Logging and tracing
 Application update management
 Resource bundle management
© SAP SE
SAP Mobile Cloud Architecture
SAP Mobile Platform SDK
© msg | October 2016 | IT Conference on SAP Technologies 9
 The SMP SDK is a set of libraries and tools for building native
and hybrid Web Apps Mobile Platform and HCPms.
 The SDK is harmonized to work seamlessly with both on-
premise and cloud versions of the SAP Mobile Platform.
 The Kapsel SDK is a set of enterprise-ready Apache Cordova
plugins:
 Login – takes the pain out of user authentication in applications
 Logger – allows logging of issues and stack traces for remote
debugging purposes
 Push – cross-platform push notification functionality
 OData – allows the creation of offline OData stores and
ultimately a fully offline-able hybrid web app
© SAP SE
SAP Mobile Cloud Architecture
SAP Mobile Development Options
© msg | October 2016 | IT Conference on SAP Technologies 10
© SAP SE
SAP Mobile Cloud Architecture
Apache Cordova Architecture and Kapsel Plugins
© msg | October 2016 | IT Conference on SAP Technologies 11
• Attachment Viewer
• Calendar
• Printer
• Localization
• SAP Fiori Client
• Online Application
• Toolbar
• Application Preferences
• Voice Recording
• Logon
• App Update
• Push
• Encrypted Storage
• Logger
• Settings
• AuthProxy
• Barcode Scanner
• Offline OData
• End-to-End Trace
© SAP SE
SAP Mobile Cloud Architecture
Hybrid Mobile App Runtime Architecture with Apache Cordova
© msg | October 2016 | IT Conference on SAP Technologies 12
SAP HCPms
(Cloud Version of
SAP Mobile Platform)
HCP
Destinations
IdP
https
© SAP SE
SAP Mobile Cloud Architecture
SAP Fiori Mobile Options
© msg | October 2016 | IT Conference on SAP Technologies 13
© SAP SE
Developing Mobile Apps with SAP HANA Cloud Platform
SAP Web IDE Development
© msg | October 2016 | IT Conference on SAP Technologies 14
• The Web IDE is intended to support the developers in the SAP’s development process
for mobile apps:
© SAP SE
Developing Mobile Apps with SAP HANA Cloud Platform
Device and Platform Configuration
© msg | October 2016 | IT Conference on SAP Technologies 15
Developing Mobile Apps with SAP HANA Cloud Platform
App Configuration: The Mobile Services Cockpit
© msg | October 2016 | IT Conference on SAP Technologies 16
Developing Mobile Apps with SAP HANA Cloud Platform
Deployment Options
© msg | October 2016 | IT Conference on SAP Technologies 17
© SAP SE
Developing Mobile Apps with SAP HANA Cloud Platform
SAP Hybrid App Toolkit (HAT): Architecture
© msg | October 2016 | IT Conference on SAP Technologies 18
© SAP SE
Developing Mobile Apps with SAP HANA Cloud Platform
SAP Hybrid App Toolkit (HAT): App Preview/Deployment
© msg | October 2016 | IT Conference on SAP Technologies 19
© SAP SE
Developing Mobile Apps with SAP HANA Cloud Platform
Deployment Process
© msg | October 2016 | IT Conference on SAP Technologies 20
© SAP SE
Demo
Sample App “MyTime”
© msg | October 2016 | IT Conference on SAP Technologies 21
• Allows users to create, edit and delete time records at work
• App type: Hybrid Kapsel app
• Supported platforms: Android (currently), iOS and Windows (planned)
• Authentication type: Principal propagation
• Mobile features:
 User onboarding
 Offline functionality
 Push notifications
 Speech recognition
 Smart Watch extension
 Calendar access
 Background alarms
Demo
Architecture of MyTime
© msg | October 2016 | IT Conference on SAP Technologies 22
SAP HCPms
(Cloud Version of
SAP Mobile Platform)
HCP
Destinations
IdP
https
© SAP SE
Demo - Video
MyTime
© msg | May 2016 | SAP Mobile Services – GBD-DA Evaluation Project 01/16 23
Demo
Logon with Principal Propagation: Procedure
© msg | May 2016 | SAP Mobile Services – GBD-DA Evaluation Project 01/16 24
• Scenario:
Secure access to corporate data from mobile devices
and providing SSO capabilities
• Solution:
Forwarding on-demand users to back-end systems via HCC,
on-demand users will not provide the on-premise identity
• Steps:
 User authenticates at app via a SAML provider
 HCC validates the received SAML token
 HCC forwards the identity to backend
© SAP SE
Demo
Offline OData: Features
© msg | October 2016 | IT Conference on SAP Technologies 25
• Take remote OData services and run them locally on device
• UltaLite as client database
• Optimized for OData services supporting delta queries
• Middle-tier delta enablement for all other OData services
• Middle-tier caching of generic OData collections
© SAP SE
Demo Video
MyTime Offline Demo
© msg | October 2016 | IT Conference on SAP Technologies 26
Demo
Offline OData: Initial Download Sequence
© msg | October 2016 | IT Conference on SAP Technologies 27
© SAP SE
Evaluation
Offline OData: Flush Sequence
© msg | May 2016 | SAP Mobile Services – GBD-DA Evaluation Project 01/16 28
© SAP SE
Demo
Offline OData: API Implementation
© msg | October 2016 | IT Conference on SAP Technologies 29
© SAP SE
Demo
Smart Watch Extension
© msg | October 2016 | IT Conference on SAP Technologies 30
Android
apk
(hybrid)
AndroidWear
apk
(native)
P
L
U
G
I
N
Demo
Push Notifications
© msg | October 2016 | IT Conference on SAP Technologies 31
Triggering notifications:
• HTTP Method: POST
• URL: https://<HCPms host>/restnotification/application/<app ID>
• HTTP Headers:
 Content-Type: application/json
 Authorization: Basic (Using username/password of the SAP HCP trial
account that is hosting the corresponding HCPms service…)
• Body: {“alert”:”…”, “data”:”…”}
Project Number
API Key
© SAP SE
Demo Video
MyTime Push Demo
© msg | October 2016 | IT Conference on SAP Technologies 32
Demo
Speech Recognition
© msg | October 2016 | IT Conference on SAP Technologies 33
Outlook
Smartglass Showcase
© msg | October 2016 | IT Conference on SAP Technologies 34
bluetooth
LTE
HANA Cloud Plattform
mobile services
msg Intranet
ERP
VPN
Conclusion
SAP Mobile Services: Best Features, Limitations, Recommended Use
© msg | October 2016 | IT Conference on SAP Technologies 35
 Support for native and hybrid mobile app development
 Regarding SAP HCPms and hybrid app development:
 Platform is based on open standards (especially Apache Cordova)
 Kapsel plugins comprising the following features:
• User onboarding and authentication
• Offline functionality out of the box
• Push notifications
• and much more
 Smooth integration of SAP Web IDE with a local HAT installation
 Various deployment options (HCP, Fiori Launchpad, Companion App, device)
Conclusion
SAP Mobile Services: Best Features, Limitations, Recommended Use
© msg | October 2016 | IT Conference on SAP Technologies 36
• Costly and time-consuming setting up of local build environment (especially updates)
• Kapsel offline plugin not very transparent, i.e. no options to show cached data in HCPms
or to trigger a refresh etc.
• No use of destinations from HCP
Conclusion
SAP Mobile Services: Best Features, Limitations, Recommended Use
© msg | October 2016 | IT Conference on SAP Technologies 37
• Thus, we clearly recommend using SAP HCPms and SMP within the following contexts:
 Extending a SAP Fiori (SAPUI5) web app with mobile features (e.g. Push Notifications)
 Extending a native mobile app with SAP features (e.g. Logon Manager, Offline OData)
Outlook
SAP Roadmap & Strategy
© msg | October 2016 | IT Conference on SAP Technologies 38
• Role in the landscape of SAP solutions: As mobility is one of SAP’s current and future key topics, also
SAP HCPms and SMP will be – at least from our point of view. Also providing on-premise and cloud
solutions in this area will be important in the future as this is requested by the customers
• New releases: SAP frequently provides new releases for Hybrid App Toolkit. So be prepared to update HAT
and your local Cordova development environment… So looking forward to have a cloud build service…
Outlook
SAP‘s Announcement with Apple
© msg | October 2016 | IT Conference on SAP Technologies 39
• “This partnership will transform how iPhone and iPad are used in enterprise by bringing together the
innovation and security of iOS with SAP’s deep expertise in business software”
(http://news.sap.com/apple-sap-partner-to-revolutionize-work-on-iphone-ipad/)
• It’s planed to deliver a new HANA Cloud Platform SDK for iOS apps and to train developers in a online SAP
academy for iOS
Developing Mobile Apps with HCPms
Q & A
© msg | October 2016 | IT Conference on SAP Technologies 40
.consulting .solutions .partnership
Veicht Johannes
Lead IT Consultant
johannes.veicht@msg-systems.com
msg systems ag (Headquarters)
Robert-Buerkle-Str. 1, 85737 Ismaning/Munich
Germany
www.msg-systems.com

Developing mobile apps with HCPms

  • 1.
    .consulting .solutions .partnership DevelopingMobile Apps with HCPms Mobility@SAP
  • 2.
    Developing Mobile Appswith HCPms 2 Agenda © msg | October 2016 | IT Conference on SAP Technologies SAP Mobile Strategy1 SAP Mobile Cloud Architecture2 Demo Sample App with Mobile Features3 Conclusion4 Outlook5
  • 3.
    SAP Mobile Strategy SAPFiori © msg | October 2016 | IT Conference on SAP Technologies 3 © SAP SE
  • 4.
    SAP Mobile Strategy Developerfocused © msg | October 2016 | IT Conference on SAP Technologies 4 © SAP SE
  • 5.
    SAP Mobile Strategy SAPMobile Platform © msg | October 2016 | IT Conference on SAP Technologies 5 © SAP SE
  • 6.
    SAP Mobile Strategy EnterpriseApps © msg | October 2016 | IT Conference on SAP Technologies 6 © SAP SE
  • 7.
    SAP Mobile Strategy OverallProcess © msg | October 2016 | IT Conference on SAP Technologies 7 BUILD SAP Fiori UX, cross-platform responsive framework in SAP Web IDE RUN One code base and one SDK for HCPms and SMP 3 SECURE Protect and manage apps, data, content, and devices © SAP SE
  • 8.
    SAP Mobile CloudArchitecture SAP HANA Cloud Platform mobile services (HCPms) © msg | October 2016 | IT Conference on SAP Technologies 8 • SAP HCPms is a service available on SAP HCP intended to enable mobile business for SAP backend systems • The main capabilities of SAP HCPms are:  Secure from cloud to on-premise (via SAP HANA Cloud Connector)  Mobilize data reliably and securely (supporting different authentication mechanisms)  Uninterrupted user experience through offline capability  Business events to push notifications  Usage analytics  Logging and tracing  Application update management  Resource bundle management © SAP SE
  • 9.
    SAP Mobile CloudArchitecture SAP Mobile Platform SDK © msg | October 2016 | IT Conference on SAP Technologies 9  The SMP SDK is a set of libraries and tools for building native and hybrid Web Apps Mobile Platform and HCPms.  The SDK is harmonized to work seamlessly with both on- premise and cloud versions of the SAP Mobile Platform.  The Kapsel SDK is a set of enterprise-ready Apache Cordova plugins:  Login – takes the pain out of user authentication in applications  Logger – allows logging of issues and stack traces for remote debugging purposes  Push – cross-platform push notification functionality  OData – allows the creation of offline OData stores and ultimately a fully offline-able hybrid web app © SAP SE
  • 10.
    SAP Mobile CloudArchitecture SAP Mobile Development Options © msg | October 2016 | IT Conference on SAP Technologies 10 © SAP SE
  • 11.
    SAP Mobile CloudArchitecture Apache Cordova Architecture and Kapsel Plugins © msg | October 2016 | IT Conference on SAP Technologies 11 • Attachment Viewer • Calendar • Printer • Localization • SAP Fiori Client • Online Application • Toolbar • Application Preferences • Voice Recording • Logon • App Update • Push • Encrypted Storage • Logger • Settings • AuthProxy • Barcode Scanner • Offline OData • End-to-End Trace © SAP SE
  • 12.
    SAP Mobile CloudArchitecture Hybrid Mobile App Runtime Architecture with Apache Cordova © msg | October 2016 | IT Conference on SAP Technologies 12 SAP HCPms (Cloud Version of SAP Mobile Platform) HCP Destinations IdP https © SAP SE
  • 13.
    SAP Mobile CloudArchitecture SAP Fiori Mobile Options © msg | October 2016 | IT Conference on SAP Technologies 13 © SAP SE
  • 14.
    Developing Mobile Appswith SAP HANA Cloud Platform SAP Web IDE Development © msg | October 2016 | IT Conference on SAP Technologies 14 • The Web IDE is intended to support the developers in the SAP’s development process for mobile apps: © SAP SE
  • 15.
    Developing Mobile Appswith SAP HANA Cloud Platform Device and Platform Configuration © msg | October 2016 | IT Conference on SAP Technologies 15
  • 16.
    Developing Mobile Appswith SAP HANA Cloud Platform App Configuration: The Mobile Services Cockpit © msg | October 2016 | IT Conference on SAP Technologies 16
  • 17.
    Developing Mobile Appswith SAP HANA Cloud Platform Deployment Options © msg | October 2016 | IT Conference on SAP Technologies 17 © SAP SE
  • 18.
    Developing Mobile Appswith SAP HANA Cloud Platform SAP Hybrid App Toolkit (HAT): Architecture © msg | October 2016 | IT Conference on SAP Technologies 18 © SAP SE
  • 19.
    Developing Mobile Appswith SAP HANA Cloud Platform SAP Hybrid App Toolkit (HAT): App Preview/Deployment © msg | October 2016 | IT Conference on SAP Technologies 19 © SAP SE
  • 20.
    Developing Mobile Appswith SAP HANA Cloud Platform Deployment Process © msg | October 2016 | IT Conference on SAP Technologies 20 © SAP SE
  • 21.
    Demo Sample App “MyTime” ©msg | October 2016 | IT Conference on SAP Technologies 21 • Allows users to create, edit and delete time records at work • App type: Hybrid Kapsel app • Supported platforms: Android (currently), iOS and Windows (planned) • Authentication type: Principal propagation • Mobile features:  User onboarding  Offline functionality  Push notifications  Speech recognition  Smart Watch extension  Calendar access  Background alarms
  • 22.
    Demo Architecture of MyTime ©msg | October 2016 | IT Conference on SAP Technologies 22 SAP HCPms (Cloud Version of SAP Mobile Platform) HCP Destinations IdP https © SAP SE
  • 23.
    Demo - Video MyTime ©msg | May 2016 | SAP Mobile Services – GBD-DA Evaluation Project 01/16 23
  • 24.
    Demo Logon with PrincipalPropagation: Procedure © msg | May 2016 | SAP Mobile Services – GBD-DA Evaluation Project 01/16 24 • Scenario: Secure access to corporate data from mobile devices and providing SSO capabilities • Solution: Forwarding on-demand users to back-end systems via HCC, on-demand users will not provide the on-premise identity • Steps:  User authenticates at app via a SAML provider  HCC validates the received SAML token  HCC forwards the identity to backend © SAP SE
  • 25.
    Demo Offline OData: Features ©msg | October 2016 | IT Conference on SAP Technologies 25 • Take remote OData services and run them locally on device • UltaLite as client database • Optimized for OData services supporting delta queries • Middle-tier delta enablement for all other OData services • Middle-tier caching of generic OData collections © SAP SE
  • 26.
    Demo Video MyTime OfflineDemo © msg | October 2016 | IT Conference on SAP Technologies 26
  • 27.
    Demo Offline OData: InitialDownload Sequence © msg | October 2016 | IT Conference on SAP Technologies 27 © SAP SE
  • 28.
    Evaluation Offline OData: FlushSequence © msg | May 2016 | SAP Mobile Services – GBD-DA Evaluation Project 01/16 28 © SAP SE
  • 29.
    Demo Offline OData: APIImplementation © msg | October 2016 | IT Conference on SAP Technologies 29 © SAP SE
  • 30.
    Demo Smart Watch Extension ©msg | October 2016 | IT Conference on SAP Technologies 30 Android apk (hybrid) AndroidWear apk (native) P L U G I N
  • 31.
    Demo Push Notifications © msg| October 2016 | IT Conference on SAP Technologies 31 Triggering notifications: • HTTP Method: POST • URL: https://<HCPms host>/restnotification/application/<app ID> • HTTP Headers:  Content-Type: application/json  Authorization: Basic (Using username/password of the SAP HCP trial account that is hosting the corresponding HCPms service…) • Body: {“alert”:”…”, “data”:”…”} Project Number API Key © SAP SE
  • 32.
    Demo Video MyTime PushDemo © msg | October 2016 | IT Conference on SAP Technologies 32
  • 33.
    Demo Speech Recognition © msg| October 2016 | IT Conference on SAP Technologies 33
  • 34.
    Outlook Smartglass Showcase © msg| October 2016 | IT Conference on SAP Technologies 34 bluetooth LTE HANA Cloud Plattform mobile services msg Intranet ERP VPN
  • 35.
    Conclusion SAP Mobile Services:Best Features, Limitations, Recommended Use © msg | October 2016 | IT Conference on SAP Technologies 35  Support for native and hybrid mobile app development  Regarding SAP HCPms and hybrid app development:  Platform is based on open standards (especially Apache Cordova)  Kapsel plugins comprising the following features: • User onboarding and authentication • Offline functionality out of the box • Push notifications • and much more  Smooth integration of SAP Web IDE with a local HAT installation  Various deployment options (HCP, Fiori Launchpad, Companion App, device)
  • 36.
    Conclusion SAP Mobile Services:Best Features, Limitations, Recommended Use © msg | October 2016 | IT Conference on SAP Technologies 36 • Costly and time-consuming setting up of local build environment (especially updates) • Kapsel offline plugin not very transparent, i.e. no options to show cached data in HCPms or to trigger a refresh etc. • No use of destinations from HCP
  • 37.
    Conclusion SAP Mobile Services:Best Features, Limitations, Recommended Use © msg | October 2016 | IT Conference on SAP Technologies 37 • Thus, we clearly recommend using SAP HCPms and SMP within the following contexts:  Extending a SAP Fiori (SAPUI5) web app with mobile features (e.g. Push Notifications)  Extending a native mobile app with SAP features (e.g. Logon Manager, Offline OData)
  • 38.
    Outlook SAP Roadmap &Strategy © msg | October 2016 | IT Conference on SAP Technologies 38 • Role in the landscape of SAP solutions: As mobility is one of SAP’s current and future key topics, also SAP HCPms and SMP will be – at least from our point of view. Also providing on-premise and cloud solutions in this area will be important in the future as this is requested by the customers • New releases: SAP frequently provides new releases for Hybrid App Toolkit. So be prepared to update HAT and your local Cordova development environment… So looking forward to have a cloud build service…
  • 39.
    Outlook SAP‘s Announcement withApple © msg | October 2016 | IT Conference on SAP Technologies 39 • “This partnership will transform how iPhone and iPad are used in enterprise by bringing together the innovation and security of iOS with SAP’s deep expertise in business software” (http://news.sap.com/apple-sap-partner-to-revolutionize-work-on-iphone-ipad/) • It’s planed to deliver a new HANA Cloud Platform SDK for iOS apps and to train developers in a online SAP academy for iOS
  • 40.
    Developing Mobile Appswith HCPms Q & A © msg | October 2016 | IT Conference on SAP Technologies 40
  • 41.
    .consulting .solutions .partnership VeichtJohannes Lead IT Consultant johannes.veicht@msg-systems.com msg systems ag (Headquarters) Robert-Buerkle-Str. 1, 85737 Ismaning/Munich Germany www.msg-systems.com