linguagens de marcação e web semântica - marilia.unesp.br · divide o texto em várias ......
Post on 13-Dec-2018
218 Views
Preview:
TRANSCRIPT
1
Linguagens de Marcação e Web Semântica
A linguagem HTML
2
A linguagem HTML
� HyperText Markup Language
◦ Divide o texto em várias partes, identificadas por tags (etiquetas).� nome do autor da página� cabeçalho da página� uma imagem� uma tabela� um link
� Os browsers (navegadores) interpretam e exibem as páginas HTML,
A linguagem HTML:tags
<html>
<head>
<title>meu primeiro HTML</title></head>
<body>
<h1>Esta é minha primeira página em HTML</h1></body>
</html>
São indicações apresentadas entre os caracteres de menor e maior( < > ) que representam os elementos de uma página
3
A linguagem HTML:tags
� <HTML> </HTML>◦ Informa o inicio e o final de uma página escrita em HTML;
� <HEAD> </HEAD> ◦ identificam o inicio e o término de uma área de descrições
gerais da página tais como título, autor, etc.
� <TITLE> </TITLE>◦ Responsável por exibir o titulo da página. Alguns
navegadores (browsers) exibem o título da página no título da janela onde está o browser.
� <BODY> </BODY>◦ É o corpo da página, onde estão as informações que se
deseja apresentar;
<html>
<head>
<title>Exemplo de cabeçalhos</title></head>
<body>
<h1>Cabeçalho de nível 1</h1><h2>Cabeçalho de nível 2</h2><h3>Cabeçalho de nível 3</h3><h4>Cabeçalho de nível 4</h4><h5>Cabeçalho de nível 5</h5><h6>Cabeçalho de nível 6</h6>
</body>
</html>
A linguagem HTML:tags
� <H1> </H1>◦ tag de cabeçalho de nivel 1
� Os números indicam o nível do cabeçalho (de H1 a H6).
� Quando apresentados, apresentam letras maiores e em negrito, dependendo do nível
Visualizar
4
A linguagem HTML:tags
Estilo Sintaxe
Negrito <B> Texto </B>
Itálico <I> Texto <I>
Sublinhado <U> Texto </U>
Letreiro <MARQUEE > Texto </MARQUEE>
<html>
<head>
<title>Teste de Tags</title></head>
<body>
<h1>Teste de alguns tags em páginas HTML</h1><B> Negrito </B> <p>
<I> Itálico <I> <p>
<U> Sublinhado </U> <p>
<MARQUEE> Letreiro </MARQUEE> <p>
</body>
</html>
Visualizar
A linguagem HTML
HTML<html><head>
<title>Descrição do meu RG</title></head><body><img src="http://www.marilia.unesp.br/Home/Instituicao/Docentes/EdbertoFerneda/Edberto.jpg" width="170"
height="200"><p><b>Registro Geral: </b>13.150.744-8<p><b>Nome: </b>Edberto Ferneda<p><b>Filiação: </b>Élcio Ferneda e Elza Ferneda<p><b>Naturalidade: </b>São Paulo - SP <p><b>Data de Nascimento: </b>30/01/1963<p>
</body></html>
Visualização
5
A linguagem XML
A linguagem XML
� A linguagem XML (Extensible Markup Language)◦ Permite a criação de um número ilimitado de marcações
(tags);
◦ Não possui recursos para descrever o aspecto visual das páginas Web;
◦ Permite estruturar e descrever informação.
6
A linguagem XML
<?xml version='1.0' encoding=‘UTF-8'?><RG>
<numero>131507448</numero><nome>Edberto Ferneda</nome><filiacao>
<pai>Élcio Ferneda</pai><mae>Elza Ferneda</mae>
</filiacao>
<naturalidade>São Paulo - SP</naturalidade><DataNascimento>30/01/1963</DataNascimento>
</RG>
Visualizar
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">
<xs:element name=“microcomputador">
<xs:complexType>
<xs:sequence>
<xs:element name=“modelo" type="xs:string"/>
<xs:element name=“velocidade" type="xs:numeric"/>
<xs:element name=“ram" type="xs:integer"/>
<xs:element name=“monitor" type="TMonitor"/>
<xs:element name=“impressora" type="TImpressora"/>
</xs:sequence>
</xs:complexType>
</xs:element>
<xs:complexType name="TMonitor">
<xs:sequence>
<xs:element name=“marca" type="xs:string"/>
<xs:element name=“modelo" type="xs:string"/>
</xs:sequence>
</xs:complexType>
</xs:schema>
<?xml version='1.0' encoding='ISO-8859-1'?><microcomputador xmlns:xsi="http://www.usp.br/micro.xsd">
<modelo>Pentium 4</modelo><velocidade>3.4</velocidade><ram>256</ram><monitor>
<marca>Samsung</marca><modelo>SyncMaster 551v</modelo>
</monitor>
<impressora>
<marca>HP</marca><modelo>Deskejet 930c</modelo>
</impressora>
</microcomputador>
XML Schema ( micro.xsd )
XML
A linguagem XML:esquemas
7
A linguagem XML:xsl
� XSL (Extensible Stylesheet Language)◦ Fornece uma “folha de estilo” poderosa e com uma sintaxe
fácil para expressar como os documentos XML serão apresentados
◦ Podem ser desenvolvidas várias folhas de estilo de maneira que o mesmo documento XML pode ser apresentado de muitas formas diferentes.
A linguagem XML
Página XML
XML Schema
XSL1
XSL2
XSL3
8
Web Semântica
WEB Semântica
CENÁRIO
Lucy precisa marcar uma consulta médica com um ortopedista e uma série de sessões de fisioterapia para sua mãe. Como ela vai ter de levar sua mãe às consultas, é necessário que estas sejam marcadas em um horário em que Lucy esteja livre, de preferência em um local perto da casa de sua mãe. Tanto o médico quanto os fisioterapeutas devem ser qualificados e fazer parte do plano de saúde da família. Lucy vai utilizar seu agente, que funciona na Web Semântica, par achar a melhor solução.
Lucy requisita a marcação da consulta ao agente:
1. O agente recupera o tratamento prescrito à mãe de Lucy do agente do médico que está cuidando dela;
2. O agente procura em várias listas de provedores de serviços de saúde;3. O agente verifica aqueles que fazem parte do plano de saúde da mãe de Lucy, que
ficam dentro de um raio de dois quilómetros de sua casa e estão classificados como bons profissionais em um serviço de classificação de profissionais de saúde;
4. O agente então tenta achar casamentos entre os horários disponíveis da agenda de Lucy e os horários vagos dos profissionais (disponibilizados através de seus agentes ou site na web)
9
A Web semântica é uma visão para o futuro da Web
em que informação recebe significado explícito,
tornando possível processar de forma mais eficiente a
informação disponível na Web.
WEB Semântica
Web SemânticaWeb Atual X Web Semântica
10
Web SemânticaCamadas
XML – XML Schema
RDF – RDF Schema
ontologia
lógica
prova
confiança
Assinatura digital
WEB Semântica
11
WEB Semântica:XML e XML Schema
XML – XML Schema
XML
Permite definir esquemas de tags específicos para uma área de aplicação.
XML Schema
Define a sintaxe de uma classe de documentos XML.
WEB Semântica:XML e XML Schema
Esquema XML (XML
Schema)XML Schema (http://sites.uol.com.br/ferneda/livro.xsd)
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">
<xs:element name="livro">
<xs:complexType>
<xs:sequence>
<xs:element name="titulo" type="xs:string"/>
<xs:element name="genero" type="xs:string"/>
<xs:element name="autor" type="TAutor" minOccurs="1"/>
<xs:element name="editora" type="xs:string"/>
</xs:sequence>
</xs:complexType>
</xs:element>
<xs:complexType name="TAutor">
<xs:sequence>
<xs:element name="nome" type="xs:string"/>
<xs:element name="dtnasc" type="xs:date"/>
</xs:sequence>
</xs:complexType>
</xs:schema>
XML
<livro xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://sites.uol.com.br/ferneda/livro.xsd">
<titulo>A Rosa do Povo</titulo>
<genero>poesia</genero>
<autor>
<nome>Carlos Drummond de Andrade</nome>
<dtnasc>1902-10-31</dtnasc>
</autor>
<editora>Jose Olympio</editora>
</livro>
12
WEB Semântica:XML e XML Schema
XML – XML Schema
RDF – RDF Schema
RDF
Oferece um enfoque flexível para representar dados.
RDF Schema
Permite descrever a semântica das classes e propriedades usadas em documentos Web.
WEB Semântica:RDF
� RDF (Resource Description Framework)◦ Permite fazer "declarações" a respeito de recursos da
Web;
◦ Está baseada em três tipos de objetos: � recurso (“resource”),
� ualquer objeto da Web que possui um endereço, como, por exemplo, uma página HTML ou XML identificada por uma URL;
� propriedade (“property”);� Uma propriedade é uma característica, um atributo ou uma relação
usada para descrever um recurso;
� declaração (“statement”);� recurso + propriedade.
13
WEB Semântica:RDF
� RDF (Resource Description Framework)◦ Uma declaração pode ser dividida em três partes:
� sujeito� predicado� objeto
Declaração Propriedade Domínio
Sujeito Recurso
Predicado Nome da propriedade
Objeto Valor da propriedade Recurso ou literal
WEB Semântica:RDF
Sujeito (recurso) http://www.familia.org/joao
Predicado (propriedade) NumFone
Objeto (valor) 3432-2677
<rdf:RDF
<rdf:Description about=”http://www.familia.org/joao”>
<p:NumFone>
3432-2677
</p:NumFone>
</rdf:Description>
</rdf:RDF>
www.familia.org/joaoNumFone "3432-2677"
14
WEB Semântica:RDF
Sujeito (recurso) http://www.familia.org/joao
Predicado (propriedade) Cadado_com
Objeto (valor) http://www.familia.org/maria
<rdf:RDF
<rdf:Description about=”http://www.familia.org/joao”>
<f:Casado_com>
www.familia.org/maria</f:Casado_com>
</rdf:Description>
</rdf:RDF>
www.familia.org/joaoCasado com www.familia.org/maria
WEB Semântica:RDF
<rdf:RDF
<rdf:Description about=”http://www.familia.org/joao”>
<p:NumFone>
3432-2677
</p:NumFone>
<f:Casado_com>
www.familia.org/maria
</f:Casado_com>
</rdf:Description>
</rdf:RDF>
www.familia.org/joaoCasado_com
www.familia.org/maria
3432-2677
15
WEB Semântica:RDF - exemplo
Sujeito (recurso) Pedro Álvares Cabral (http://www.vidaslusofonas.pt/pedro_a_cabral.htm)
Predicado (propriedade) DescobriuObjeto (valor ou recurso) Brasil (http://pt.wikipedia.org/wiki/Brasil)
“Pedro Álvares Cabral (http://www.vidaslusofonas.pt/pedro_a_cabral.htm)descobriu o Brasil (http://pt.wikipedia.org/wiki/Brasil)”
Brasil(http://pt.wikipedia.org/wiki/Brasil)
Pedro Álvares Cabral(http://www.vidaslusofonas.pt/pedro_a_cabral.htm)
Descobriu
<rdf:RDF><rdf:Description about=“(http://www.vidaslusofonas.pt/pedro_a_cabral.htm”><Descobriu>
<rdf:Description about=“http://pt.wikipedia.org/wiki/Brasil”></rdf:Description>
</Descobriu></rdf:Description>
</rdf:RDF>
WEB Semântica
XML – XML Schema
RDF – RDF Schema
XML
XML Schema
RDF
RDF Schema
16
WEB Semântica:Ontologia
XML – XML Schema
RDF – RDF Schema
ontologia
Define os termos usados para descrever e representar uma área do conhecimento
WEB Semântica:Ontologia
◦ Termo originário da filosofia� Disciplina que trata do assunto da existência� “Parte da filosofia que trata do ser enquanto ser, isto é, do ser
como tendo uma natureza comum que é inerente a todos e a cada um dos seres”;
◦ No contexto da Web Semântica...� “Descrição formal dos conceitos e relacionamentos que
existem dentro de um domínio”.
17
WEB Semântica:Ontologia
slot-def comeinverse é-comido-por
slot-def tem-parteinverse é-parte-deproperties transitive
class-def animal
class-def plantasubclass-of NOT animal
class-def árvoresubclass-of planta
class-def galhoslot-constraint é-parte-de
has-value árvore
class-def folhaslot-constraint é-parte-de
has-value galho...
.
.
.
class-def defined carnívorosubclass-of animalslot-constraint come value-type animal
class-def defined herbívorosubclass-of animalslot-constraint come
value-type planta OR
(slot-constraint é-parte-de has-value planta)
class-def herbívorosubclass-of NOT carnívoro
class-def girafasubclass-of animalslot-constraint come value-type folha
class-def leão
subclass-of animal
slot-constraint come value-type herbívoro
WEB Semântica
� Convergência de ideias(Ciência da Informação ⇔ Ciência da Computação)
◦ Atribuir sentido é tarefa humana;
◦ Delimitação a uma área de conhecimento.
� Ciência da Informação◦ Deixa de ser expectador para ser
protagonista no desenvolvimento de ferramentas WEB
XML – XML Schema
RDF – RDF Schema
ontologia
lógica
prova
confiança
Assinatura digital
18
Referências bibliográficas
Referências bibliográficas
� KAPPE, F. Aspects of a modern multi-media information
system. PhD Thesis, Graz University of Technology, Austria, 1991.
� ANDREWS, K.; KAPPE, F.; MAURER, H. Serving information to the Web with Hyper-G. Computer Network
and ISDN Systems, v. 27, n. 6, 1995, p.919-926.
� BUSBY. M. Learn Google. Plano, Texas: Wordware, 2003.
� CROFT, W.B.; METZLER, D.; STROHMAN, T. Search
Engines: information retrieval in practice. Addison Wesley, 2009.
� DAUM, B; MERTEN U. Arquitetura de sistemas com XML. Rio de Janeiro: Campus, 2002.
top related