XML: Conceitos e Aplicações
Prof. Marcos Alexandruk
[email protected]
XML
z
z
z
z
XML (Extensible Markup Language)
Possibilita separar o conteúdo da apresentação
dos dados.
Por ser extensível, o XML possibilita a criação
de elementos, ou seja, você mesmo pode criar
as suas tags.
Um dos usos mais difundidos do XML é o
armazenamento e transação de dados entre
empresas.
Por que usar XML?
z
z
z
z
z
z
z
z
z
Padrão aberto
Facilidade para converter dados
Trabalha com formato texto
Fácil de ler e processar
Separa estrutura, conteúdo e apresentação
Facilita geração dinâmica de dados
Evita repetição de informação
Manutenção simples
Compatibilidade com mecanismos de busca
Diferenças entre HTML e XML
z
HTML
z
z
Formata e exibe as informações
Tags pré-definidas
<h1>Fulano de Tal</h1>
<h2>[email protected]</h2>
<p>5555-1234</p>
Diferenças entre HTML e XML
z
XML
z
z
Descreve e armazena as informações
Você pode criar suas próprias tags
<nome>Fulano de Tal</nome>
<email>[email protected]</email>
<fone>5555-1234</fone>
O que compõe um documento XML?
z
Um documento XML é composto basicamente
por três elementos:
z
z
z
CONTEÚDO: Informação a ser disponibilizada
ESTRUTURA: Definida por um DTD (Document
Type Definition) ou Schema que contém as regras
de formatação
APRESENTAÇÃO: A forma como os dados serão
exibidos. Para isso utiliza-se CSS (Cascading Style
Sheets) ou XSLT (Extensible Style Language
Transformation).
Como criar um documento XML?
z
Documentos XML podem ser criados da mesma forma que as
páginas HTML: utilizando um editor de textos ou softwares
especializados.
<?xml version "1.0"?>
<agenda>
<contato>
<nome>José da Silva</nome>
<email>[email protected]</email>
</contato>
<contato>
<nome>Maria dos Santos</nome>
<email>[email protected]</email>
</contato>
</agenda>
Algumas regras:
z
z
z
z
z
Nomes podem conter letras, números e "_"
(underscore)
Nomes não devem iniciar com números ou "_"
(underscore)
Nomes não devem conter a palavra xml ou XML
Nomes não devem conter espaços
O XML é case-sensitive (letras maiúsculas e
letras minúsculas são tratadas de maneiras
diferentes).
Formatação usando CSS
z
cds.xml
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="cds.css"?>
<loja>
<cd>
<titulo>Blue Sky Mining</titulo>
<cantor>Midnight Oil</cantor>
</cd>
<cd>
<titulo>Testify</titulo>
<cantor>Phil Collins</cantor>
</cd>
</loja>
Formatação usando CSS
z cds.css
loja {font-family: Verdana; font-size: 12px }
titulo { color: red; font-weight: bold; display: block }
cantor { color: green; display: block; margin-bottom: 10px }
NOTA: display: block insere uma quebra de linha antes
do próximo elemento.
Formatação usando XSLT
z
XSLT (Extensible Stylesheet Language Transformation)
transforma e manipula os dados de um documento XML
para apresentá-los no browser.
z
VANTAGENS
z
É escrito em XML (não há necessidade de aprendizagem de uma
outra linguagem).
z
Permite ordenar, excluir e filtrar os dados de um documento XML
(o usuário pode controlar a maneira como os dados são
apresentados no browser).
z
Capacidade de inserir textos e gráficos no documento final.
Formatação usando XSLT
z
cds.xml
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cds.xsl"?>
<loja>
<cd>
<titulo>Blue Sky Mining</titulo>
<cantor>Midnight Oil</cantor>
</cd>
<cd>
<titulo>Testify</titulo>
<cantor>Phil Collins</cantor>
</cd>
</loja>
Formatação usando XSLT
z
cds.xsl
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head><title>Music Hall</title></head>
<body>
<table border="1">
<tr><th>Título</th><th>Cantor</th></tr>
<xsl:for-each select="loja/cd">
<tr>
<td><xsl:value-of select="titulo" /></td>
<td><xsl:value-of select="cantor" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Formatação usando XSLT
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/TR/WD-xsl">
Abre o documento e faz referência ao namespace necessário para que o browser
reconheça as instruções de processamento e formate o documento.
O elemento xsl:stylesheet deve ser fechado no final do documento.
<xsl:template match="/">
O template é usado para definir como a apresentação dos documentos deve ser feita.
A propriedade match é usada para assciar o template com um determinado elemento
XML.
<xsl:for-each select="loja/cd">
O elemento xsl:for-each permite efetuar um loop dentro de um documento XSLT.
<xsl:value-of select="titulo" />
<xsl:value-of select="cantor" />
O elemento xsl:value-of é usado para extrair o valor de um node (no DOM da W3C cada
elemento na representação da árvore é chamado de node) e apresentá-lo no browser.
A propriedade select permite definir o elemento XML cujo valor será lido. O elemento é
acessado da mesma maneira que acessamos um arquivo, navegando por diretórios.
Formatação usando XSLT
Título
Cantor
Blue Sky Mining
Midnight Oil
Testify
Phil Collins
XML: Uso de atributos (ou propriedades)
z
Atributos apresentam informações adicionais sobre um
elemento.
Os nomes dos atributos devem estar em letras minúsculas.
z
cds.xml
z
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cds.xsl"?>
<loja>
<cd cod="1001">
<titulo>Blue Sky Mining</titulo>
<cantor>Midnight Oil</cantor>
</cd>
<cd cod="1002">
<titulo>Testify</titulo>
<cantor>Phil Collins</cantor>
</cd>
</loja>
XML: Uso de atributos (ou propriedades)
z
cds.xsl
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head><title>Music Hall</title></head>
<body>
<table border="1">
<tr><th>Código</th><th>Título</th><th>Cantor</th></tr>
<xsl:for-each select="loja/cd">
<tr>
<td align="center"><xsl:value-of select="@cod" /></td>
<td><xsl:value-of select="titulo" /></td>
<td><xsl:value-of select="cantor" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
XML: Uso de atributos (ou propriedades)
Código
Título
1001
1002
Blue Sky Mining
Testify
Cantor
Midnight Oil
Phil Collins
Data Islands
z
Agregam informações dentro de um documento.
Utilizadas para inserir código XML em um documento HTML.
z
cds.xml
z
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cds.xsl"?>
<loja>
<cd>
<codigo>1001</codigo>
<titulo>Blue Sky Mining</titulo>
<cantor>Midnight Oil</cantor>
</cd>
<cd>
<codigo>1002</codigo>
<titulo>Blue Sky Mining</titulo>
<cantor>Phil Collins</cantor>
</cd>
</loja>
Data Islands
cds.htm
<html>
<head>
<title>Music Hall</title>
</head>
<style type="text/css">
body {font: 80% Verdana}
th {font-size: 90%}
td {font-size: 80%}
</style>
<body>
<xml id="dados" src="cds.xml"></xml>
<table datasrc="#dados" border="1">
<thead>
<tr><th>Título</th><th>Cantor</th></tr>
</thead>
<tbody>
<tr>
<td><span datafld="titulo"></span></td>
<td><span datafld="cantor"></span></td>
</tr>
</tbody>
</table>
</body>
</html>
Data Islands: propriedade datapagesize
cds.htm
<html>
<head>
<title>Music Hall</title>
</head>
<style type="text/css">
body {font: 80% Verdana}
th {font-size: 90%}
td {font-size: 80%}
</style>
<body>
<xml id="dados" src="cds.xml"></xml>
<table id="tabela" datasrc="#dados" datapagesize="2" border="1">
<thead>
<tr><th>Título</th><th>Cantor</th></tr>
</thead>
<tbody>
<tr>
<td><span datafld="titulo"></span></td>
<td><span datafld="cantor"></span></td>
</tr>
</tbody>
</table> <br />
<button onclick="tabela.firstPage()">Primeira</button>
<button onclick="tabela.previusPage()">Anterior</button>
<button onclick="tabela.nextPage()">Próxima</button>
<button onclick="tabela.lastPage()">Última</button>
</body>
</html>