• Save
Web semântica e html5 na recuperação de conteúdo informacional
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

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

  • 6,286 views
Uploaded 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 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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
6,286
On Slideshare
6,241
From Embeds
45
Number of Embeds
3

Actions

Shares
Downloads
3
Comments
0
Likes
8

Embeds 45

http://paper.li 42
http://us-w1.rockmelt.com 2
https://www.docsnode.com 1

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