Une question ? Appelez nous +33 1 41 32 53 60

Header Pourquoi opter a une solution Fiori Elements

Pourquoi opter pour SAP Fiori Elements ?

Partager
Partager sur facebook
Partager sur twitter
Partager sur linkedin

SAP Fiori est le système de conception pour tous les produits SAP. Il applique des concepts et des principes de conception modernes, permettant aux utilisateurs d’effectuer leurs travails facilement. En d’autres termes SAP Fiori permet de garantir la meilleure expérience utilisateur possible. SAP Fiori peut être implémenté via diverses technologies et plates-formes d’interface utilisateur, telles que le framework SAPUI5 / OpenUI5 puissant et ouvert, et ou les SDK iOS et Android pour mobile sont natives.

Introduction à « SAP Fiori elements » :

« SAP Fiori elements » est un cadre qui comprend les « Floorplan » les plus couramment utilisés et est conçu pour :

  • Accélérez le développement en réduisant la quantité de code frontend nécessaire pour créer des applications SAP Fiori.
  • Favorisez la cohérence UX et la conformité avec les dernières directives de conception SAP Fiori (Fiori Guidelines).

 

Les FloorPlan supportés par « SAP Fiori elements » sont :

  • ListReport
  • Worklist
  • Object page
  • Overview page
  • Analytical list page

 

Mais pourquoi il est utile de créer des application Fiori elements et non pas des application SAPUI5 libre ?

Intérêt :

L’intérêt des applications « SAP Fiori elements » c’est qu’elles utilisent des annotations de métadonnées et des modèles prédéfinis pour générer les applications mode graphique tout en respectant la cohérence UX et les Fiori Guidelines.

  • Aucun effort de développement SAPUI5 supplémentaire.
  • Aucun effort de configuration et de connexion service OData.

 

L’utilisation du Framework « Fiori elements » a démontré des économies en termes de couts de développement Front-end, car ça réduit la quantité de code frontend nécessaire pour créer des applications. 

La question à poser sera quand est ce qu’il est plus favorable de faire du SAPUI5 libre et quand est ce que le Fiori éléments sera mis en avant ?

Usage :

La décision finale d’utilisation des éléments SAP Fiori doit reposer sur deux facteurs  :

  • Le Floorplan que vous souhaitez utiliser est-il pris en charge par les éléments SAP Fiori elements ?
  • Le Floorplan des SAP Fiori elements offre-t-il toutes les fonctionnalités que vous devez fournir à votre utilisateur selon les différentes demandes métier ? 

Si ces deux facteurs ne sont pas réalisables, envisagez plutôt de créer une application Fiori SAPUI5 freestyle.

Sinon ce que vous avez à faire réellement en tant que développeur, c’est d’écrire des annotations CDS (ABAP Core Data Services CDS).

Services de données de base ABAP (ABAP Core Data Services CDS)

CDS représente la prochaine génération de définition et d’accès aux données de SAP pour les applications centrées sur les bases de données. Techniquement, CDS utilise et étend SQL pour capturer l’intention commerciale. 

La spécification CDS provient du monde SAP HANA, mais en plus de l’implémentation fournie dans SAP HANA (HANA CDS), une autre est fournie dans la plateforme ABAP (ABAP CDS). 

 

L’intégration de CDS dans la plate-forme ABAP fournit une nouvelle couche d’abstraction de base de données et une infrastructure de modélisation avancée pour définir des modèles de données sémantiquement riches quels que soient les domaines d’application c’est-à-dire les transactions, la recherche et l’analyse. 

 

ABAP CDS représente une technologie de base au sein de SAP S/4HANA, où il est utilisé comme modèle de données virtuel (VDM) et dans le nouveau modèle de programmation ABAP pour les applications SAP Fiori. 

 

Les objets ABAP CDS sont créés dans les outils de développement ABAP basés sur éclipse. 

 

Principaux objectifs et caractéristiques : 

  • Définition de modèles de données sémantiquement riches 
  • Instructions SQL réutilisables 
  • Ensemble riche de fonctions et d’expressions intégrées 
  • Pas de liaison directe dans le langage ABAP (les objets CDS sont consommés dans les instructions Open SQL) 
  • Aucune programmation dynamique autorisée 
  • Vue du bâtiment sur les vues prises en charge 
  • Associations CDS pour modéliser les relations entre les différentes entités métiers dans le cadre du modèle de données (type de JOIN on-demand au niveau conceptuel) 
  • Définition de métadonnées spécifiques au domaine pour enrichir les modèles de données 
  • Définition du contrôle d’accès déclaratif dans le cadre des modèles de données via les rôles CDS (déclarés une fois et utilisés partout) 
  • Demande de paramétrage 
  • Fonctions de table CDS pour accéder aux fonctionnalités avancées de SAP HANA 
  • Aucun DML autorisé 
  • Liste des lieux d’utilisation disponible 
  • Extensible sans modification

Créer votre application SAP Fiori elements en quelques clics :

Si vous avez de l’expérience de développement avec SAP Fiori UI5, vous pourrez apprécier le temps gagné grâce à SAP Fiori elements.

Pour créer une page de présentation :

1. Connectez-vous à SAP Web IDE

2. Créez un nouveau projet et choisissez Nouveau projet à partir d’un modèle.

3. Sélectionnez SAP Fiori Elements dans la liste déroulante Catégorie, sélectionnez Application OverviewPage , puis cliquez sur Suivant .

image1
4. Entrez un nom de projet et cliquez sur Suivant .
image2

5. Sélectionnez le catalogue de services et le serveur.

6. Sélectionnez le service OData sur lequel vous souhaitez créer l’application, puis cliquez sur Suivant . Dans notre exemple, nous avons sélectionné le service Facture fournisseur OData.

image3

7. Dans la fenêtre Annotation , pour l’instant, cliquez simplement sur Suivant (voir ci-dessous). Un fichier d’annotation est une description sémantique d’un service OData; en général, un fichier d’annotation doit être rempli et vous pouvez créer votre propre fichier d’annotation et le télécharger ultérieurement à cette étape.

image4

8. Entrez les détails techniques et généraux , tels que le titre et la description de l’application , puis cliquez sur Terminer.

image5

Vous avez créé avec succès un projet de page de présentation SAP Fiori à partir d’un modèle. Ensuite, créons une carte.

Pour créer une carte

1. Cliquez avec le bouton droit sur le projet et sélectionnez Nouveau, puis cliquez sur Carte.

image6

2. Vérifiez la source de données et cliquez sur Suivant.

image7

3. Sélectionnez Liste dans la liste des cartes et cliquez sur Suivant .

image8

4. Sélectionnez le jeu d’entités dans la liste déroulante et entrez le titre et le sous -titre .

image9

5. Faites défiler vers le bas pour afficher les annotations et les propriétés de la carte (voir ci-dessous). Les annotations sont généralement présélectionnées. Sélectionnez les propriétés de la carte, puis cliquez sur Suivant .

image10

6. Cliquez sur Terminer.

7. Cliquez avec le bouton droit sur le projet et sélectionnez Exécuter , puis sélectionnez Exécuter les configurations .

SAP fiori éléments run configurations

8. Sélectionnez Exécuter Component.js , puis cliquez sur Enregistrer et exécuter.

image12

9. Vous devriez maintenant voir la carte de liste que vous avez créée dans cet exercice.

image13

Conclusion

Vous possédez maintenant les connaissances clés pour bien maitriser les éléments SAP Fiori dans vos processus de développement.

Vous souhaitez en savoir plus sur l’apport de Fiori au sein des solutions SAP ?

Article rédigé par : Mohamed Anouar Mahjoub – Consultant Abap Fiori UI5