Elaborazione dell'API di Groupon – Parte 3
In questo articolo, che conclude la serie, applicheremo un foglio di stile per trasformare i dati XML generati a partire dalla mappatura dell'API di Groupon in formato HTML. Ecco un esempio dell'output XML derivante dalla mappatura dei dati che abbiamo creato la volta precedente:
Assegnare un foglio di stile per trasformare i dati XML La finestra di dialogo delle impostazioni del componente, relativa al componente di output della mappatura in MapForce, ci permette di assegnare un foglio di stile creato con Altova StyleVision.
Assegnare un foglio di stile al componente di output della mappatura dei dati integra le funzionalità di MapForce e StyleVision, e una nuova serie di pulsanti appare nella parte inferiore della finestra di mappatura di MapForce per i formati HTML, RTF, PDF e Microsoft Word. (È necessario avere sia MapForce che StyleVision installati sul proprio computer.)
Quando si clicca su uno qualsiasi di questi pulsanti per il formato di output, MapForce esegue la mappatura dei dati esattamente come abbiamo visto nel post precedente. MapForce trasferisce senza problemi l'output XML a StyleVision, dove viene trasformato nel formato selezionato. Successivamente, MapForce visualizza il documento formattato nella finestra di output. Ecco la finestra di output di MapForce per HTML, basata sul foglio di stile StyleVision specificato in precedenza:
Il menu "Output" di MapForce consente di salvare i risultati della mappatura dei dati XML o il documento HTML formattato in base al foglio di stile.
Come creare un foglio di stile
Abbiamo progettato un foglio di stile per la mappatura dei dati dell'API di Groupon utilizzando Altova StyleVision, basandoci sullo schema XML per il componente di output di MapForce. L'interfaccia intuitiva di StyleVision e le potenti funzionalità di accesso e manipolazione dei dati rendono semplice la creazione di documenti accattivanti in formati HTML, RTF, PDF e Microsoft Word a partire da file XML. Lo screenshot qui sotto mostra la vista di progettazione di StyleVision per il foglio di stile Extreme Groupon. I cerchi blu numerati indicano la posizione di ciascuna funzionalità di progettazione elencata dopo l'immagine.
Caratteristiche del file SPS
L'HTML definito dall'utente specifica il meta tag della viewport per i dispositivi mobili. Questo ci permette di progettare un unico foglio di stile per generare un singolo file HTML, utilizzabile sia per i computer che per i dispositivi mobili
Titolo del documento con carattere, dimensione e colore personalizzati
Un elemento autocalcolante utilizza la funzione XPath "count" per contare il numero di transazioni nel documento XML di input e inserisce il totale
La marca temporale della data viene posizionata nella parte superiore del documento, anche se l'elemento data si trova alla fine del file di dati XML di input
Le immagini provenienti dai siti web di Altova e Groupon sono referenziate tramite collegamenti ipertestuali, e non come dati immagine incorporati direttamente nella pagina
Le linee orizzontali separano ogni singola offerta. Nei documenti HTML, le linee si adattano automaticamente alla larghezza della finestra del browser
Caratteri e dimensioni personalizzati assegnati a diversi elementi
Una tabella a due colonne organizza la descrizione di ogni offerta
Gli URL presenti nel file XML vengono assegnati dinamicamente come collegamenti ipertestuali per le immagini incorporate, il testo statico e i dati dinamici
Gli StyleVision Power Stylesheets consentono di combinare più file .xsd, fogli di stile .css esistenti, schemi di database, tassonomie XBRL e altro ancora, per creare report formattati in modo avanzato, che possono includere anche grafici generati automaticamente in diversi stili. È inoltre possibile utilizzare StyleVision per definire moduli elettronici con campi di inserimento dati, menu a tendina, pulsanti di opzione e altre funzionalità avanzate.
Anteprima delle trasformazioni del foglio di stile
StyleVision consente di associare un file XML di lavoro per visualizzare l'output durante la progettazione del foglio di stile, e i pulsanti nella parte inferiore della finestra di progettazione rendono facile visualizzare il file di lavoro formattato mentre si perfeziona il design. Abbiamo salvato l'output XML della mappatura MapForce e lo abbiamo utilizzato come documento di lavoro. Una volta completato il foglio di stile, l'anteprima HTML in StyleVision era identica alla finestra di output HTML di MapForce mostrata sopra. Per visualizzare il documento su un dispositivo mobile, è possibile pubblicarlo come pagina su un sito web oppure inviarlo via email come allegato.
Oltre al foglio di stile stesso e alle versioni formattate del documento di lavoro, StyleVision consente di salvare i file XSLT generati per trasformare altri file XML utilizzando il design del foglio di stile, anche al di fuori dell'applicazione StyleVision.
Automazione, la prossima volta
In futuro, quando vorrete rieseguire una mappatura dei dati e aggiornare il documento HTML con informazioni aggiornate, ci sono due modi per automatizzare questo processo:
È possibile eseguire MapForce da un interfaccia a riga di comando con parametri per specificare il nome del file di definizione della mappatura, e persino per avviare StyleVision e generare output formattati
È possibile generare codice privo di royalty per la mappatura in XSLT, Java, C++ o C#, da combinare con il codice XSLT di StyleVision per creare la propria applicazione completa
XMLSpy, MapForce e StyleVision sono tutti disponibili insieme nel pacchetto Altova MissionKit, offerto a un prezzo speciale. Scoprite di persona quanto è facile utilizzare MissionKit per convertire i dati provenienti da un'API web: scaricate una versione di prova gratuita di 30 giorni!
Nota dell'editore: La nostra serie originale sulla mappatura dei dati dall'API di Groupon è stata pubblicata in tre parti, che potete consultare cliccando sui seguenti link: La prima parte, intitolata "Utilizzo di Altova MapForce per l'elaborazione dell'API di Groupon", descrive come creare input dinamici raccogliendo dati da più URL. La seconda parte, intitolata "Elaborazione dell'API di Groupon con MapForce – Parte 2", spiega come abbiamo filtrato i dati provenienti dall'API e definito l'output per estrarre solo le informazioni più rilevanti. La terza parte, intitolata "Elaborazione dell'API di Groupon – Parte 3", descrive come formattare l'output come un singolo documento HTML ottimizzato per dispositivi desktop e mobili, e illustra i modi per automatizzare l'esecuzione ripetuta.