Build & Operate Cross-Platform Micro Apps with SAP Mobile Cards - #sitBCN

PUBLIC
Jitendra Kansal
SAP Technology Ambassador & Senior Product Specialist
SAP Cloud Platform Mobile Services, Product Management, SAP SE
@jkkansal1987
October, 2018
Build & Operate Cross-Platform Micro Apps with
SAP Mobile Cards

2PUBLIC© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Legal disclaimer
The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the
permission of SAP. 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 document or any related
presentation, or to develop or release any functionality mentioned therein. This document, or any related presentation
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
document is not a commitment, promise or legal obligation to deliver any material, code or functionality. 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. This document is for informational purposes
and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this document,
except if such damages were caused by SAP´s willful misconduct 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.

Introducing SAP Mobile Cards– a feature of Mobile Services
• Creates cards that work across iOS, Android and WeChat
• Targets simple 1-2 screen apps & lean workflows.
• Reduces training by leveraging an easy to use Wallet-style app
• Simplifies app management with content updates handled automatically
Example Use Cases:
• Simple approvals - purchase orders, leave requests, deal approval
• Company news & alerts, facility information, sales promotions
• KPIs like charts, inventory levels, order exceptions
• My timesheets, vacation accrued, pay slip details
With Mobile Services customers have access to a microapp platform to
publish data into a consumer grade, “wallet” or “passbook” style app

Fast & Efficient
<html>
OData
(json)

Functional
push
n6
offline Interactive logic
{js}
native

Enterprise
secure maintainable xross
iOS
android

SAP Mobile Cards Architecture
Firewall
Secure Tunnel
Your Datacenter
Cloud
connector
or Business Suite
SAP Gateway*
SAP Mobile Cards
Application
Client
iOS
Android
WeChat
Mobile Services
Any JSON API Service
SAP Cloud Applications
Corporate Identity Provider

Introducing the SAP Mobile Cards app
Provides instant content, context, and availability
User actions:
• Get push notifications about cards and take action
• Approve or reject workflows
• Make phone calls from card information
• Send iMessages or emails to card contacts
• Open addresses in maps
• Deep link to another app or URL in context of card
• Share cards with others
• Notify and action cards via the Today screen

Introducing the SAP Mobile Card app
The basics of an SAP Mobile Card
Search and subscribe to new Cards
Group cards by types and preference
Shake for cards relevant
to location
View card activity logs
Keep up to date on your important data
Action workflows and approvals
Customizable
Reminders & Push
Messages
Today Screen Widget iMessage or email
cards

SAP Mobile Card kit for FLP for On-premise or Cloud
End Users create Mobile Cards
Users can create Mobile Cards directly from their Fiori Launchpad. Give them the power to take
their KPIs mobile.
Step 2: Add
Mobile Cards as
an UI5 plugin into
your SAP Cloud
Platform Cockpit
Step 3: Enable
and configure the
Mobile Cards
plugin for your
Fiori Launchpad
Step 4: Users will
now see an Add to
Mobile within the
Fiori Launchpad
Step 1: Define a
"Destination" to
your SAP Fiori
Server
For Mobile Cards using SAP Fiori Launchpad follow the following SAP Note: SAP Note

SAP Mobile Cards Template Manager
Template Manager enables customers to hit the ground running with
12+ card templates
Customizable Brandable Available OfflineAlways Up to Date
Enabling integration out-of-the-box.
Templates available for:
• SuccessFactors
• Ariba
• SAP Inbox
• C/4HANA
• Samples templates:
• HR
• Product
• Sales
• Customers
• Company news

SAP Mobile Cards Template Manager
Steps to use cards within Template Manager
Step 2: Open
Template Manager
and select a
template. Match it
to the Destination.
Step 3: Provide a
new name, and
optionally brand,
and extend
Step 4: Save to
Deploy
Step 1: Define a
"Destination" to
your SAP LOB or
other sytem

SAP Mobile Cards for the SAP My Inbox
Make business decisions without being tied to your desk
Employees can easily access workflows from
their mobile device
• Automatic synchronization of My Inbox tasks to
your device
• Use pre-defined card templates for workflow
tasks or create your own
• Take decisions (e.g. Approve or Reject)
• Access detailed task information
• Work in offline mode and synchronize later
• Get notified on new tasks

SAP Mobile Cards for SuccessFactors
Prebuilt cards complement the SuccessFactors mobile app
• Frequently visited HR data delivered as mobile cards
• Targets simple 1-2 screen apps & lean workflows
• Provides instant and offline access to data
• Built with SuccessFactors APIs and are customizable
• Cards are presented as fully functional and easily brandable
• Custom cards are easy to create to extend HCM to mobile
ŸPre-built Cards for SuccessFactors
Ÿ My Vacation
Ÿ My Time Sheets
Ÿ My To Do
Ÿ My Pay Check
Ÿ My Profile
Ÿ My Direct Reports

SuccessFactors & Mobile Cards Templates

SAP Mobile Cards for C/4HANA
Employees can access and action Cloud for Customer data from their mobile.
Sales Manager Deal Approval Upcoming Customer Visits

SAP Mobile Cards for Ariba
Employees can access and action their Ariba data from their mobile.
Users, Buyers & Suppliers can be alerted with their purchase order exceptions – delivery
timing, quantity. Users are notified of new cards and exceptions
My Purchase Orders My Purchase Order Exceptions

SAP Mobile Cards for Concur
Employees can access their past and in-process Concur Travel Expenses
My Concur Travel Expenses

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Add mobility to any business process with custom cards
• Does the use case fit 1-2 screens?
• Where is the data coming from?
• Is it a static message or announcement?
• Is it a workflow?
• Will it allow for Card actions for the user?

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Any JSON API Service
Identify the
system to
mobilize
SAP Mobile Cards can mobilize any REST
accessible system that returns a JSON
response.
SAP Mobile Cards push and notification
capabilities make it great for creating static
content too. For example, a company event,
or a benefits enrollment reminder.
SAP Cloud Applications
Cloud Connector or Business Suite
Your Datacenter

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Destinations define how your
Mobile Card will connect to
and authenticate your users
to the remote system

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Using a tool of your choice, write
a query for your REST/ODATA
service to retrieve a single result
set in a JSON format.

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Paste the JSON response data
from your query in the supplied
Sample Data area.
This data will be used to ensure
the correct data results are
being mapped into the Mobile
Card as we continue creating it.

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
<HTML> goes here.
Use {{handlebars}} within
the HTML to identify the
data fields you will map
into the Mobile Card.
Card creators can leverage
and modify example card
templates or build their own
using our simple HTML
editor.

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Items identified within our
editor with {{ }} are shown
within the Data Mapping
area and the drop down pulls
data from the Sample Data
response provided.

Define your
Mobile Card
Identify the
system to
mobilize
Create a
Destination
Write the
Query
Supply Sample
JSON
Response
Design the
Card
Map Sample
Data to JSON
Response
Deploy
SAP Mobile Cards
Deploy your custom card

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 Services
SAP Mobile Cards

To know more…
Check below references
• Mobile Interactive Tutorials
https://www.sap.com/germany/developer/tutorial-navigator/mobile-interactive-
tutorials/content2go.html
• Help Documentation
https://help.sap.com/viewer/p/MOBILECARDS
• Mobile Cards on SAP Blogs
https://blogs.sap.com/author/mark.wright5/
https://people.sap.com/matt.carrier#overview
https://blogs.sap.com/2018/06/21/take-your-sap-my-inbox-mobile-with-sap-mobile-cards/
https://blogs.sap.com/2018/05/24/mobilize-your-s4h-inbox-with-sap-mobile-cards-a-little-
e2e-scenario/

Thank you
Contact information:
Jitendra Kansal
SAP Technology Ambassador & Senior Product Specialist
SAP Cloud Platform Mobile Services, Product Management, SAP SE
jitendra.kansal@sap.com
@jkkansal1987

Build & Operate Cross-Platform Micro Apps with SAP Mobile Cards - #sitBCN

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Build & Operate Cross-Platform Micro Apps with SAP Mobile Cards - #sitBCN

Similar to Build & Operate Cross-Platform Micro Apps with SAP Mobile Cards - #sitBCN (20)

Build & Operate Cross-Platform Micro Apps with SAP Mobile Cards - #sitBCN