Nesta palestra vamos aprender como utilizar web semântica na prática, conhecer os conceitos básicos de maneira simples e como utilizar vocabulários para publicação e uso de dados estruturados. Veremos também os benefícios ao utilizar web semântica em sites.

1. Descomplicando
Web Semântica

2. Newton Calegari
@newtoncalegari

3. World Wide Web

4. a proposta da World Wide Web
“vague but exciting”

7. SEMÂNTICA?

8. SEMÂNTICA NO HTML5 = SEMÂNTICA NA ESTRUTURA

10. BLOCOS E ELEMENTOS AGORA POSSUEM SIGNIFICADO

11.
<div class="header">
<div class="section">
<div class="footer">
<div
class="asi
de">
<div class="nav">
<div class="article">
<header>
<section>
<footer>
<aside>
<nav>
<article>

12. ENTÃO
NAVEGADOR
WEB CRAWLERS
APLICAÇÕES
SABEM ONDE ENCONTRAR CADA TIPO DE CONTEÚDO
{

13.
<article>

14. Web Semântica

15. TIM BERNERS-LEE
2001

16. Web
Documents
Data
Things
{of

17. Um grafo gigante
(recursos, URI, ontologias e vocabulários)

23. Semantic Web Stack

24. RDF

25. Newton está no FSXP
FSXP é na Microsoft
Newton conhece Cynthia
Newton conhece Jean
Sujeito, Predicado, Objeto

26. ONTOLOGIAS E VOCABULÁRIOS

28. Newton está no FSXP
<https://newtoncalegari.com.br/>
schema:attendee <http://fsxp.org/>

29. Newton está no FSXP
<https://newtoncalegari.com.br/>
rdf:type schema:Person
<http://fsxp.org/>
rdf:type schema:Event

30. RDFA

32. <p>
O Full Stack Experience é no dia 09 de Junho
</p>

33. <p vocab="http://schema.org/"
typeof="Event"
resource="http://fsxp.org/">
O Full Stack Experience é no dia 09 de Junho
</p>

34. <p vocab="http://schema.org/"
typeof="Event"
resource=“http://fsxp.org/">
O <span property="name">Full Stack Experience</span>
é no dia 09 de Junho
</p>

35. <p vocab="http://schema.org/"
typeof="Event"
resource=“http://fsxp.org/">
O <span property="name">Full Stack Experience</span>
é no dia
<span property="startDate" content="2017-06-09">
09 de Junho</span>
</p>

36. <http://fsxp.org/> a schema:Event;
schema:name "Full Stack Experience";
schema:startDate "2017-06-09" .

37. JSON-LD

39. {
"@context": "http://schema.org/",
"@type": "Person",
"name": "Newton Calegari",
"jobTitle": "Project Lead",
"url": "https://newtoncalegari.com.br/"
}

41. {
"@context": "http://schema.org/",
"@type": "Event",
"@id": "http://fsxp.org/",
"name": "Full Stack Experience",
"sponsor": [
{
"@id": "http://microsoft.github.io",
"@type": "Organization",
"name": "Microsoft"
},
…
]
}

42. <http://fsxp.org/> a schema:Event ;
schema:name "Full Stack Experience" ;
schema:sponsor <http://microsoft.github.io> ;
<http://microsoft.github.io> a schema:Organization ;
schema:name "Microsoft"

50. OBRIGADO!
@newtoncalegari
newton@nic.br