Exemple de marque OraclePublication de widgets dans un volet de widget sur une page EnterpriseOne

section 0É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 :

Capture d'écran
Volet Widget

Ce dont vous avez besoin

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 :


section 1Cré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.

  1. Connectez-vous au client Web EnterpriseOne.
  2. Dans la liste déroulante du menu utilisateur, sélectionnez Gérer le contenu et cliquez sur Pages composées.
  3. Dans la liste déroulante Nom, sélectionnez (Créer) pour créer une nouvelle page.
  4. Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la fenêtre.
  5. Cliquez sur Widget pour ajouter un volet de widget à la page.
  6. 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.
  7. Cliquez sur OK. Le menu Widget vous permet de sélectionner le widget pour ce volet.
  8. Dans la liste déroulante Widget, sélectionnez #Past Due Orders (Past Due Orders (Commandes échues) P43261) – Badge – Numeric.
    Capture d'écran
    Liste de widgets
    Note : Vous pouvez taper dans le champ déroulant pour filtrer les noms de widget.
  9. Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
  10. Dans la fenêtre Entrer un nouveau nom, entrez Widget Panes.
  11. 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 :
    Capture d'écran
    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.

section 2Ajout 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.

  1. Assurez-vous que vous consultez votre nouvelle page Widget Panes.
  2. 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.
  3. Cliquez sur l'icône Créer un nouveau contenu en haut de la page.
  4. Cliquez sur le widget et faites-le glisser à droite du volet existant, puis déposez-le.
  5. Capture d'écran
    Volet Widget
  6. Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Most Ordered Item Quantity.
  7. Cliquez sur OK.
  8. Le menu Widget vous permet de sélectionner le widget pour ce volet. Sélectionnez #Most Ordered Quantity (Most Ordered Item Quantity) – Badge – Numeric.
  9. Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
  10. Cliquez sur Fermer pour fermer le concepteur de page.
    Maintenant, votre page comporte deux volets Widget, comme illustré dans la capture d'écran suivante :
  11. Capture d'écran
    Volet Widget - Commandes échues et quantité la plus commandée
  12. 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.
    Capture d'écran
    Panneaux de widget
    Note : 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.
  13. Capture d'écran
    Volet Widget - Barres horizontales et verticales

section 3Ajout de widgets avec des entrées par défaut

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.

  1. Accédez au mode de conception de votre page EnterpriseOne (menu utilisateur -> Gérer le contenu -> Pages composées).
  2. Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la page.
  3. Cliquez sur le widget et faites-le glisser vers le centre inférieur de la page, puis déposez-le.
  4. Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Spend Analysis by Business Unit for Company 00200.
  5. Cliquez sur OK.
  6. 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.
  7. 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".
  8. 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.
  9. 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.
  10. Cliquez sur Enregistrer.
  11. Cliquez sur Enregistrer en haut de la fenêtre pour enregistrer la page.
  12. Cliquez sur Fermer pour fermer le concepteur de page. Votre page EnterpriseOne avec les volets de widget ressemble maintenant à ceci :
  13. Capture d'écran
    Volet Widget

section 4Ajout de widgets avec des entrées utilisateur

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.

  1. 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.
  2. Cliquez sur l'icône Créer un nouveau contenu en haut de la page.
  3. Cliquez sur le widget et faites-le glisser vers le bas à gauche de la page, puis déposez-le.
  4. Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez Temperature.
  5. Cliquez sur OK.
  6. 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.
  7. Dans le champ Valeur, entrez BOU/63,61. C'est le point de grille pour Denver, Colorado.
  8. 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.
  9. Capture d'écran
    Configuration du widget - Remplacer le titre
  10. 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.
  11. Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la page.
  12. Cliquez sur le widget et faites-le glisser vers le centre inférieur de la page, puis déposez-le.
  13. Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez City Temperature.
  14. Cliquez sur OK.
  15. Dans la liste déroulante Widget, sélectionnez #Temperature Meter (Temperature Meter) - Meter (Mètre de température).
  16. Dans la fenêtre Configuration de widget, activez l'option Autoriser l'entrée.
  17. Activez l'option Remplacer le titre et remplacez le titre par Your City Temperature.
  18. Laissez le champ Value pour gridpoints(String) vide.
  19. Capture d'écran
    Configuration du widget - Remplacer le titre et autoriser l'entrée
  20. 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.
  21. Cliquez sur l'icône Créer un nouveau contenu en haut à gauche de la page.
  22. 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.
  23. Dans le champ Nom de la fenêtre Créer un lien vers un widget, entrez City Forecast.
  24. Cliquez sur OK.
  25. Dans le menu Widget, sélectionnez #Detailed Zone de texte Prévision (zone de texte Prévision détaillée) – Zone de texte.
  26. Dans la fenêtre Configuration de widget, activez l'option Autoriser l'entrée.
  27. Activez l'option Remplacer le titre et, dans le champ Titre, remplacez le titre par Your City Forecast.
  28. Laissez le champ Value (Valeur) vide pour les points de grille.
  29. Capture d'écran
    Configuration du widget - Prévision de votre ville
  30. Cliquez sur Enregistrer.
  31. Faites glisser les barres bleues horizontales et verticales autour des panneaux pour aligner et dimensionner les panneaux uniformément :
  32. Capture d'écran
    Volet Widget - Alignement
  33. Cliquez sur Enregistrer en haut à droite de la fenêtre pour enregistrer la page.
  34. Cliquez sur Fermer pour fermer le concepteur de page.
    Votre page EnterpriseOne avec les volets de widget ressemble maintenant à ceci :
  35. Capture d'écran
    Volet Widget

section 5Entrée de l'utilisateur pour les widgets

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.

  1. Assurez-vous que vous consultez votre nouvelle page Widget Panes.
  2. Dans le volet Widget intitulé Température de votre ville, cliquez sur l'icône Configuration du widget .
  3. Capture d'écran
    Volet Widget - Température de votre ville
  4. Dans la fenêtre Widget Configuration, entrez une valeur dans le tableau suivant pour configurer les points de grille pour une autre ville.
    City
    Points de grille
    Denver (États-Unis) BOU/63,61
    New York (États-Unis) OKX/33,35
    Chicago (États-Unis) LOT/75,73
    Las Vegas (NV) VEF/123,98
  5. Activez l'option Remplacer le titre et modifiez la valeur du champ Titre pour qu'elle corresponde à la ville.
  6. Capture d'écran
    Configuration du widget - Température de New York
  7. 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 :
  8. Capture d'écran
    Volet Widget - Température de New York
  9. Répétez les étapes 2 à 5 pour configurer le widget "Votre prévision de ville" avec la même entrée de points de grille et le titre approprié.
  10. Capture d'écran
    Panneaux de widget - Température et prévision

section 7Affichage 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.

  1. Assurez-vous que vous consultez votre nouvelle page Widget Panes.
  2. 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 :
  3. Capture d'écran
    Volet Widget - Icône Contenu contextuel
  4. Pour restaurer le widget à sa taille initiale, cliquez sur l'icône Restaurer le contenu dans le coin supérieur droit du volet.
  5. Capture d'écran
    Volet Widget - Icône Restaurer le contenu

Informations supplémentairesConclusion

Dans cet OBE, vous avez appris à :

  • 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.

Informations supplémentairesVous voulez en savoir plus?