Show TOC Anfang des Inhaltsbereichs

Vorgehensweisen Web Applications mit dem BEx Web Application Designer erstellen  Dokument im Navigationsbaum lokalisieren

Verwendung

Mit Hilfe des BEx Web Application Designers können Sie auf einfache Art und Weise eine BEx Web Application – eine HTML-Seite mit BI-spezifischen Inhalten – erstellen.

Vorgehensweise

...

       1.      Anlegen eines Web Templates

Den Ausgangspunkt bildet das Web Template. Das Web Template ist ein XHTML-Dokument, das zur Festlegung der Struktur einer Web Application dient und Platzhalter für Web Items, Data Provider und Befehle enthält. Erst ab dem Zeitpunkt der Anzeige im Web Browser spricht man von einer Web Application.

Im Laufe des Design-Prozesses verändern Sie das Web Template, indem Sie Platzhalter für Web Items und Data Provider einbetten. Diese Veränderungen können Sie in der XHTML-Sicht nachverfolgen.

Um ein neues Web Template anzulegen, haben Sie folgende Optionen:

       Wählen Sie in der Menüleiste des Web Application Designers Web Template ® Neu… Sie gelangen auf ein Dialogfenster. Wählen Sie dort die Drucktaste Leeres Web Template.

       Wählen Sie Neues leeres Web Template anlegen im rechten oberen Bereich der initialen Web-Application-Designer-Sicht.

       Wählen Sie Diese Grafik wird im zugehörigen Text erklärt (Neu) in der Symbolleiste des Web Application Designers.

       2.      Einstellen des Data Binding/Auswahl des Data Providers

Die Daten zu Ihren Web Items liefern Data Provider, die Sie im Web Application Designer anlegen. Sie können einen Data Provider mehreren Web Items zuweisen. Das Konzept des Data Providers ermöglicht es, die Datenquelle für ein Web Item sehr einfach auszutauschen. Ist ein bestimmter Data Provider mehreren Web Items zugewiesen, wirken sich die Änderungen auf alle betroffenen Web Items aus. Durch Navigation – durch Änderung des Aufrisses – zeigt das Web Item immer die aktuellen Aufrissdaten.

Hinweis

Ein Data Provider ist ein dynamisches Objekt, das zur Laufzeit aktuelle Daten zu einem oder mehreren Web Items liefert. Über die Auswahl einer Query bzw. eines Query View definieren Sie die Startsicht des Data Providers. Weitere Informationen zu Data Providern finden Sie unter Mit Data Provider arbeiten.

Sie haben mehrere Möglichkeiten, Data Provider anzulegen:

                            a.      über die  Drucktaste Data Provider im Bildschirmbereich Web Items

                                                  i.       Wählen Sie aus, ob Sie einen Data Provider vom Typ Filter oder vom Typ Query View anlegen möchten und ziehen Sie die entsprechende Zeile in den unteren Data-Provider-Abschnitt des Bildschirmbereichs Web Template. Sie gelangen auf das Dialogfenster Neuer Data Provider.

                                                ii.       Weisen Sie dem Data Provider einen Namen zu und treffen Sie die übrigen notwendigen Einstellungen. 

Hinweis

In der Dropdown-Box unterhalb des Namensfeldes haben Sie eine zusätzliche Möglichkeit, den Data-Provider-Typ auszuwählen bzw. umzustellen.

                            b.      über das Symbol Neuer Data Provider im unteren Data-Provider-Abschnitt des Bildschimbereichs Web Template

                                                  i.       Wählen Sie per Doppelklick Neuer Data Provider. Sie gelangen auf das Dialogfenster Neuer Data Provider.

                                                ii.       Verfahren Sie, wie unter Punkt a. ii. beschrieben.

                            c.      über die die Registerkarte Allgemein im Bildschirmbereich Eigenschaften

Diese Möglichkeit können Sie nur dann nutzen, wenn Sie bereits ein Web Item in Ihr Web Template eingefügt haben.

                                                  i.       Wählen Sie im Kopf des Bildschirmbereichs Eigenschaften das Web Item aus, für das Sie einen Data Provider anlegen möchten.

                                                ii.       Wählen Sie Neuer Data Provider unter der Registerkarte Allgemein. Sie gelangen auf das Dialogfenster Neuer Data Provider. Verfahren Sie, wie unter Punkt a. ii. beschrieben.

Der Data Provider wird dem ausgewählten Web Item zugewiesen. Sie können auch mehrere Data Provider wie unter Punkt c. beschrieben anlegen. Diese werden in der Dropdown-Box unter Zuordnung von Data Provider aufgelistet. Auf diese Weise können Sie dem ausgewählten Web Item einen anderen Data Provider zuweisen.

Unter Data Provider: <Name des zugewiesenen Data Providers> gelangen Sie zum Dialogfenster Data Provider pflegen. Von hier aus können Sie den Data Provider wiederum ändern und umstellen.

Wenn Sie einen Data Provider erstellt haben, wird dieser dem eingefügten Web Item zugewiesen. Die Zuordnung richtet sich nach der Reihenfolge der Data Provider in der inneren Struktur des Web Templates. Siehe dazu auch Punkt 4.a.

       3.      Einfügen eines Web Items

Die Web Items im Bildschirmbereich Web Items dienen Ihnen als Vorlage. Indem Sie ein Web Item auf Ihr Web Template ziehen, wird daraus eine konkrete Ausprägung des Web Items – ein Objekt. Das Web Item hat einen Namen und bestimmte Standardparameter, die Sie gemäß Ihren Anforderungen ändern können (siehe dazu Punkt 4).

In der XHTML-Sicht sehen Sie die Auswirkungen. Es wurde ein Web-Item-Tag für das Web Item und ein Data-Provider-Tag für den Data Provider (sofern Sie einen Data Provider angelegt haben) als Platzhalter in das XHTML integriert. Verändern Sie den Namen des Web Items und weisen Sie ihm einen Data Provider zu. In der XHTML-Sicht erkennen Sie, dass Ihre Einstellungen in das Web-Item-Tag geschrieben werden. Ebenso wird von Ihnen vorgenommenes Layouting in das XHTML übernommen.

                            a.      Ziehen Sie ein Web Item aus einer der Web-Item-Gruppierungen Standard, Erweitert oder Diverse im Bildschirmbereich Web Items per Drag and Drop auf das Web Template. Das Web Item erscheint im Web Template.

Hinweis

Unterhalb der Auswahl für Web Items und der Data-Provider-Pflege finden Sie den Hilfebereich, in dem erklärende Texte zu den Web Items und den Data Providern angezeigt werden. Um sich die Texte zum jeweiligen Web Item anzeigen zu lassen, wählen Sie über einen Doppelklick auf der rechten Maustaste das Web Item aus. Um die Anzeige der Texte auszublenden, verfahren Sie auf die gleiche Weise. Wenn Sie die Anzeige der Texte ausgeblendet haben und Sie ein Web Item mit einem einfachen Mausklick auswählen, wird eine Quickinfo zum Web Item angezeigt.

                            b.      Wenn Sie das eingefügte Web Item umbenennen möchten, gehen Sie wie folgt vor:

Wählen Sie die Drucktaste Web Item umbenennen rechts neben der Dropdown-Box, in der die eingefügten Web Items gelistet werden, im Bildschirmbereich Eigenschaften. Benennen Sie das Web Item, indem Sie Web im Bildschirmbereich Eigenschaften neben der Dropdown-Box, in der die eingefügten Web Items gelistet werden,  unter Name den voreingestellten Text überschreiben.

       4.      Eigenschaften des Web Items bestimmen

                            a.      Wählen Sie die Registerkarte Allgemein im Bildschirmbereich Eigenschaften, um die Zuordnung eines Data Providers für das entsprechende Web Item vorzunehmen bzw. zu verändern. Siehe dazu auch Punkt 2.

                            b.      Wählen Sie die Registerkarte Web-Item-Parameter, um die Parameter des ausgewählten Web Items einzustellen.

Hinweis

Für das Web Item Chart können Sie die Parameter auch über den Dialog Chart bearbeiten einstellen. Wählen Sie dazu Bearbeiten... im Kontextmenü des Web Items Chart oder Chart bearbeiten in der Parameter-Gruppierung Interne Anzeige des Web Items Chart. Weitere Information hierzu finden Sie unter Chart bearbeiten.

       5.      Einfügen weiterer Web Items

Um weitere Web Items zu integrieren, wiederholen Sie die Schritte 3. bis 4.

Achtung

    Achten Sie beim Einfügen weiterer Web Items über das Menü Einfügen ® Web Items darauf, wo Sie den Cursor in Ihrem  Web Template positionieren. Die Position ist entscheidend dafür, an welcher Stelle das neue Web Item eingefügt wird. Siehe auch Layoutgestaltung von Web Templates. Beim Einfügen von Web Items per Drag&Drop spielt die Position des Cursors keine Rolle.

    Achten Sie darauf, dass Sie Data Binding und Web Item-spezifische Parameter-Einstellungen für das richtige Web Item vornehmen. Um die Einstellungen für das betreffende Web Item vorzunehmen, markieren Sie es in der Layout-Sicht. Im Kopf des Fensters Eigenschaften wird Ihnen anzeigt, für welches Web Item Sie die Einstellungen vornehmen können. Als Alternative zum Markieren der einzelnen Web Items, können Sie auch mit dieser Dropdown-Box zwischen den Attributen der einzelnen Web Items wechseln.

       6.      Gestalten des Layouts eines Web Templates

Im Web Application Designer können Sie Ihr Web Template analog zu bekannten XHTML-Editoren gestalten. Siehe auch Layoutgestaltung von Web Templates.

       7.      Verändern der Web-Template-Eigenschaften

                            a.      Wählen Sie das Web Template aus der Dropdown-Box des Bildschimbereichs  Eigenschatten aus, um die Standard- Eigenschaften des Web Templates zu verändern.

                            b.      Wählen Sie die Registerkarte Web-Template-Parameter,  unter der Sie die Parametereinstellungen des Web Templates ändern können.

 Weitere Informationen finden Sie unter Eigenschaften eines Web Templates.

       8.      Speichern und Ausführen des Web Templates

Sie führen das Web Template im Web Browser (Portal) aus. Dabei wird aus dem Web Template eine Web Application: Das Web Template wird auf dem Application Server für ABAP gespeichert und eine URL zu dieser Web Application generiert.

Zur Laufzeit (ausgelöst durch den Aufruf der URL) werden die BI-Tags durch konkretes HTML mit den Informationen gemäß den Web Item- und Data Provider-Einstellungen ersetzt. Dabei wird auf das Web Template auf dem Application Server für ABAP zugegriffen. Dies macht es erforderlich, dass Sie Ihr Web Template vor dem Ausführen speichern.

                            a.      Um Ihr Web Template zu sichern, wählen Sie Web Template ® Speichern in der Menüleiste des Web Application Designers.

                            b.      Um sich Ihre Web Application im Browser (Portal) anzusehen, wählen Sie Web Template  ®  Ausführen.

Es ist erforderlich, das Web Template vor dem Ausführen im Web Browser zu sichern. Daher werden Sie beim Ausführen dazu aufgefordert, wenn Sie es zuvor unterlassen haben.

Hinweis

    Um ein Web Template einer Rolle zuzuweisen, wählen Sie Web Template ® Publizieren ® in Rolle. Siehe auch Rollenpflege.

    Um die URL eines Web Templates in die Zwischenablage zu nehmen, wählen Sie Web Template  ® Publizieren ® URL in Clipboard kopieren.. Dazu ist es erforderlich, dass das Web Template schon einmal abgespeichert wurde.

    Um ein Web Template zu verteilen, wählen Sie Web Template  ® Publizieren  ® BEx Broadcaster....  Weitere Informationen hierzu finden Sie unter  Queries, Query Views, Web Templates und Reports vorberechnen und verteilen.

Ergebnis

Ihre Web Application wir im Portal, das wiederum in einem Web Browser läuft, gestartet und angezeigt.

Hinweis

Wenn Sie Ihre Web Application ausdrucken möchten, wählen Sie Drucken im Kontextmenü der ausgeführten Web Application.

Siehe auch:

Web Templates weiterbearbeiten

 

Ende des Inhaltsbereichs