microformats e web semntica transformando seu site para web3

113
Microformats e Web Semântica, transformando seu site para Web 3.0 Renato Bongiorno

Upload: antoniel-bordin

Post on 19-Nov-2015

5 views

Category:

Documents


0 download

DESCRIPTION

Microformats e Web Semntica Transformando Seu Site Para Web3

TRANSCRIPT

  • 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

  • Social Media Revolution 2011 (Legendado PT-BR).mp4

  • Web 1.0 Revoluo tecnolgica

    Acessibilidade de novos

    protocolos

    Formatos de documentos (HTML)

    Tecnologia cliente/servidor

    Web 2.0 - Revoluo publicitria

    Mecanismo de crescimento

    Internautas

    Interao e construo de comunidades web

    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)

  • EDUCAO

    DOCENTE DO SENAC SP MINISTRA CURSOS WEB

    Unidades

    Docentes

    Cursos

    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

    DOCENTE DO SENAC SP MINISTRA CURSOS WEB

    Unidades Docentes Cursos

    Docente SENAC Web SP

    Veja como a informao

    acrescida de semntica

    ser compreendida na 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

    Road Show TI SENAC 2012 no

  • 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:

    hCalendar

  • E o que utilizar com cada vocabulrio? http://microformats.org/profile/hcalendar

    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 a coisa que estou descrevendo o recurso

    O evento ROAD SHOW TI possui uma propriedade, o realizador.

    A propriedade realizador possui um valor, SENAC.

    O evento ROAD SHOW TI realizado pelo SENAC

  • Na frase...

    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)

    O evento ROAD SHOW TI realizado pelo SENAC

  • 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

  • SENAC

    Exemplo da sentena:

    O evento ROAD SHOW TI realizado pelo SENAC em RDF:

  • Representao em Tripla:

    SENAC Road Show TI Realizado

  • 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?

  • RDFa Assim como Microformatos, permite a insero de contedo semntico (metadados) em tags HTML, permitido entendimento no somente para humanos,

    mas tambm para mquinas!

    Atributos HTML!

    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 e adicionar a URI de transformao.

  • Road Show TI SENAC 2012 no So Jos do Rio Preto Incio - 08 de Maro as 19h30 Trmino - 08 de Maro as 21h30

    Exemplo de transformao/extrao GRDDL - RDF

  • 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

  • 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

    Yahoo! SearchMonkey e BOSS

  • Matria Olhar Digital Maro de 2012

    Buscas no Google elas mudaro em breve!.mp4

  • 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

  • Em Setembro de 2009 o Google anunciou a utilizao dos dados em RDFa desenvolvido pelo

    Yahoo!s Search Monkey para sua indexao de vdeos

    Google

  • 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

  • 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 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)

    Dados do autor de publicao

    (Rdfa)

    Reuso da obra (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.

  • As figuras a seguir mostram a evoluo dos conjuntos de dados que foram publicados e

    interligados pelo projeto at agora:

    Com essa informao fica fcil identificar os vocabulrios conforme sua

    necessidade!

  • 2007

  • 2008

  • 2009

  • 2010

  • 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

  • 2011

  • dbPedia Relation Finder

    http://www.visualdataweb.org/relfinder/relfinder.php

  • Crawling:

    Olha meu site aqui bongiornoweb.com.br

  • Vocabulrios utilizados...

  • Tim Berners-Lee e o poder dos dados abertos!

    http://www.ted.com/talks/lang/por_pt/tim_berners_lee_the_year_open_data_went_worldwide.html

  • Um dia atravs das lentes...

    A Day Made of Glass... Made possible by Corning..mp4

  • Google Glass...

    Google Project Glass Official Concept Walkthrough Video,.mp4

  • Web para todos, em qualquer dispositivo, em qualquer lugar,

    segura e confivel!

  • O Google j est preparado, agora s falta voc!

    Abram seus dados! Open your data

    Lembra da busca inicial...

  • twitter.com/bongiornoweb

    facebook.com/bongiornoweb

    [email protected]

    Renato Bongiorno