Microformats e Web

Semntica, transformando
seu site para Web 3.0
Renato Bongiorno

Bem Vindos
Perguntas, idias, links e o que quiserem compartilhem:

#roadSemantico

 Web 1.0
Web 2.0
Web 3.0 ?

 A primeira verso da Web mudou o mundo

Conectou pessoas de qualquer lugar

Abriu portas para novas possibilidades

Formada por documentos
estticos (HTML)

 Formada por documentos com atualizaes dinmicas

Interatividade entre as pessoas e a busca pela informao

ficou mais fcil

Compartilhamento de
idias de forma dinmica
Crowdsourcing

Web 1.0 Revoluo

tecnolgica

Web 2.0 - Revoluo

publicitria

Acessibilidade de novos
protocolos

Mecanismo de crescimento
Internautas

Formatos de documentos
(HTML)

Interao e construo de
comunidades web

Tecnologia cliente/servidor

Fenmeno social e
humanstico

At Fevereiro de 2012
2.795.361 registros
cadastrados s com a
categoria .BR

GRFICO DA EVOLUO DO NMERO DE DOMNIOS .br

Qual ser a melhor forma de

capturarmos informaes relevantes
e aproveitarmos melhor esse volume
imenso de informao?

Web Semntica a forma de funcionamento da web que

visa facilitar a obteno, classificao e organizao das

informaes na web, estruturando os documentos para

torn-los legveis tanto para humanos quanto para

mquinas.

Como assim?!
Legvel para mquinas e humanos?!

Tim Berners Lee e o Linking Open Data Community

Project definem os objetivos da Web Semntica
como uma forma de compartilhar contedos,
lig-los a outros e efetivamente construir uma
Web de Dados Ligados que abarcam o
globo terrestre.

Como fazer com que os mecanismos

de busca localizem os conceitos dos
itens buscados e no somente as
palavras chaves?

Metadados!

Metadados!
A chave para o sucesso da
Web Semntica!
E o que so metadados?

Segundo a International Federation of Library Associations (IFLA):

"Metadados so dados sobre dados.
O termo se refere a qualquer informao utilizada para a
identificao, descrio e localizao de recursos"
Para o W3C, metadados so definidos como:
"Informaes para Web que podem ser
compreendidas por mquinas"

Segundo o filsofo e consultor David Weinberger:

"Os dados so o que voc procura e os

metadados aquilo que voc sabe..."

Como adicionar os metadados nas

pginas e torn-las semnticas?

XML O incio de tudo....

Em 1989 Berners-Lee e Robert Caila no
CERN criaram o sistema universal de interconexo de

informao, chamado ento a partir de 1990 de

WWW (World Wide Web) conseqentemente junto ao HTML

O HTML apresentava duas grandes limitaes:

Falta de estrutura para a demanda de informaes
Impossibilidade de validao da informao exigida
Para dar conta dessas limitaes, foi criada a linguagem de marcao
XML Extensible Markup Language, oferecendo s aplicaes web:

Suporte para conexo entre outros documentos

Diferenciao entre contedo (dados)

e estrutura do documento

Como os dados podem se conectar

via web atravs das linguagens
da Web Semntica?

Lngua franca da web permitindo

que mquinas possam interagir de
modo significativo.

Representao formal de um grupo de conceitos

dentro de um domnio e as relaes
entre estes conceitos.
(Pollock , Jeffrey t.)

Especificaes formais e explcitas de

conceitualizaes compartilhadas.
(Britman, Karin)

Uma base de conhecimento comum sobre

um determinado domnio (assunto) que
permite ligar informaes na web de
forma categorizada e disponibiliz-la
universalmente.
(Renato Bongiorno)

Unidades

EDUCAO

Docentes
Cursos

DOCENTE DO SENAC SP
MINISTRA CURSOS WEB

Imagine que a minha pgina pessoal

contendo metadados, se conecte
com o vocabulrio educacional e
que neste vocabulrio tenha
disponvel as vinculao de:
Unidades, Docentes e Cursos

EDUCAO

Docentes

Cursos

Unidades

Docente SENAC

Web

SP

Veja como a informao

acrescida de semntica
ser compreendida na web.
DOCENTE DO SENAC SP
MINISTRA CURSOS WEB

E como relacionar tudo isso?!

XML + Linguagens da
Web Semntica

 XML
RDF
RDFa
Microformats
GRDDL
OWL
SPARQL
HTML5

Tenho um site em html/xhtml...como

adicionar semntica de forma
prtica e rpida?

 Microformatos so colees de formatos para embutir

metadados de documentos no interior de suas pginas
Microformatos reutilizam atributos existentes em HTML
(ex.: class e title)
Um exemplo de aplicao recorrente de microformatos
na insero dos metadados em pginas de agenda de
eventos e contatos pessoais.

Microformatos trabalham com vocabulrios

prprios, herdados de vocabulrios j
existentes e com grande utilizao:
hCalendar (vCalendar)
hAtom (ATOM)
hCard (vCard)

Exemplo: Descrio do Evento Road Show TI Taubat

<div class="vevent" id="hcalendar-Road-Show-TI-SENAC-2012">
<a class="url" href="http://www.sp.senac.br">
<span class="summary">Road Show TI SENAC 2012</span> no
<span class="location>Taubat</span>
<abbr class="dtstart" title="2012-04-26T19:30-03:0000">
Incio - 26 de Abril as 19h30
</abbr>
<abbr class="dtend" title="2012-04-03T21:00-03:00">
Trmino - 26 de Abril as 21h30
</abbr>
</a>
</div>
<div class="description">
Descrio do evento: Informar um comparativo das linguagens RDFa,
GRDDL e Microformats para converter as tags em HTML em tags Semnticas.
</div>

E como os mecanismos de busca e as

demais pginas que contm relaes
em Microformatos sabem que estou
utilizando o vocabulrio de eventos
(hCalendar) em minha pgina?

 necessrio fazer referncias aos vocabulrios:

<head profile="http://microformats.org/profile/hcalendar">
<link rel="profile" href="http://microformats.org/profile/hcalendar ">
<a rel="profile" ref="http://microformats.org/profile/hcalendar">
hCalendar
</a>

E o que utilizar com cada vocabulrio?

http://microformats.org/profile/hcalendar

Microformatos permitem a insero de dados

semnticos em pginas HTML de forma rpida e
fcil por reutilizar atributos e elementos prprios do
HTML e que no iro causar danos para validaes
de pginas nos DTDs utilizados junto ao W3C.

Antes de entendermos RDFa essencial

compreendermos RDF (sem a)....

 Resource Description Framework - Plataforma de

Descries de Recursos
Projetado para fornecer interoperabilidade e
semntica para metadados visando facilitar a busca
na web

RDF um padro de metadados recomendado pelo

W3C como linguagem para recursos interligados

RDF possui 03 princpios fundamentais:

Recursos

Propriedades
Frases

RDF pode descrever uma coisa fazendo declaraes

sobre suas propriedades.
A coisa o recurso que voc quer descrever
Os recursos podem ser qualquer coisa: pessoas,
lugares, eventos, produtos, etc.

O conjunto de propriedades que esta coisa possui

forma a descrio deste recurso os seus atributos so
sua definio

O evento ROAD SHOW TI realizado pelo SENAC

O evento ROAD SHOW TI a coisa que estou
descrevendo o recurso

O evento ROAD SHOW TI possui uma propriedade,

o realizador.
A propriedade realizador possui um valor, SENAC.

Na frase...

O evento ROAD SHOW TI realizado pelo SENAC

Quem o sujeito, o predicado e o objeto?

O evento ROAD SHOW TI realizado pelo SENAC

O evento ROAD SHOW TI Sujeito
Realizado Predicado
SENAC Objeto (complementa o significado do predicado)

Tudo...
RDF possui um modelo baseado em triplas
(que consta em 03 partes):
Sujeito
Predicado
Objeto

Em RDF o sujeito e as propriedades da rede

semntica so identificados atravs de
endereos web
(URI Uniform Resource Indicator)
Isso permite uma maneira nica e global de
nomear itens

Exemplo da sentena:
O evento ROAD SHOW TI realizado pelo SENAC
em RDF:
<?xml version="1.0"?>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description rdf:about="http://www.sp.senac.br/">
<dc:creator> SENAC </dc:creator>
</rdf:Description>
</rdf:RDF>

Representao em Tripla:

Road Show TI

Realizado

SENAC

E o que tudo isso permite fazer?

Tornar a semntica dos recursos Web acessvel
por mquinas, possibilitando mquinas a
lidarem com os dados de forma mais
inteligente, exemplos:
Descrever propriedades para itens de compra, como disponibilidade e preo
Descrever cronogramas para eventos
Descrever contedos para buscadores

Descrever informaes sobre pginas como autor, data, ttulo

Meus dados pessoais em RDF:

RDFa - Resource Description

Framework in Attributes - Plataforma
de Descries de Recurso em Atributos

Quais atributos?

Atributos HTML!
RDFa Assim como Microformatos, permite a insero
de contedo semntico (metadados) em tags HTML,
permitido entendimento no somente para humanos,
mas tambm para mquinas!

Permite utilizar a estrutura de grafos RDF

diretamente em tags HTML

E qual a vantagem do RDFa?

Permite uma flexibilidade maior na relao dos dados
com os vocabulrios.
Qualquer comunidade Web que desenvolva um
vocabulrio para um determinado propsito pode ser
automaticamente utilizado pelos desenvolvedores.

E qual a vantagem do RDFa?

Diferente dos Microformatos, que dependem que uma
nica comunidade fornea novos vocabulrios.
Alm da linguagem RDF ser uma recomendao W3C
objetivando os princpios da web semntica diferente dos Microformatos que foram adaptados
para disponibilizar dados semnticos.

RDFa permite que se desenvolvam

pginas em HTML referenciando diversos
vocabulrios atravs das URIs.

Tenho meu site com marcaes em

microformatos e preciso integrar novas fontes de
dados (ex.: XML) e extrair os dados semnticos
dessas informaes em RDF, e agora?

Utilize XSLT + GRDDL!

Gleaning Resource Descriptions from Dialects

Recomendao W3C que permite extrair RDF de
documentos HTML utilizando XSLT.
XSLT uma linguagem de programao de estilos que
quando codificados junto ao XML, permite descrever
transformaes dos dados XML.

GRDDL (Gleaning Resource Descriptions from Dialects

of Languages) - surgiu para suprir uma das maiores
necessidades dos Microformatros integrar diferentes
fontes de dados extraindo o contedo semntico dos
Microformatos e convertendo em RDF.

A transformao e a integrao
(Microformats RDF) dependem de dois fatores:
1 Definir o vocabulrio correspondente ao
Microformato
2 Criar o processo de transformao para extrair os
dados do XHTML para produo das triplas RDF
conforme vocabulrio referenciado

Complexo?!
No, muito simples!
Basta acrescentar o atributo profile na tag head do
XHTML informando que o arquivo dever ser
processado via GRDDL, atravs da tag <link> e
adicionar a URI de transformao.

Exemplo de transformao/extrao GRDDL - RDF

<html>

<head profile="http://www.w3.org/2003/g/data-view">
<link rel=transformation href=http://purl.org/dc/elements/1.1/ />
<div class="vevent" id="hcalendar-Road-Show-TI-SENAC-2012">
<a class="url" href="http://www.sp.senac.br">
<span class="summary">Road Show TI SENAC 2012</span>
no
<span class="location">So Jos do Rio Preto</span>
<abbr class="dtstart" title="2012-03-08T19:30-03:0000">
Incio - 08 de Maro as 19h30
</abbr>
<abbr class="dtend" title="2012-03-03T21:00-03:00">
Trmino - 08 de Maro as 21h30
</abbr>
</a>
</div>

Ciclo de transformao

Esse ciclo de transformao que torna o GRDDL uma tecnologia com

extremo poder para construir a ponte entre os dados XML/XHTML
com o mundo RDF

Uma das principais questes da Web Semntica

a disponibilidade dos dados
A WEB 2.0 virou uma das maiores fontes
de dados dinmicos disponveis hoje
Porm, a maioria dos sites no possui
informaes semnticas.

Por qu?

Complexidade tcnica?
Na verdade no... Existe uma barreira social...
Faltam orientaes para os web designers e
provedores de contedo sobre a importncia dos
metadados, vocabulrios e linguagens da web
semntica...

Microformatos e RDFa tem um papel importante para

solucionar este problema, possibilitando a conexo
entre humanos e mquinas

E o mais importante...
Sem precisar criar arquivos e base de dados
adicionais, basta atualizar seu HTML!

H muito tempo a Web Semntica props a idia

de que com a semntica explcita nos dados os
mecanismos de busca funcionariam melhor...

Com RDFa e Microformatos

isso j comeou!

Yahoo! SearchMonkey e BOSS

Permite aos usurios customizarem a apresentao
dos resultados das buscas realizadas no Yahoo

Cada customizao com

SearchMonkey fornece acesso a
Microformatos e RDFa junto com
cada personalizao

Yahoo! SearchMonkey e BOSS

Em 2009 o Yahoo disponibilizou o suporte a
ferramenta BOSS Build Your Own Search Service
Permite aos desenvolvedores a criao de um
mecanismo de busca utilizando a API do Yahoo,
utilizando dados semnticos para resultar as
pginas da busca

Matria Olhar Digital Maro de 2012

Google
Em Maio de 2009 o Google anunciou a utilizao de
Microformatos e RDFa para enriquecer os resultados
de busca

Em Maio de 2010 anunciou a utilizao

de Microformatos e RDFa no Google
Squared provendo buscas semnticas
para imagens

Google
Em Setembro de 2009 o Google anunciou a
utilizao dos dados em RDFa desenvolvido pelo
Yahoo!s Search Monkey para sua
indexao de vdeos

Facebook Open Graph Protocol

Em Maio de 2010 o Facebook anunciou o Open Graph Protocol
Permite as pginas acrescentarem informaes ricas
(semnticas) em seu grfico social, permitindo relacionar e
compartilhar contedos de uma pgina com seus amigos.
Depois que um usurio adiciona o aplicativo a sua aplicao,
as aes de aplicativos especficos so compartilhados no
Facebook atravs do Open Graph

Facebook Open Graph Protocol

O Open Graph permite que aplicativos realizem atividades
em um modelo baseado em aes e objetos.
Um aplicativo em execuo pode definir a capacidade de "executar" (ao) um
"route" (objeto) Exemplo: Um aplicativo pode definir a capacidade de "ler"
(ao) um "livro" (objeto)

Tudo isso atravs de relaes em RDFa

Facebook Open Graph Protocol

Facebook Calendar

Alm do RDFa, o Facebook tambm aderiu aos

Microformatos (hCalendar e hCard)

Slideshare
Atribui metadados RDF nas pginas dos slides

Twitter
Atribui Microformats (hCard) para
informaes de contato.

Creative Commons
Definiu o RDFa para suas marcar seus trabalhos
digitais e propriedades intelectuais (copyright license)

Obra
publicada
(Rdfa)

Dados da obra
publicada
(RDFa)
Reuso da
obra (Rdfa)
Dados do autor
de publicao
(Rdfa)

A nova publicao
mantm os crditos
do autor original
(Rdfa)

E no BRASIL?

Repositrio de Vocabulrios e
Ontologias do Governo Eletrnico
um conjunto de padres, ferramentas e metodologias

para possibilitar: o intercmbio de informaes com

acordo semntico, de forma a viabilizar o pronto

cruzamento de dados de diversas fontes

Tem o objetivo principal

promover a transparncia
pblica e estimular a
participao da sociedade no
acompanhamento da gesto
pblica.

Tem por objetivos principais

elaborar propostas para
polticas que considerem os
dados abertos na promoo
da transparncia pblica

 Assegurar que toda e qualquer publicao de dados pblicos na web necessariamente

seja em formato aberto, visando a facilitar sua obteno, anlise e reaproveitamento pela
sociedade.

Tornar obrigatrio que rgos pblicos criem grupos de trabalho ou departamentos

com competncia sobre dados abertos
Criar incentivos financeiros do setor pblico, para que empresas da iniciativa privada,
especializadas em TI, desenvolvam solues e aplicativos para dados abertos pblicos.

A Web Directions Uma empresa formada pela

reunio dos melhores especialistas web com o objetivo
de educar e inspirar os desenvolvedores web.
Eles realizaram uma pesquisa com cerca de 1.300 desenvolvedores
sobre a utilizao de RDF e Microformatos comparando os
resultados de 2008 2010.

Voc utiliza marcaes em Microformato em suas pginas?

Voc utiliza marcaes em RDFa em suas pginas?

O Linking Open Data visa tornar os dados livremente

disponvel para todos
O objetivo do SWEO W3C (Semantic Web Education and
Outreach) estender a Web com o uso comum de dados
atravs da publicao de vrios conjuntos de informaes
(como RDF) estabelecendo ligaes entre estes itens em
diferentes fontes de dados.

Com essa informao fica fcil identificar

os vocabulrios conforme sua
necessidade!
As figuras a seguir mostram a evoluo dos
conjuntos de dados que foram publicados e
interligados pelo projeto at agora:

2007

2008

2009

2010

2011

2011
At Setembro de 2011
95 conjuntos de dados composto
por mais de 31 bilhes triplos RDF,
que so interligadas por cerca de
504 milhes ligaes RDF.

2011

dbPedia Relation Finder

 Crawling:
Olha meu site aqui
bongiornoweb.com.br

Vocabulrios utilizados...

Tim Berners-Lee e o poder dos dados abertos!

Um dia atravs das lentes...

Google Glass...

Web para todos, em qualquer

dispositivo, em qualquer lugar,
segura e confivel!

Lembra da busca inicial...

O Google j est preparado,
agora s falta voc!

Abram seus dados!

Open your data

Renato Bongiorno
twitter.com/bongiornoweb
facebook.com/bongiornoweb

renatobonfanti@yahoo.com.br