SAP Fiori Elements et floorplans

Overview Page (OVP)

L'overview page (OVP) est un floorplan SAP Fiori elements qui résume un domaine métier dans une grille de cards, chacune liée à son propre jeu de données et rendue à partir d'annotations, afin qu'un rôle voie les priorités et accède à la bonne application. L'overview page agrège plusieurs sources sur un seul écran, mais laisse le travail détaillé à d'autres applications.

L'essentiel

Type
Floorplan SAP Fiori elements (page à base de cards)
Couche
Applications d'interface
Configuré dans
Section sap.ovp du manifest.json, plus des annotations d'interface par card
Types de cards
List, table, link list, analytical chart ; stack et quick view en OData V2
Données
Services OData V2 et V4, combinables dans une même page
Exemple d'application SAP
Procurement Overview Page (F1990)
S'applique à
SAP S/4HANA (toutes les options de déploiement), SAP BTP
Couche : Applications d'interfaceOù se situe-t-il ? ▾
Où se situe-t-il ?: L3 · Applications d'interfaceCouche : Applications d'interface.L1L2L3L4L5L6BTP

Couche : Applications d'interface

Ouvrir la carte d'architecture →
Overview Page layoutEn-tête · 4 cards en grilleHeaderKPI cardList cardChart cardTable card
Mise en page Overview Page: En-tête · 4 cards en grille

Quand utiliser une overview page ?

L'overview page convient au suivi et à la prise de décision pour un domaine d'activité, comme les achats ou les ventes, lorsque les informations proviennent de plusieurs entités et que l'utilisateur a besoin d'une lecture rapide avant d'agir ailleurs.

Critères de décision :

  • Un seul jeu de données que les utilisateurs analysent en profondeur, puis sur lequel ils agissent : une analytical list page.
  • Plusieurs jeux de données qu'un rôle parcourt à la recherche d'exceptions, puis qu'il approfondit : une overview page.
  • Une page d'accueil personnelle couvrant tout le travail d'un utilisateur : My Home, la page d'entrée du launchpad dans SAP S/4HANA.
  • Une recherche sur de nombreux objets : un list report.

Exemple : le responsable des achats d'Alder Manufacturing ouvre une overview page avec quatre cards : les demandes d'achat en attente d'approbation, la valeur des commandes par fournisseur, les livraisons en retard de Bright Freight et des liens rapides vers les applications d'achat. Chaque card ouvre l'application où le travail se fait. La Procurement Overview Page (F1990) de SAP suit ce modèle. L'overview page est le bon choix lorsqu'un rôle a d'abord besoin d'une vue d'ensemble, et du détail un clic plus loin.

Quels sont les éléments d'une overview page ?

L'overview page a une structure simple :

  1. En-tête : le titre du domaine métier couvert par la page, avec un menu utilisateur qui permet notamment de gérer les cards affichées.
  2. Barre de filtres (facultative) : des filtres au niveau de l'application, comme un code société ou une plage de dates, qui s'appliquent à toutes les cards dont l'entité partage la propriété filtrée.
  3. Cards en grille : des colonnes responsives, jusqu'à cinq selon la largeur de l'écran, que les utilisateurs peuvent réorganiser par glisser-déposer.

Chaque card comporte deux zones. L'en-tête de la card porte un titre obligatoire, un sous-titre facultatif et un compteur indiquant combien d'enregistrements la card affiche sur le total correspondant au filtre en cours ; il peut aussi porter une valeur de KPI avec sa tendance, ce qui exige un service qui agrège. La zone de contenu affiche une liste, un tableau, des liens ou un graphique. Un clic sur une card ou sur l'un de ses éléments déclenche une navigation, généralement via la navigation basée sur les intents, vers l'application qui gère le détail. C'est la card, et non la page, qui constitue l'unité de travail d'une overview page.

Quels types de cards une overview page propose-t-elle ?

Type de cardCe qu'elle afficheAnnotations principales
ListEnregistrements comportant jusqu'à six champs chacunUI.LineItem, UI.DataPoint
TableEnregistrements dans un tableau à trois colonnesUI.LineItem
Link listLiens avec un titre, une icône ou une image et un sous-titre facultatifLiens statiques dans manifest.json, ou données issues d'un entity set
Analytical chartGraphiques en lignes, à bulles, en anneau, en colonnes, en colonnes empilées, combinés, en nuage de points et autresUI.Chart, UI.PresentationVariant
Stack (OData V2)Jusqu'à 20 cards liées, ouvertes sous forme d'object streamUI.Identification
Quick view (OData V2)Un enregistrement plus en détail, avec des boutons d'actionUI.HeaderInfo, UI.Facets

Chaque card est liée à un seul entity set. UI.SelectionVariant et UI.PresentationVariant restreignent et trient ce qu'affiche une card, UI.Identification contient les actions de la card, et UI.KPI configure les en-têtes de KPI. Les développeurs peuvent aussi créer des cards personnalisées. Les cards d'overview page sont des composants de ce floorplan pilotés par les annotations ; les UI integration cards sont une technologie de card déclarative distincte, conçue pour être réutilisée dans plusieurs hôtes. Bien choisir les types de cards représente l'essentiel du travail de conception d'une overview page.

Comment configurer une overview page ?

Tous les paramètres se trouvent dans la section sap.ovp du manifest.json, à deux niveaux :

  • Niveau page : le modèle et l'entity set du filtre global, la disposition du conteneur (une disposition redimensionnable permet aux utilisateurs de redimensionner les cards), le chargement des données au lancement et le rafraîchissement automatique, dont l'intervalle minimal et par défaut est d'une minute.
  • Niveau card : pour chaque card, le template, l'entity set, les chemins d'annotation pour les line items, les graphiques, la sélection, la présentation et le KPI, ainsi que les paramètres de navigation.

L'overview page accepte les services OData V2 et V4, y compris au sein d'une même page. SAP précise que ses principes d'interface viennent d'OData V2, qu'elle utilise toujours des smart controls et que seul le building block FilterBar est utilisé ; la documentation complète se trouve donc dans la section V2 du SDK. Les utilisateurs peuvent réorganiser, masquer, afficher, redimensionner et filtrer les cards, et les cards déplacées conservent leur position. Le flexible column layout ne s'applique pas aux overview pages. Dans SAP S/4HANA Cloud Public Edition, les overview pages personnalisées dépendent des options d'extensibilité disponibles dans cette édition ; consultez donc la documentation d'extensibilité de votre release. Configurer une overview page consiste surtout à sélectionner les bonnes cards, pas à construire des écrans.

Quelles sont les erreurs de conception courantes sur une overview page ?

  1. Des cards qui ne mènent nulle part. Une card sans navigation montre un problème, mais pas le moyen de le résoudre.
  2. Trop de cards. Vingt cards transforment une vue d'ensemble en défilement ; gardez celles qu'un rôle consulte chaque jour.
  3. Ignorer les autorisations. Sans le paramètre de card requireAppAuthorization, les utilisateurs peuvent voir une card puis se heurter à une erreur d'accès lors de la navigation. Avec ce paramètre, la card n'apparaît que si l'utilisateur est autorisé à ouvrir l'intent cible.
  4. Des en-têtes de KPI sur des services qui n'agrègent pas. Les valeurs de KPI exigent une agrégation dans le back-end.
  5. Dupliquer des applications existantes. Une card qui reproduit un list report complet incite les utilisateurs à travailler dans la card plutôt que dans l'application.

Lorsqu'une card est absente ou vide, vérifiez dans l'ordre : si l'utilisateur l'a masquée dans Manage Cards, l'intent requireAppAuthorization et les rôles de l'utilisateur, la variante de sélection de la card, les valeurs du filtre global, puis l'autorisation sur l'entity set de la card. La plupart des problèmes d'overview page viennent de la sélection des cards et des autorisations, pas du framework.

Overview page ou My Home : quelle différence ?

Overview pageMy Home
DéfinitionFloorplan SAP Fiori elements pour un domaine métierPage d'entrée du SAP Fiori launchpad dans SAP S/4HANA
PérimètreUn domaine, comme les achats, à partir de plusieurs jeux de donnéesLe travail d'un utilisateur sur plusieurs domaines : to-dos, actualités, pages, applications, insights tiles et cards
Qui définit le contenuLes développeurs, dans manifest.json et les annotationsContenu livré par SAP plus la personnalisation de chaque utilisateur
CardsCards pilotées par les annotations, définies par l'applicationInsights cards que les utilisateurs ajoutent, par exemple depuis des overview pages et des analytical list pages
Accès des utilisateursUne tile ou un lien qui ouvre l'applicationAffichée à la connexion lorsqu'elle est activée ; standard dans la Public Edition pour les utilisateurs disposant de spaces et pages

L'overview page est une application consacrée à un domaine, tandis que My Home est la page d'accueil personnelle du launchpad, qui peut reprendre des cards de ces applications.

Questions fréquentes

Que signifie OVP dans SAP Fiori ?

OVP signifie overview page, un floorplan SAP Fiori elements à base de cards. Une overview page affiche plusieurs cards sur un seul écran, chacune résumant les données de son propre entity set, comme les demandes d'achat ouvertes ou les dépenses par fournisseur, et renvoie vers les applications où les utilisateurs agissent.

Une overview page est-elle la même chose que My Home ?

Non. Une overview page est une application qui résume un domaine métier. My Home est la page d'entrée du SAP Fiori launchpad dans SAP S/4HANA, avec des sections telles que To-Dos, Apps et Insights. Les utilisateurs peuvent ajouter à My Home des cards analytiques, de liste et de tableau issues d'une overview page.

Les utilisateurs peuvent-ils personnaliser une overview page ?

Oui. Les utilisateurs peuvent réorganiser les cards par glisser-déposer, masquer ou afficher des cards dans la boîte de dialogue Manage Cards, appliquer des filtres qui agissent sur toutes les cards concernées et, lorsque les développeurs activent une disposition redimensionnable, redimensionner les cards. Les cards déplacées conservent leur nouvelle position lors de la visite suivante.

L'overview page prend-elle en charge OData V4 ?

Oui. L'overview page accepte les services OData V2 et OData V4, et les deux peuvent alimenter des cards dans la même page. Sa conception reste étroitement liée à OData V2 ; SAP documente donc l'overview page dans la section OData V2 du SAPUI5 SDK.

Pourquoi une card manque-t-elle dans mon overview page ?

Les causes les plus fréquentes sont que l'utilisateur a masqué la card dans Manage Cards, ou que la card est restreinte par requireAppAuthorization et que les rôles de l'utilisateur n'incluent pas l'application cible. Les variantes de sélection et les filtres globaux peuvent aussi laisser une card vide.

Sources

S'applique à
SAP S/4HANA on-premise · SAP S/4HANA Cloud Private Edition · SAP S/4HANA Cloud Public Edition · SAP BTP
Dernière relecture

SAP, SAP Fiori, SAPUI5, SAP S/4HANA, SAP BTP et les autres produits et services SAP mentionnés sont des marques commerciales ou des marques déposées de SAP SE (ou d'une société affiliée à SAP) en Allemagne et dans d'autres pays. Ce guide est indépendant ; il n'est ni affilié à SAP SE, ni sponsorisé, ni approuvé par SAP SE.