SAP Fiori Starter - Everything you need to know

Lesson 7 – Develop custom app – PART 2

Online, 15th April 2021

1 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Starter

25/03 - 1. Overview

30/03 - 2. SAP Netweaver Gateway

Calendar 01/04 - 3. Gestione autorizzazioni per Fiori & Apps

06/04 - 4. Come estendere un’applicazione Fiori 

08/04 - 5. Introduzione sulla SAP Cloud BTP 

13/04 - 6. Sviluppo di un’applicazione custom UI5 PART 1 

15/04 - 7. Sviluppo di un’applicazione custom UI5 PART 2

20/04 - 8. Analytics & KPI

2 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Starter

25/03 - 1. Overview

30/03 - 2. SAP Netweaver Gateway

Calendar 01/04 - 3. Gestione autorizzazioni per Fiori & Apps

06/04 - 4. Come estendere un’applicazione Fiori 

08/04 - 5. Introduzione sulla SAP Cloud BTP 

13/04 - 6. Sviluppo di un’applicazione custom UI5 PART 1 

15/04 - 7. Sviluppo di un’applicazione custom UI5 PART 2

20/04 - 8. Analytics & KPI

3 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 1- Dove si trovano tutte le specifiche ( metodi e proprietà ) di
un componente grafico da utilizzare in un app custom?

a) BAS

b) BTP

c) SAP UI5 SDK

d) SAP Fiori apps Library

4 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 1- Dove si trovano tutte le specifiche ( metodi e proprietà ) di
un componente grafico da utilizzare in un app custom?

a) BAS

b) BTP

c) SAP UI5 SDK

d) SAP Fiori apps Library

5 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 2- Quali dei seguenti tool NON è adibito per lo sviluppo
custom app di SAP Fiori?

a) BAS

b) SAP GUI

c) Eclipse

d) Visual Code

6 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 2- Quali dei seguenti tool NON è adibito per lo sviluppo
custom app di SAP Fiori?

a) BAS

b) SAP GUI

c) Eclipse

d) Visual Code

7 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 3- Quali delle seguenti parti del MVC è responsabile di
definire l’interfaccia grafica dell’app?

a) Model

b) View

c) Controller

8 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 3- Quali delle seguenti parti del MVC è responsabile di
definire l’interfaccia grafica dell’app?

a) Model

b) View

c) Controller

9 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 4- In quale dei seguenti linguaggi è ammesso creare la view
di un app?

* Più risposte corrette

a) HTML

b) Visual Studio

c) XML

d) Java

10 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 4- In quale dei seguenti linguaggi è ammesso creare la view
di un app?

* Più risposte corrette

a) HTML

b) Visual Studio

c) XML

d) Java

11 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 5- Quali dei seguenti file dell’app custom contengono le
traduzioni basate su keyword?

a) manifest.json

b) Component.js

c) index.html

d) i18n

12 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 5- Quali dei seguenti file dell’app custom contengono le
traduzioni basate su keyword?

a) manifest.json

b) Component.js

c) index.html

d) i18n

13 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Starter
Develop custom app – PART 1

Create app ‘Users list’

Agenda
Create sap.m.table

Create filterbar

Add new user

14 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

3 steps to deploy in your SAP system

1. Perform “npm install” for the project if it wasn’t done automatically upon project creation.

2. Perform “npm run build”, which triggers the SAPUI5 build and generates your mini application inside the
“dist” folder.

3. Perform “abap-deploy”, which deploys your application interactively. You can also deploy automatically using
deploy configuration. Note that your target ABAP system must include the SAP_UI 753 or higher version of
the software component. If the component is not installed you can download “dist” folder and run in your SAP
system the report “/UI5/UI5_REPOSITORY_LOAD”

15 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

16 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services
17 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services