Show TOC

VorgehensweiseTutorial Teil 2: Detail-App mit Xcelsius erstellen Dieses Dokument in der Navigationsstruktur finden

 

Dieses Tutorial ist ein Teil eines Kurses, der Ihnen die Erstellung und Registrierung von Apps für das Dashboard-Framework nahe bringen soll. In diesem zweiten Teil erweitern Sie eine einfache App um die Möglichkeit eines Drilldown, d. h. um die Möglichkeit, dass aus einer App heraus kontextabhängig eine weitere App aufgerufen wird.

In diesem Schritt erstellen Sie diese Detail-App, die kontextabhängig aus der normalen App aufgerufen wird. In dieser App werden für die Niederlassung, die Sie in der übergeordneten App ausgewählt haben (siehe Tutorial Teil 2: App mit Xcelsius erstellen), die Telefonkosten des vergangenen Monats auf Tagesbasis ausgeben.

Voraussetzungen

Diese Vorgehensweise ist Teil eines umfassenden Tutorials zum Thema Erstellung und Registrierung von eigenen Dashboard Apps. Im Verlauf dieses Tutorials erstellen und registrieren Sie verschiedene Apps und ihre zugehörigen BW-Queries.

Diese Detail-App erstellen Sie im Rahmen des zweiten Teils des Tutorials.

Hinweis Hinweis

Stellen Sie sicher, dass Sie die vorhergehenden Schritte, wie sie in Tutorial Teil 2: App mit zusätzlicher Navigation erstellen beschrieben sind, bereits durchgeführt haben.

Ende des Hinweises.

Vorgehensweise

  1. Erstellen Sie eine neue Xcelsius-Datei. Im Zentrum des Bildes wird das (noch leere) UI angezeigt. Damit Ihre App von den Größenverhältnissen und vom Farbschema her mit den von SAP ausgelieferten Apps harmoniert, setzen Sie die folgenden Eigenschaften:

    • Wählen Sie in der Dropdown-Listbox Themen den Eintrag Phase.

    • Wählen Sie im Menüpunkt   Datei   Dokumenteigenschaften   den Auswahlknopf Benutzerdefinierte Größe, und geben Sie die Größe in Pixel mit 596 (Breite) und 336 (Höhe) an.

      Hinweis Hinweis

      Entscheidend ist das Seitenverhältniss. Sie können auch größere Werte angeben, wenn Sie mehr Platz für die Erstellung der Benutzungsoberfläche benötigen, indem Sie beide Zahlen mit demselben Faktor multiplizieren.

      Ende des Hinweises.

  2. Im UI sollen die Telefonkosten einer Niederlassung, aufgeschlüsselt nach den Tagen des vergangenen Monats, ausgegeben werden. Eine dafür geeignete Grafik ist z. B. ein Säulendiagramm. Ziehen Sie darum aus dem Teilbild Komponenten die Ikone Säulendiagramm aus der Kategorie Diagramme in die leere Fläche oberhalb des Excel-Arbeitsblatts, und passen Sie die Größe auf den verfügbaren Bereich an.

  3. Damit Sie die ausgewählte Niederlassung (die Sie in der aufrufenden App gewählt haben) in dieser App verwenden können, müssen Sie eine entsprechende Verbindung erstellen. Dies geschieht analog zu Tutorial Teil 2: App mit Xcelsius erstellen.

    Geben Sie darum die folgenden Daten in die Zellen D7:H8 ein:

    SIGN

    OPTION

    LOW

    HIGH

    Gewählte Niederlassung

    I

    EQ

    Beispiel 1

  4. Das Diagramm wird später durch eine BW-Query mit Werten versorgt. Damit Sie bereits bei der Erstellung der Benutzungsoberfläche das Aussehen des Diagramms Ihren Wünschen anpassen können, erstellen Sie im Excel-Arbeitsblatt einen Bereich mit Beispielswerten. Geben Sie darum in den Zellen A2:B33 die folgenden Beispielswerte ein (technisch gesehen könnten Sie diese Zellen auch leer lassen, da sie von der BW-Query mit Werten versorgt werden; die Daten dienen also nur dazu, dass Sie das UI-Design überprüfen können):

    Datum

    Tägliche Kosten

    01.12.2011

    2000

    01.12.2011

    1959

    ...

    ...

    30.12.2011

    811

    31.12.2011

    770

    Hinweis Hinweis

    Beachten Sie, dass (wie in Tutorial Teil 1: App mit Xcelsius erstellen erklärt) die Zeile oberhalb der Tabelle leer bleiben muss.

    Ende des Hinweises.

  5. Sie setzen nun den Titel des Diagramms. Für spätere Änderungen ist es empfehlenswert, den Wert in das Excel-Arbeitsblatt einzutragen, und in den Eigenschaften des Diagramms auf diese Zelle zu verweisen. Geben Sie darum in die Zelle D2 den geplanten Titel Tägliche Kosten für ausgewählte Niederlassung ein.

  6. Nun sorgen Sie dafür, dass die Einträge aus dem Excel-Arbeitsblatt im Diagramm angezeigt werden. Markieren Sie hierzu das Diagramm, und wählen Sie im rechten Teilbild den Bereich Allgemein. Wählen Sie für die folgenden Bereiche die jeweils passenden Zellen des Arbeitsblattes:

    • Verweisen Sie für   Titel   Diagramm   auf die Zelle D2.

    • Verweisen Sie für   Titel   Untertitel   auf die Zelle G8. In dieser Stelle steht die ausgewählte Niederlassung

    • Verweisen Sie für   Titel   Kategorie Achse (X)   auf die Zelle A2.

    • Verweisen Sie für   Titel   y-Achse (Wert)   auf die Zelle B2.

    • Verweisen Sie für   Daten   Nach Bereich   auf die Zellen B2:B33, und markieren Die den Auswahlknopf Daten in Spalten.

    • Um die einzelnen Säulen etwas schmaler darzustellen, damit sich diese nicht überlappen, wählen Sie im Bereich Aussehen die Registerkarte Reihe, und setzen Sie die Markierungspunktgröße auf 12.

  7. Um Daten von außerhalb zu empfangen, benötigen Sie innerhalb von Xcelsius entsprechende Verbindungen. Starten Sie hierzu den Daten-Manager, indem Sie im Menü   Daten   Verbindungen...   wählen.

  8. Erstellen Sie nun eine Verbindung. Wählen Sie hierzu in der Dropdown-Listbox Hinzufügen... den Eintrag Verbindung zu externer Schnittstelle.

  9. Um eine Verbindung für die Daten der Query zu erzeugen, wählen Sie in der Registerkarte Definition die Drucktaste +, und geben Sie für die Verbindung die folgenden Daten ein:

    • Die Verbindung soll automatisch über das Dashboard-Framework von der BW-Query versorgt werden. Geben Sie in diesem Tutorial im Eingabefeld Name des Bereichs einen beliebigen Namen, hier z. B. FROM_QUERY_COSTS_DAY ein. Sie werden den Zusammenhang zwischen dieser Verbindung und der BW-Query bei der Registrierung der App herstellen.

      Achtung Achtung

      Verwenden Sie für den Namen von Verbindungen nur Großbuchstaben, Ziffern und das Unterstreichungszeichen ('_').

      Ende der Warnung.

    • Wählen Sie in der Dropdown-Listbox Typ des Bereichs den Eintrag Tabelle.

    • Im Eingabefeld Bereich geben Sie an, in welche Zellen die Ausgabe der Query geschrieben werden sollen; in diesem Tutorial ist dies A1:B33. Beachten Sie, dass Sie die erwähnte leere erste Zeile ebenfalls auswählen müssen, weil die entsprechenden Zellen vom Dashboard-Framework benötigt wird.

    • Wählen Sie in der Dropdown-Listbox Zugriff den Eintrag Schreiben, da die Query in der Lage sein muss, die Daten in die Xcelsius-App zu schreiben.

  10. Ebenfalls über eine Verbindung müssen Sie die ausgewählte Niederlassung übergeben. Wählen Sie hierzu in der Registerkarte Definition die Drucktaste +, und geben Sie für die Verbindung die folgenden Daten ein:

    • Geben Sie im Eingabefeld Name des Bereichs den Namen der Verbindung mit SEL_LOCATION an.

    • Wählen Sie in der Dropdown-Listbox Typ des Bereichs den Eintrag Tabelle.

    • Im Eingabefeld Bereich geben Sie an, welche Zellen die Verbindung übergeben soll; in diesem Tutorial ist dies E7:H8.

    • Wählen Sie in der Dropdown-Listbox Zugriff den Eintrag Schreiben, da von außen schreibend auf diese Verbindung zugegriffen werden soll.

    Schließen Sie den Daten-Manager.

  11. Sichern Sie nun die Xcelsius-Datei lokal auf Ihrem Computer unter dem Namen ztut2_costs_day.

  12. Erzeugen Sie aus Ihrer Xcelsius-Datei eine Flash-Datei (Dateinamenserweiterung swf), indem Sie im Menü   Datei   Exportieren   Flash (SWF)   wählen. Speichern Sie die Flash-Datei unter dem Namen ztut2_costs_day

    Bei der Registrierung der App werden Sie im weiteren Verlauf des Tutorials sowohl die Xcelsius- als auch die Flash-Datei in das MIME-Repository Ihres SAP-Solution-Manager-Systems importieren.

Ergebnis

Sie haben mit der Xcelsius-Datei und der zugehörigen Flash-Datei die Benutzungsoberfläche der zukünftigen Detail-App erstellt.

Fahren Sie in diesem Teil des Tutorial fort, indem Sie nun den nächsten Schritt Tutorial Teil 2: BW-Query erstellen durchführen. In diesem Schritt werden Sie die BW-Query erstellen, welche die Detail-App mit Werten versorgt.