Branding di esempio Oracle by ExamplePubblicazione dei widget in un riquadro widget in una pagina EnterpriseOne

sezione 0Operazioni preliminari

Questo Oracle by Example (OBE) di 45 minuti mostra come è possibile pubblicare widget per utenti EnterpriseOne aggiungendoli a un riquadro widget in una pagina composta da EnterpriseOne.

Presupposto

I widget JD Edwards EnterpriseOne sono un modo semplice e senza codice per raccogliere dati e visualizzarli in formati grafici come badge, contatori e grafici. Poiché i widget ricevono il proprio input dalle orchestrazioni, i dati possono provenire da qualsiasi origine a cui un'orchestrazione può accedere, incluse le API REST da sistemi esterni a EnterpriseOne. Questo apre la porta a molte interessanti opportunità per visualizzare i dati provenienti da fonti EnterpriseOne e non EnterpriseOne fianco a fianco.

È possibile pubblicare facilmente i widget agli utenti finali di EnterpriseOne aggiungendoli alle pagine composte di EnterpriseOne, in particolare a un riquadro di progettazione, e iniziando con Tools 9.2.9.4, un riquadro widget. Inoltre, i widget di tipo badge si comportano in modo simile alle liste di controllo One View; vengono visualizzati automaticamente nell'elenco a discesa Elenco di controllo (flag) nel client Web EnterpriseOne e nei riquadri Elenco di controllo.

Scenario

In questo OBE, in qualità di designer di pagine composto, i widget creati nelle OBE precedenti verranno pubblicati in un nuovo riquadro widget in una pagina EnterpriseOne. Inoltre, come utente, immetterai gli input per i widget e visualizzerai l'output.

Per questo scenario:

  • Creare una nuova pagina composta EnterpriseOne.
  • Creare un nuovo riquadro widget per ciascuno dei widget creati negli esercizi OBE precedenti. Alcuni widget verranno aggiunti alla pagina più di una volta.
  • Aggiungere input predefiniti del widget come designer di pagine.
  • Modificare gli input del widget come utente.
  • Visualizzare un widget in modalità a schermo intero.

Quando completi i passaggi in questo OBE, la tua pagina EnterpriseOne con Widget Panes avrà un aspetto simile a questo screenshot:

Screenshot
Riquadro Widget

Di cosa hai bisogno?

Per eseguire i passi in questa OBE, sarà necessario:

  • Accesso a un ambiente JD Edwards EnterpriseOne con release 25, giugno 2025 (strumenti Release 9.2.9.4) o successiva
  • Sicurezza delle funzioni, sicurezza delle azioni UDO e sicurezza dei contenuti per i WIDGET (WIDGET)
  • Sicurezza delle funzioni e sicurezza delle azioni UDO per le pagine composte (COMPOSITE)
  • Questi sette widget sono stati completati nelle esercitazioni OBE precedenti: Ordini scaduti, Quantità articolo più ordinata, Nome articolo più ordinato, OdA per business unit, Analisi spesa per business unit, Contatore temperatura e Casella di testo previsione dettagliata.

Per maggiori informazioni, vedere le seguenti OBE:


sezione 1Creazione di una nuova pagina composta EnterpriseOne e aggiunta del primo riquadro widget

In questo esercizio verrà creata una nuova pagina EnterpriseOne con un unico riquadro Widget.

  1. Accedere al client Web EnterpriseOne.
  2. Dall'elenco a discesa del menu utente, selezionare Gestisci contenuto e fare clic su Pagine composte.
  3. Dall'elenco a discesa Nome, selezionare (Crea) per creare una nuova pagina.
  4. Fare clic sull'icona Crea nuovo contenuto nella parte superiore sinistra della finestra.
  5. Fare clic su Widget per aggiungere un riquadro widget alla pagina.
  6. Nel campo Nome della finestra Crea collegamento a widget immettere Past Due Orders.
    Nota: poiché ogni riquadro widget può contenere un solo widget, è più comune assegnare un nome al riquadro widget dopo il widget.
  7. Fare clic su OK. Il menu Widget consente di selezionare il widget per questo riquadro.
  8. Dall'elenco a discesa Widget selezionare #Past Ordini in scadenza (Ordini in scadenza passati P43261) - Badge - Numerici.
    Screenshot
    Elenco widget
    Nota: è possibile digitare il campo a discesa per filtrare i nomi dei widget.
  9. Fare clic su Salva in alto a destra nella finestra per salvare la pagina.
  10. Nella finestra Inserisci nuovo nome, immettere Widget Panes.
  11. Fare clic su Chiudi per chiudere il designer della pagina.
    Viene visualizzata la nuova pagina EnterpriseOne con il riquadro Widget singolo. Poiché il widget Ordini scaduti è un badge, viene visualizzato al centro del riquadro e il riquadro occupa l'intera area della pagina come mostrato nel seguente screenshot:
    Screenshot
    Riquadro widget - Passato Ordini in scadenza
    Poiché le pagine composte da EnterpriseOne possono contenere molti tipi di contenuto, ad esempio riquadri di progettazione, report One View, applicazioni EnterpriseOne e così via, è possibile continuare a progettare una pagina più complessa con altri componenti. Nei seguenti esercizi continuerai ad aggiungere riquadri per gli altri widget.

sezione 2Aggiunta dei riquadri Widget alla pagina EnterpriseOne

Nell'esercizio precedente è stata creata una nuova pagina EnterpriseOne con un unico riquadro Widget. In questo esercizio verranno aggiunti riquadri per gli altri widget.

  1. Assicurarsi di visualizzare la nuova pagina Widget Panes.
  2. Dall'elenco a discesa del menu utente, selezionare Gestisci contenuto e fare clic su Pagine composte.
    La pagina composta da EnterpriseOne viene aperta in modalità progettazione.
  3. Fare clic sull'icona Crea nuovo contenuto nella parte superiore della pagina.
  4. Fare clic su Widget e trascinarlo a destra del riquadro widget esistente, quindi rilasciarlo.
  5. Screenshot
    Riquadro Widget
  6. Nel campo Nome della finestra Crea collegamento a widget immettere Most Ordered Item Quantity.
  7. Fare clic su OK.
  8. Il menu Widget consente di selezionare il widget per questo riquadro. Selezionare #Most Quantità ordinata (Quantità articolo più ordinata) - Badge - Valore numerico.
  9. Fare clic su Salva in alto a destra nella finestra per salvare la pagina.
  10. Fare clic su Chiudi per chiudere il designer della pagina.
    Ora la tua pagina ha due Widget Panes come mostrato nel seguente screenshot:
  11. Screenshot
    Riquadro Widget - Ordini scaduti e quantità più ordinata
  12. Ripetere i passi da 2 a 8 per aggiungere alla pagina i widget Nome articolo più ordinato e OdA per business unit. I widget dovrebbero essere visualizzati come mostrato nel seguente screenshot. Se necessario, è possibile regolare l'allineamento dei riquadri widget.
    Screenshot
    Pannelli Widget
    Nota: quando si è in modalità di progettazione per la pagina, è possibile trascinare le barre orizzontali e verticali attorno ai riquadri per allinearle e ridimensionarle.
  13. Screenshot
    Riquadro Widget - Barre orizzontali e verticali

sezione 3Aggiunta di widget con input predefiniti

Negli esercizi precedenti, è stato aggiunto Widget Panes per i widget che non richiedevano alcun input. In questo esercizio verranno aggiunti widget che richiedono input e i widget consentono di fornire valori predefiniti per tali input.

  1. Accedere alla modalità di progettazione per la pagina EnterpriseOne (menu utente -> Gestisci contenuto -> Pagine composte).
  2. Fare clic sull'icona Crea nuovo contenuto nella parte superiore sinistra della pagina.
  3. Fare clic su Widget e trascinarlo nella parte inferiore del centro della pagina, quindi rilasciarlo.
  4. Nel campo Nome della finestra Crea collegamento a widget immettere Spend Analysis by Business Unit for Company 00200.
  5. Fare clic su OK.
  6. Nel menu Widget selezionare #Spend Analisi per business unit (Analisi spesa per business unit) - Grafico.
    Questo widget accetta un valore di input per la società. In qualità di designer di pagine, la finestra Configurazione widget consente di fornire un valore predefinito per tale input per gli utenti che visualizzeranno il widget nella pagina.
  7. Nel campo Valore, immettere 00200.
    È possibile aggiungere lo stesso widget in un riquadro widget più volte e impostare input diversi. Ad esempio, è possibile creare una pagina con widget per "Analisi della spesa per la società 00200" e "Analisi della spesa per la società 00300".
  8. La finestra Configurazione widget consente di eseguire l'override del titolo. Abilitare l'opzione Sostituisci titolo e modificare il valore nel campo Titolo in Spend Analysis by Business Unit - Company 00200. La finestra Configurazione widget fornisce inoltre un'opzione per consentire l'input, consentendo agli utenti di fornire un input diverso per il widget. Per questo, passo lasciare questa opzione disabilitata. Verrà abilitata l'opzione Consenti input in un passo successivo.
  9. Ripetere i passi da 2 a 8 per aggiungere un secondo riquadro widget per il widget Analisi spesa per business unit.
    Questa volta, nel campo Input, immettere 00001 e nel campo Titolo, immettere Spend Analysis by Business Unit – Company 00001.
    Nota: i dati nel sistema potrebbero essere diversi. È possibile utilizzare qualsiasi società con dati validi.
  10. Fare clic su Salva.
  11. Fare clic su Salva nella parte superiore della finestra per salvare la pagina.
  12. Fare clic su Chiudi per chiudere il designer della pagina. La tua pagina EnterpriseOne con Widget Panes ora sembra simile a questa:
  13. Screenshot
    Riquadro Widget

sezione 4Aggiunta di widget con input utente

Nell'esercizio precedente è stato aggiunto un widget che consente gli input e, in qualità di designer di pagine, è stato fornito un input predefinito. In questo esercizio verranno aggiunti widget che consentono all'utente di fornire input. In questo modo, è possibile pubblicare un singolo widget in una pagina e gli utenti possono personalizzare tale widget per se stessi, ad esempio fornendo una business unit, un centro di lavoro o un intervallo di date per l'applicazione di filtri. Ogni utente vedrà lo stesso widget, ma con dati diversi.

  1. Dal menu utente, selezionare Gestisci contenuto, quindi Pagine composte per accedere alla modalità di progettazione per la pagina EnterpriseOne.
  2. Fare clic sull'icona Crea nuovo contenuto nella parte superiore della pagina.
  3. Fare clic su Widget e trascinarlo nella parte inferiore sinistra della pagina, quindi rilasciarlo.
  4. Nel campo Nome della finestra Crea collegamento a widget immettere Temperature.
  5. Fare clic su OK.
  6. Nell'elenco a discesa Widget selezionare #Temperature Meter (Temperature Meter) - Meter.
    Questo widget accetta un valore di input per i punti griglia. Questo input è un codice utilizzato dal National Weather Service degli Stati Uniti per designare una posizione geografica.
  7. Nel campo Valore immettere BOU/63,61. Questo è il punto di riferimento per Denver, Colorado.
  8. Abilitare l'opzione Sostituisci titolo e modificare il titolo in Denver Temperature. Per questa istanza del misuratore di temperatura, lasciare l'opzione Consenti input disabilitata.
  9. Screenshot
    Configurazione widget - Titolo override
  10. Fare clic su Salva.
    Nei passi successivi, si aggiungerà un'altra istanza del widget Misuratore di temperatura e si abiliterà l'opzione Consenti input.
  11. Fare clic sull'icona Crea nuovo contenuto nella parte superiore sinistra della pagina.
  12. Fare clic su Widget e trascinarlo nella parte inferiore del centro della pagina, quindi rilasciarlo.
  13. Nel campo Nome della finestra Crea collegamento a widget immettere City Temperature.
  14. Fare clic su OK.
  15. Nell'elenco a discesa Widget selezionare #Temperature Meter (Temperature Meter) - Meter.
  16. Nella finestra Configurazione widget, abilitare l'opzione Consenti input.
  17. Abilitare l'opzione Sostituisci titolo e modificare il titolo in Your City Temperature.
  18. Lasciare vuoto il campo Valore per gridpoints(String).
  19. Screenshot
    Configurazione widget - Override titolo e Consenti input
  20. Fare clic su Salva.
    Come ultimo riquadro widget nella pagina, successivamente si aggiungerà il widget Casella di testo previsione dettagliata con l'input dell'utente.
  21. Fare clic sull'icona Crea nuovo contenuto nella parte superiore sinistra della pagina.
  22. Tenere premuto Widget e trascinarlo nella parte inferiore destra della pagina. Rilasciare quindi il pulsante del mouse.
  23. Nella finestra Crea collegamento a widget, nel campo Nome, immettere City Forecast.
  24. Fare clic su OK.
  25. Nel menu Widget selezionare #Detailed Casella di testo Previsione (casella di testo Previsione dettagliata) - Casella di testo.
  26. Nella finestra Configurazione widget, abilitare l'opzione Consenti input.
  27. Abilitare l'opzione Sostituisci titolo e nel campo Titolo modificare il titolo in Your City Forecast.
  28. Lasciare vuoto il campo Valore per i punti griglia.
  29. Screenshot
    Configurazione widget - Previsione città
  30. Fare clic su Salva.
  31. Trascinare le barre blu orizzontali e verticali intorno ai riquadri per allineare e dimensionare i riquadri in modo uniforme:
  32. Screenshot
    Riquadro Widget - Allineamento
  33. Fare clic su Salva in alto a destra nella finestra per salvare la pagina.
  34. Fare clic su Chiudi per chiudere il designer della pagina.
    La tua pagina EnterpriseOne con Widget Panes ora sembra simile a questa:
  35. Screenshot
    Riquadro Widget

sezione 5Fornitura dell'input utente ai widget

Nell'esercizio precedente, come progettista della pagina, hai aggiunto i Widget Panes intitolati "La tua temperatura della città" e "La tua previsione della città" e hai consentito l'input dell'utente per questi widget. In questo esercizio, agendo come utente, configurerai questi due widget con l'input per la tua posizione e cambierai i titoli di conseguenza.

  1. Assicurarsi di visualizzare la nuova pagina Widget Panes.
  2. Nel riquadro Widget Temperatura città fare clic sull'icona Configurazione widget .
  3. Screenshot
    Riquadro Widget - Temperatura della città
  4. Nella finestra Configurazione widget, immettere un valore della tabella seguente per configurare i punti griglia per una città diversa.
    Città
    Punti griglia
    Distretto di Denver BOU/63,61
    New York, NY OKX/33.35
    Chicago, Illinois LOTTO/75,73
    Las Vegas (NV) VEF/123.98
  5. Abilitare l'opzione Titolo sostituzione e modificare il valore nel campo Titolo in modo che corrisponda alla città.
  6. Screenshot
    Configurazione di Widget - Temperatura di New York
  7. Fare clic su Salva.
    La pagina EnterpriseOne aggiorna il widget con il nuovo input e il nuovo titolo, come mostrato nel seguente screenshot:
  8. Screenshot
    Riquadro Widget - Temperatura di New York
  9. Ripetere i passaggi da 2 a 5 per configurare il widget "Previsione città" con lo stesso input di punti griglia e il titolo appropriato.
  10. Screenshot
    Widget Panes - Temperatura e previsione

sezione 7Visualizzazione dei riquadri Widget in modalità Schermo intero

Quando si visualizzano i riquadri widget in una pagina EnterpriseOne, come con altri tipi di riquadro, gli utenti possono aprire il riquadro in modalità a schermo intero. Questa modalità può fornire una visione più chiara dei dettagli, soprattutto con grafici complicati.

  1. Assicurarsi di visualizzare la nuova pagina Widget Panes.
  2. Nel riquadro Widget Analisi spese per business unit - Società 00200 fare clic sull'icona Inserisci contenuto.
    La pagina EnterpriseOne è sostituita da una vista a schermo intero del widget:
  3. Screenshot
    Riquadro widget - Icona Contenuto popup
  4. Per ripristinare la dimensione originale del widget, fare clic sull'icona Ripristina contenuto nell'angolo superiore destro del riquadro.
  5. Screenshot
    Riquadro Widget - Icona Ripristina contenuto

ulteriori informazioniConclusione

In questo OBE, hai imparato come:

  • Creare una nuova pagina composta EnterpriseOne e aggiungervi i riquadri widget
  • Per i widget con input, configurarli con input predefiniti
  • Per i widget con input, consentire agli utenti di fornire input
  • Aggiungere più istanze dello stesso widget in una pagina con input diversi
  • Visualizzare un widget in modalità a schermo intero

    In questo OBE, è stata creata una pagina EnterpriseOne esclusivamente con Widget Panes, ma come qualsiasi pagina composta da EnterpriseOne, è possibile combinare diversi tipi di contenuto per fornire agli utenti un'esperienza utente ricca, informativa e dinamica.

ulteriori informazioniVuoi saperne di più?