Show TOC

ProzessTutorial Teil 2: App mit zusätzlicher Navigation erstellen Dieses Dokument in der Navigationsstruktur finden

 

In diesem zweiten Teil des Tutorial zur Erstellung und Registrierung eigener Dashboard-Apps erweitern Sie die einfache App aus dem ersten Teil um die Möglichkeit eines Drilldown, d. h. Sie können aus der App heraus kontextabhängig eine weitere App aufrufen. Konkret werden in der App die monatlichen Telefonkosten der Niederlassungen eines fiktiven Unternehmens in einem Balkendiagramm ausgegeben; der Drilldown besteht darin, dass Sie den Balken einer Niederlassung anklicken können, um sich genau für diese Niederlassung die täglichen Telefonkosten anzeigen zu lassen.

Dieser Teil des Tutorials dient damit primär dazu, dass Sie die Möglichkeit eines Drilldown kennen lernen.

Voraussetzungen

Da die verschiedenen Teile des Tutorials aufeinander aufbauen, sollten Sie den vorherigen Teil des Tutorials (Tutorial Teil 1: einfache App erstellen und registrieren) abgeschlossen haben. Falls Sie jedoch ausschließlich diesen Teil des Tutorials durcharbeiten möchten, können Sie die benötigten Dateien aus dem ersten Teil auch durch Dateien ersetzen, die von SAP ausgeliefert werden.

Benötigte Datei

Schritte zum Erstellen der benötigten Datei

Xcelsius-Datei der App aus Teil 1 (ztut1_costs_month.xlf)

Starten Sie das Registrierungswerkzeug, markieren Sie die App   Tutorial Samples   SAP_TUTORIAL_1_APP  , und wählen Sie die Drucktaste Details.

Sie können nun die benötigte Datei herunterladen, indem Sie in der Zeile Xcelsius-Datei (XLF) die Drucktaste Xcelsius-Datei zum Bearbeiten herunterladen wählen, und die Datei unter dem links genannten Namen lokal sichern.

BW-Query aus Teil 1 (ZTUT1_COSTS_MONTH)

Starten Sie den BEx Query Designer, und geben Sie als System das BW-System bzw. den BW-Mandanten ein, das Ihrem SAP-Solution-Manager-System zugeordnet ist.

Öffnen Sie die BW-Query mit dem technischen Namen TUT1_COSTS_MONTH, und sichern Sie diese Query unter dem Namen ZTUT1_COSTS_MONTH.

Prozess

Benutzungsoberfläche der App mit Xcelsius erstellen

Sie verwenden die App aus dem ersten Teil des Tutorials und erweitern diese um einen Drilldown, der durch Anklicken der Daten einer Niederlassung aktiviert wird. Dabei wird die ausgewählte Niederlassung über eine Xcelsius-Verbindung dem Dashboard-Framework übergeben. Zu diesem Zeitpunkt ist es noch nicht zwingend notwendig, dass Sie die Datenversorgung erstellt haben; Sie können sich also zunächst auf das Design der Benutzungsoberfläche konzentrieren und in dem Excel-Arbeitsblatt, das in Xcelsius integriert ist, beliebige Beispieldaten verwenden (siehe Tutorial Teil 2: App mit Xcelsius erstellen).

Benutzungsoberfläche der Detail-App mit Xcelsius erstellen

Sie erstellen mit Hilfe von Xcelsius die Benutzungsoberfläche der Detail-App, d. h. die App, welche aufgerufen wird, wenn der Benutzer eine Niederlassung angeklickt hat (siehe Tutorial Teil 2: Detail-App mit Xcelsius erstellen).

BW-Query als Datenquelle der App erstellen

Sie erstellen als Datenquelle der Detail-App eine BW-Query. Sie benötigen für die Detail-App eine eigene BW-Query, weil hierfür nur die Telefonkosten einer Niederlassung auf Tagesbasis ausgegeben werden sollen (siehe Tutorial Teil 2: BW-Query erstellen).

App und Detail-App am Dashboard-Framework registrieren

Schließlich müssen Sie die beiden neu erstellten Apps beim Dashboard-Framework registrieren, damit Sie die App allen passenden Dashboards hinzufügen können (siehe Tutorial Teil 2: App und Detail-App registrieren).

App in eigenem Dashboard anzeigen

Nachdem Sie Ihre App erstellt und registriert haben, lassen Sie Ihre App in Ihrem persönliches Dashboard anzeigen. Um Ihr persönliches Dashboard aufzurufen, und Ihre selbst erstellte App dort anzeigen zu lassen, gehen Sie wie folgt vor:

  1. Ihr persönliches Dashboard rufen Sie über eine Web-Dynpro-Anwendung mit dem Namen my_dashboard auf. Falls Sie diese Web-Dynpro-Anwendung noch nicht in die Favoriten Ihres SAP Easy Acess Menü aufgenommen haben, erstellen Sie diesen Eintrag wie folgt:

    1. Rufen Sie im SAP Easy Acess Menü   Favoriten   Sonstige Objekte einfügen   auf.

    2. Wählen Sie im Bild Einschränkungen aus der Liste den Eintrag Web-Dynpro-Anwendung.

    3. Geben Sie im Bild WebDynpro-Anwendung im Eingabefeld Web-Dynpro-Anwendung den Namen my_dashboard ein.

    4. Geben Sie eine geeignete Beschreibung ein, wie z. B. Mein persönliches Dashboard, und schließen Sie die Erstellung des neuen Eintrags ab.

    Starten Sie Ihr persönliches Dashboard, indem Sie den entsprechenden Eintrag in Ihren Favoriten mit Doppelklick wählen.

  2. Um dem Dashboard eine neue App hinzuzufügen, wählen Sie die Drucktaste Konfigurieren, und danach Neue App hinzufügen.

  3. Sie sehen nun eine Liste der verfügbaren Apps, gruppiert nach der Kategorie. Die App, die Sie in diesem Tutorial erstellt haben, ist keiner Kategorie zugeordnet, expandieren Sie also die Kategorie ohne Zuordnung.

  4. Sie sehen Ihre App Z_TUTORIAL_2_APP in der Liste . Markieren Sie diese, und wählen Sie die Drucktaste OK

  5. Um das Dashboard mit der soeben hinzugefügten App zu sichern, wählen Sie die Drucktaste Dashboard sichern.

Ergebnis

Sie haben diesen Teil des Tutorials abgeschlossen und die entsprechende App in Ihrem persönlichen Dashboard angezeigt. Falls Sie nicht das gewünschte Ergebnis erzielt haben, vergleichen Sie Ihre Ergebnisse mit den entsprechenden von SAP ausgelieferten Apps.

Erstellte Datei

Entsprechende von SAP ausgelieferte Datei

Xcelsius-Datei der App

(ztut2_costs_month.xlf)

SAP_TUTORIAL_2_APP.xlf

Um diese Datei herunter zu laden, starten Sie das Registrierungswerkzeug, markieren Sie die App   Tutorial Samples   SAP_TUTORIAL_2_APP  , und wählen Sie die Drucktaste Details. Sie können nun die benötigte Datei herunterladen, indem Sie in der Zeile Xcelsius-Datei (XLF) die Drucktaste Xcelsius-Datei zum Bearbeiten herunterladen wählen.

Xcelsius-Datei der Detail-App

(ztut2_costs_day.xlf)

SAP_TUTORIAL_2_DETAIL.xlf

Um diese Datei herunter zu laden, starten Sie das Registrierungswerkzeug, markieren Sie die App   Tutorial Samples   SAP_TUTORIAL_2_DETAIL  , und wählen Sie die Drucktaste Details. Sie können nun die benötigte Datei herunterladen, indem Sie in der Zeile Xcelsius-Datei (XLF) die Drucktaste Xcelsius-Datei zum Bearbeiten herunterladen wählen.

BW-Query zur Datenversorgung der App aus dem ersten Teil der Tutorials

(ZTUT1_COSTS_MONTH)

TUT1_COSTS_MONTH

Um sich die Query anzeigen zu lassen, starten Sie den BEx Query Designer, und geben Sie als System das BW-System bzw. den BW-Mandanten ein, das Ihrem SAP-Solution-Manager-System zugeordnet ist, und öffnen Sie die oben genannte Datei.

BW-Query zur Datenversorgung der Detail-App

(ZTUT2_COSTS_DAY)

TUT2_COSTS_DAY

Um sich die Query anzeigen zu lassen, starten Sie den BEx Query Designer, und geben Sie als System das BW-System bzw. den BW-Mandanten ein, das Ihrem SAP-Solution-Manager-System zugeordnet ist, und öffnen Sie die oben genannte Datei.