Projeto Aprenda em Casa - Cursos gratuitos

Cursos On-line Gratuitos- XML

Aula 01

Criada em 1996, o XML (Xtensible Markup Language), se trata de um subproduto da linguagem SGML (Standard Generalized Markup Language) com a portabilidade do HTML.

Para que o sistema execute páginas com código XML, são requeridos:

· Navegador Internet Explorer 5.0 (compatível) ou superior;
· Editor de textos que possa gerar código em formato texto ou o FrontPage (compatível).

Muitos dizem que o XML em breve irá substituir o HTML, porém este não é o principal objetivo desta linguagem e, tem como principais vantagens:

· a possibilidade oferecida ao desenvolvedor de criar as suas próprias Tags.
· O estilo da página (ao contrário do HTML) permanece em parte separada de código, assim sendo, a atualização do site se torna mais rápida.
· O conteúdo de um documento não está ligado (preso) diretamente a um servidor, ou seja, de forma simples poderemos visualizar apenas os dados desejados de uma página.
· O Download do conteúdo da página é realizado de forma mais rápida.
· Possibilidade de múltiplos links.

A estrutura básica de um arquivo XML (.xml) é a seguinte:

<principal>
<item>Primeiro item do site</item>
<item>
<subitem>Subitem do site</subitem>
</item>
</principal>

Porém a estrutura exibida acima é apenas parte de um conjunto de arquivos que dará resultado a uma página XML, pois ao contrário do HTML, esta tecnologia possui uma série de arquivos ligados para que o resultado final seja obtido. Neste caso, teremos os seguintes componentes:

· Cascading Style Sheets (CSS): mecanismo que cria os estilos de páginas Web
· Extensible Style Language (XSL): mecanismo utilizado em conjunto com o XML para a criação de estilos
· Document Type Definition (DTD): arquivo que possui a estrutura de uma página XML

Para que possamos compreender melhor os arquivos XML, vamos criar nosso primeiro exemplo. Abra o seu editor “bloco de notas” ou o FrontPage e insira o código exibido abaixo:

<?xml version='1.0' encoding="iso-8859-1"?>
<apcasa>
<curso>
<tema>Redes e Windows 2000</tema>
<proximaaula>23-06-2001</proximaaula>
</curso>
<curso>
<tema>Visual Basic 6.0</tema>
<proximaaula>25-06-2001</proximaaula>
</curso>
</apcasa>

A princípio, indicamos a versão do XML em uso e o padrão dos caracteres, que como padrão, é o apresentado, possibilitando assim o uso de acentuação e esta linha, deverá ser sempre a primeira de um arquivo de código XML.

Em seguida, criamos uma TAG denominada APCASA que irá possuir as demais tags, ou um sub-conjunto de tags, tags estas que irão armazenar o título do curso e a data da próxima aula disponível.

Este documento deverá ser salvo com a extensão XML, e este arquivo irá conter os dados a serem exibidos na sua página Web.

Para que você tenha a certeza de que o arquivo gerado não tenha nenhum erro de digitação, abra a página que acabamos de gerar no seu Internet Explorer. Observe o resultado que deverá ser apresentado:

Vamos agora ao documento DTD, ou seja, aquele que irá armazenar/definir os tipos de dados e entidades que irão fazer parte do documento XML, através de um conjunto de regras que servirão para identificar se o documento está correto ou não. Este recurso poderá estar em um arquivo com extensão .dtd ou no próprio arquivo XML, sendo que a criação deste não é obrigatória.

Mas então quando utilizar o DTD de forma externa do documento XML? Como base, em um arquivo XML muito extenso para simplificar o processo de organização e padronização dos dados do documento.

Veja a seguir um exemplo de documento XML com uma DTD interna:

<?xml version='1.0' encoding="iso-8859-1"?>
<!DOCTYPE MENSAGEM [
<!ELEMENT MENSAGEM (TO, FROM, SUBSJECT, TEXTO)>
<!ELEMENT TO (#PCDATA)>
<!ELEMENT FROM (#PCDATA)>
<!ELEMENT SUBJECT (#PCDATA)>
<!ELEMENT BODY (#PCDATA)>
]>
<MENSAGEM>
<TO>Prezado(a) aluno(a)</TO>
<FROM>Equipe de desenvolvimento</FROM>
<SUBJECT>Projeto Aprenda em Casa</SUBJECT>
<TEXTO>Prezado aluno, bom dia. Segue em anexo o(s) seguinte(s) ....</TEXTO>
</MENSAGEM>

Observe que, aqui como novidade, temos primeiro a definição dos dados que serão utilizados como uma espécie de variável e em seguida empregamos os valores para os mesmos.

No exemplo acima, tivemos um arquivo XML e o arquivo DTD embutido no mesmo. Caso nosso objetivo seja a criação de um arquivo DTD externo, basta separar o arquivo em duas partes, sendo que a divisão irá ocorrer entre a definição e os dados que serão exibidos.

Observamos que, o documento XML possui apenas os dados que serão exibidos/utilizados na página e, o layout (a forma com a qual os dados serão exibidos), estarão presentes em uma folha de estilo, ou um arquivo XSL.

Uma das vantagens de aplicar o uso de folhas de estilo é que podemos gerar mais de uma folha de estilo para um mesmo arquivo XML. Este tipo de utilização é comum em sites de HomeBanking, onde temos uma apresentação “x” para o extrato visualizado apenas no navegador e uma visualização “y” quando este extrato tiver a opção de impressão acionada.

Os arquivos XSL são uma mistura de HTML e XML. Os arquivos XSL possuem a seguinte estrutura:

<?xml version='1.0' encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<center>
<table border="1">
<tr>
<th>Curso</th>
<th>proxima aula em</th>
</tr>
<xsl:for-each select="apcasa/curso">
<tr>
<td><xsl:value-of select="tema"/></td>
<td><xsl:value-of select="proximaaula"/></td>
</tr>
</xsl:for-each>
</table>
</center>
</xsl:template>
</xsl:stylesheet>

Observe que, geramos uma página conforme um modelo HTML e que na mesma, estamos dando forma aos dados apresentados no primeiro exemplo criado (no inicio deste módulo), onde estamos pegando as Tags criadas naquele documento e incluindo as mesmas nos pontos em que desejamos, gerando assim um arquivo de folha de estilo e formatando a maneira pela qual desejamos que os dados sejam visualizados no navegador.

Neste módulo tivemos um primeiro contato com o XML e, iremos no próximo módulo gerar novos exemplos para uma melhor assimilação do que foi estudado até o momento.

Voltar