Przetwarzanie API Groupon – Część 3

W tym wpisie, który zamyka serię, zastosujemy arkusz stylów, aby przekształcić dane XML, utworzone na podstawie mapowania interfejsu API Groupon, na format HTML. Poniżej znajduje się przykład danych XML, które otrzymaliśmy w wyniku mapowania, o którym wspominaliśmy w poprzednim wpisie:

Przypisanie arkusza stylów do transformacji XML Okno dialogowe ustawień komponentu, dotyczące komponentu wyjściowego w mapowaniu MapForce, umożliwia przypisanie arkusza stylów utworzonego za pomocą Altova StyleVision.

Przypisanie arkusza stylów do komponentu wyjściowego mapowania danych integruje funkcje MapForce i StyleVision, a na dole okna mapowania MapForce pojawia się nowa seria przycisków do formatów HTML, RTF, PDF i Microsoft Word. (Muszą być zainstalowane zarówno MapForce, jak i StyleVision na komputerze)

Po kliknięciu dowolnego z przycisków formatu wyjściowego, MapForce wykonuje mapowanie danych dokładnie tak, jak opisano we wcześniejszym wpisie. MapForce bezproblemowo przekazuje wynik XML do programu StyleVision, gdzie jest on przekształcany do wybranego formatu. Następnie MapForce wyświetla sformatowany dokument w oknie wyjściowym. Poniżej znajduje się okno wyjściowe MapForce dla formatu HTML, oparte na arkuszu stylów StyleVision Power Stylesheet, który został wcześniej przypisany:

Menu "Wyjście" w MapForce umożliwia zapisanie wyników mapowania danych XML lub dokumentu HTML sformatowanego zgodnie z arkuszem stylów.

Jak stworzyć arkusz stylów

Opracowaliśmy arkusz stylów dla mapowania danych interfejsu API Groupon, korzystając z narzędzia Altova StyleVision, w oparciu o schemat XML dla komponentu wyjściowego MapForce. Intuicyjny interfejs StyleVision oraz zaawansowane funkcje dostępu i manipulacji danymi ułatwiają tworzenie atrakcyjnych dokumentów w formatach HTML, RTF, PDF i Microsoft Word na podstawie plików XML. Zrzut ekranu poniżej przedstawia widok projektowania arkusza stylów "Extreme Groupon" w programie StyleVision. Niebieskie, ponumerowane kółka wskazują lokalizację poszczególnych elementów projektu, opisanych poniżej obrazu.

Cechy pliku SPS

1. Użytkownik może zdefiniować znacznik meta viewport w kodzie HTML, co dotyczy urządzeń mobilnych. Dzięki temu możemy zaprojektować jeden arkusz stylów, który generuje pojedynczy plik HTML, wyświetlany zarówno na komputerach, jak i na urządzeniach mobilnych

2. Tytuł dokumentu z możliwością dostosowania czcionki, rozmiaru i koloru

3. Element autocalc wykorzystuje funkcję XPath "count" do zliczenia liczby transakcji w dokumencie XML, a następnie wstawia tę sumę

4. Znacznik czasu (timestamp) jest umieszczany na początku dokumentu, mimo że element daty występuje na końcu pliku danych wejściowych w formacie XML

5. Obrazy z witryn Altova i Groupon są odwoływane za pomocą hiperłączy, a nie jako dane obrazów wbudowane bezpośrednio w tekst

6. Poziome linie oddzielają poszczególne oferty. W przypadku dokumentów HTML, linie te automatycznie dopasowują się do szerokości okna przeglądarki

7. Dostosowane czcionki i rozmiary przypisane do różnych elementów

8. Tabela z dwiema kolumnami służy do uporządkowania opisu każdej oferty

9. Adresy URL w pliku XML są dynamicznie przypisywane jako hiperłącza dla osadzonych obrazów, tekstu statycznego oraz danych dynamicznych

StyleVision Power Stylesheets umożliwia łączenie wielu plików .xsd, istniejących arkuszy stylów .css, schematów baz danych, taksonomii XBRL i innych elementów, aby generować bogato sformatowane raporty, które mogą zawierać nawet automatycznie generowane wykresy w różnych stylach. Można również użyć StyleVision do tworzenia formularzy elektronicznych z polami do wprowadzania danych, listami rozwijanymi, przyciskami opcji i innymi zaawansowanymi funkcjami.

Podgląd transformacji arkuszy stylów

StyleVision umożliwia przypisanie pliku XML do podglądu, co pozwala na ocenę efektu wizualnego podczas projektowania arkusza stylów. Przyciski umieszczone na dole okna projektowania ułatwiają wyświetlanie sformatowanego pliku podczas dopracowywania projektu. Zapisaliśmy wynik mapowania MapForce w formacie XML i przypisaliśmy go jako nasz plik roboczy. Po zakończeniu projektowania arkusza stylów, podgląd HTML w StyleVision był identyczny z oknem wyjściowym HTML w MapForce, jak pokazano powyżej. Aby wyświetlić dokument na urządzeniu mobilnym, można albo opublikować plik HTML jako stronę internetową, albo wysłać go jako załącznik e-mail.

Oprócz samej definicji stylów i sformatowanych wersji dokumentu roboczego, StyleVision umożliwia zapisywanie wygenerowanych plików XSLT, które można wykorzystać do transformacji innych plików XML przy użyciu zaprojektowanych przez użytkownika stylów, niezależnie od aplikacji StyleVision.

Automatyzacja – kolejna odsłona

W przyszłości, gdy będziecie chcieli ponownie przeprowadzić mapowanie danych i zaktualizować dokument HTML najnowszymi danymi, istnieje dwie metody automatyzacji tego procesu:

• Można uruchomić MapForce z poziomu interfejs wiersza poleceń z możliwością określenia nazwy pliku definicji mapowania, a także możliwością wywołania programu StyleVision w celu utworzenia sformatowanego wyniku

• Można generować kod bez opłat licencyjnych dla mapowania w językach XSLT, Java, C++ lub C#, który można połączyć z kodem XSLT z programu StyleVision, aby stworzyć własną, kompleksową aplikację

XMLSpy, MapForce i StyleVision są dostępne razem w specjalnie zaprojektowanym pakiecie Altova MissionKit, oferującym atrakcyjną cenę. Sprawdź sam, jak łatwo jest wykorzystać MissionKit do konwersji danych z interfejsu API – pobierz bezpłatną 30-dniową wersję próbną!

Uwaga redakcji: Nasza oryginalna seria artykułów na temat mapowania danych z API Groupon składała się z trzech części, do których można sięgnąć, klikając poniższe linki: Część 1, zatytułowana "Przetwarzanie API Groupon za pomocą Altova MapForce", opisuje, jak tworzyć dynamiczne źródła danych, pobierając informacje z wielu adresów URL. Przetwarzanie API Groupon za pomocą MapForce – Część 2 wyjaśnia, jak filtrowaliśmy dane z API i definiowaliśmy wynik, aby wydobyć tylko najbardziej interesujące szczegóły. Przetwarzanie API Groupon – Część 3 opisuje formatowanie wyniku jako pojedynczego dokumentu HTML, zoptymalizowanego dla urządzeń stacjonarnych i mobilnych, oraz omawia sposoby automatyzacji powtarzalnego wykonywania.