Creare una semplice applicazione SAP Fiori

Per creare un'applicazione SAP Fiori, è necessario avere a disposizione un ambiente di sviluppo di Sap Fiori. Per chi non l'avesse la Sap mette a disposizione un ambiente Trial, dove poter fare training.

Per prima cosa iscrivetevi al sito: http://www.sap.com/italy/index.html. e createvi un account.

Poi creare un account sul sito:https://account.hanatrial.ondemand.com

Una volta creato l'account comparira la seguente schermata:

Successivamente comparirà la seguente schermata Iniziale, e cliccate su "TRIAL"

Nella schermata successiva, dal menu di sx , selezionando “Instances and Subscriptions” possiamo vedere tutti i servizi a cui siamo iscritti. Qui possiamo anche lanciare i servizi cliccandoci sopra all’icona vicino al servizio.

A questo punto, creiamoci un ambiente di sviluppo per SAP FIORI. Premiamo il pulsante "Create DEV Space", ed inseriamo un nome allo spazio, scegliamo SAP Fiori e premiamo “Create DEV space”

Una volta creato il nostro ambiente, compare questa schermata:

Cliccando su SVL_FIORI, parte l’applicazione Business Application Studio

Premiamo sul pulsante “OPEN FOLDER” e selezioniamo la cartella Project.

Si apre la seguente schermata:

Selezioniamo dal menu File->New Project from Template:

Nella schermata successiva selezioniamo “SAP Fiori Application"

Nella schermata successiva selezioniamo dal menu a tendina “SAPUI freestyle” poi “SAPUI Application” e il pulsante NEXT

Nella schermata successiva selezioniamo come Data Source “None” e premiamo pulsante NEXT

Nella schermata successiva inseriamo il nome della nostra view principale, e premiamo pulsante NEXT

Nella schermata successiva inseriamo il nome del Modulo, il titolo dell’applicazione, e il namespace dell’applicazione, e premiamo pulsante FINISH

Ecco la struttura del nostro progetto creato.

Sotto la cartella "view" apriamo il file MainView.view.xml e inseriamo il codice relativo ad un pulsante con il testo “Premi Pulsante”.

Associamo alla pressione del pulsante un alert, quindi andiamo nel file MainView.controller.js sotto la cartella "controller" e inseriamo il codice legato all’onPress, associato al pulsante.