Skip to main content

SAP propose plusieurs approches pour créer des applications frontend, il y en a de bonnes et de moins bonnes !

C’est quoi Fiori Elements ? Fiori Elements, anciennement connu sous le nom de Smart Templates, est un framework de développement basé sur les métadonnées. Cela veut dire que les applications Fiori Elements sont générées à partir des annotations présentes dans le service OData. Le gros du boulot est fait dans le backend (Vues CDS) alors que les écrans frontend sont automatiquement créés.

C’est quoi Freestyle ? C’est quand on fait tout ça à la main, le backend et aussi le frontend. 😡

Quand choisir Fiori Elements ou Freestyle ?

Actuellement, la bonne pratique SAP est d’utiliser Fiori Elements pour limiter le code front-end spécifique. C’est d’ailleurs ce que SAP fait dans sa bibliothèque d’applications S/4HANA.

Cependant, Fiori Elements n’est capable que de générer 5 types d’écrans particuliers, les “floorplans” :

  • List Report : Utilisé pour rechercher un objet parmi une liste.
  • Object Page : Affiche les données détaillées d’un objet spécifique.
  • Overview Page : Fournit un tableau de bord pour visualiser les KPI d’un contexte précis.
  • Analytical List Page : Combine des données analytiques et transactionnelles.
  • Worklist : Affiche des tâches basées sur des flux de travail nécessitant une action de l’utilisateur.

List Report dans Fiori

Le choix de Fiori Elements est celui à faire par défaut dès lors que le besoin métier coïncide avec l’un de ces modèles.

Cette approche convient pour obtenir une interface utilisateur cohérente sur plusieurs applications. Par exemple, un List Report peut afficher les commandes des clients avec des options de tri par statut, suivi d’un lien vers une Object Page contenant les détails de la commande.

Object Page dans Fiori

Tableau comparatif Fiori Elements Freestyle

Contenu de l’article

La connaissance de toutes les techniques d’extension permet d’utiliser quasiment systématiquement Fiori Elements, garantissant ainsi la cohérence des écrans et minimisant le code spécifique à maintenir.

Clément Vaugoyeau

Author Clément Vaugoyeau

More posts by Clément Vaugoyeau