Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Richard Duchatsch Johansen                         @ridjohansen      Cesar Augusto Cusin         @cesarcusin | @gcitconsul...
A Evolução da            WEBWeb Semântica e HTML5 na recuperação de conteúdo informacional
A Evolução da WEB: ProgressãoWeb Semântica e HTML5 na recuperação de conteúdo informacional
A Evolução da WEB: WEB 1.0 e 2.0Web 1.0 “read-only web”o internauta com o mero papel de espectador                        ...
A Evolução da WEB: WEB 3.0   Caracterizada como "read-write-execute    Web”   SaaS (Software as a Service)   Tecnologia...
WEB SEMÂNTICAWeb Semântica e HTML5 na recuperação de conteúdo informacional
Web Semântica: O que é?   Interliga significados de palavras   Atribuir significado aos conteúdos    publicados na Inter...
Web Semântica: O que é?   É uma extensão da Web atual   Uma plataforma tecnológica de    metadados da Web   Interliga e...
Web Semântica: Possibilidades   Beneficiamento de conteúdos como:    Resenhas, Pessoas, Produtos, Organizações, Receitas,...
Web Semântica: Exemplo de AplicaçãoWeb Semântica e HTML5 na recuperação de conteúdo informacional
RDFa Resource Description Framework                     annotationsWeb Semântica e HTML5 na recuperação de conteúdo inform...
RDFa   Linguagem usada para descrever dados, Metadados   Combinando as tags de marcação HTML com regras    da XML   Inf...
RDFa: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
MicroformatsWeb Semântica e HTML5 na recuperação de conteúdo informacional
Microformats   Forma de codificar dados dentro de    documentos HTML e XHTML   Número de formatos limitados   Utilizado...
Microformats: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
Web Semântica e HTML5 na recuperação de conteúdo informacional                   Microdata
HTML5 Microdata   Permite inserir dados legíveis por máquinas    em documentos de HTML5   Fácil aplicação   Formatos in...
HTML5 Microdata: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
O Formato IdealMicroformats - RDFa - Microdata?Web Semântica e HTML5 na recuperação de conteúdo informacional
O Formato Ideal: Considerações   Ser de fácil aplicação   Haver um equilíbrio entre    extensibilidade / simplicidade  ...
O Formato Ideal: Gráfico ComparativoSemântica                     Microdata                                         RDFa 1...
O Formato Ideal: Recomendações   O site “schema.org” (Google, Microsoft e    Yahoo), fornece um vocabulário de dados    e...
Mais Semântica com TAGs do HTML   TAGs corretas para cada tipo de conteúdo   Semântica natural   Microdata, RDFa e Micr...
Local da Conferência com MicrodataWeb Semântica e HTML5 na recuperação de conteúdo informacional
Tecnologias         e   RecomendaçõesWeb Semântica e HTML5 na recuperação de conteúdo informacional
Tecnologias e Recomendações   Google Rich Snippets    (http://goo.gl/ULPnL)   Yahoo! SearchMonkey    (http://developer.s...
Facebook          Open Graph ProtocolWeb Semântica e HTML5 na recuperação de conteúdo informacional
Open Graph Protocol: o que é?   Metadados ligados a biblioteca    Open Graph, através da TAG <meta>    no HTML   Possibi...
Open Graph ProtocolWeb Semântica e HTML5 na recuperação de conteúdo informacional
Alguns          VocabuláriosWeb Semântica e HTML5 na recuperação de conteúdo informacional
Vocabulários Abertos   Schemas.org    (http://www.schema.org/docs/schemas.html)   Data-Vocabulary    (http://www.data-vo...
TAG CloudWeb Semântica e HTML5 na recuperação de conteúdo informacional
PERGUNTAS ?Web Semântica e HTML5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Upcoming SlideShare
Loading in …5
×

Web semântica e html5 na recuperação de conteúdo informacional

6,667 views

Published on

O artigo fala sobre a Web Semântica e as melhorias que são possíveis serem feitas no HTML adicionando metadados, que são ocultos para o usuário mas altamente visíveis para os buscadores. Junto com o HTML5, aumenta o peso semântico no conteúdo, também propiciando um melhor resultado nas buscas e preparando o site para possíveis serviços da WEB no futuro

Published in: Technology

Web semântica e html5 na recuperação de conteúdo informacional

  1. 1. Richard Duchatsch Johansen @ridjohansen Cesar Augusto Cusin @cesarcusin | @gcitconsulting
  2. 2. A Evolução da WEBWeb Semântica e HTML5 na recuperação de conteúdo informacional
  3. 3. A Evolução da WEB: ProgressãoWeb Semântica e HTML5 na recuperação de conteúdo informacional
  4. 4. A Evolução da WEB: WEB 1.0 e 2.0Web 1.0 “read-only web”o internauta com o mero papel de espectador Web 2.0 “read-write web” o internauta como espectador e colaborador – WEB colaborativa Web Semântica e HTML5 na recuperação de conteúdo informacional
  5. 5. A Evolução da WEB: WEB 3.0 Caracterizada como "read-write-execute Web” SaaS (Software as a Service) Tecnologias com formas eficientes para ajudar capturar e a organizar informações disponíveis em rede Resultados mais precisos Web Semântica e HTML5 na recuperação de conteúdo informacional
  6. 6. WEB SEMÂNTICAWeb Semântica e HTML5 na recuperação de conteúdo informacional
  7. 7. Web Semântica: O que é? Interliga significados de palavras Atribuir significado aos conteúdos publicados na Internet “I.A.” Perceptível tanto pelo humano como pelo computador Web Semântica e HTML5 na recuperação de conteúdo informacional
  8. 8. Web Semântica: O que é? É uma extensão da Web atual Uma plataforma tecnológica de metadados da Web Interliga e relaciona resultados com base nas bibliotecas “linked-data” Web Semântica e HTML5 na recuperação de conteúdo informacional
  9. 9. Web Semântica: Possibilidades Beneficiamento de conteúdos como: Resenhas, Pessoas, Produtos, Organizações, Receitas, Eventos , Música, Vídeos... Web Semântica e HTML5 na recuperação de conteúdo informacional
  10. 10. Web Semântica: Exemplo de AplicaçãoWeb Semântica e HTML5 na recuperação de conteúdo informacional
  11. 11. RDFa Resource Description Framework annotationsWeb Semântica e HTML5 na recuperação de conteúdo informacional
  12. 12. RDFa Linguagem usada para descrever dados, Metadados Combinando as tags de marcação HTML com regras da XML Infinitos formatos Utilizado por motores de busca Baseiam-se em novos atributos namespaces em XHTML Aplicação Complexa Web Semântica e HTML5 na recuperação de conteúdo informacional
  13. 13. RDFa: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
  14. 14. MicroformatsWeb Semântica e HTML5 na recuperação de conteúdo informacional
  15. 15. Microformats Forma de codificar dados dentro de documentos HTML e XHTML Número de formatos limitados Utilizado por motores de busca Utilizam somente o atributos “class” ex.: (class=“phone-number”) Fácil aplicação Web Semântica e HTML5 na recuperação de conteúdo informacional
  16. 16. Microformats: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
  17. 17. Web Semântica e HTML5 na recuperação de conteúdo informacional Microdata
  18. 18. HTML5 Microdata Permite inserir dados legíveis por máquinas em documentos de HTML5 Fácil aplicação Formatos infinitos, pois segue a mesma linha do RDFa, com o uso de Bibliotecas. É uma alternativa Web Semântica e HTML5 na recuperação de conteúdo informacional
  19. 19. HTML5 Microdata: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
  20. 20. O Formato IdealMicroformats - RDFa - Microdata?Web Semântica e HTML5 na recuperação de conteúdo informacional
  21. 21. O Formato Ideal: Considerações Ser de fácil aplicação Haver um equilíbrio entre extensibilidade / simplicidade Ser recomendado o uso do padrão Web Semântica e HTML5 na recuperação de conteúdo informacional
  22. 22. O Formato Ideal: Gráfico ComparativoSemântica Microdata RDFa 1.1 RDFa Html5 tags Microformats Dados ----------------------------------------------- html4 / xhtml Documentos DificuldadeWeb Semântica e HTML5 na recuperação de conteúdo informacional
  23. 23. O Formato Ideal: Recomendações O site “schema.org” (Google, Microsoft e Yahoo), fornece um vocabulário de dados estruturados suportados pelos principais motores de busca. Ajudam os motores de busca a compreender melhor as informações nas páginas da web. O site “Schema.org” apoia o uso de Microdata, devido ao seu equilíbrio entre extensibilidade e simplicidade Web Semântica e HTML5 na recuperação de conteúdo informacional
  24. 24. Mais Semântica com TAGs do HTML TAGs corretas para cada tipo de conteúdo Semântica natural Microdata, RDFa e Microformats podem ser melhor interpretados Possibilidade de futuras aplicações que coletem de informações e dados do HTML5<address> - Especifica um endereço relacionado com o autor do documento atual<blockquote> - Especifica uma citação longa*<article> - Especifica um artigo*<section> - Especifica uma seção dentro de um artigo*<header> - Especifica um cabeçalho para uma seção de uma página*<nav> - Especifica uma lista de links para navegação*<aside> - Especifica o conteúdo relacionado com o artigo dentro de um artigo ou página web*<footer> - Especifica um rodapé para uma seção de uma página*<figure> + *<figcaption> - Especificam ilustrações, imagens, fotos, associado juntamente com alguma legenda*<video> - Especifica vídeo*<time> - Especificam data e hora*TAGs HTML5 com grande peso semântico Web Semântica e HTML5 na recuperação de conteúdo informacional
  25. 25. Local da Conferência com MicrodataWeb Semântica e HTML5 na recuperação de conteúdo informacional
  26. 26. Tecnologias e RecomendaçõesWeb Semântica e HTML5 na recuperação de conteúdo informacional
  27. 27. Tecnologias e Recomendações Google Rich Snippets (http://goo.gl/ULPnL) Yahoo! SearchMonkey (http://developer.search.yahoo.com/) Schema-Creator (http://schema-creator.org/) RDF-to-RDFa Converter (http://www.ebusiness-unibw.org/tools/rdf2rdfa/) Web Semântica e HTML5 na recuperação de conteúdo informacional
  28. 28. Facebook Open Graph ProtocolWeb Semântica e HTML5 na recuperação de conteúdo informacional
  29. 29. Open Graph Protocol: o que é? Metadados ligados a biblioteca Open Graph, através da TAG <meta> no HTML Possibilita que páginas web (URLs) se transformem em objetos ricos Integrem as (URLs) ao gráfico social Enriquece a experiência do usuário em suas ações de compartilhar informações Vincula o usuário a URL. Através desse vínculo, possibilita o Facebook interagir com os usuários Web Semântica e HTML5 na recuperação de conteúdo informacional
  30. 30. Open Graph ProtocolWeb Semântica e HTML5 na recuperação de conteúdo informacional
  31. 31. Alguns VocabuláriosWeb Semântica e HTML5 na recuperação de conteúdo informacional
  32. 32. Vocabulários Abertos Schemas.org (http://www.schema.org/docs/schemas.html) Data-Vocabulary (http://www.data-vocabulary.org/) GoodRelations e-commerce (http://semanticweb.org/wiki/Goodrelations) Dublin Core (http://goo.gl/R69vE) / (http://dublincore.org/) XMLNS (http://xmlns.com/) “FOAF” e “WOT” Web Semântica e HTML5 na recuperação de conteúdo informacional
  33. 33. TAG CloudWeb Semântica e HTML5 na recuperação de conteúdo informacional
  34. 34. PERGUNTAS ?Web Semântica e HTML5 na recuperação de conteúdo informacional

×