Marca de Oracle by ExamplePublicación de Widgets en un Panel de Widget en una Página EnterpriseOne

sección 0Antes de empezar

Oracle by Example (OBE) de 45 minutos muestra cómo puede publicar widgets a los usuarios de EnterpriseOne agregándolos a un panel de widgets en una página compuesta de EnterpriseOne.

Antecedentes

Los widgets de JD Edwards EnterpriseOne son una forma sencilla y sin código de recopilar datos y visualizarlos en formatos gráficos como insignias, medidores y gráficos. Debido a que los widgets obtienen su entrada de orquestaciones, los datos pueden provenir de cualquier origen al que pueda acceder una orquestación, incluidas las API de REST de sistemas externos a EnterpriseOne. Esto abre la puerta a muchas oportunidades interesantes para visualizar datos de fuentes EnterpriseOne y no EnterpriseOne lado a lado.

Puede publicar fácilmente widgets para los usuarios finales de EnterpriseOne agregándolos a las páginas compuestas de EnterpriseOne, específicamente a un panel de diseñador, y empezando por las herramientas 9.2.9.4, un panel de widgets. Además, los widgets de tipo de tarjeta de identificación se comportan de manera similar a las listas de comprobaciones de One View; aparecen automáticamente en la lista desplegable Lista de comprobaciones (indicador) del cliente web EnterpriseOne y en los paneles de la lista de comprobaciones.

Escenario

En este OBE, como diseñador de página compuesta, publicará los widgets que ha creado en los OBE anteriores en un nuevo panel de widget en una página EnterpriseOne. Además, como usuario, introducirá entradas para los widgets y verá la salida.

Para este escenario:

  • Cree una nueva página compuesta EnterpriseOne.
  • Cree un nuevo panel de widgets para cada uno de los widgets creados en los ejercicios de OBE anteriores. Algunos widgets que agregará a la página más de una vez.
  • Agregue entradas por defecto de widget como diseñador de página.
  • Cambie las entradas del widget como usuario.
  • Ver un widget en el modo de pantalla completa.

Cuando complete los pasos de este OBE, la página EnterpriseOne con paneles de widget tendrá un aspecto similar al de esta captura de pantalla:

Captura de pantalla
Panel de widgets

¿Qué se necesita?

Para realizar los pasos de este OBE, necesitará:

  • Acceso a un entorno de JD Edwards EnterpriseOne con la versión 25, junio de 2025 (herramientas versión 9.2.9.4) o posterior
  • Seguridad de funciones, seguridad de acciones UDO y seguridad de contenido para widgets (WIDGET)
  • Seguridad de funciones y seguridad de acciones UDO para páginas compuestas (COMPOSITE)
  • Estos siete widgets que completó en los ejercicios de OBE anteriores: Órdenes vencidas, Cantidad de artículo más solicitada, Nombre de artículo más solicitada, Órdenes de compra por unidad de negocio, Análisis de gastos por unidad de negocio, Medidor de temperatura y Cuadro de texto de previsión detallada.

Para obtener más información, consulte estos OBE:


sección 1Creación de una nueva página compuesta EnterpriseOne y adición del primer panel del widget

En este ejercicio, creará una nueva página EnterpriseOne con un único panel de widget.

  1. Conéctese al cliente web de EnterpriseOne.
  2. En la lista desplegable del menú de usuario, seleccione Gestionar Contenido y haga clic en Páginas Compuestas.
  3. En la lista desplegable Nombre, seleccione (Crear) para crear una nueva página.
  4. Haga clic en el icono Crear nuevo contenido en la parte superior izquierda de la ventana.
  5. Haga clic en Widget para agregar un panel de widget a la página.
  6. En la ventana Crear enlace a widget, en el campo Nombre, introduzca Past Due Orders.
    Nota: Dado que cada panel de widget solo puede contener un widget, es más común asignar un nombre al panel de widget después del widget.
  7. Haga clic en Aceptar. El menú Widget le permite seleccionar el widget para este panel.
  8. En la lista desplegable Widget, seleccione #Past Due Orders (Past Due Orders P43261) – Badge – Numeric.
    Captura de pantalla
    Lista de widgets
    Nota: puede escribir en el campo desplegable para filtrar los nombres de widget.
  9. Haga clic en Guardar en la parte superior derecha de la ventana para guardar la página.
  10. En la ventana Enter New Name, introduzca Widget Panes.
  11. Haga clic en Cerrar para cerrar el diseñador de páginas.
    Aparece la nueva página EnterpriseOne con el único panel de widget. Debido a que el widget Pedidos vencidos es una insignia, aparece en el centro del panel y el panel ocupa todo el área de la página, como se muestra en la siguiente captura de pantalla:
    Captura de pantalla
    Panel de widget - Pasado Debido a que las páginas compuestas por EnterpriseOne pueden contener muchos tipos de contenido, como paneles de diseñador, informes de One View, aplicaciones EnterpriseOne, etc., puede seguir diseñando una página más compleja con otros componentes.
    En los siguientes ejercicios, seguirá agregando paneles para los demás widgets.

sección 2Adición de paneles de widget a la página EnterpriseOne

En el ejercicio anterior, ha creado una nueva página EnterpriseOne con un único panel de widget. En este ejercicio, agregará paneles para los demás widgets.

  1. Asegúrese de que está viendo la nueva página Paneles de widgets.
  2. En la lista desplegable del menú de usuario, seleccione Gestionar Contenido y haga clic en Páginas Compuestas.
    La página compuesta EnterpriseOne se abre en modo de diseño.
  3. Haga clic en el icono Crear Nuevo Contenido en la parte superior de la página.
  4. Haga clic en el Widget y arrástrelo a la derecha del panel de widgets existente y, a continuación, suéltelo.
  5. Captura de pantalla
    Panel de widgets
  6. En la ventana Crear Enlace a Widget, en el campo Nombre, introduzca Most Ordered Item Quantity.
  7. Haga clic en Aceptar.
  8. El menú Widget le permite seleccionar el widget para este panel. Seleccione #Most Cantidad ordenada (cantidad de artículo más ordenada): tarjeta de identificación numérica.
  9. Haga clic en Guardar en la parte superior derecha de la ventana para guardar la página.
  10. Haga clic en Cerrar para cerrar el diseñador de páginas.
    Ahora la página tiene dos paneles de widget, como se muestra en la siguiente captura de pantalla:
  11. Captura de pantalla
    Panel Widget: Órdenes vencidas y cantidad más solicitada
  12. Repita los pasos del 2 al 8 para agregar los widgets Nombre de artículo más ordenado y OC por unidad de negocio a la página. Los widgets deben ser como se muestra en la siguiente captura de pantalla. Puede ajustar la alineación de los paneles de widgets según sea necesario.
    Captura de pantalla
    Paneles de widgets
    Nota: Cuando se encuentre en modo de diseño para la página, puede arrastrar las barras horizontales y verticales alrededor de los paneles para alinearlos y cambiar su tamaño.
  13. Captura de pantalla
    Panel de widget: barras horizontales y verticales

sección 3Adición de widgets con entradas predeterminadas

En los ejercicios anteriores, ha agregado paneles de widgets para los widgets que no necesitaban ninguna entrada. En este ejercicio, agregará widgets que requieren entradas y los widgets le permitirán proporcionar valores por defecto para esas entradas.

  1. Acceda al modo de diseño de la página EnterpriseOne (menú de usuario -> Gestionar contenido -> Páginas compuestas).
  2. Haga clic en el icono Crear nuevo contenido en la parte superior izquierda de la página.
  3. Haga clic en el Widget y arrástrelo al centro inferior de la página y, a continuación, suéltelo.
  4. En la ventana Crear enlace a widget, en el campo Nombre, introduzca Spend Analysis by Business Unit for Company 00200.
  5. Haga clic en Aceptar.
  6. En el menú Widget, seleccione #Spend Análisis por unidad de negocio (Análisis de gastos por unidad de negocio) - Gráfico.
    Este widget acepta un valor de entrada para la compañía. Como diseñador de página, la ventana Widget Configuration le permite proporcionar un valor por defecto para esa entrada para los usuarios que verán el widget en la página.
  7. En el campo Valor, introduzca 00200.
    Puede agregar el mismo widget en un panel de widgets varias veces y establecer diferentes entradas. Por ejemplo, puede crear una página con widgets para "Análisis de gastos para la compañía 00200" y "Análisis de gastos para la compañía 00300".
  8. La ventana Configuración de widget proporciona una opción para sustituir el título. Active la opción Sustituir título y cambie el valor del campo Título a Spend Analysis by Business Unit - Company 00200. La ventana Configuración del widget también proporciona una opción para Permitir entrada, lo que permite a los usuarios proporcionar una entrada diferente para el widget. Para ello, deje esta opción desactivada. En un paso posterior, activará la opción Permitir entrada.
  9. Repita los pasos del 2 al 8 para agregar un segundo panel de widget para el widget Análisis de gastos por unidad de negocio.
    Esta vez, en el campo Entrada, introduzca 00001 y, en el campo Título, introduzca Spend Analysis by Business Unit – Company 00001.
    Nota: los datos del sistema pueden ser diferentes. Puede utilizar cualquier empresa con datos válidos.
  10. Haga clic en Guardar.
  11. Haga clic en Guardar en la parte superior de la ventana para guardar la página.
  12. Haga clic en Cerrar para cerrar el diseñador de páginas. La página EnterpriseOne con paneles de widget ahora tiene un aspecto similar al siguiente:
  13. Captura de pantalla
    Panel de widgets

sección 4Adición de widgets con entradas de usuario

En el ejercicio anterior, ha agregado un widget que permitía entradas y, como diseñador de página, ha proporcionado una entrada por defecto. En este ejercicio, agregará widgets que permiten al usuario proporcionar entradas. De esta forma, puede publicar un único widget en una página y los usuarios pueden personalizar ese widget por sí mismos, por ejemplo, proporcionando una unidad de negocio o un centro de trabajo relevantes, o un rango de fechas para el filtrado. Cada usuario verá el mismo widget, pero con datos diferentes.

  1. En el menú de usuario, seleccione Gestionar Contenido y, a continuación, seleccione Páginas Compuestas para acceder al modo de diseño de la página EnterpriseOne.
  2. Haga clic en el icono Crear Nuevo Contenido en la parte superior de la página.
  3. Haga clic en el Widget y arrástrelo a la parte inferior izquierda de la página y, a continuación, suéltelo.
  4. En la ventana Crear enlace a widget, en el campo Nombre, introduzca Temperature.
  5. Haga clic en Aceptar.
  6. En la lista desplegable Widget, seleccione #Temperature Meter (Temperature Meter) - Meter (Medidor de temperatura).
    Este widget acepta un valor de entrada para los puntos de cuadrícula. Esta entrada es un código utilizado por el Servicio Meteorológico Nacional de los Estados Unidos para designar una ubicación geográfica.
  7. En el campo Valor, introduzca BOU/63,61. Este es el punto de parrilla para Denver, Colorado.
  8. Active la opción Sustituir título y edite el título en Denver Temperature. Para esta instancia del medidor de temperatura, deje desactivada la opción Permitir entrada.
  9. Captura de pantalla
    Configuración de widget: sustitución de título
  10. Haga clic en Guardar.
    En los siguientes pasos, agregará otra instancia del widget Medidor de temperatura y activará la opción Permitir entrada.
  11. Haga clic en el icono Crear nuevo contenido situado en la parte superior izquierda de la página.
  12. Haga clic en el Widget y arrástrelo al centro inferior de la página y, a continuación, suéltelo.
  13. En la ventana Crear Enlace a Widget, en el campo Nombre, introduzca City Temperature.
  14. Haga clic en Aceptar.
  15. En la lista desplegable Widget, seleccione #Temperature Meter (Temperature Meter) - Meter (Medidor de temperatura).
  16. En la ventana Widget Configuration (Configuración de widget), active la opción Allow Input (Permitir entrada).
  17. Active la opción Sustituir título y cambie el título a Your City Temperature.
  18. Deje el campo Value para gridpoints(String) en blanco.
  19. Captura de pantalla
    Configuración de widget: sustituir título y permitir entrada
  20. Haga clic en Guardar.
    Como el último panel de widget de la página, a continuación, agregará el widget Cuadro de texto de previsión detallada con la entrada del usuario.
  21. Haga clic en el icono Crear nuevo contenido en la parte superior izquierda de la página.
  22. Haga clic y mantenga pulsado Widget y arrástrelo a la parte inferior derecha de la página. A continuación, suelte el botón del mouse.
  23. En la ventana Crear enlace a widget, en el campo Nombre, introduzca City Forecast.
  24. Haga clic en Aceptar.
  25. En el menú Widget, seleccione #Detailed Cuadro de texto de pronóstico (cuadro de texto de pronóstico detallado) – Cuadro de texto.
  26. En la ventana Configuración de widget, active la opción Permitir entrada.
  27. Active la opción Sustituir título y, en el campo Título, cambie el título a Your City Forecast.
  28. Deje el campo Valor de los puntos de cuadrícula en blanco.
  29. Captura de pantalla
    Configuración de widget: previsión de ciudad
  30. Haga clic en Guardar.
  31. Arrastre las barras azules horizontales y verticales alrededor de los paneles para alinear y ajustar el tamaño de los paneles de manera uniforme:
  32. Captura de pantalla
    Panel de widgets: alineación
  33. Haga clic en Guardar en la parte superior derecha de la ventana para guardar la página.
  34. Haga clic en Cerrar para cerrar el diseñador de páginas.
    La página EnterpriseOne con paneles de widget ahora tiene un aspecto similar al siguiente:
  35. Captura de pantalla
    Panel de widgets

sección 5Proporcionando entrada de usuario a widgets

En el ejercicio anterior, como diseñador de página, ha agregado paneles de widgets titulados "Tu temperatura de la ciudad" y "Tu previsión de la ciudad" y ha permitido la entrada del usuario para estos widgets. En este ejercicio, actuando como usuario, configurará estos dos widgets con entradas para su ubicación y cambiará los títulos según corresponda.

  1. Asegúrese de que está viendo la nueva página Paneles de widgets.
  2. En el panel de widgets titulado Your City Temperature (Temperatura de su ciudad), haga clic en el ícono Widget Configuration (Configuración de widget) .
  3. Captura de pantalla
    Panel de widgets: temperatura de su ciudad
  4. En la ventana Widget Configuration (Configuración de widget), introduzca un valor de la siguiente tabla para configurar puntos de cuadrícula para una ciudad diferente.
    Ciudad
    Puntos de cuadrícula
    Denver, CO BOU/63,61
    Nueva York, NY OKX/33,35
    Chicago, IL LOTE/75,73
    Las Vegas, NV VEF/123,98
  5. Active la opción Sustituir título y edite el valor en el campo Título para que coincida con la ciudad.
  6. Captura de pantalla
    Configuración de widget: temperatura de Nueva York
  7. Haga clic en Guardar.
    La página EnterpriseOne refresca el widget con la nueva entrada y el nuevo título, como se muestra en la siguiente captura de pantalla:
  8. Captura de pantalla
    Panel de widgets: temperatura de Nueva York
  9. Repita los pasos del 2 al 5 para configurar el widget "Su previsión de ciudad" con la misma entrada de puntos de cuadrícula y el título adecuado.
  10. Captura de pantalla
    Paneles de widgets: temperatura y previsión

sección 7Visualización de paneles de widgets en modo de pantalla completa

Al visualizar paneles de widgets en una página EnterpriseOne, al igual que con otros tipos de paneles, los usuarios pueden abrir el panel en el modo de pantalla completa. Este modo puede proporcionar una vista más clara de los detalles, especialmente con gráficos complicados.

  1. Asegúrese de que está viendo la nueva página Paneles de widgets.
  2. En el panel de widgets titulado Análisis de gastos por unidad de negocio - Compañía 00200, haga clic en el icono Contenido emergente.
    La página EnterpriseOne se sustituye por una vista de pantalla completa del widget:
  3. Captura de pantalla
    Panel de widget: icono de contenido emergente
  4. Para restaurar el widget a su tamaño original, haga clic en el icono Restaurar contenido situado en la esquina superior derecha del panel.
  5. Captura de pantalla
    Panel de widgets: icono Restaurar contenido

más informaciónConclusión

En este OBE, ha aprendido a:

  • Crear una nueva página compuesta EnterpriseOne y agregarle paneles de widget
  • Para los widgets que tienen entradas, configúrelos con entradas por defecto
  • Para los widgets que tienen entradas, permita a los usuarios proporcionar entradas
  • Agregar varias instancias del mismo widget en una página con diferentes entradas
  • Ver un widget en el modo de pantalla completa

    En este OBE, ha creado una página EnterpriseOne exclusivamente con paneles de widgets, pero al igual que cualquier página compuesta de EnterpriseOne, es posible combinar diferentes tipos de contenido para proporcionar a los usuarios una experiencia de usuario enriquecida, informativa y dinámica.

más información¿Desea obtener más información?