Your SlideShare is downloading. ×
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
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
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

6,145

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 …

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
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,145
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
9
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Richard Duchatsch Johansen @ridjohansen Cesar Augusto Cusin @cesarcusin | @gcitconsulting
  • 2. A Evolução da WEBWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 3. A Evolução da WEB: ProgressãoWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. 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. WEB SEMÂNTICAWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. 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. 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. Web Semântica: Exemplo de AplicaçãoWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 11. RDFa Resource Description Framework annotationsWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. RDFa: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 14. MicroformatsWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. Microformats: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 17. Web Semântica e HTML5 na recuperação de conteúdo informacional Microdata
  • 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. HTML5 Microdata: ExemploWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 20. O Formato IdealMicroformats - RDFa - Microdata?Web Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. 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. 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. 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. Local da Conferência com MicrodataWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 26. Tecnologias e RecomendaçõesWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. Facebook Open Graph ProtocolWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. Open Graph ProtocolWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 31. Alguns VocabuláriosWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 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. TAG CloudWeb Semântica e HTML5 na recuperação de conteúdo informacional
  • 34. PERGUNTAS ?Web Semântica e HTML5 na recuperação de conteúdo informacional

×