<ul><li>Scalable Vector Graphics </li></ul><ul><li>um exemplo de uso de XML </li></ul>Universidade Federal do Ceará, 1 de ...
Introdução <ul><li>Este é exemplo de uso de arquivos XML em uma situação real. Escolhemos o padrão SVG por se tratar de um...
Cenário <ul><ul><li>Uma imagem no computador pode ser classificada como raster ou vetorial. </li></ul></ul>
Raster <ul><li>Uma imagem raster armazena a imagem como mapa de bits onde cada ponto do mapa (pixel) representa uma cor. E...
Exemplo Raster
Vetorial <ul><li>O formato vetorial armazena uma imagem em função de primitivas gráficas como círculos, quadrados e curvas...
Exemplo Vetorial
Desafios <ul><li>Um bom formato para gráficos vetoriais precisava atender os reguintes requisitos: </li></ul><ul><li>Estru...
Desafios (mais) <ul><li>Semântica: os gráficos vetoriais possuem uma forte carga semântica já que as entidades podem ser d...
Desafios (e mais) <ul><li>Tamanho: os arquivos gráficos são amplamente utilizados, geralmente em uma única aplicação pode ...
Solução <ul><li>SVG é a sigla em inglês para Scalable Vector Graphics é um formato aberto prosto pela W3C ( World Wide Web...
Exemplo de Código SVG <ul><li><svg xmlns=&quot;http://www.w3.org/2000/svg&quot; </li></ul><ul><li>width=&quot;467&quot; he...
Examplo de gráfico SVG
Vantagens <ul><li>Arquivos Raster podem ser embutidos em formato binário dentro de um SVG. </li></ul><ul><li>É baseado em ...
Vantagens (mais) <ul><li>É aplicável para uma larga gama de tipos de imagens (mas não todas). </li></ul><ul><li>É independ...
Desvantagens <ul><li>A sintáxe do XML é redundante e em certos casos os arquivos SVG podem ser maiores se comparados com R...
Referências <ul><li>http://en.wikipedia.org/wiki/SVG  </li></ul><ul><li>http://en.wikipedia.org/wiki/Vector_graphics  </li...
<ul><li>Obrigado! </li></ul>Universidade Federal do Ceará, 1 de Abril de 2008
Upcoming SlideShare
Loading in …5
×

SVG como exemplo de XML

1,755 views
1,623 views

Published on

SVG como exemplo de uso real de XML

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,755
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

SVG como exemplo de XML

  1. 1. <ul><li>Scalable Vector Graphics </li></ul><ul><li>um exemplo de uso de XML </li></ul>Universidade Federal do Ceará, 1 de Abril de 2008 por Edilson Ribeiro Júnio e José Maria Silveira Neto.
  2. 2. Introdução <ul><li>Este é exemplo de uso de arquivos XML em uma situação real. Escolhemos o padrão SVG por se tratar de um formato amplamente utilizado e que é um formato baseado em XML. </li></ul>
  3. 3. Cenário <ul><ul><li>Uma imagem no computador pode ser classificada como raster ou vetorial. </li></ul></ul>
  4. 4. Raster <ul><li>Uma imagem raster armazena a imagem como mapa de bits onde cada ponto do mapa (pixel) representa uma cor. Esse formato é adequado para armazenar fotografias mas é amplamente utilizado para os mais diversos usos. </li></ul>
  5. 5. Exemplo Raster
  6. 6. Vetorial <ul><li>O formato vetorial armazena uma imagem em função de primitivas gráficas como círculos, quadrados e curvas. Essas primitivas são armazenadas de em uma forma matemática paramétrica, o que permite que a imagem sofra transformações sem perder qualidade, por exemplo, ela pode sofrer escala (zoom) sem perder qualidade. </li></ul>
  7. 7. Exemplo Vetorial
  8. 8. Desafios <ul><li>Um bom formato para gráficos vetoriais precisava atender os reguintes requisitos: </li></ul><ul><li>Estrutura; é necessário escolher uma forma de organizar as entidades que representam uma imagem (as primitivas, operações e filtros). A maneira mais natural seria organizar as entidades de uma maneira hierárquica mas outras maneiras seriam possíveis. </li></ul>
  9. 9. Desafios (mais) <ul><li>Semântica: os gráficos vetoriais possuem uma forte carga semântica já que as entidades podem ser descritas (um círculo de raio 10 no ponto 20 e 30). Seria interessante preservar essa semantica no formato. </li></ul><ul><li>Interoperabilidade: parsers para abrir e fechar o formato devem ser fáceis de serem desenvolvidos ou acoplados a diversas aplicações. </li></ul>
  10. 10. Desafios (e mais) <ul><li>Tamanho: os arquivos gráficos são amplamente utilizados, geralmente em uma única aplicação pode utilizar vários arquivos gráficos. Se o formato de arquivo precisar de muito espaço as aplicações se tornaram pesadas e ocuparam muito espaço em disco. </li></ul>
  11. 11. Solução <ul><li>SVG é a sigla em inglês para Scalable Vector Graphics é um formato aberto prosto pela W3C ( World Wide Web Consortium ) para descrever arquivos gráficos vetoriais em duas dimensões, estáticos ou animados. SVG pode ser puramente declarativo ou incluir scripts e hyperlinks. </li></ul>
  12. 12. Exemplo de Código SVG <ul><li><svg xmlns=&quot;http://www.w3.org/2000/svg&quot; </li></ul><ul><li>width=&quot;467&quot; height=&quot;462&quot;> </li></ul><ul><li><rect x=&quot;80&quot; y=&quot;60&quot; width=&quot;250&quot; height=&quot;250&quot; rx=&quot;20&quot; </li></ul><ul><li>style=&quot;fill:#ff0000; stroke:#000000; stroke-width:2px;&quot; /> </li></ul><ul><li><rect x=&quot;140&quot; y=&quot;120&quot; width=&quot;250&quot; height=&quot;250&quot; rx=&quot;40&quot; </li></ul><ul><li>style=&quot;fill:#0000ff; stroke:#000000; stroke-width:2px; </li></ul><ul><li>fill-opacity:0.7;&quot; /> </li></ul><ul><li></svg> </li></ul>
  13. 13. Examplo de gráfico SVG
  14. 14. Vantagens <ul><li>Arquivos Raster podem ser embutidos em formato binário dentro de um SVG. </li></ul><ul><li>É baseado em texto. Isso torna já facilita a criação de parsers. </li></ul><ul><li>Tem suporte a Unicode. </li></ul><ul><li>Suporta estruturas dados comuns na computação como listas, registros e árvores. </li></ul>
  15. 15. Vantagens (mais) <ul><li>É aplicável para uma larga gama de tipos de imagens (mas não todas). </li></ul><ul><li>É independente de plataforma e portanto imune a mudanças de tecnologia. </li></ul><ul><li>É possível ampliar ou reduzir o formato de maneira compatível através de ajustes no esquema. </li></ul><ul><li>Sua natureza verbal propicia uma boa eficiencia com compactação. </li></ul>
  16. 16. Desvantagens <ul><li>A sintáxe do XML é redundante e em certos casos os arquivos SVG podem ser maiores se comparados com Raster. </li></ul><ul><li>Arquivos SVG podem ficar muito grandes e podem afetar a eficiencia das aplicações. </li></ul>
  17. 17. Referências <ul><li>http://en.wikipedia.org/wiki/SVG </li></ul><ul><li>http://en.wikipedia.org/wiki/Vector_graphics </li></ul><ul><li>http://en.wikipedia.org/wiki/XML </li></ul><ul><li>http://www.w3.org/2000/svg </li></ul>
  18. 18. <ul><li>Obrigado! </li></ul>Universidade Federal do Ceará, 1 de Abril de 2008

×