Publication de widgets dans un volet de widget sur une page EnterpriseOne
Étapes préliminaires
Cet exemple Oracle by Example (OBE) de 45 minutes montre comment publier des widgets pour les utilisateurs EnterpriseOne en les ajoutant à un volet de widget sur une page composée EnterpriseOne.
Contexte
Les widgets JD Edwards EnterpriseOne sont un moyen facile et sans code de recueillir des données et de les visualiser dans des formats graphiques tels que les badges, les compteurs et les graphiques. Comme les widgets proviennent des orchestrations, les données peuvent provenir de n'importe quelle source à laquelle une orchestration peut accéder, y compris les API REST de systèmes externes à EnterpriseOne. Cela ouvre la porte à de nombreuses occasions intéressantes de visualiser côte à côte des données provenant de sources EnterpriseOne et non EnterpriseOne.
Vous pouvez facilement publier des widgets pour les utilisateurs finaux EnterpriseOne en les ajoutant aux pages composées EnterpriseOne, en particulier un volet de concepteur, et en commençant par Tools 9.2.9.4, un volet de widget. En outre, les widgets de type badge se comportent de la même manière que les listes de surveillance One View; ils apparaissent automatiquement dans la liste déroulante Watchlist (flag) du client Web EnterpriseOne et dans les panneaux Watchlist.
Scenario
Dans OBE, en tant que concepteur de page composée, vous publierez les widgets que vous avez créés dans les OBE précédents dans un nouveau volet de widget sur une page EnterpriseOne. De plus, en tant qu'utilisateur, vous allez entrer des entrées pour les widgets et voir la sortie.
Pour ce scénario, vous allez :
Créez une nouvelle page composée EnterpriseOne.
Créez un nouveau volet Widget pour chacun des widgets que vous avez créés dans les exercices OBE précédents. Certains widgets que vous ajouterez à la page plus d'une fois.
Ajoutez des entrées par défaut de widget en tant que concepteur de page.
Modifiez les entrées du widget en tant qu'utilisateur.
Voir un widget en mode plein écran.
Lorsque vous aurez terminé les étapes de cette OBE, votre page EnterpriseOne avec les volets de widget ressemblera à la capture d'écran suivante :
Pour effectuer les étapes de cet OBE, vous devez :
Accès à un environnement JD Edwards EnterpriseOne avec la version 25, juin 2025 (Tools version 9.2.9.4) ou ultérieure
Sécurité des fonctions, sécurité des actions UDO et sécurité du contenu pour les widgets (WIDGET)
Sécurité des fonctions et sécurité des actions UDO pour les pages composites (COMPOSITE)
Voici les sept widgets que vous avez remplis dans les exercices précédents d'OBE : Commandes échues, Quantité d'articles les plus commandés, Nom d'article le plus commandé, BC par unité d'affaires, Analyse des dépenses par unité d'affaires, Compteur de température, et Zone de texte Prévision détaillée.
Pour plus d'informations, consultez les OBE suivants :
Création d'une nouvelle page composée EnterpriseOne et ajout du premier volet de widget
Dans cet exercice, vous allez créer une page EnterpriseOne avec un seul volet de widget.
Connectez-vous au client Web EnterpriseOne.
Dans la liste déroulante du menu utilisateur, sélectionnez Gérer le contenu et cliquez sur Pages composées.
Dans la liste déroulante Nom, sélectionnez (Créer) pour créer une nouvelle page.
Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la fenêtre.
Cliquez sur Widget pour ajouter un volet de widget à la page.
Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Past Due Orders. Note : Comme chaque volet de widget ne peut contenir qu'un seul widget, il est plus courant de nommer le volet de widget après le widget.
Cliquez sur OK. Le menu Widget vous permet de sélectionner le widget pour ce volet.
Dans la liste déroulante Widget, sélectionnez #Past Due Orders (Past Due Orders (Commandes échues) P43261) – Badge – Numeric. Liste de widgets Note : Vous pouvez taper dans le champ déroulant pour filtrer les noms de widget.
Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
Dans la fenêtre Entrer un nouveau nom, entrez Widget Panes.
Cliquez sur Fermer pour fermer le concepteur de page. La nouvelle page EnterpriseOne s'affiche avec le seul volet Widget. Comme le widget Commandes échues est un badge, il s'affiche au centre du volet et occupe toute la zone de la page, comme illustré dans la capture d'écran suivante : Volet Widget - Passé Commandes échues Comme les pages composées EnterpriseOne peuvent contenir de nombreux types de contenu, tels que des volets de concepteur, des rapports One View, des applications EnterpriseOne, etc., vous pouvez continuer à concevoir une page plus complexe avec d'autres composants. Dans les exercices suivants, vous allez continuer à ajouter des volets pour vos autres widgets.
Ajout de volets de widget à la page EnterpriseOne
Dans l'exercice précédent, vous avez créé une page EnterpriseOne avec un seul volet de widget. Dans cet exercice, vous allez ajouter des volets pour vos autres widgets.
Assurez-vous que vous consultez votre nouvelle page Widget Panes.
Dans la liste déroulante du menu utilisateur, sélectionnez Gérer le contenu et cliquez sur Pages composées. La page composée EnterpriseOne s'ouvre en mode de conception.
Cliquez sur l'icône Créer un nouveau contenu en haut de la page.
Cliquez sur le widget et faites-le glisser à droite du volet existant, puis déposez-le.
Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Most Ordered Item Quantity.
Cliquez sur OK.
Le menu Widget vous permet de sélectionner le widget pour ce volet. Sélectionnez #Most Ordered Quantity (Most Ordered Item Quantity) – Badge – Numeric.
Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
Cliquez sur Fermer pour fermer le concepteur de page. Maintenant, votre page comporte deux volets Widget, comme illustré dans la capture d'écran suivante :
Répétez les étapes 2 à 8 pour ajouter les widgets Nom de l'article le plus commandé et BC par unité d'affaires à la page. Les widgets doivent se présenter comme indiqué dans la capture d'écran suivante. Vous pouvez ajuster l'alignement des volets de widget si nécessaire. Panneaux de widgetNote : Lorsque vous êtes en mode de conception pour la page, vous pouvez faire glisser les barres horizontales et verticales autour des panneaux pour les aligner et les redimensionner.
Dans les exercices précédents, vous avez ajouté des volets Widget pour les widgets qui ne nécessitaient aucune entrée. Dans cet exercice, vous allez ajouter des widgets qui nécessitent des entrées et les widgets vous permettent de fournir des valeurs par défaut pour ces entrées.
Accédez au mode de conception de votre page EnterpriseOne (menu utilisateur -> Gérer le contenu -> Pages composées).
Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la page.
Cliquez sur le widget et faites-le glisser vers le centre inférieur de la page, puis déposez-le.
Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Spend Analysis by Business Unit for Company 00200.
Cliquez sur OK.
Dans le menu Widget, sélectionnez #Spend Analyse par unité d'affaires (Analyse des dépenses par unité d'affaires) - Graphique. Ce widget accepte une valeur d'entrée pour la société. En tant que concepteur de page, la fenêtre Configuration de widget vous permet de fournir une valeur par défaut pour cette entrée pour les utilisateurs qui verront le widget sur la page.
Dans le champ Valeur, entrez 00200. Vous pouvez ajouter le même widget à plusieurs reprises dans un volet de widget et définir différentes entrées. Par exemple, vous pouvez créer une page contenant des widgets pour "Spend Analysis for Company 00200" et "Spend Analysis for Company 00300".
La fenêtre Configuration du widget vous permet de remplacer le titre. Activez l'option Remplacer le titre et remplacez la valeur du champ Titre par Spend Analysis by Business Unit - Company 00200. La fenêtre Configuration des widgets fournit également une option permettant d'autoriser l'entrée, ce qui permet aux utilisateurs de fournir une entrée différente pour le widget. Pour cela, laissez cette option désactivée. Vous activerez l'option Autoriser l'entrée dans une étape ultérieure.
Répétez les étapes 2 à 8 pour ajouter un deuxième volet de widget pour le widget Analyse des dépenses par unité d'affaires. Cette fois, dans le champ Entrée, entrez 00001 et dans le champ Titre, entrez Spend Analysis by Business Unit – Company 00001. Note : Les données de votre système peuvent être différentes. Vous pouvez utiliser n'importe quelle entreprise avec des données valides.
Cliquez sur Enregistrer.
Cliquez sur Enregistrer en haut de la fenêtre pour enregistrer la page.
Cliquez sur Fermer pour fermer le concepteur de page. Votre page EnterpriseOne avec les volets de widget ressemble maintenant à ceci :
Dans l'exercice précédent, vous avez ajouté un widget qui autorisait les entrées et vous, en tant que concepteur de page, avez fourni une entrée par défaut. Dans cet exercice, vous allez ajouter des widgets qui permettent à l'utilisateur de fournir des entrées. De cette façon, vous pouvez publier un seul widget sur une page et les utilisateurs peuvent le personnaliser pour eux-mêmes, par exemple en fournissant une unité d'affaires, un poste de charge ou un intervalle de dates pour le filtrage. Chaque utilisateur verra le même widget, mais avec des données différentes.
Dans le menu de l'utilisateur, sélectionnez Gérer le contenu, puis Pages composées pour accéder au mode de conception de votre page EnterpriseOne.
Cliquez sur l'icône Créer un nouveau contenu en haut de la page.
Cliquez sur le widget et faites-le glisser vers le bas à gauche de la page, puis déposez-le.
Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Temperature.
Cliquez sur OK.
Dans la liste déroulante Widget, sélectionnez #Temperature Meter (Temperature Meter) - Meter (Mètre de température). Ce widget accepte une valeur d'entrée pour les points de grille. Cette entrée est un code utilisé par le US National Weather Service pour désigner un emplacement géographique.
Dans le champ Valeur, entrez BOU/63,61. C'est le point de grille pour Denver, Colorado.
Activez l'option Remplacer le titre et modifiez le titre à Denver Temperature. Pour cette instance du compteur de température, laissez l'option Autoriser l'entrée désactivée.
Cliquez sur Enregistrer. Dans les étapes suivantes, vous allez ajouter une autre instance du widget Température Meter et activer l'option Autoriser l'entrée.
Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la page.
Cliquez sur le widget et faites-le glisser vers le centre inférieur de la page, puis déposez-le.
Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez City Temperature.
Cliquez sur OK.
Dans la liste déroulante Widget, sélectionnez #Temperature Meter (Temperature Meter) - Meter (Mètre de température).
Dans la fenêtre Configuration de widget, activez l'option Autoriser l'entrée.
Activez l'option Remplacer le titre et remplacez le titre par Your City Temperature.
Laissez le champ Value pour gridpoints(String) vide.
Cliquez sur Enregistrer. En tant que dernier volet de widget de la page, vous ajouterez ensuite le widget Zone de texte de prévision détaillée avec l'entrée de l'utilisateur.
Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la page.
Cliquez sur le widget et faites-le glisser dans la partie inférieure droite de la page. Ensuite, relâchez le bouton de la souris.
Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez City Forecast.
Cliquez sur OK.
Dans le menu Widget, sélectionnez #Detailed Zone de texte Prévision (zone de texte Prévision détaillée) – Zone de texte.
Dans la fenêtre Configuration de widget, activez l'option Autoriser l'entrée.
Activez l'option Remplacer le titre et, dans le champ Titre, remplacez le titre par Your City Forecast.
Laissez le champ Value (Valeur) vide pour les points de grille.
Dans l'exercice précédent, en tant que concepteur de page, vous avez ajouté des panneaux de widget intitulés "Votre température de ville" et "Votre prévision de ville" et autorisé l'entrée utilisateur pour ces widgets. Dans cet exercice, en tant qu'utilisateur, vous allez configurer ces deux widgets avec une entrée pour votre emplacement et modifier les titres en conséquence.
Assurez-vous que vous consultez votre nouvelle page Widget Panes.
Dans le volet Widget intitulé Température de votre ville, cliquez sur l'icône Configuration du widget.
Cliquez sur Enregistrer. La page EnterpriseOne actualise le widget avec la nouvelle entrée et le nouveau titre, comme illustré dans la capture d'écran suivante :
Affichage des volets de widget en mode plein écran
Lors de l'affichage des volets de widget dans une page EnterpriseOne, comme pour les autres types de volet, les utilisateurs peuvent ouvrir le volet en mode plein écran. Ce mode peut fournir une vue plus claire des détails, en particulier avec des graphiques compliqués.
Assurez-vous que vous consultez votre nouvelle page Widget Panes.
Dans le volet de widget intitulé Analyse des dépenses par unité d'affaires - Société 00200, cliquez sur l'icône Contenu d'alimentation. La page EnterpriseOne est remplacée par une vue en plein écran du widget :
Créer une page composée EnterpriseOne et y ajouter des volets de widget
Pour les widgets qui ont des entrées, configurez-les avec des entrées par défaut
Pour les widgets comportant des entrées, permettre aux utilisateurs de fournir des entrées
Ajouter plusieurs instances du même widget sur une page avec des entrées différentes
Voir un widget en mode plein écran
Dans cet environnement OBE, vous avez créé une page EnterpriseOne exclusivement avec des volets de widget, mais comme toute page composée EnterpriseOne, il est possible de combiner différents types de contenu pour offrir aux utilisateurs une expérience utilisateur riche, informative et dynamique.