Oracle by Example-BrandingWidgets in einem Widgetbereich auf einer EnterpriseOne-Seite veröffentlichen

Abschnitt 0Bevor Sie beginnen

In diesem 45-minütigen Oracle by Example-(OBE-)Bericht wird gezeigt, wie Sie Widgets in EnterpriseOne-Benutzern veröffentlichen können, indem Sie sie in einem Widgetbereich auf einer zusammengestellten Seite EnterpriseOne hinzufügen.

Hintergrund

JD Edwards EnterpriseOne-Widgets sind eine einfache, codefreie Möglichkeit, Daten zu erfassen und in grafischen Formaten wie Badges, Zählern und Diagrammen zu visualisieren. Da Widgets ihre Eingaben aus Orchestrierungen erhalten, können die Daten aus jeder Quelle stammen, auf die eine Orchestrierung zugreifen kann, einschließlich REST-APIs von Systemen, die außerhalb von EnterpriseOne liegen. Dies öffnet die Tür für viele interessante Möglichkeiten, Daten aus EnterpriseOne- und Nicht-EnterpriseOne-Quellen nebeneinander zu visualisieren.

Sie können Widgets ganz einfach in EnterpriseOne-Endbenutzern veröffentlichen, indem Sie sie zu EnterpriseOne-komponierten Seiten, insbesondere einem Designerbereich, hinzufügen und mit Tools 9.2.9.4, einem Widgetbereich, beginnen. Darüber hinaus verhalten sich Badge-Widgets ähnlich wie One View-Watchlists. Sie werden automatisch in der Dropdown-Liste "Watchlist" (Flag) auf dem EnterpriseOne-Webclient und in den Watchlist-Fenstern angezeigt.

Scenario

In dieser OBE veröffentlichen Sie als komponierter Seitendesigner die Widgets, die Sie in den vorherigen OBEs erstellt haben, in einem neuen Widgetbereich auf einer EnterpriseOne-Seite. Außerdem geben Sie als Benutzer Eingaben für die Widgets ein und zeigen die Ausgabe an.

Für dieses Szenario werden Sie:

  • Erstellen Sie eine neue zusammengestellte EnterpriseOne-Seite.
  • Erstellen Sie einen neuen Widgetbereich für jedes der Widgets, die Sie in den vorherigen OBE-Übungen erstellt haben. Einige Widgets, die Sie der Seite mehr als einmal hinzufügen.
  • Fügen Sie Widget-Standardeingaben als Seitendesigner hinzu.
  • Ändern Sie Widget-Eingaben als Benutzer.
  • Widget im Vollbildmodus anzeigen.

Wenn Sie die Schritte in dieser OBE ausführen, sieht die Seite EnterpriseOne mit Widget Panes ähnlich aus wie im folgenden Screenshot:

Screenshot
Widget-Bereich

Voraussetzungen

Um die Schritte in dieser OBE auszuführen, benötigen Sie:

  • Zugriff auf eine JD Edwards EnterpriseOne-Umgebung mit Release 25, Juni 2025 (Tools Release 9.2.9.4) oder höher
  • Featuresicherheit, UDO-Aktionssicherheit und Inhaltssicherheit für Widgets (WIDGET)
  • Featuresicherheit und UDO-Aktionssicherheit für COMPOSITE Pages (COMPOSITE)
  • Diese sieben Widgets, die Sie in den vorherigen OBE-Übungen abgeschlossen haben: Überfällige Aufträge, Menge des meistbestellten Artikels, Name des meistbestellten Artikels, Bestellungen nach Geschäftseinheit, Ausgabenanalyse nach Geschäftseinheit, Temperaturmessgerät und Textfeld "Detaillierte Prognose".

Weitere Informationen finden Sie in den folgenden OBEs:


Abschnitt 1Neue komponierte Seite EnterpriseOne erstellen und ersten Widgetbereich hinzufügen

In dieser Übung erstellen Sie eine neue EnterpriseOne-Seite mit einem einzigen Widgetbereich.

  1. Melden Sie sich beim EnterpriseOne-Webclient an.
  2. Wählen Sie in der Dropdown-Liste des Benutzermenüs die Option Inhalt verwalten aus, und klicken Sie auf Komponierte Seiten.
  3. Wählen Sie in der Dropdown-Liste "Name" die Option (Erstellen) aus, um eine neue Seite zu erstellen.
  4. Klicken Sie oben links im Fenster auf das Symbol Neuen Inhalt erstellen.
  5. Klicken Sie auf Widget, um der Seite einen Widgetbereich hinzuzufügen.
  6. Geben Sie im Fenster "Link zum Widget erstellen" im Feld "Name" Past Due Orders ein.
    Hinweis: Da jeder Widgetbereich nur ein Widget enthalten kann, wird der Widgetbereich am häufigsten nach dem Widget benannt.
  7. Klicken Sie auf OK. Im Menü "Widget" können Sie das Widget für diesen Bereich auswählen.
  8. Wählen Sie in der Dropdown-Liste "Widget" die Option #Past Due Orders (Past Due Orders P43261) – Badge – Numerisch aus.
    Screenshot
    Widgetliste
    Hinweis: Sie können das Dropdown-Feld eingeben, um die Widgetnamen zu filtern.
  9. Klicken Sie oben rechts im Fenster auf Speichern, um die Seite zu speichern.
  10. Geben Sie im Fenster "Neuen Namen eingeben" Widget Panes ein.
  11. Klicken Sie auf Schließen, um den Seitendesigner zu schließen.
    Die neue Seite EnterpriseOne wird mit dem einzelnen Widgetbereich angezeigt. Da das Widget "Überfällige Anforderungen" ein Badge ist, wird es in der Mitte des Bereichs angezeigt, und der Bereich nimmt den gesamten Seitenbereich ein, wie im folgenden Screenshot gezeigt:
    Screenshot
    Widgetbereich - Vergangenheit Fällige Anforderungen
    Da EnterpriseOne komponierte Seiten viele Inhaltstypen enthalten können, wie Designerbereiche, One View-Berichte, EnterpriseOne-Anwendungen usw., können Sie weiterhin eine komplexere Seite mit anderen Komponenten entwerfen. In den folgenden Übungen fügen Sie weitere Bereiche für Ihre anderen Widgets hinzu.

Abschnitt 2Hinzufügen von Widgetbereichen zur Seite EnterpriseOne

In der vorherigen Übung haben Sie eine neue EnterpriseOne-Seite mit einem einzigen Widgetbereich erstellt. In dieser Übung fügen Sie Bereiche für Ihre anderen Widgets hinzu.

  1. Stellen Sie sicher, dass Sie die neue Seite "Widgetbereiche" anzeigen.
  2. Wählen Sie in der Dropdown-Liste des Benutzermenüs die Option Inhalt verwalten aus, und klicken Sie auf Komponierte Seiten.
    Die zusammengestellte Seite EnterpriseOne wird im Entwurfsmodus geöffnet.
  3. Klicken Sie oben auf der Seite auf das Symbol Neuen Inhalt erstellen.
  4. Klicken Sie auf das Widget, und ziehen Sie es rechts neben dem vorhandenen Widgetbereich, und legen Sie es ab.
  5. Screenshot
    Widget-Bereich
  6. Geben Sie im Fenster "Link zum Widget erstellen" im Feld "Name" Most Ordered Item Quantity. ein.
  7. Klicken Sie auf OK.
  8. Im Menü "Widget" können Sie das Widget für diesen Bereich auswählen. Wählen Sie #Most Ordered Quantity (Most Ordered Item Quantity) – Badge – Numerisch (Ausweis).
  9. Klicken Sie oben rechts im Fenster auf Speichern, um die Seite zu speichern.
  10. Klicken Sie auf Schließen, um den Seitendesigner zu schließen.
    Nun hat Ihre Seite zwei Widget-Bereiche, wie im folgenden Screenshot gezeigt:
  11. Screenshot
    Fensterbereich "Widget" - Überfällige Aufträge und meistbestellte Menge
  12. Wiederholen Sie die Schritte 2 bis 8, um der Seite die Widgets Name des meistbestellten Artikels und Bestellungen nach Geschäftseinheit hinzuzufügen. Die Widgets sollten wie im folgenden Screenshot dargestellt aussehen. Sie können die Ausrichtung der Widgetbereiche nach Bedarf anpassen.
    Screenshot
    Widgetbereiche
    Hinweis: Wenn Sie sich im Entwurfsmodus für die Seite befinden, können Sie die horizontalen und vertikalen Balken um die Bereiche ziehen, um sie auszurichten und ihre Größe zu ändern.
  13. Screenshot
    Widgetbereich - Horizontale und vertikale Balken

Abschnitt 3Widgets mit Standardeingaben hinzufügen

In den vorherigen Übungen haben Sie Widget Panes für Widgets hinzugefügt, für die keine Eingaben erforderlich waren. In dieser Übung fügen Sie Widgets hinzu, die Eingaben erfordern, und mit den Widgets können Sie Standardwerte für diese Eingaben angeben.

  1. Greifen Sie auf den Entwurfsmodus für die Seite EnterpriseOne zu (Benutzermenü -> Inhalt verwalten -> Komponierte Seiten).
  2. Klicken Sie oben links auf der Seite auf das Symbol Neuen Inhalt erstellen.
  3. Klicken Sie auf das Widget, und ziehen Sie es in die untere Mitte der Seite, und legen Sie es ab.
  4. Geben Sie im Fenster "Link zum Widget erstellen" im Feld "Name" Spend Analysis by Business Unit for Company 00200 ein.
  5. Klicken Sie auf OK.
  6. Wählen Sie im Widgetmenü die Option #Spend Analyse nach Geschäftseinheit (Ausgabenanalyse nach Geschäftseinheit) - Diagramm aus.
    Dieses Widget akzeptiert einen Eingabewert für das Unternehmen. Als Seitendesigner können Sie im Fenster "Widgetkonfiguration" einen Standardwert für diese Eingabe für die Benutzer angeben, die das Widget auf der Seite anzeigen.
  7. Geben Sie im Feld "Wert" 00200 ein.
    Sie können dasselbe Widget mehrmals in einem Widgetbereich hinzufügen und verschiedene Eingaben festlegen. Beispiel: Sie können eine Seite mit Widgets für "Ausgabenanalyse für Unternehmen 00200" und "Ausgabenanalyse für Unternehmen 00300" erstellen.
  8. Im Fenster "Widgetkonfiguration" können Sie den Titel überschreiben. Aktivieren Sie die Option "Titel überschreiben", und ändern Sie den Wert im Feld "Titel" in Spend Analysis by Business Unit - Company 00200. Das Fenster "Widgetkonfiguration" bietet auch die Option "Eingabe zulassen", mit der Benutzer eine andere Eingabe für das Widget angeben können. Lassen Sie diese Option deaktiviert. Sie aktivieren die Option "Eingabe zulassen" in einem nachfolgenden Schritt.
  9. Wiederholen Sie die Schritte 2 bis 8, um einen zweiten Widgetbereich für das Widget "Ausgabenanalyse nach Geschäftseinheit" hinzuzufügen.
    Geben Sie diesmal im Feld "Eingabe" 00001 und im Feld "Titel" Spend Analysis by Business Unit – Company 00001.
    Hinweis: Die Daten in Ihrem System können unterschiedlich sein. Sie können jedes Unternehmen mit gültigen Daten verwenden.
  10. Klicken Sie auf Speichern.
  11. Klicken Sie oben im Fenster auf Speichern, um die Seite zu speichern.
  12. Klicken Sie auf Schließen, um den Seitendesigner zu schließen. Ihre EnterpriseOne-Seite mit Widget Panes sieht jetzt wie folgt aus:
  13. Screenshot
    Widget-Bereich

Abschnitt 4Widgets mit Benutzereingaben hinzufügen

In der vorherigen Übung haben Sie ein Widget hinzugefügt, das Eingaben erlaubt hat, und als Seitendesigner haben Sie eine Standardeingabe angegeben. In dieser Übung fügen Sie Widgets hinzu, mit denen der Benutzer Eingaben bereitstellen kann. Auf diese Weise können Sie ein einzelnes Widget auf einer Seite veröffentlichen. Benutzer können dieses Widget beispielsweise für sich selbst anpassen, indem sie eine relevante Geschäftseinheit, einen Arbeitsplatz oder einen Datumsbereich zum Filtern angeben. Jedem Benutzer wird dasselbe Widget angezeigt, jedoch mit unterschiedlichen Daten.

  1. Wählen Sie im Benutzermenü die Option Inhalt verwalten, und wählen Sie Komponierte Seiten aus, um auf den Entwurfsmodus für die Seite EnterpriseOne zuzugreifen.
  2. Klicken Sie oben auf der Seite auf das Symbol Neuen Inhalt erstellen.
  3. Klicken Sie auf das Widget, und ziehen Sie es nach unten links auf der Seite, und legen Sie es ab.
  4. Geben Sie im Fenster "Link zum Widget erstellen" im Feld "Name" Temperature ein.
  5. Klicken Sie auf OK.
  6. Wählen Sie in der Dropdown-Liste "Widget" die Option #Temperature Meter (Temperature Meter) - Meter aus.
    Dieses Widget akzeptiert einen Eingabewert für Rasterpunkte. Diese Eingabe ist ein Code, der vom US National Weather Service verwendet wird, um einen geografischen Standort anzugeben.
  7. Geben Sie im Feld "Wert" BOU/63,61 ein. Dies ist der Gridpoint für Denver, Colorado.
  8. Aktivieren Sie die Option Titel überschreiben, und bearbeiten Sie den Titel in Denver Temperature. Lassen Sie für diese Instanz des Temperaturmessers die Option Eingabe zulassen deaktiviert.
  9. Screenshot
    Widgetkonfiguration - Überschreibungstitel
  10. Klicken Sie auf Speichern.
    In den nächsten Schritten fügen Sie dem Widget "Temperaturmesser" eine weitere Instanz hinzu und aktivieren die Option "Eingabe zulassen".
  11. Klicken Sie oben links auf der Seite auf das Symbol Neuen Inhalt erstellen.
  12. Klicken Sie auf das Widget, und ziehen Sie es in die untere Mitte der Seite, und legen Sie es ab.
  13. Geben Sie im Fenster "Link zum Widget erstellen" im Feld "Name" City Temperature. ein.
  14. Klicken Sie auf OK.
  15. Wählen Sie in der Dropdown-Liste "Widget" die Option #Temperature Meter (Temperature Meter) - Meter aus.
  16. Aktivieren Sie im Fenster "Widgetkonfiguration" die Option Eingabe zulassen.
  17. Aktivieren Sie die Option Überschreibungstitel, und ändern Sie den Titel in Your City Temperature.
  18. Lassen Sie das Feld "Wert" für Rasterpunkte (Zeichenfolge) leer.
  19. Screenshot
    Widgetkonfiguration - Titel überschreiben und Eingabe zulassen
  20. Klicken Sie auf Speichern.
    Als letzter Widgetbereich auf der Seite fügen Sie als Nächstes das Widget "Detailliertes Prognosetextfeld" mit Benutzereingabe hinzu.
  21. Klicken Sie oben links auf der Seite auf das Symbol Neuen Inhalt erstellen.
  22. Halten Sie das Widget gedrückt, und ziehen Sie es in den unteren rechten Teil der Seite. Dann lassen Sie die Maustaste los.
  23. Geben Sie im Fenster "Link zum Widget erstellen" im Feld "Name" Folgendes ein: City Forecast.
  24. Klicken Sie auf OK.
  25. Wählen Sie im Widgetmenü die Option #Detailed Forecast Text Box (Detailed Forecast Text Box) – Text Box.
  26. Aktivieren Sie im Fenster "Widgetkonfiguration" die Option Eingabe zulassen.
  27. Aktivieren Sie die Option Überschreibungstitel, und ändern Sie im Feld "Titel" den Titel in Your City Forecast.
  28. Lassen Sie das Feld "Wert" für Rasterpunkte leer.
  29. Screenshot
    Widgetkonfiguration - Ihre Ortsprognose
  30. Klicken Sie auf Speichern.
  31. Ziehen Sie die horizontalen und vertikalen blauen Balken um die Bereiche, um sie gleichmäßig auszurichten und zu dimensionieren:
  32. Screenshot
    Widgetbereich - Ausrichtung
  33. Klicken Sie oben rechts im Fenster auf Speichern, um die Seite zu speichern.
  34. Klicken Sie auf Schließen, um den Seitendesigner zu schließen.
    Ihre EnterpriseOne-Seite mit Widget Panes sieht jetzt wie folgt aus:
  35. Screenshot
    Widget-Bereich

Abschnitt 5Benutzereingabe für Widgets bereitstellen

In der vorherigen Übung haben Sie als Seiten-Designer Widget Panes mit den Titeln "Ihre Stadttemperatur" und "Ihre Stadtprognose" hinzugefügt und die Benutzereingabe für diese Widgets zugelassen. In dieser Übung konfigurieren Sie als Benutzer diese beiden Widgets mit Eingabe für Ihren Standort und ändern die Titel entsprechend.

  1. Stellen Sie sicher, dass Sie die neue Seite "Widgetbereiche" anzeigen.
  2. Klicken Sie im Widgetbereich mit dem Titel "Ortstemperatur" auf das Symbol Widgetkonfiguration .
  3. Screenshot
    Widget-Bereich – Temperatur in Ihrer Stadt
  4. Geben Sie im Fenster "Widgetkonfiguration" einen Wert aus der folgenden Tabelle ein, um Rasterpunkte für einen anderen Ort zu konfigurieren.
    Stadt
    Rasterpunkte
    Denver, CO BOU 63,61
    New York, NY OKX/33,35
    Chicago, IL LOS/75,73
    Las Vegas (NV) VEF/123,98
  5. Aktivieren Sie die Option Titel überschreiben, und bearbeiten Sie den Wert im Feld "Titel" so, dass er mit dem Ort übereinstimmt.
  6. Screenshot
    Widgetkonfiguration - Temperatur in New York
  7. Klicken Sie auf Speichern.
    Die Seite EnterpriseOne aktualisiert das Widget mit der neuen Eingabe und dem neuen Titel, wie im folgenden Screenshot gezeigt:
  8. Screenshot
    Widget-Bereich – Temperatur in New York
  9. Wiederholen Sie die Schritte 2 bis 5, um das Widget "Ihre Stadtprognose" mit derselben Rasterpunkteingabe und demselben Titel zu konfigurieren.
  10. Screenshot
    Widgetbereiche - Temperatur und Prognose

Abschnitt 7Anzeigen von Widgetbereichen im Vollbildmodus

Wenn Sie Widget Panes auf einer EnterpriseOne-Seite anzeigen, wie bei anderen Fensterbereichstypen, können Benutzer den Fensterbereich im Vollbildmodus öffnen. Dieser Modus kann eine klarere Ansicht der Details bieten, insbesondere bei komplizierten Diagrammen.

  1. Stellen Sie sicher, dass Sie die neue Seite "Widgetbereiche" anzeigen.
  2. Klicken Sie im Widgetbereich mit dem Titel "Ausgabenanalyse nach Geschäftseinheit - Unternehmen 00200" auf das Symbol Inhalt auffüllen.
    Die Seite EnterpriseOne wird durch eine Vollbildansicht des Widgets ersetzt:
  3. Screenshot
    Fensterbereich "Widget" - Symbol für Popup-Inhalt
  4. Um die ursprüngliche Größe des Widgets wiederherzustellen, klicken Sie oben rechts im Fensterbereich auf das Symbol Inhalt wiederherstellen.
  5. Screenshot
    Fensterbereich "Widget" - Symbol "Inhalt wiederherstellen"

weitere InformationenSchlussfolgerung

In dieser OBE haben Sie gelernt, wie Sie:

  • Neue komponierte EnterpriseOne-Seite erstellen und Widgetbereiche hinzufügen
  • Für Widgets mit Eingaben konfigurieren Sie sie mit Standardeingaben
  • Für Widgets mit Eingaben können Benutzer Eingaben angeben
  • Mehrere Instanzen desselben Widgets auf einer Seite mit unterschiedlichen Eingaben hinzufügen
  • Widget im Vollbildmodus anzeigen

    In dieser OBE haben Sie eine EnterpriseOne-Seite ausschließlich mit Widgetbereichen erstellt. Wie jede komponierte EnterpriseOne-Seite ist es jedoch möglich, verschiedene Inhaltstypen zu kombinieren, um Benutzern eine umfassende, informative und dynamische Benutzererfahrung zu bieten.

weitere InformationenMöchten Sie mehr erfahren?