Linguagens de Marcação e Web Semântica - marilia.unesp.br · Divide o texto em várias ......

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


� <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>


� <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


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.


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


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


<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


<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


◦ 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


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.

Linguagens de Marcação e Web Semântica - marilia.unesp.br · Divide o texto em várias ......

Documents

Transcript of Linguagens de Marcação e Web Semântica - marilia.unesp.br · Divide o texto em várias ......