--- title: "Processamento da API da Groupon – Parte 3" date: "2011-08-23" categories: - "xpath" tags: - "altova-xmlspy" - "code-generation" - "data-integration" - "data-mapping" - "mapforce" - "missionkit" - "stylevision" - "xpath" - "xslt" description: Este artigo detalha como transformar dados XML provenientes da API da Groupon em HTML, utilizando o MapForce e o StyleVision, incluindo técnicas de automatização para futuras atualizações. --- Status: #blog Tags: #altova-xmlspy #code-generation #data-integration #data-mapping #mapforce #missionkit #stylevision #xpath #xslt Categories: [xpath+xquery](/blog/pt/category/xpathxquery.md) # Processamento da API da Groupon – Parte 3 Para concluir esta série de artigos, neste post vamos aplicar uma folha de estilos para transformar os dados XML gerados a partir do mapeamento da API da Groupon em HTML. Aqui está um exemplo da saída XML resultante do mapeamento de dados que criámos na última vez: [![XML gerado pelo MapForce a partir da API da Groupon](https://lh3.ggpht.com/-h0F6UNg0mYE/TkrQemSqO1I/AAAAAAAAAfU/9P9AGv4m8A0/clip_image001_thumb.png?imgmax=800 "XML produced by MapForce from the Groupon API")](http://lh5.ggpht.com/-XL3rbj8xibk/Tkqn-_a3EnI/AAAAAAAAAfQ/4zpv56LY3n0/s1600-h/clip_image0013.png) **Atribuir uma folha de estilos para transformar XML** A caixa de diálogo de configurações do componente, para o componente de saída do mapeamento MapForce, permite-nos atribuir uma folha de estilos criada com o [Altova StyleVision](https://www.altova.com/pt/stylevision.html). [![Atribuir uma folha de estilos StyleVision a um componente MapForce](https://lh5.ggpht.com/-pEOLdoTlHi8/TkrQgawhHbI/AAAAAAAAAfc/oMOs9DkhVQg/clip_image002_thumb.png?imgmax=800 "Assigning a StyleVision Stylesheet to a MapForce component")](http://lh6.ggpht.com/-jkc4oqy44F8/TkrQfV8KTuI/AAAAAAAAAfY/SnuxbQJpTZA/s1600-h/clip_image0023.png) Atribuir uma folha de estilos ao componente de saída do mapeamento de dados integra as funcionalidades do MapForce e do StyleVision, e uma nova série de botões aparece na parte inferior da janela de mapeamento do MapForce para os formatos HTML, RTF, PDF e Microsoft Word. (É necessário ter tanto o MapForce como o StyleVision instalados no seu computador.) [![Formatos de saída do MapForce disponíveis através de uma folha de estilos](https://lh6.ggpht.com/--s7AXIp_w0s/TkvWFVa96cI/AAAAAAAAAfk/7itaFHSma0c/clip_image003_thumb.png?imgmax=800 "MapForce ouput formats available through a stylesheet")](http://lh4.ggpht.com/-GfSEJ5Q-sTI/TkrQhetcQgI/AAAAAAAAAfg/HkruS5kOnHo/s1600-h/clip_image0033.png) Quando clica em qualquer um destes botões de formato de saída, o MapForce executa o mapeamento de dados exatamente como vimos no post anterior. O MapForce transmite o resultado XML para o StyleVision, onde é transformado para o formato selecionado. Em seguida, o MapForce exibe o documento formatado na janela de saída. Aqui está a janela de saída do MapForce para HTML, com base na folha de estilos Power do StyleVision atribuída anteriormente: [![Saída HTML gerada pelo MapForce a partir da API da Groupon](https://lh6.ggpht.com/-jDCDPWVxHqw/TkvWGgysN5I/AAAAAAAAAfs/QDZMscS7T_Y/clip_image004_thumb.png?imgmax=800 "HTML output produced by MapForce from the Groupon API")](http://lh6.ggpht.com/-tjJnbT8WLrY/TkvWGE62H3I/AAAAAAAAAfo/iy0l9HADNAA/s1600-h/clip_image0043.png) O menu "Saída" do MapForce permite guardar a correspondência de dados XML ou o documento HTML formatado de acordo com a folha de estilos. **Como criar uma folha de estilos** Desenvolvemos uma folha de estilos para o mapeamento de dados da API da Groupon, utilizando o Altova StyleVision, com base no esquema XML para o componente de saída do MapForce. A interface intuitiva do StyleVision e as suas poderosas funcionalidades de acesso e manipulação de dados facilitam a criação de documentos apelativos em formatos HTML, RTF, PDF e Microsoft Word a partir de ficheiros XML. A captura de ecrã abaixo mostra a vista de design do StyleVision para a folha de estilos "Extreme Groupon". Os círculos azuis numerados identificam a localização de cada elemento de design, conforme listado após a imagem. [![Folha de estilos StyleVision para o mapeamento da API Groupon no MapForce ](https://lh6.ggpht.com/-pnx-fT078tc/TkvWHLUifZI/AAAAAAAAAf0/66UAjZTag7I/clip_image005_thumb.png?imgmax=800 "StyleVision stylesheet for the MapForce Groupon API mapping ")](http://lh3.ggpht.com/-udSLWXUrC48/TkvWG3rY1rI/AAAAAAAAAfw/m_acYhFa4oY/s1600-h/clip_image0053.png) **Características do ficheiro SPS** 1. A definição HTML personalizada especifica a metaetiqueta de viewport para dispositivos móveis. Isto permite-nos criar uma única folha de estilos para gerar um único ficheiro HTML, que será utilizado tanto em computadores como em dispositivos móveis 2. Título do documento com fonte, tamanho e cor personalizados 3. Um elemento de autocalculo utiliza a função XPath "count" para contar o número de transações no documento XML de entrada e insere o total 4. A marca de data e hora é colocada no topo do documento, mesmo que o elemento de data apareça no final do ficheiro de dados de entrada XML 5. As imagens dos sites Altova e Groupon são referenciadas através de hiperligações, e não como dados de imagem incorporados 6. Linhas horizontais separam cada oferta individualmente. Em documentos HTML, as linhas ajustam-se automaticamente à largura da janela do navegador 7. Fontes e tamanhos personalizados atribuídos a diferentes elementos 8. Uma tabela com duas colunas organiza a descrição de cada oferta 9. As URLs no ficheiro XML são atribuídas dinamicamente como hiperligações para imagens incorporadas, texto fixo e dados dinâmicos As folhas de estilo Power da StyleVision podem combinar vários ficheiros .xsd, folhas de estilo .css existentes, esquemas de bases de dados, taxonomias XBRL e muito mais, para produzir relatórios com formatação avançada que podem até incluir gráficos gerados automaticamente em diversos estilos. Também pode utilizar a StyleVision para definir formulários eletrónicos com campos de introdução de dados, menus suspensos, botões de opção e outras funcionalidades avançadas. **Visualização das transformações de folhas de estilo** O StyleVision permite atribuir um ficheiro XML de trabalho para visualizar o resultado à medida que cria o estilo, e os botões na parte inferior da janela de design facilitam a visualização do ficheiro de trabalho formatado à medida que aperfeiçoa o seu design. Guardámos a saída XML do mapeamento do MapForce e atribuímos-na como o nosso documento de trabalho. Quando o estilo foi concluído, a pré-visualização HTML no StyleVision era idêntica à janela de saída HTML do MapForce mostrada acima. Para visualizar o documento num dispositivo móvel, pode publicar o HTML como uma página num site ou enviá-lo por e-mail como um anexo. [![Versão HTML dos dados mapeados pelo MapForce, acessível num dispositivo móvel](https://lh4.ggpht.com/-Xd-xWOlrDcA/TkvWIWhzLVI/AAAAAAAAAf8/Nx5x5yHOlaU/clip_image006_thumb.png?imgmax=800 "HTML version of the MapForce mapped data on a mobile device")](http://lh5.ggpht.com/-iQk8CUjKs9s/TkvWH5NOz2I/AAAAAAAAAf4/Ko9ZkvHYH1o/s1600-h/clip_image0063.png) Além da folha de estilos em si e das versões formatadas do documento de trabalho, o StyleVision permite guardar os ficheiros XSLT gerados para transformar outros ficheiros XML, utilizando o design da sua folha de estilos, fora da aplicação StyleVision. **Automação na próxima vez** No futuro, quando quiserem executar novamente um mapeamento de dados e atualizar o documento HTML com informações mais recentes, existem duas formas de automatizar este processo: - Pode executar o MapForce a partir de um.. [linha de comandos](https://www.altova.com/pt/mapforce/mapforce-api.html#MF_ed_comp_5) com parâmetros para definir o nome do ficheiro de definição de mapeamento, e até mesmo para invocar o StyleVision para criar resultados formatados - Pode [gerar código sem royalties](https://www.altova.com/pt/mapforce/code-generation.html) para a mapeamento em XSLT, Java, C++ ou C#, para combinar com o código XSLT do StyleVision e criar a sua própria aplicação completa O XMLSpy, o MapForce e o StyleVision estão todos disponíveis em conjunto no Altova MissionKit, que tem um preço especial. Veja por si mesmo como é fácil usar o MissionKit para converter dados de uma API web – [descarregue uma versão de avaliação gratuita de 30 dias!](https://www.altova.com/pt/download/missionkit/software_development_tools_enterprise.html) **Nota do Editor:** A nossa série original sobre a utilização da API da Groupon para mapeamento de dados foi publicada em três partes. Pode consultar as partes clicando nos links abaixo: A primeira parte, "[Processamento da API da Groupon com o Altova MapForce](https://www.altova.com/blog/2011/08/processing-groupon-api-with-altova.html)", descreve como criar entradas dinâmicas através da recolha de dados de várias URLs. A segunda parte, "[Processamento da API da Groupon com o MapForce – Parte 2](https://www.altova.com/blog/2011/08/processing-groupon-api-with-mapforce.html)", explica como filtramos os dados da API e definimos a saída para extrair apenas os detalhes mais relevantes. A terceira parte, "[Processamento da API da Groupon – Parte 3](https://www.altova.com/blog/2011/08/processing-groupon-api-part-3.html)", descreve como formatar a saída como um único documento HTML, otimizado para dispositivos de secretária e dispositivos móveis, e analisa formas de automatizar a execução repetida.