Skip to Content

Create a Workspace with Apps and Content

Create a workspace and add apps and other content to it.
You will learn
  • How to add a workspace to SAP Work Zone
  • How to connect to the SAP Gateway system and add a Web Dynpro app to your workspace
  • How to create a UI5 integration card that consumes data from the SAP Gateway demo system
  • How to integrate the UI5 integration card to SAP Work Zone
Lindsay BertSeptember 23, 2022
Created by
LindsayBert
September 13, 2022
Contributors
LindsayBert
jmmargo

Prerequisites

You have accessed SAP Work Zone.

In this tutorial we’ll provide links to existing tutorials that you need to follow. Please note that in each step, there may be instructions for you to carry out.

  • Step 1

    In this step, you’re going to create a workspace where employees who joined the company hackathon challenge, can interact with other members of the workspace, ask questions, and find out all that they need to know.

    1. For step-by-step guidance how to do this, follow this tutorial: Add a Workspace to SAP Work Zone.

    2. In step 2.3, give the workspace a unique name by adding your User ID as a prefix to the name: For example: <User ID>_Employee Innovation Hackathon.

  • Step 2

    For step-by-step guidance how to do this, follow this tutorial: Create an account on the SAP Gateway Demo System.

  • Step 3

    In this step you’ll create a connection between SAP BTP, Cloud Foundry environment and the SAP Gateway Demo System (ES5).

    1. For step-by-step guidance how to do this, follow this tutorial: Connect SAP BTP to Your SAP Gateway Demo System Account.

    2. Instead of step 1 explaining how to access your subaccount, use the link above.

    3. In step 2.3 give the destination a unique name. For example: <User ID>_ES5.

  • Step 4

    In this step, you’re going to add one of SAP’s classic applications, a Web Dynpro ABAP app, to your work zone using the Content Manager. SAP’s classic applications typically run on the backend of a data center.

    1. For step-by-step guidance how to do this, follow this tutorial: Add a Web Dynpro ABAP App to your SAP Work Zone.

    2. In step 2.2, give your app a unique name by adding your User ID as a prefix to the name: For example, <User ID>_Search POs.

    How do you add an app to your workspace overview page?

  • Step 5
    1. For step-by-step guidance how to do this, follow this tutorial: Create a Dev Space for SAP Fiori Apps.

    2. To access your subaccount, use the SAP BTP link above instead of Step 1 of the tutorial.

    3. Use your IAS user and password to log in to SAP Business Application Studio.

  • Step 6

    In this step, you’ll create a UI5 integration card in SAP Work Zone to display data from the backend SAP Gateway Demo System.

    1. For step-by-step guidance how to do this, follow this tutorial: Create a UI5 Integration Card that Consumes Data from the SAP Gateway Demo System

    2. Skip step 1.

    3. In step 2.4, give your card a unique name by adding your User ID as a prefix to the name: For example, <User ID>_products_by_vendor_card.

      Note: if you run out of time, please skip steps 4, 5, and 6 and create a more simple card. You can later read the steps you missed.

  • Step 7

    In this step, you’ll add your deployed UI5 integration card to SAP Work Zone and add it to the SAP Work Zone workspace.

    1. For step-by-step guidance how to do this, follow this tutorial: Integrate a UI5 Integration Card to Your SAP Work Zone.

    2. In step 1.4, select your own card with your own User ID: <User ID>_products_by_vendor_card and add it to your workspace in step 3.5. Also, you can use your own ES5 destination in the card settings.

    Congratulations! You’re done!

    If you would like to implement the same SAP Work Zone, using your own subaccount, you can follow this tutorial mission: Create Your First Digital Workplace Using SAP Work Zone.

Back to top