O documento discute marcadores semânticos e a Web Semântica. Apresenta exemplos de como marcadores como microdados e RDF podem ser usados para estruturar e dar significado a informações na web. Também recomenda ferramentas como Apache Any23 e o validador RDF do W3C para extrair e validar dados semânticos.

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...

7. Web Semântica
é para empresas de
marketing digital!!

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

13. Exemplo
fonte: blog.popupdesign.com.br

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

15. Identificar informações e...

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

20. Exemplo
fonte: blog.popupdesign.com.br

21. HTML

22. Exemplo

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

27. Recurso, propriedade e objeto

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

31. Schema.org

32. Schema.org
http://loopinfinito.com.br/

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

35. Exemplo MSV*

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

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