Traitement de l'API Groupon – Partie 3
Pour conclure cette série, dans cet article, nous allons appliquer une feuille de style pour transformer les données XML générées à partir de notre adaptation de l'API Groupon en HTML. Voici un exemple de la sortie XML obtenue grâce à l'adaptation des données que nous avons créée la dernière fois :
Attribuer une feuille de style pour transformer le XML La fenêtre de dialogue des paramètres du composant de sortie de la cartographie MapForce nous permet d'attribuer une feuille de style créée avec Altova StyleVision.
L'affectation d'une feuille de style au composant de sortie de la correspondance de données intègre les fonctionnalités de MapForce et de StyleVision, et une nouvelle série de boutons apparaît en bas de la fenêtre de mappage de MapForce pour les formats HTML, RTF, PDF et Microsoft Word. (Vous devez avoir MapForce et StyleVision installés sur votre ordinateur.)
Lorsque vous cliquez sur l'un de ces boutons de format de sortie, MapForce exécute la transformation des données exactement comme nous l'avons vu dans l'article précédent. MapForce transmet ensuite, de manière transparente, la sortie XML à StyleVision, où elle est transformée au format sélectionné. MapForce affiche ensuite le document formaté dans la fenêtre de sortie. Voici la fenêtre de sortie de MapForce pour HTML, basée sur la feuille de style StyleVision que nous avons définie précédemment :
Le menu "Sortie" de MapForce vous permet de sauvegarder la sortie de la transformation XML ou le document HTML formaté selon la feuille de style.
Comment créer une feuille de style
Nous avons conçu une feuille de style pour la correspondance des données de l'API Groupon en utilisant Altova StyleVision, en nous basant sur le schéma XML pour le composant de sortie MapForce. L'interface intuitive de StyleVision et ses puissantes fonctionnalités d'accès et de manipulation des données permettent de créer facilement des documents attrayants aux formats HTML, RTF, PDF et Microsoft Word à partir de fichiers XML. La capture d'écran ci-dessous montre la vue de conception de la feuille de style Extreme Groupon dans StyleVision. Les cercles bleus numérotés indiquent l'emplacement de chaque élément de conception listé après l'image.
Caractéristiques du fichier SPS
Les balises HTML définies par l'utilisateur spécifient la balise méta de la zone d'affichage pour les appareils mobiles. Cela nous permet de concevoir une seule feuille de style pour générer un seul fichier HTML, utilisable à la fois pour les ordinateurs et les appareils mobiles
Titre du document avec police, taille et couleur personnalisées
Un élément de calcul automatique utilise la fonction XPath "count" pour compter le nombre de transactions dans le document XML d'entrée, et insère ensuite ce total
La date, indiquée sous forme de horodatage, est placée en haut du document, même si l'élément de date se trouve à la fin du fichier de données XML
Les images provenant des sites web d'Altova et de Groupon sont référencées par des hyperliens, et non en tant que données d'image intégrées
Des lignes horizontales séparent chaque offre individuelle. Pour les documents HTML, ces lignes s'adaptent automatiquement à la largeur de la fenêtre du navigateur
Polices et tailles de caractères personnalisées, attribuées à différents éléments
Un tableau à deux colonnes présente la description de chaque offre
Les URL figurant dans le fichier XML sont attribuées dynamiquement en tant que liens hypertextes pour les images intégrées, le texte statique et les données dynamiques
Les feuilles de style Power de StyleVision peuvent combiner plusieurs fichiers .xsd, des feuilles de style .css existantes, des schémas de base de données, des taxinomies XBRL, et bien plus encore, pour produire des rapports richement formatés qui peuvent même inclure des graphiques générés automatiquement dans différents styles. Vous pouvez également utiliser StyleVision pour définir des formulaires électroniques avec des champs de saisie de données, des menus déroulants, des boutons radio et d'autres fonctionnalités avancées.
Aperçu des transformations de feuilles de style
StyleVision vous permet d'associer un fichier XML de travail pour visualiser le résultat de votre travail au fur et à mesure que vous concevez la feuille de style. Les boutons situés en bas de la fenêtre de conception facilitent l'affichage du fichier de travail formaté, ce qui vous permet d'affiner votre conception. Nous avons enregistré la sortie XML de la transformation MapForce et l'avons définie comme notre document de travail. Une fois la feuille de style terminée, l'aperçu HTML dans StyleVision était identique à la fenêtre de sortie HTML de MapForce, comme indiqué ci-dessus. Pour visualiser le document sur un appareil mobile, vous pouvez soit publier le code HTML en tant que page sur un site web, soit l'envoyer par e-mail en pièce jointe.
En plus de la feuille de style elle-même et des versions formatées du document de travail, StyleVision vous permet de sauvegarder les fichiers XSLT générés afin de transformer d'autres fichiers XML en utilisant la conception de votre feuille de style, et ce, en dehors de l'application StyleVision.
Automatisation, la prochaine fois
À l'avenir, lorsque vous souhaiterez relancer une opération de mappage de données et mettre à jour le document HTML avec des données actualisées, vous avez deux options pour automatiser ce processus :
Vous pouvez exécuter MapForce à partir de la ligne de commande, en utilisant des paramètres pour spécifier le nom du fichier de définition de la transformation, et même appeler StyleVision pour créer une sortie formatée
Vous pouvez générer du code sans redevances pour la gestion des données dans XSLT, Java, C++ ou C#, afin de le combiner avec le code XSLT de StyleVision et de créer ainsi votre propre application complète
XMLSpy, MapForce et StyleVision sont tous disponibles ensemble dans le pack Altova MissionKit, proposé à un prix spécial. Découvrez par vous-même à quel point il est facile d'utiliser le MissionKit pour convertir des données provenant d'une API web : téléchargez une version d'essai gratuite de 30 jours !
Note de la rédaction : Notre série originale sur la gestion des données provenant de l'API Groupon s'est déroulée en trois parties, que vous pouvez consulter en cliquant sur les liens suivants : La première partie, intitulée Utilisation de Altova MapForce pour traiter l'API Groupon, explique comment créer des entrées dynamiques en collectant des données à partir de plusieurs URL. La deuxième partie, intitulée Utilisation de MapForce pour traiter l'API Groupon – Partie 2, décrit comment nous avons filtré les données de l'API et défini la sortie afin d'extraire uniquement les informations les plus pertinentes. La troisième partie, intitulée Traitement de l'API Groupon – Partie 3, explique comment formater la sortie sous forme d'un seul document HTML optimisé pour les appareils de bureau et mobiles, et présente des méthodes pour automatiser les exécutions répétées.