Verarbeitung der Groupon-API – Teil 3

In diesem letzten Beitrag der Reihe werden wir ein Stylesheet verwenden, um die XML-Daten, die wir durch die Abbildung der Groupon-API erstellt haben, in HTML umzuwandeln. Hier ist ein Beispiel für die XML-Ausgabe, die wir beim letzten Mal durch die Datenabbildung erzeugt haben:

Ein Stylesheet zuweisen, um XML zu transformieren Über den Dialog "Komponenteneinstellungen" für den Ausgabekomponenten des MapForce-Mappings können wir ein Stylesheet zuweisen, das mit Altova StyleVision erstellt wurde.

Das Zuweisen einer Stylesheet-Datei zum Datenmapping-Ausgabekomponenten integriert die Funktionen von MapForce und StyleVision. Eine neue Reihe von Schaltflächen erscheint am unteren Rand des MapForce-Mapping-Fensters für die Formate HTML, RTF, PDF und Microsoft Word. (Sie müssen sowohl MapForce als auch StyleVision auf Ihrem Computer installiert haben.)

Wenn Sie auf einen der Schaltflächen für das Ausgabeformat klicken, führt MapForce die Datenzuordnung genau wie in dem vorherigen Beitrag beschrieben aus. MapForce übergibt die XML-Ausgabe nahtlos an StyleVision, wo sie in das ausgewählte Format umgewandelt wird. Anschließend zeigt MapForce das formatierte Dokument im Ausgabefenster an. Hier ist das MapForce-Ausgabefenster für HTML, basierend auf dem in StyleVision zugewiesenen Stylesheet:

Das Menü "Ausgabe" in MapForce ermöglicht es Ihnen, die XML-Datenmapping-Ausgabe oder das HTML-Dokument zu speichern, das gemäß der Stylesheet-Vorlage formatiert wurde.

Wie man eine Stylesheet erstellt

Wir haben ein Stylesheet für die Zuordnung der Daten der Groupon-API mit Altova StyleVision erstellt, basierend auf dem XML-Schema für das MapForce-Ausgabeformat. Die intuitive StyleVision-Oberfläche und die leistungsstarken Funktionen für den Datenzugriff und die Datenmanipulation erleichtern die Erstellung ansprechender Dokumente in HTML-, RTF-, PDF- und Microsoft Word-Formaten aus XML-Dateien. Der Screenshot unten zeigt die Designansicht des StyleVision-Stylesheets für Extreme Groupon. Die blauen, nummerierten Kreise zeigen die Position der einzelnen Designelemente, die im Folgenden unterhalb des Bildes aufgeführt sind.

Funktionen der SPS-Datei

Benutzerdefinierte HTML-Einstellungen legen das Meta-Tag für den Viewport für mobile Geräte fest. Dadurch können wir ein einzelnes Stylesheet erstellen, das eine einzige HTML-Datei für Computer und mobile Geräte generiert
Dokumenttitel mit benutzerdefinierter Schriftart, -größe und -farbe
Ein Autocalc-Element verwendet die XPath-Funktion "count", um die Anzahl der Einträge in dem XML-Eingabedokument zu zählen, und fügt dann die Gesamtzahl ein
Der Zeitstempel für das Datum wird am Anfang des Dokuments platziert, obwohl das Datumsfeld im XML-Eingabedatei am Ende steht
Die Bilder von den Webseiten von Altova und Groupon werden über Hyperlinks referenziert, nicht als direkt eingebettete Bilddaten
Horizontale Linien trennen jede einzelne Vereinbarung. Bei HTML-Dokumenten passen sich diese Linien automatisch an die Breite des Browserfensters an
Benutzerdefinierte Schriftarten und -größen, die verschiedenen Elementen zugewiesen sind
Eine zweispaltige Tabelle ordnet die Beschreibungen der einzelnen Angebote
Die URLs in der XML-Datei werden dynamisch als Hyperlinks für eingebettete Bilder, statische Texte und dynamische Daten zugewiesen

StyleVision Power Stylesheets können mehrere .xsd-Dateien, bestehende .css-Stylesheets, Datenbankstrukturen, XBRL-Taxonomien und mehr kombinieren, um reich formatierte Berichte zu erstellen, die sogar automatisch generierte Diagramme in verschiedenen Stilen enthalten können. Mit StyleVision können Sie auch elektronische Formulare mit Dateneingabefeldern, Dropdown-Menüs, Radiobuttons und anderen erweiterten Funktionen definieren.

Vorschau von Stylesheet-Transformationen

StyleVision ermöglicht es Ihnen, eine XML-Datei als Arbeitsdatei zuzuweisen, um die Ergebnisse während der Gestaltung des Stylesheets anzuzeigen. Die Schaltflächen am unteren Rand des Designfensters erleichtern die Anzeige der formatierten Arbeitsdatei, während Sie Ihr Design verfeinern. Wir haben die XML-Ausgabe der MapForce-Zuordnung gespeichert und als unsere Arbeitsdatei zugewiesen. Sobald das Stylesheet fertiggestellt war, entsprach die HTML-Vorschau in StyleVision exakt dem HTML-Ausgabefenster von MapForce, wie oben gezeigt. Um das Dokument auf einem mobilen Gerät anzuzeigen, können Sie entweder die HTML-Datei als Seite auf einer Webseite veröffentlichen oder sie als Anhang per E-Mail versenden.

Neben der Stylesheet-Datei selbst und den formatierten Versionen des Arbeitsdokuments ermöglicht StyleVision das Speichern der generierten XSLT-Dateien, um andere XML-Dateien mithilfe Ihres Stylesheet-Designs außerhalb der StyleVision-Anwendung zu transformieren.

Automatisierung beim nächsten Mal

In Zukunft, wenn Sie eine Datenzuordnung erneut ausführen und das HTML-Dokument mit aktuellen Daten aktualisieren möchten, gibt es zwei Möglichkeiten, diesen Prozess zu automatisieren:

Sie können MapForce über die Befehlszeile starten und dabei Parameter angeben, um den Namen der Mapping-Definitionsdatei festzulegen. Sie können sogar StyleVision aufrufen, um formatierte Ausgaben zu erstellen
Sie können lizenzfreien Code für die Datenzuordnung in XSLT, Java, C++ oder C# generieren, um ihn mit dem XSLT-Code von StyleVision zu kombinieren und so Ihre eigene, umfassende Anwendung zu erstellen

XMLSpy, MapForce und StyleVision sind alle zusammen im speziell preisgünstigen Altova MissionKit erhältlich. Überzeugen Sie sich selbst, wie einfach es ist, das MissionKit zu nutzen, um Daten von einer Web-API zu konvertieren – laden Sie eine kostenlose 30-Tage-Testversion herunter!

Anmerkung des Herausgebers: Unsere ursprüngliche Serie über die Verarbeitung von Daten aus der Groupon-API wurde in drei Teilen veröffentlicht. Sie können die einzelnen Teile über die folgenden Links einsehen: Teil 1, "Verarbeitung der Groupon-API mit Altova MapForce", beschreibt, wie man dynamische Eingaben erstellt, indem man Daten von mehreren URLs sammelt. Teil Verarbeitung der Groupon-API mit MapForce – Teil 2 beschreibt, wie wir Daten aus der API gefiltert und die Ausgabe definiert haben, um nur die interessantesten Details zu extrahieren. Teil Verarbeitung der Groupon-API – Teil 3 beschreibt, wie die Ausgabe als ein einzelnes HTML-Dokument formatiert wurde, das für Desktop- und mobile Geräte optimiert ist, und gibt einen Überblick über Möglichkeiten zur Automatisierung wiederholter Ausführungen.