O slideshow foi denunciado.
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
Próximos SlideShares
Carregando em…5
×

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

6.640 visualizações

Publicada em

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

Publicada em: Tecnologia
  • Seja o primeiro a comentar

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

×