Skip to Content
Technical Articles
Author's profile photo Ajay Kankate

Getting started with SAP Mobile Cards

Introduction

It is rightly said that “Data is the new oil”. As years have passed, our dependence on data has increased. To benefit the most out of it, the right data should be available at the right time.  We have come a long way when it comes to technology and now we are able to access data using a wide variety of devices – mobiles, tablets, and desktops. Applications have been tweaked to make them accessible on all kinds of devices. Mobile technology is the best thing that we have come up with and because of it, we have our most important data at our fingertips. Mobile applications like Whatsapp, Twitter, Facebook, etc. have a very major impact on our lives and have always helped us to stay connected.

SAP has also been researching a lot about Mobile technologies and they have also added quite a number of things to give users a better experience. Imagine you need to check some very important organizational data and you are stuck in traffic. What if I say that you can just pull out your mobile phone and see them right away. Furthermore, all the data condensed and packaged for you in a very neat structured format in the form of a card. This technology provided by SAP is called “SAP Mobile Cards” and this has significant potential in changing the way we work and saving us a lot of time and take quick decisions.

Mobile%20cards%20on%20iOS%20and%20Android%20Mobile%20Devices

Mobile cards on iOS and Android Mobile Devices

                                         Image Source: Overview – SAP Mobile Services Documentation

Architecture

SAP Mobile Services hosted on SAP Cloud Platform acts as a gateway between SAP Mobile Cards and the relevant application/data. This can either be data coming from on-premise/Fiori or cloud applications like Ariba, SuccessFactors, etc. In the case of on-premise systems, a secure connection to the on-premise data is provided by the SAP Cloud Connector.

SAP%20Mobile%20Cards%20Architecture

SAP Mobile Cards Architecture

                    Image Source : https://developers.sap.com/topics/mobile-cards.html

Features of SAP Mobile Cards

  • Provides offline support so that cards can be viewed anytime.
  • Auto-refresh to ensure data present in the card is updated regularly.
  • Notification features include push notifications, reminders, and geo-fenced alerts.
  • Cards are integrated with your phone enabling calling, SMS, email, maps, and location.
  • A group of cards is created to quickly organize cards by type.
  • Manage card versions through development and production via Mobile Services cockpit, and create backup copies to either restore or change version.

User stories

SAP Mobile Cards has three key user stories:-

  • Developer – Designs and builds the card using SAP Web IDE or SAP Business Application studio
  • Administrator – Manages the card using SAP Mobile Services Cockpit
  • End-user – Uses the card via the SAP Mobile Cards application on Android or iOS device by downloading the app from PlayStore ( for Android ) or App Store ( for iOS ) after registering the application using the details provided by the Administrator.

Creating mobile cards on SAP BTP using Boosters

Developers can create SAP mobile cards very easily using SAP Boosters on the SAP Business Technology Platform. SAP Boosters are wizards which enable us to create an object for a specific business purpose. Below are the steps in order to achieve this :

Step 1: Log in to SAP BTP Cockpit

Log in to your SAP BTP Cockpit. On the left pane, you can see the Boosters option.

SAP%20BTP%20Cockpit

SAP BTP Cockpit

Step 2: Select the Boosters option

SAP%20BTP%20Boosters

SAP BTP Boosters

Step 3: Search for Mobile Cards

Build%20a%20Micro%20App%20for%20SAP%20Mobile%20Cards

Build a Micro App for SAP Mobile Cards

Step 4: Click on the tile ‘Build a Micro App for SAP Mobile Cards’

The below screen loads.

Boosters%20-%20Mobile%20Cards%20-%20Start%20Screen

Boosters – Mobile Cards – Start Screen

Click on the Start button. The below screen appears.

Boosters%20-%20Mobile%20Cards%20-%20Check%20Prerequisites

Boosters – Mobile Cards – Check Prerequisites

Step 5: Check Prerequisites

Wait for some time for the status to turn to Done ( Green ). Click on the Next Button. Se

Boosters%20-%20Prerequisites

Boosters – Prerequisites

Step 6: Select Subaccount

Select relevant Subaccount details from the dropdown. The Mobile Card Kit status should be Available.

Boosters%20-%20Subaccount%20details

Boosters – Subaccount details

Sometimes when the Mobile Kit Status is Not Available, it is required to Initialise it.

When the Mobile Card Status becomes Available, click Next.

Step 7: Select Cards

There are many readily available card templates to choose from. Let’s select the Welcome Card Template.  Click Next. 

Welcome%20Card

Welcome Card

Step 8: Configure Cards

Configure%20Card

Configure Card

Step 9: Review

Review the information and click Finish.

Review%20Card

Review Card

Step 10: Card created successfully

Once the card is created, we can see 2 QR codes corresponding to Android or iOS.

We can use the QR codes to start the registration of the card to our mobile device.

Accessing SAP Mobile Cards on a mobile device

Follow the below steps to access the card you created on your mobile device.

Step 1: Install SAP Mobile Cards application on your mobile device

Go to Play Store ( for Android ) or App Store ( for iOS ) and install the SAP Mobile Cards app.

SAP%20Mobile%20Cards

SAP Mobile Cards

Step 2: SAP Mobile Cards Welcome Screen

Click Proceed to continue.

Welcome%20to%20SAP%20Mobile%20Cards

Welcome to SAP Mobile Cards

Step 3: Accept the End User License Agreement

Click on “I Agree”.

License%20Agreement

License Agreement

Step 4: Scan QR Code to begin registration

Welcome Screen loads. Click on the “Scan QR Code” button.

Scan the QR Code that appears after performing all steps of Step 5.

Welcome%20Screen

Welcome Screen

Step 5: Mobile Service Cockpit

In order to access the Mobile Service Cockpit, go to your SAP BTP Cockpit and select Service Marketplace from the left pane.

Service%20Marketplace

Service Marketplace

Search for Mobile Services

Mobile%20Services 

Mobile Services

Click on Mobile Services Tile. From the right pane, click on Support button.

After login with the required credentials, the Mobile Services Cockpit Screen loads.

This is the administrative point to manage all SAP Mobile Cards and notifications. Further analytics options are also available.

Mobile%20Services%20Cockpit

Mobile Services Cockpit

From the left pane, select Mobile Applications => SAP Mobile Cards.

On the right pane, you can see the card details.

SAP%20Mobile%20Cards%20Option

 

Click on the APIs Tab and scan the QR code that appears based on your device type – Android/iOS.

API%20Tab

API Tab

Step 6: Enter your email ID and Password which you use to access SAP BTP.

After%20scanning%20QR%20Code

After scanning QR Code

The below screen appears. Enter your credentials which you use to access SAP BTP and click on Log On.

Enter%20Credentials

Enter Credentials

Step 7: Set Passcode and Fingerprint Authentication

Enter a 8 character Passcode for authentication purpose. Confirm the same passcode in the subsequent screen and press Done.

Passcode

Passcode

Place your finger on the fingerprint scanner to enable biometric authentication.

Fingerprint%20Authentication

Fingerprint Authentication

Step 8: Enable Location Services for SAP Mobile Cards that use Geofence alerts

For the below screen, select Allow only when using the App.

Location%20Services

Location Services

Step 9: View your SAP Mobile Card

After step 8, a message appears as “Downloading your cards”.

Wait for a few minutes and you should be able to see your card.

In the below screen, you can see all your cards as well as search for cards.

My%20SAP%20Mobile%20Card

My SAP Mobile Card

Once you click on the card, you can see the entire card content.

A card can have information on both sides, so you can click on the Flip button to see the other side of the card.

Card%20-%20Front%20side

Card – Front side

Card%20-%20back%20side

Card – backside

References

Official SAP Documentation on SAP Mobile Cards: Overview – SAP Mobile Services Documentation

Conclusion

In this blog post, we have learned the important concepts about SAP Mobile Cards and how to create a Welcome Card using SAP BTP Boosters.

This is my first blog post so I would appreciate feedback from everyone.

Please stay tuned for my next blog post.

Thank you for reading my blog post.

 

 

 

Assigned Tags

      3 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Willian Heissler
      Willian Heissler

      Outstanding job

      Author's profile photo Syed Shadan Quaiser
      Syed Shadan Quaiser

      Nice blog

      I wanted to achieve geofencing alerts.

      Any idea how to achieve that.

       

      Regards

      Shadan

      Author's profile photo Amandeep Bal
      Amandeep Bal

      Hi,

      I can see the card as a subscription and has been subscribed as well in the mobile client. Not sure, Why I get "0 cards ready to view". Is there additional step which needs to be performed ?

      Following message shows in the Logs 

      A card instances for card type Welcome BAS is unavailable: Downloading of all referenced resources failed. Please see connectivity events for details.

      Thanks

      Aman