Skip to Content

Perform Actions On Cards To Support Your Business Case

test
0 %
Perform Actions On Cards To Support Your Business Case
Details

Perform Actions On Cards To Support Your Business Case

March 31, 2021
Created by
November 25, 2020
Create a card that understands the contact information in a card and provides contextual actions.

You will learn

  • How to create a card using SAP Business Technology Platform Boosters
  • How to create a card with context specific actions
  • How to perform contact actions without saving the contact details on your mobile phone
QR code

Prerequisites


Step 1: The real-world use cases
  1. Supplier Contact Card Use Case

    Your are a supplier relationship manager. As a part of your job you are required to frequently interact with and even visit the suppliers. Since the list of suppliers keeps changing from month to month and product to product, you find it difficult to store the information of active suppliers on your mobile phone.

    Thus, you are looking for a solution that keeps the contact information of the active suppliers in one place. Furthermore, you want the ability to call, text, e-mail etc. without having to save these numbers in your contacts app. Finally, you want the solution to run on both Android and iOS with minimal development effort.

  2. Sales Order Approval Card Use Case

    You are a sales manager. You usually need to log into your computer to Approve or Reject Sales Order(s) raised by your teammates. Since you too are constantly on the move, you want to avoid using your computer for performing these actions.

    Thus, you are looking for a solution that let’s you approve or reject an order and provide comments on your mobile device. While you have an Android device, other managers like you have iOS device. Thus, you want the solution to run on both Android and iOS.

The SAP Mobile Cards Contact Card Template and Sales Order Approval Card Template are multi-instance cards, which allow you to represent the details maintained in your back-end system as multiple cards.

Log on to answer question
Step 2: Create cards using Boosters
  1. Log into your SAP BTP Trial account

  2. Click Enter Your Trial Account

    Trial Home
  3. Click Boosters option in the Side Navigation Bar

    Trial global account
  4. Search for Mobile, and click Start for Build a Micro App for SAP Mobile Cards.

    Boosters home
  5. Click Next in the Check Prerequisites step.

    1 Check Prerequisites
  6. Select the target Subaccount and Space, and click Next in the Select Subaccount step.

    2 Select Subaccount

    If the status of Mobile Card Kit is not Available, complete the prerequisite tutorial to create a welcome card.

  7. Select Contact Card Template - Multi Instance card, and Sales Order Approval Card - Multi Instance, and click Next in the Select Cards step.

    3 Select Cards
  8. Enter the following details, and click Next in the Configure Cards step.

    Card Template Type Input Value
    Contact Card Template - Multi Instance Supplier Contact Card
    Sales Order Approval Card - Multi Instance Sales Order Approval Card
    4 Configure Cards
  9. Review the details you’ve entered, and click Finish in the Review step.

    5 Review
Log on to answer question
Step 3: View supplier contact card on your mobile device

Make sure you are choosing the right device platform tab ( Android or iOS ) above.

  1. Tap the Add button Android Add Button in the SAP Mobile Cards Android application.

    MobileCardsImage
  2. Tap Subscriptions.

    MobileCardsImage
  3. Tap Supplier Contact Card.

    MobileCardsImage
  4. Tap Subscribe.

    MobileCardsImage
  5. Tap back twice to go back to the card view.

    MobileCardsImage
  6. Enter travel adapter in the search bar of the app, and Tap the card.

    Card Templates Tab

    The app is capable of searching the details within the card. So, as a relationship supplier manager, if you know that you want to procure travel adapters, you can simply search for it in the search bar, and the app will show a list of all the suppliers that supply a travel adapter as cards.

  7. Tap the actions menu (Android Action Button).

    MobileCardsImage
  8. Tap on Call, SMS, Open Maps and Email action to perform the corresponding action.

    Card Templates Tab
  1. Tap MoreSubscriptions in the SAP Mobile Cards iOS application.

    MobileCardsImage
  2. Tap the All tab, and then tap Office Products.

    MobileCardsImage
  3. Tap Subscribe.

    MobileCardsImage
  4. Tap All Cards.

    MobileCardsImage
  5. Tap a card to open it, and see the contact details of the supplier on the front of the card.

    MobileCardsImage

    If you are on a trial landscape, you will see a maximum of 3 card instances, i.e. 3 products.

    Use the carousel to swipe left/right and select a card.

  6. Tap the flip card button Card Templates Tab, and then Tap the actions button iOS Action Button to view the actions.

    MobileCardsImage
  7. Tap Call, SMS,Email, and Open Maps action to perform the corresponding action.

    Card Templates Tab
Which Supplier Organisation is seen in the card?
×
Step 4: View sales order approval card on your mobile device

Make sure you are choosing the right device platform tab ( Android or iOS ) above.

  1. Tap the Add button Android Add Button in the SAP Mobile Cards Android application.

    MobileCardsImage
  2. Tap Subscriptions.

    MobileCardsImage
  3. Tap Sales Order Approval Card.

    MobileCardsImage
  4. Tap Subscribe.

    MobileCardsImage
  5. Tap back twice to go back to the card view.

    MobileCardsImage
  6. Tap on a card to open it.

    Card Templates Tab
  7. Tap the actions menu (Android Action Button), and Tap Approve Order.

    MobileCardsImage

    The value for LifeCycleStatus changes to Accepted.

  8. Tap back (←) → Expand the actions menu in the main view → Tap Reject Order → Enter a reason e.g. Invalid AmountTap Reject Order.

    Card Templates Tab

    The value for LifeCycleStatus changes to Rejected: Invalid Amount.

  1. Tap MoreSubscriptions in the SAP Mobile Cards iOS application.

    MobileCardsImage
  2. Tap the All tab, and then tap Sales Order Approval Card.

    MobileCardsImage
  3. Tap Subscribe.

    MobileCardsImage
  4. Tap All Cards.

    MobileCardsImage
  5. Tap a card to open it.

    MobileCardsImage

    If you are on a trial landscape, you will see a maximum of 3 card instances, i.e. 3 products.

    Use the carousel to swipe left/right and select a card.

  6. Tap the flip card button Card Templates TabTap on the actions button iOS Action ButtonTap on Approve Order.

    MobileCardsImage

    The value for LifeCycleStatus changes to Accepted.

  7. Tap the actions button iOS Action ButtonTap Reject OrderEnter a reason e.g. Invalid AmountTap Reject Order.

    Card Templates Tab
Which actions are available in the Sales Order Approval App?
×

Congratulations! You have successfully built a contact card and an approval card that enhances an employee’s work-life.


Next Steps

Back to top