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 ? ▾
Couche : Applications d'interface
Ouvrir la carte d'architecture →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 :
- 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.
- 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.
- 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 card | Ce qu'elle affiche | Annotations principales |
|---|---|---|
| List | Enregistrements comportant jusqu'à six champs chacun | UI.LineItem, UI.DataPoint |
| Table | Enregistrements dans un tableau à trois colonnes | UI.LineItem |
| Link list | Liens avec un titre, une icône ou une image et un sous-titre facultatif | Liens statiques dans manifest.json, ou données issues d'un entity set |
| Analytical chart | Graphiques en lignes, à bulles, en anneau, en colonnes, en colonnes empilées, combinés, en nuage de points et autres | UI.Chart, UI.PresentationVariant |
| Stack (OData V2) | Jusqu'à 20 cards liées, ouvertes sous forme d'object stream | UI.Identification |
| Quick view (OData V2) | Un enregistrement plus en détail, avec des boutons d'action | UI.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 ?
- Des cards qui ne mènent nulle part. Une card sans navigation montre un problème, mais pas le moyen de le résoudre.
- Trop de cards. Vingt cards transforment une vue d'ensemble en défilement ; gardez celles qu'un rôle consulte chaque jour.
- 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.
- 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.
- 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 page | My Home | |
|---|---|---|
| Définition | Floorplan SAP Fiori elements pour un domaine métier | Page d'entrée du SAP Fiori launchpad dans SAP S/4HANA |
| Périmètre | Un domaine, comme les achats, à partir de plusieurs jeux de données | Le travail d'un utilisateur sur plusieurs domaines : to-dos, actualités, pages, applications, insights tiles et cards |
| Qui définit le contenu | Les développeurs, dans manifest.json et les annotations | Contenu livré par SAP plus la personnalisation de chaque utilisateur |
| Cards | Cards pilotées par les annotations, définies par l'application | Insights cards que les utilisateurs ajoutent, par exemple depuis des overview pages et des analytical list pages |
| Accès des utilisateurs | Une tile ou un lien qui ouvre l'application | Affiché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
- SAPUI5 SDK: Overview Page (SAP Fiori elements for OData V4)
- SAPUI5 SDK: Overview Page (SAP Fiori elements for OData V2)
- SAPUI5 SDK: Types of Cards (overview page)
- SAPUI5 SDK: Overview Page Card
- SAP Help Portal: My Home in SAP S/4HANA (What's New, ABAP Platform)
- S'applique à
- SAP S/4HANA on-premise · SAP S/4HANA Cloud Private Edition · SAP S/4HANA Cloud Public Edition · SAP BTP
- Dernière relecture