Mobile AddOn Development for SAP Business ByDesign Christian Böhrer, Rick Weigel, Tesfaldet Negash / SAP June 20, 2019 Confidential: Released for Partners SMB Innovation Summit 2019
Mobile AddOn Development for SAP Business ByDesignChristian Böhrer, Rick Weigel, Tesfaldet Negash / SAPJune 20, 2019
Confidential: Released for PartnersSMB Innovation Summit 2019
2Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
(1) Overview: Mobile@SAP Business ByDesign
(2) Mobile AddOn Development Options
(3) Mobile AddOn Development using SAP Cloud Application Studio
(4) Mobile AddOn Development using SAP Cloud Platform
(5) Q&A, Discussion
Agenda: Mobile AddOn Development for SAP Business ByDesign
An overview of the various SAP Business ByDesign mobile apps, followed by demos on how to develop in-app and side-by-side mobile extensions using the SAP Cloud Platform and the SAP Cloud Application Studio.
Overview Mobile@SAP-ByD
4Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Self-Services, Approvals, Tasks, Notifications
Tablet: e.g. Dashboards, KPIs
Groupware & CollaborationBuilt-In Mobility
5Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Mobile Apps @ByD
SAP Business ByDesign Mobile
SAP Business ByDesign Mobile
§ The SAP Business ByDesign Mobile app is generally available in iOS and Androidsmartphones since the 1811 release
§ The app is planned to be the single point of entry to access all ByDesign Mobile content in the future
SAP Manager Approvals
SAP Time Recording
SAP Project to Go
SAP Project Cockpit
Role & Purpose Specific Apps
§ HTML5 based mobile apps that are built to help users perform specific functions (e.g: Approvals, Time recording etc)
§ Mostly static and do not allow extensions. Only the Manager Approvals app can be extended to a limited extent (e.g: Introduce approvals for a new category code)
6Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
ByD Mobile App Architecture: Fiori/UI5 & Cordova based
ByD Backend
ByD Partner
Free-Style Apps
…
UI DesignerByD Mobile UI Models
ByD PartnerMobile UI Models
SAP Business ByDesign Mobile
{ HTML5 rendering of the UIs }
CORDOVA
Free-Style Apps
ByD Free-Style Apps
…
Plan to integrate Free-Style apps
into the Launchpad
7Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
[ Demo ] SAP Business ByDesign Mobile
8Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP Business ByDesign Mobile appFeature Summary
§ Seamless analytics and KPIs
§ Employee self-services (expenses, leave, shopping)
§ Manage accounts, contacts, activities and leads
§ Service orders and confirmations
§ Easy to personalize and extend
More information here …
§ Summary Video
§ ByD Mobile Blog (regular updates)
Mobile AddOn Development Options
10Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
ByD Mobile AddOn Development Options
SAP Cloud Application Studio(“PDI”)
SAP Cloud Platform Freestyle (Native / Hybrid)
§ For In-App extensions
§ “Modelled” development approach
§ First pilot project ready to Go-Live
§ Customer / partner engagement is on going
§ Improvements of partner development environment planned for 2019
§ For Side-by-Side extensions
§ Mobile content accessible via Mobile Cards App, browser or specific App
§ ByD data access via OData
§ More flexible (as specific features like Offline usage are possible)
§ For Side-by-Side extensions
§ Freestyle mobile App development
§ Mobile content accessible via browser or as specific App
§ ByD data access via OData
§ Very flexible as “everything” is possible
[++] Low TCO for customers
[++] Low development effort
[-] Limited flexibility
[--] High TCO for customers
[+] Medium development effort
[+] High flexibility
[--] High TCO for customers
[--] High development effort
[++] Very high flexibility
Usage insights and development example as part of this session
Usage insights and development example as part of this session
ByD Mobile AddOn’s via SAP Cloud Application Studio
12Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Introduction: SAP Cloud Application Studio
The studio is based on a local integrated development environment (IDE) that:
§ Provides access to a hosted repository
§ Provides access to all tools you need to create and enhance the functionality of the SAP standard cloud solution
§ Is integrated with the tools that administrators work with in the SAP cloud solution
§ Allows you to manage the entirelifecycle of customer-specific solutions, including development, testing, and assembly
§ Makes it easy and quick for you to perform activities through features such as wizards for multistep tasks
§ Simplifies programming through features such as code completion
Integrated Development Environment
Open SAP Course: Application Development for SAP Business ByDesign
13Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Project implemented and driven by SAP Innovative Business Solutions (CD)
Realized Business Scenarios based on ByD Mobile App
Implementation was done in PDI Environment via SAP Cloud Application Studio
Self Service & Standard Enterprise Users
Athletes will have mobile-only access to the ByDesign System
Private Foundation, mainly financed by national German
partners
Supports top athletes and young talents with financial and ideal values
Today almost 4.000 athletes in more than 50 sports
(focus: Olympic) are supported
Example: Customer DSH (“Deutsche Sporthilfe”)
SporthilfeThe Project *
* GoLive in April 2019
Stefanie HerzogTriathlon
Mueller
Gunther Hader
+49 33231 343540
StefanieHerzog1
Stefanie.Herzog
14Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
[ Demo ] Mobile AddOn Development via SAP Cloud Application Studio
Assumption: § Customer extension has been developed in the
customer system for use on desktop
§ Based on this custom solution a mobile version of the extension shall be provided
Extension Scenario:§ Extend the ByD mobile app with a new app extension
based on a custom business object
§ Generate a mobile workcenter view and the mobile screens
§ Understand the tagging concept
§ Understand the clustering concept for authorizations
SAP Cloud Application Studio
UI Designer
SAP Business ByDesign Mobile
15Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
► Installing and Updating the SAP Cloud Applications Studio
► Open SAP: Application Development for SAP Business ByDesign
► Getting Started with the SAP Cloud Application Studio
► Download the SAP Business ByDesignMobile App from iOS App Store and Google Play Store
► Solution Template - Add-on Examples
Learn more
ByD Mobile AddOn’s via SAP Cloud Platform
17Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Connectivity for SAP and 3rd party back end systems.
Out of the box support for critical enterprise security standards
Enterprise-grade offline data synchronization and flexible cross-platform push notifications
Support for developing native, hybrid, SAP Fiori and micro apps
Enterprise grade security and authentication
Full offline support, notification services, superior back-end integration and enterprise-grade security.
Scale to meet large enterprise app and user demands
Increase developer productivity with support for a wide range of
mobile app types to meet all use cases
Accelerate rollout of mobile apps with secure access to on-
premise & cloud solutions
Increase user productivity via anytime, anywhere
connectivity with backend systems
Engage a highly mobilized workforce, consumers, suppliers
and partners with preferred channel
Benefits Capabilities
SAP Cloud Platform Mobile ServicesA single, comprehensive mobile solution
NEO
ByD Mobile AddOn’s via SAP Cloud Platformusing Mobile Cards
19Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Phone integration for maps, location, email, SMS, and voice calling, Apple Watch
Deploy content from Smart Template apps. No coding required
Create content cards for SuccessFactors, FieldGlass, Ariba, etc. with low code.
Provides instant content, context, availability with always available cards
Full offline availability with background updates
Push updates, subscriptions, user selected content cards
Share only the information users need, eliminating
navigation across systems
Reduce costs by mobilizing data in familiar Wallet style apps without development
Scale quickly with new content with minimal coding
to no coding
Provide additional channel to access content that’s most important to users
Maximizes time to value with prebuilt content from SAP S/4HANA Fiori Launchpad
Benefits Capabilities
SAP Cloud Platform Mobile ServicesSAP Mobile Cards
21Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
[ Demo ] ByD AddOn Development using SAP CP Mobile Cards
Assumption: § Custom OData service has been created in the
customer system to access Service Orders
§ Based on this data a mobile version shall be provided in order to summarize the service to be performed (also in case of no internet connection is available with immediate notifications in case of changes)
Extension Scenario:§ Create a new SAP Cloud platform based Mobile Card
based on a custom ByD OData service
SAP Mobile Cards
ByD Mobile AddOn’s via SAP Cloud Platformusing SDK for iOS / Android
23Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SDK Assistant automatically generates fully running app scaffolding by reading metadata from backend enterprise APIs
Empower designers and developers with tools to
quickly and efficiently build iOS apps for the enterprise
Enable apps with native iOS look and feel high
performance
Accelerate development with UI controls,
frameworks and tools
Innovate by taking advantage of rich iOS device features like ARKit, CoreML,
location services and notifications
SAP Fiori Mentor app generates customized UI code snippets for Fiori controls
Swift-based SDK for iOS incl. UI controls, frameworks for data access, security, supportability
SAP Fiori for iOS design language
Benefits Capabilities
SAP Cloud Platform Mobile ServicesNative App Development – SAP Cloud Platform SDK for iOS
24Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Accessible from Java or Kotlin
SDK Wizard automatically generates fully running app scaffolding by reading metadata from backend enterprise APIs
Empower designers and developers with tools to
quickly and efficiently build Android apps for the
enterprise
Enable apps with native Android look and feel high
performance
Accelerate development with APIs for enterprise
communications, security, encryption & onboarding
Innovate by taking advantage of rich Android
device features like Fingerprint Scanner, location
services and notificationsFoundation for model-driven apps and micro-apps on Android
SDK for Android accelerates enterprise app development in Android Studio IDE
Rich set of UI controls, implementing SAP Fiori for Android design language
Benefits Capabilities
SAP Cloud Platform Mobile ServicesNative App Development – SAP Cloud Platform SDK for Android
25Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
[ Demo ] ByD AddOn Development using SAP CP Mobile SDK
Assumption: § Custom OData service has been created in the
customer system to access Service Orders from a SAP ByD system
§ Based on this data a mobile version shall be provided in order to summarize the service to be performed (also in case of no internet connection is available with immediate notifications in case of changes)
Extension Scenario:
§ Create a new role and purpose specific Service Order App based on a custom ByD OData service
SAP Cloud Platform SDKs
ByD Mobile AddOn’s via SAP Cloud Platformusing Cloud Application Programming Model
27Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Consume SAP Cloud Platform Portal pages, or any other
WebApp
Available for Android, iOS andWindows devices
Use the publicly available SAP Fiori Clients from AppStore or
Google Play – immediate improvements
Makes device features available to your SAP Fiori
Apps
Add mobile consumption channel to your existing Fiori
Apps
Increased UX and security (Auth) compared to mobile
browser access
Enterprise-grade supportability features and reporting available if used with Mobile Services
Add push notifications to your SAP Fiori Apps
UI5 aware caching forimproved FioriLaunchpad performance
Customizable and it can be branded, with custom build SAP Fiori Client
SAP Cloud Platform Mobile ServicesSAP Fiori Client
Benefits Capabilities
ByD Mobile AddOn’s via SAP Cloud PlatformSummary & Partner Example
31Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Feature Overview
Mobile Service for Development and Operations
SAP Mobile Platform SDK
Hybrid Cross
Platform
SAP Cloud Platform Mobile Services
Push Notifications Enterprise Authentication 2FAuthenticationOffline (OData) Application Lifecycle
GDPR complianceEUDP access possible
Mobile AnalyticsMobile Card Kit Client Resources Management
integration services support
Usage AnalyticsApplication Access Control
Document Service integration
Storage ServiceSample OData Service OData (v2, v4)
Mobile Traffic Management
Mobile Setting ExchangeCloud Build Service for CI Network TracesOnline (Caching) (REST, SOAP, OData, etc.)
Enterprise Level Encryption
Discovery Service Remote LoggingSAP Fiori Client App Lab*
SAP Cloud Platform SDKs MobileDevelopment Kit
iOS
SAP Mobile Cards
Android** iOS Android
* Cloud Foundry only ** Roadmap item
32Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP Cloud Platform Mobile ServicesHow to find the best approach
Native Mobile Development Kit Mobile Cards Mobile WebPros § Native look and feel
§ Best performance§ Instant access to device specific
innovations
§ Native look and feel § Visual development approach
simplifies development§ Simplified app development
lifecycle§ Enforces UX consistency
§ Simple wallet style UX§ No coding required for SAP Fiori
Elements UI
§ OS agnostic§ Lower costs than native§ Large device compatibility
Good For
§ Apps that require the best mobile UX and performance
§ Offline apps§ Apps that require native
frameworks§ Example: Field sales, self
service, consumer apps
§ Apps that require the best mobile UX
§ Functionally complex apps§ Offline apps§ Apps that require significant and
frequent customization§ Example: Field service, asset
maintenance apps
§ Functionally simple apps§ Example: Fact sheets, approval
apps
§ Functionally simple apps§ Apps that do not require native
features of offline§ Example: Workflow and approval
apps
RequiredSkills
§ Xcode/Swift and Android Studio/Java skills
§ Mobile Development kit skills § HTML5, CSS skills § JavaScript skills§ SAP Web IDE, UI5, Apache
Cordova
33Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Partner Implementation Example (using SAP Cloud Platform)
Video
More details: here
34Confidential: Released for Partners© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
► SAP Cloud Platform Mobile Services Roadmap
► SAP Cloud Platform Mobile Services
► SAP Cloud Platform SDK for iOS
► SAP Cloud Platform SDK for iOS sample app
► SAP Cloud Platform SDK for Android
► Mobile Development Kit
► SAP Mobile Cards
► SAP Cloud Platform Trial
► SAP Mobile Interactive Tutorials
Learn more
Q&A, Discussion
Thank you.Contact information:
Christian Bö[email protected] [email protected] [email protected]
Gamification Challenge Code
6RR75FBy entering this Keynote Session
code you will be granted 30 points
5 5 5 55 5
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.
© 2019 SAP SE or an SAP affiliate company. All rights reserved.