Um editor de XML para a Web Orientação Jorge Rocha Rui Guerra Miguel Ferreira Gabriel Ferreira

Apresentação do projecto O que é o XfX?

XML – Um Standard de facto Linguagem de anotação Mundialmente utilizada Permite estruturar documentos de texto Fortemente utilizada na Web Utilizado por pessoas comuns

Como escrever XML? Editores de texto necessidade de se conhecer a gramática que define o XML edição impraticável para grandes volumes de informação documentos não são validados trabalho muito penoso

Como escrever XML? Editores de XML Exemplos interfaces rudimentares difícil utilização exigem conhecimento das tecnologias XML necessidade de visualização mental do Schema software comercial Exemplos XMLSpy, X-Metal, XML notepad, XML Pro

XfX – A solução! Transparência Portabilidade “User-Friendly” não exige conhecimento da tecnologia XML Portabilidade corre em qualquer browser em qualquer S.O. “User-Friendly” formulário HTML, formato familiar a quem navega na Web Não comercial por enquanto… 

Arquitectura Tecnologia utilizada

Schemas vs DTD Vantagens Desvantagens Vantagens Desvantagens gramática do futuro maior poder de modelação Desvantagens muito recente - Maio 2001 pouco difundida – escassez de exemplos reais Vantagens simples Desvantagens não especifica tipos de dados não é XML - necessidade de outra tecnologia de parsing

Exemplo de um Schema

Formulário correspondente

Tecnologia utilizada Stylesheets HTML Javascript Geração dinâmica de HTML Opera sobre Schemas – porque são XML HTML Formato do formulário Fortemente difundido Javascript Manipulação dinâmica do HTML Geração de XML com os dados introduzidos Validação dos tipos de dados

Arquitectura Stylesheet processa Schema e gera formulário HTML Utilizador preenche o formulário Geração de um formato proprietário (.xfx) contendo os dados introduzidos Conversão do formato .xfx para XML

Formato .XFX Eliminar ambiguidades do Schema O mesmo XML pode ser gerado por duas produções diferentes Dificuldade em preencher univocamente o formulário <A> <B>um</B> <B>dois</B> <B>três</B> <C>quatro</C> </A>

Conclusões Aplicação pronta a ser usada Adequada para formulários pequenos Utilização intuitiva Aplicação pura Apenas utiliza tecnologia da W3C XML Schema XSLT DOM (através de javascript)

Coloquem as vossas questões Dúvidas? Coloquem as vossas questões