SlideShare uma empresa Scribd logo
1 de 47
Baixar para ler offline
Usá-los ou usá-los 
Marcadores semânticos 
Por Márcio Vinícius Sena / @marciovsena
Projetos atuais 
Márcio Vinícius Sena 
Desenvolvedor Frontend - Labtime UFG 
Mestrando em Ciência da Computação UFG
Márcio Vinícius Sena 
Desenvolvedor Frontend - Labtime UFG 
Mestrando em Ciência da Computação UFG 
Contribuiu no github 
para jquery
MAS eles não aceitaram...
Web Semântica 
é para empresas de 
marketing digital!!
"Navegar é cada vez mais preciso..." 
● Grande quantidade de dados 
estruturados e não estruturados 
● Redudância de informações 
● Difícil reaproveitamento das informações
Novidade? Nenhuma. 
Isso foi o que Tim Berners-Lee publicou 
em 2001
Web Semântica 
"I have a dream for the Web [in which computers] 
become capable of analyzing all the data on the Web 
– the content, links, and transactions between people 
and computers. A 'Semantic Web', which makes this 
possible, has yet to emerge, but when it does, the day-to- 
day mechanisms of trade, bureaucracy and our 
daily lives will be handled by machines talking to 
machines. The "intelligent agents" people have touted 
for ages will finally materialize."
HTML5
Exemplo 
fonte: blog.popupdesign.com.br
O que seria esse trecho? 
● Receitas de bolo 
● Trechos de um livro 
● Cifras para músicos 
● Dados financeiros 
● Biografia 
● Lista de posts de um blog de tecnologia
Identificar informações e...
O que são os marcadores 
semânticos? 
São anotações/atributos que geralmente seguem 
um vocabulário e são adicionados em tags do 
HTML com informações para proporcionar 
significado
É possível: 
● Identificar 
● Destacar informações 
● Reutilizar
Sintaxe Microdata 
● itemscope 
○ Indica que o item é uma entidade semântica e 
delimita o escopo 
● itemtype 
○ Indica a entidade especificada através de uma URL 
(por exemplo: http://schema.org/Person) 
● itemprop 
indica a propriedade que a tag está representando
● itemid 
Sintaxe Microdata 
○ Identificador único para o item (itemref) 
● itemref 
○ aponta a uma propriedade mesmo estando fora do 
escopo
Exemplo 
fonte: blog.popupdesign.com.br
HTML
Exemplo
HTML
Tudo é um grafo 
As 
informações 
se organizam 
em triplas 
Recurso 
Propriedade 
Objeto
Tudo é um grafo
As informações se organizam em 
triplas
Recurso, propriedade e objeto
E aí? 
Vamos continuar acreditando que 
marcadores semânticos são para 
empresas de marketing digital?
Reaproveitando 
● Se temos uma estrutura para organizar 
as informações é possível consumir 
informações do próprio HTML, sem 
API's
Schema.org 
Coleção de vocabulários que são usados 
pelos marcadores semânticos
Schema.org
Schema.org 
http://loopinfinito.com.br/
Schema.org 
● É possível expandir entidades 
○ Frontend Developer > Person 
■ http://schema.org/Person/FrontendDeveloper 
○ Subname > name 
■ http://schema.org/name/subname 
● Não é possível criar novas entidades
Exemplo MSV* 
Monitoramento de Sinais Vitais
Exemplo MSV*
Ferramentas 
Quando falamos de web semântica...
Ferramentas 
Quando falamos de web semântica...
Ferramentas 
Pensei em: 
● Criar uma máquina de inferência baseada 
em ontologias e vocabulários 
○ Apache Jena 
● Criar um serviço que consulte bases de dados 
ou documentos RDF/XML 
○ Apache Fuseki
Ferramentas 
Pensei em: 
● Criar um serviço que extraisse as 
informações de arquivos HTML 
○ Apache Any23 
● Criar um serviço que valide arquivos 
RDF/XML 
○ W3C RDF Validator
Apache Any23 
É a prova de teste dos marcadores semânticos 
● Extrai informações de arquivos HTML/microdata 
e gera arquivos: 
○ JSON, RDF/XML, N-TRIPLES, JSON-LD, etc. 
● É um plugin, serviço e biblioteca
Apache Any23 
http://<any23-service-host>/<output-format>/<input-uri> 
http://any23.org/rdfxml/http://twitter.com/marciovsena
a
getschema.org 
● Exemplos de uso das classes do Schema.org 
● Microdata2RDF e RDFa2RDF Service 
○ Extrai as anotações semânticas de 
documentos HTML
Google Rich Snippt tool 
● Extrai as anotações semânticas de documentos 
HTML 
● Demonstra como o Google mostrará o link
Próximos passos 
● Leia mais sobre: 
○ Any23 
■ http://any23.org/ 
○ W3C RDF Validator 
■ http://www.w3.org/RDF/Validator/ 
● Dê atenção para a Web Semântica 
○ O seu cliente ganha e você também
Obrigado! 
Márcio Vinícius Sena 
@marciovsena 
Desenvolvedor Frontend Labtime UFG 
Mestrando em Ciência da Computação UFG

Mais conteúdo relacionado

Semelhante a Marcadores semânticos: usá-los ou usá-los

Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDA
Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDAOficina técnica da Infraestrutura Nacional de Dados Abertos - INDA
Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDAnitaibezerra
 
TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...
TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...
TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...tdc-globalcode
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012Carlos Casalicchio
 
Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015
Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015
Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015Bruno Rocha
 
Web Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciênciaWeb Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciênciaSidney Roberto
 
BigData e internte das coisas aplicada a engenharia
BigData e internte das coisas aplicada a engenhariaBigData e internte das coisas aplicada a engenharia
BigData e internte das coisas aplicada a engenhariaAlessandro Binhara
 
Big data e globo.com - Uma visão sobre a cultura de dados
Big data e globo.com - Uma visão sobre a cultura de dadosBig data e globo.com - Uma visão sobre a cultura de dados
Big data e globo.com - Uma visão sobre a cultura de dadosRenan Moreira de Oliveira
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Kyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareKyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareFábio Nogueira de Lucena
 
Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.
Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.  Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.
Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics. Ambiente Livre
 
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto AlegreInteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto AlegreCaio Moreno
 
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto AlegreInteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto AlegreIT4biz IT Solutions
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
 
Palestra garimpando com pentaho data mining latinoware
Palestra garimpando com pentaho data mining latinowarePalestra garimpando com pentaho data mining latinoware
Palestra garimpando com pentaho data mining latinowareMarcos Vinicius Fidelis
 
Palestra: Cientista de Dados – Dominando o Big Data com Software Livre
Palestra: Cientista de Dados – Dominando o Big Data com Software LivrePalestra: Cientista de Dados – Dominando o Big Data com Software Livre
Palestra: Cientista de Dados – Dominando o Big Data com Software LivreAmbiente Livre
 
Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...
Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...
Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...Renato Bongiorno Bonfanti
 
Oficina Técnica da INDA em Belém no Consegi
Oficina Técnica da INDA em Belém no ConsegiOficina Técnica da INDA em Belém no Consegi
Oficina Técnica da INDA em Belém no Conseginitaibezerra
 
BIG DATA & IoT: Tecnologias e  Aplicações
BIG DATA & IoT: Tecnologias e  AplicaçõesBIG DATA & IoT: Tecnologias e  Aplicações
BIG DATA & IoT: Tecnologias e  AplicaçõesAlessandro Binhara
 

Semelhante a Marcadores semânticos: usá-los ou usá-los (20)

Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDA
Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDAOficina técnica da Infraestrutura Nacional de Dados Abertos - INDA
Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDA
 
HTML5
HTML5HTML5
HTML5
 
TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...
TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...
TDC2016POA | Trilha BigData - Orquestrando Hadoop, Cassandra e MongoDB com o ...
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
 
Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015
Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015
Data Developer - Engenharia de Dados em um time de Data Science - Uai python2015
 
Web Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciênciaWeb Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciência
 
BigData e internte das coisas aplicada a engenharia
BigData e internte das coisas aplicada a engenhariaBigData e internte das coisas aplicada a engenharia
BigData e internte das coisas aplicada a engenharia
 
Big data e globo.com - Uma visão sobre a cultura de dados
Big data e globo.com - Uma visão sobre a cultura de dadosBig data e globo.com - Uma visão sobre a cultura de dados
Big data e globo.com - Uma visão sobre a cultura de dados
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Kyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareKyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de software
 
Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.
Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.  Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.
Orquestrando HBase, Cassandra e MongoDB com o Pentaho Big Data Analytics.
 
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto AlegreInteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
 
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto AlegreInteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
Inteligência de Negócios (BI) utilizando Software Livre @ FISL 12 - Porto Alegre
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
Palestra garimpando com pentaho data mining latinoware
Palestra garimpando com pentaho data mining latinowarePalestra garimpando com pentaho data mining latinoware
Palestra garimpando com pentaho data mining latinoware
 
Palestra: Cientista de Dados – Dominando o Big Data com Software Livre
Palestra: Cientista de Dados – Dominando o Big Data com Software LivrePalestra: Cientista de Dados – Dominando o Big Data com Software Livre
Palestra: Cientista de Dados – Dominando o Big Data com Software Livre
 
Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...
Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...
Microformats e Web Semântica, transformando seu site para web 3.0 - Road Show...
 
Oficina Técnica da INDA em Belém no Consegi
Oficina Técnica da INDA em Belém no ConsegiOficina Técnica da INDA em Belém no Consegi
Oficina Técnica da INDA em Belém no Consegi
 
BIG DATA & IoT: Tecnologias e  Aplicações
BIG DATA & IoT: Tecnologias e  AplicaçõesBIG DATA & IoT: Tecnologias e  Aplicações
BIG DATA & IoT: Tecnologias e  Aplicações
 
Mini Curso Mashup Coreu
Mini Curso Mashup CoreuMini Curso Mashup Coreu
Mini Curso Mashup Coreu
 

Marcadores semânticos: usá-los ou usá-los

  • 1. Usá-los ou usá-los Marcadores semânticos Por Márcio Vinícius Sena / @marciovsena
  • 2. Projetos atuais Márcio Vinícius Sena Desenvolvedor Frontend - Labtime UFG Mestrando em Ciência da Computação UFG
  • 3. Márcio Vinícius Sena Desenvolvedor Frontend - Labtime UFG Mestrando em Ciência da Computação UFG Contribuiu no github para jquery
  • 4. MAS eles não aceitaram...
  • 5.
  • 6.
  • 7. Web Semântica é para empresas de marketing digital!!
  • 8.
  • 9. "Navegar é cada vez mais preciso..." ● Grande quantidade de dados estruturados e não estruturados ● Redudância de informações ● Difícil reaproveitamento das informações
  • 10. Novidade? Nenhuma. Isso foi o que Tim Berners-Lee publicou em 2001
  • 11. Web Semântica "I have a dream for the Web [in which computers] become capable of analyzing all the data on the Web – the content, links, and transactions between people and computers. A 'Semantic Web', which makes this possible, has yet to emerge, but when it does, the day-to- day mechanisms of trade, bureaucracy and our daily lives will be handled by machines talking to machines. The "intelligent agents" people have touted for ages will finally materialize."
  • 12. HTML5
  • 14. O que seria esse trecho? ● Receitas de bolo ● Trechos de um livro ● Cifras para músicos ● Dados financeiros ● Biografia ● Lista de posts de um blog de tecnologia
  • 16. O que são os marcadores semânticos? São anotações/atributos que geralmente seguem um vocabulário e são adicionados em tags do HTML com informações para proporcionar significado
  • 17. É possível: ● Identificar ● Destacar informações ● Reutilizar
  • 18. Sintaxe Microdata ● itemscope ○ Indica que o item é uma entidade semântica e delimita o escopo ● itemtype ○ Indica a entidade especificada através de uma URL (por exemplo: http://schema.org/Person) ● itemprop indica a propriedade que a tag está representando
  • 19. ● itemid Sintaxe Microdata ○ Identificador único para o item (itemref) ● itemref ○ aponta a uma propriedade mesmo estando fora do escopo
  • 21. HTML
  • 23. HTML
  • 24. Tudo é um grafo As informações se organizam em triplas Recurso Propriedade Objeto
  • 25. Tudo é um grafo
  • 26. As informações se organizam em triplas
  • 28. E aí? Vamos continuar acreditando que marcadores semânticos são para empresas de marketing digital?
  • 29. Reaproveitando ● Se temos uma estrutura para organizar as informações é possível consumir informações do próprio HTML, sem API's
  • 30. Schema.org Coleção de vocabulários que são usados pelos marcadores semânticos
  • 33. Schema.org ● É possível expandir entidades ○ Frontend Developer > Person ■ http://schema.org/Person/FrontendDeveloper ○ Subname > name ■ http://schema.org/name/subname ● Não é possível criar novas entidades
  • 34. Exemplo MSV* Monitoramento de Sinais Vitais
  • 36. Ferramentas Quando falamos de web semântica...
  • 37. Ferramentas Quando falamos de web semântica...
  • 38. Ferramentas Pensei em: ● Criar uma máquina de inferência baseada em ontologias e vocabulários ○ Apache Jena ● Criar um serviço que consulte bases de dados ou documentos RDF/XML ○ Apache Fuseki
  • 39. Ferramentas Pensei em: ● Criar um serviço que extraisse as informações de arquivos HTML ○ Apache Any23 ● Criar um serviço que valide arquivos RDF/XML ○ W3C RDF Validator
  • 40. Apache Any23 É a prova de teste dos marcadores semânticos ● Extrai informações de arquivos HTML/microdata e gera arquivos: ○ JSON, RDF/XML, N-TRIPLES, JSON-LD, etc. ● É um plugin, serviço e biblioteca
  • 41. Apache Any23 http://<any23-service-host>/<output-format>/<input-uri> http://any23.org/rdfxml/http://twitter.com/marciovsena
  • 42.
  • 43. a
  • 44. getschema.org ● Exemplos de uso das classes do Schema.org ● Microdata2RDF e RDFa2RDF Service ○ Extrai as anotações semânticas de documentos HTML
  • 45. Google Rich Snippt tool ● Extrai as anotações semânticas de documentos HTML ● Demonstra como o Google mostrará o link
  • 46. Próximos passos ● Leia mais sobre: ○ Any23 ■ http://any23.org/ ○ W3C RDF Validator ■ http://www.w3.org/RDF/Validator/ ● Dê atenção para a Web Semântica ○ O seu cliente ganha e você também
  • 47. Obrigado! Márcio Vinícius Sena @marciovsena Desenvolvedor Frontend Labtime UFG Mestrando em Ciência da Computação UFG