---
parser: v2
auto_validation: true
time: 6
tags: [ tutorial>beginner, software-product>sap-btp--cloud-foundry-runtime-and-environment]
primary_tag: software-product-function>sap-cloud-application-programming-model
author_name: Alessandro Biagi
author_profile: https://github.com/ale-biagi
slug: cap-extend-sfsf-jumpstart
canonical_url: https://developers.sap.com/tutorials/cap-extend-sfsf-jumpstart
---

# Jump start the SAP SuccessFactors Extension CAP Project
<!-- description --> First step to start developing the SAP SuccessFactors extension

## Prerequisites
 - Complete the tutorial: [**Prepare to Develop the SAP SuccessFactors Extension**](cap-extend-sfsf-intro)

## You will learn
  - How to access **SAP Business Application Studio**
  - How to login to **Cloud Foundry**
  - How to create your **CAP project** using `cds init`
  - Understand the **project structure**

---

### Access SAP Business Application Studio

You are going to start the journey by accessing the selected IDE for development (in this case, **SAP Business Application Studio**). To proceed with these instructions you must have first completed the prerequisites detailed in the tutorial: [**Prepare to Develop the SAP SuccessFactors Extension**](cap-extend-sfsf-intro).

Access your trial subaccount

![Figure 1 – SAP BTP trial access](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/trial.png)

On the left-hand side expand **Services** and click on **Instances and Subscriptions**

![Figure 2 – Instances and Subscriptions](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/instances-subscriptions.png)

On the right, under **Subscriptions**, click on the **small icon** next to the **SAP Business Application Studio** subscription to **go to the application**

![Figure 3 – Go to Application](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/go-to-application.png)

 Start your previously created Dev Space by clicking on the **Start Icon** on the right

 ![Figure 4 – Start Dev Space](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/start-dev-space.png)

 After the Dev Space has started (status **RUNNING**), go into it by clicking on the **Space Name**

 ![Figure 5 – Go into Dev Space](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/go-into-dev-space.png)


### Login to Cloud Foundry

Before starting the development, you need to make sure to be properly logged in to the **Cloud Foundry environment** on your BTP subaccount.

From the **top menu**, click on **View** and select **Find Command…**

![Figure 6 – Find Command](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/find-command.png)

In the **Find Command dropdown**, search for **CF: Login to Cloud Foundry** and select it

![Figure 7 – Login to Cloud Foundry](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/login-to-cf.png)

Confirm the **Cloud Foundry endpoint**, by pressing **Enter**

![Figure 8 – Cloud Foundry endpoint](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/cf-endpoint.png)

Enter the **e-mail address** you have used to create your **trial account** and press **Enter**

![Figure 9 – Enter e-mail address](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/e-mail.png)

Enter the **password** you have used to create your **trial account** and press **Enter**

![Figure 10 – Enter password](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/password.png)

Select your **trial organization** and press **Enter**

![Figure 11 – Select organization](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/select-org.png)

Select your **Cloud Foundry dev space** and press **Enter**

![Figure 12 – Select Cloud Foundry space](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/select-space.png)

Click on the **small notifications icon** in the bottom right corner to view the login notifications to make sure the **login has been successful**

![Figure 13 – Confirm successful login](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/confirm-login.png)


### Create the CAP project

Now it's time to create the CAP Project and understand it's structure.

From the **top menu**, click on **Terminal** and select **New Terminal**

![Figure 14 – New Terminal](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/new-terminal.png)

In the **terminal window** at the bottom, type `cd projects` and press **Enter**. The terminal should look like this:

![Figure 15 – Terminal at projects folder](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/projects-folder.png)

Now type `cds init sfsf-projman` and press **Enter**. The output should look like this:

![Figure 16 – Project initialization](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/project-init.png)

Notice that `sfsf-projman` is the **project and application name** and also the **project folder name**. Now, open the project as a workspace.

From the **top menu**, click on **File** and select **Open Folder…** and, in the **textbox**, select the `sfsf-projman` folder under `projects` (`/home/user/projects/sfsf-projman/`) and click **OK**.


### Understand the project structure

SAP Business Application Studio will restart and, after a few seconds, you should see the **following structure** at the bottom of the left-hand side pane:

![Figure 19 – Project Structure](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/cap-extend-sfsf-jumpstart/project-structure.png)

You can see that, under the project folder, `cds` has created three folders: `app`, `db` and `srv` and three files: `cdsrc.json`, `package.json` and `README.md`. Let's quickly understand the purpose of each one of them:

- `app` – is the folder where you are going to create the **HTML5 application** for the **UI** (in your case, it's going to be an **SAP Fiori Elements HTML5 application**).
- `db` – is the folder into which you will create the files to define the application **data model** (CDS data model) and also put some **initial data** in **CSV format** to test the application (under a subfolder named `data`).
- `srv` – is the folder where you place the files of your **service definition** and **business logic**.
- `cdsrc.json` – this file is created to specify **settings** to be used commonly **across several projects** or to alternatively hold **static project settings** additionally to the **package.json**. You can find more information about the usage of this file [**here**](https://cap.cloud.sap/docs/node.js/cds-env).
- `package.json` – this file holds **project specific settings** following the common **node.js standard**.
- `README.md` – is used for **project documentation**.


### Check your knowledge