Publication de widgets dans un volet de widget sur une page EnterpriseOne
Avant de commencer
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 par EnterpriseOne.
Contexte
Les widgets JD Edwards EnterpriseOne sont un moyen facile et sans code de collecter des données et de les visualiser dans des formats graphiques tels que les badges, les compteurs et les graphiques. Les widgets obtenant leur entrée à partir des orchestrations, les données peuvent provenir de n'importe quelle source à laquelle une orchestration peut accéder, y compris les API REST à partir de systèmes externes à EnterpriseOne. Cela ouvre la porte à de nombreuses opportunités intéressantes de visualiser les données provenant de sources EnterpriseOne et non EnterpriseOne côte à côte.
Vous pouvez facilement publier des widgets vers les utilisateurs finaux de EnterpriseOne en les ajoutant aux pages composées de EnterpriseOne, en particulier un volet de concepteur, et en commençant par Outils 9.2.9.4, un volet de widget. De plus, les widgets de type badge se comportent de la même manière que les listes de contrôle One View ; elles apparaissent automatiquement dans la liste déroulante Liste de contrôle (indicateur) sur le client Web EnterpriseOne et dans les volets Liste de contrôle.
Scenario
Dans cet OBE, en tant que concepteur de page composé, vous publierez les widgets créés dans les OBE précédents dans un nouveau volet de widget sur une page EnterpriseOne. En outre, en tant qu'utilisateur, vous entrez des entrées pour les widgets et affichez la sortie.
Pour ce scénario, vous allez :
Créez une page composée EnterpriseOne.
Créez un volet de widget pour chacun des widgets que vous avez créés dans les exercices OBE précédents. Certains widgets que vous allez ajouter à la page plusieurs fois.
Ajoutez des entrées par défaut de widget en tant que concepteur de page.
Modifiez les entrées de widget en tant qu'utilisateur.
Afficher un widget en mode plein écran.
Lorsque vous effectuez les étapes de cet OBE, la page EnterpriseOne avec les volets de widget ressemble à la capture d'écran suivante :
Pour effectuer les étapes de cet OBE, vous aurez besoin des éléments suivants :
Accès à un environnement JD Edwards EnterpriseOne version 25, juin 2025 (version Tools 9.2.9.4) ou version ultérieure
Sécurité des fonctionnalités, sécurité des actions UDO et sécurité du contenu pour les widgets (WIDGET)
Sécurité des fonctions et sécurité des actions d'ODU pour les pages composites (COMPOSITE)
Ces sept widgets que vous avez terminés lors des exercices OBE précédents sont les suivants : Commandes échues, Quantité d'articles la plus commandée, Nom de l'article le plus commandé, Commandes fournisseur par unité opérationnelle, Analyse des dépenses par unité opérationnelle, Compteur de température et Zone de texte Prévision détaillée.
Pour plus d'informations, voir les objets OBE suivants :
Création d'une 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 page.
Cliquez sur l'icône Créer un 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 le widget, entrez Past Due Orders. Remarque : puisque chaque volet de widget ne peut contenir qu'un seul widget, il est courant de nommer le volet de widget après le widget.
Cliquez ensuite sur OK. Le menu Widget vous permet de sélectionner le widget pour ce volet.
Dans la liste déroulante Widget, sélectionnez #Past Commandes échues (Commandes échues P43261) – Badge – Numérique. Liste des widgets Remarque : vous pouvez saisir le nom des widgets dans le champ déroulant.
Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
Dans la fenêtre Saisir un nouveau nom, entrez Widget Panes.
Cliquez sur Fermer pour fermer le concepteur de page. La nouvelle page EnterpriseOne apparaît avec le volet de widget unique. Le widget Commandes en retard étant un badge, il apparaît au centre du volet et occupe la totalité de la zone de la page, comme illustré dans la capture d'écran suivante : Volet Widget - Passé Commandes arrivant à échéance Etant donné que les pages composées par 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 à vos autres widgets.
Assurez-vous que vous affichez votre nouvelle page Volets de widget.
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 conception.
Cliquez sur l'icône Créer un contenu en haut de la page.
Cliquez sur le Widget et faites-le glisser à droite du volet de widget existant, puis déposez-le.
Dans la fenêtre Créer un lien vers le widget, dans le champ Nom, entrez Most Ordered Item Quantity.
Cliquez ensuite sur OK.
Le menu Widget vous permet de sélectionner le widget pour ce volet. Sélectionnez #Most Quantité commandée (Quantité d'article la plus commandée) – Badge – Numérique.
Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
Cliquez sur Fermer pour fermer le concepteur de page. Désormais, votre page comporte deux volets de widget, comme indiqué 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 Commandes par unité opérationnelle à la page. Les widgets doivent se présenter comme indiqué dans la capture d'écran suivante. Vous pouvez ajuster l'alignement des volets du widget si nécessaire. Panneaux de widgetRemarque : 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 de widget pour les widgets qui ne nécessitaient aucune entrée. Dans cet exercice, vous allez ajouter des widgets nécessitant 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 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 le widget, entrez Spend Analysis by Business Unit for Company 00200.
Cliquez ensuite sur OK.
Dans le menu Widget, sélectionnez #Spend Analyse par unité opérationnelle (Analyse des dépenses par unité opérationnelle) - Graphe. Ce widget accepte une valeur d'entrée pour la société. En tant que concepteur de page, la fenêtre Configuration du 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 sur un volet de widget plusieurs fois et définir différentes entrées. Par exemple, vous pouvez créer une page avec des widgets pour "Analyse des dépenses pour la société 00200" et "Analyse des dépenses pour la société 00300".
La fenêtre Configuration du widget 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 du widget fournit également une option permettant d'autoriser l'entrée, permettant 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 la saisie dans une étape suivante.
Répétez les étapes 2 à 8 pour ajouter un deuxième volet de widget pour le widget Analyse des dépenses par unité opérationnelle. Cette fois, dans le champ Entrée, entrez 00001 et dans le champ Titre, entrez Spend Analysis by Business Unit – Company 00001. Remarque : Les données de votre système peuvent être différentes. Vous pouvez utiliser n'importe quelle société 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 autorisant 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 permettant à l'utilisateur de fournir des entrées. De cette façon, vous pouvez publier un widget unique sur une page et les utilisateurs peuvent personnaliser ce widget pour eux-mêmes, par exemple en fournissant une unité opérationnelle pertinente, un poste de travail ou une plage de dates pour le filtrage. Chaque utilisateur verra le même widget, mais avec des données différentes.
Dans le menu utilisateur, sélectionnez Gérer le contenu, puis Pages composées pour accéder au mode de conception de la page EnterpriseOne.
Cliquez sur l'icône Créer un contenu en haut de la page.
Cliquez sur le Widget et faites-le glisser en bas à gauche de la page, puis déposez-le.
Dans le champ Nom de la fenêtre Créer un lien vers le widget, entrez Temperature.
Cliquez ensuite sur OK.
Dans la liste déroulante Widget, sélectionnez #Temperature Compteur (compteur de température) - Compteur. Ce widget accepte une valeur d'entrée pour les points de grille. Cette entrée est un code utilisé par le Service météorologique national des États-Unis pour désigner un emplacement géographique.
Dans le champ Valeur, entrez BOU/63,61. C'est le point de grille de Denver, Colorado.
Activez l'option Remplacer le titre et modifiez le titre en 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 de compteur de température et activer l'option Autoriser l'entrée.
Cliquez sur l'icône Créer un 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 la fenêtre Créer un lien vers le widget, dans le champ Nom, entrez City Temperature.
Cliquez ensuite sur OK.
Dans la liste déroulante Widget, sélectionnez #Temperature Compteur (compteur de température) - Compteur.
Dans la fenêtre Configuration du 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 Valeur vide pour gridpoints(String).
Cliquez sur Enregistrer. En tant que dernier volet de widget de la page, vous allez ensuite ajouter le widget Zone de texte de prévision détaillée avec une entrée utilisateur.
Cliquez sur l'icône Créer un contenu en haut à gauche de la page.
Cliquez et maintenez la touche Widget enfoncée, puis faites-la glisser dans la partie inférieure droite de la page. Ensuite, relâchez le bouton de la souris.
Dans la fenêtre Créer un lien vers le widget, dans le champ Nom, entrez City Forecast.
Cliquez ensuite 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 du 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 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 "Your City Temperature" et "Your City Forecast" et autorisé la saisie 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 affichez votre nouvelle page Volets de widget.
Dans le volet de widget intitulé Votre température de ville, cliquez sur l'icône Configuration de 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
Lorsque vous affichez les volets de widget sur 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 affichez votre nouvelle page Volets de widget.
Dans le volet de widget intitulé Analyse des dépenses par unité opérationnelle - Société 00200, cliquez sur l'icône Contenu contextuel. 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
Afficher un widget en mode plein écran
Dans cet OBE, vous avez créé une page EnterpriseOne exclusivement avec des volets de widget, mais comme toute page composée par EnterpriseOne, il est possible de combiner différents types de contenu pour fournir aux utilisateurs une expérience utilisateur riche, informative et dynamique.