Apresentação feita na BrazilJS de 2016, onde falei sobre o básico de JSON-LD e Web Semântica

1. JSON-LD: JSON PARA CONECTAR DADOS

4. LOCANEERS
$ locaweb engineers

6. http://bit.ly/eric-information
Every 2 days we create as much Information as
we did up to 2003
Agosto 2010

7. http://bit.ly/90world-data
"A full 90 percent of all the data in the world has
been generated over the last two years."
Maio 2013

10. PARA QUE SERVE A
INTERNET?

11. COMPARTILHAR
INFORMAÇÃO

13. COMPARTILHAR
INFORMAÇÃO É DIFÍCIL

16. "Well, I found it frustrating that in those days,
there was different information on different
computers, but you had to log on to different
computers to get at it. Also, sometimes you had
to learn a different program on each computer.
So finding out how things worked was really
difficult. Often it was just easier to go and ask
people when they were having coffee."
http://www.w3.org/People/Berners-Lee/Kids.html

17. "This proposal concerns the management of
general information about accelerators and
experiments at CERN. It discusses the
problems of loss of information about
complex evolving systems and derives a
solution based on a distributed hypertext
system."
http://webfoundation.org/about/vision/history-of-the-web/

20. 1965 Ted Nelson

21. HYPERTEXT
Uma estrutura de informação não linear, com relacionamentos
para outras fontes de informação.

22. 1945 Vannevar Bush

23. ORGANIZANDO DE
FORMA LINEAR
Pense num livro: ele tem começo, meio e fim. Tem uma
sequencia que deve ser seguida.

26. ORGANIZANDO DE
FORMA ASSOCIATIVA
Pense numa enciclopédia ou no seu querido cérebro.

27. MAMÍFERO
é um
é um
tem
PÊLO
URSO
tem
BALEIA
é um
ÁGUA
vive na
é um
PEIXE
vive na
ANIMAL
é um
VÉRTEBRA
tem
GATO
tem

29. link
link0
25
50
75
100
April May June July

30. NA WEB ASSOCIAMOS
DOCUMENTOS,
NÃO DADOS.
O problema que o Tim BL passou naquela época foi resolvido.
A web relaciona documentos perfeitamente, mas agora é a vez
dos dados desses documentos se relacionarem.

32. <h1> </h1>título
<p>
</p>
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Duis
lobortis, orci eu sodales tempor,
augue velit pretium nunc, quis
scelerisque sem velit vel.

33. article aside
header

34. Olá, eu me chamo Diego Eis, sou
brasileiro, trabalho na Locaweb como
Coordenador de times. Tenho um website
chamado Tableless e você pode entrar em
contato comigo pelo email
contato@tableless.com.br.
nome
cargo
site
onde trabalha
email
nacionalidade

35. AS MÁQUINAS PRECISAM
ENTENDER ESSES DADOS.
Não somente entender, mas também reutilizar para melhorar a
qualidade da informação que consumimos.

36. name Diego
birthDate 1983-12-03
worksFor Locaweb
jobTitle Coordinator
email diego@tableless.com.br

37. name Diego
birthDate 1983-12-03
gender male
jobTitle Coordinator
email diego@tableless.com.br
spouse Marcela
Diego
name Marcela
birthDate 1983-11-01
gender female
jobTitle Administrator
email marcela@tableless.com.br
spouse Diego
Marcela
spouse

38. Os nós pais tem
uma importância
maior

39. Relação entre objetos de forma arbitrária.

40. Diego Marcela
spouse

41. JSON-LD
Formato JSON para relacionar e organizar informação entre
sites e sistemas, expressando o conceito de Linked Data.

42. <header>
<script type="application/ld+json">
{
…
}
</script>
</header>

43. CONTEXTO
Em uma conversa normal, as duas pessoas a sabem sobre
o que ou quem se trata a conversa.

44. {
"@context": "http://www.schema.org/",
}

45. TYPES: O QUE É?
Você pode referenciar pessoas, coisas, lugares, eventos etc.

46. TYPES
Objetos Dados
Pessoas
Lugares
Eventos
Datas
Inteiros
Temperaturas

47. http://schema.org/Person
name url email gender
jobTitle knows parent relatedTo
spouse telephone weight image
birthData birthPlace deathDate deathPlace
familyName follows children worksFor
worksLocation alternateName description owns

48. {
"@context": "http://www.schema.org/",
"@type": "person",
"name": "Diego",
"spouse": {
"name": "Marcela",
},
}

49. QUAL DIEGO?
Como identificamos os objetos para que saibamos quem ou o
que exatamente estamos referenciando?

50. URL
URLs são um formato de URI (Uniform Resource Identifier).
URL consegue identificar e também localizar as fontes.

51. http://diegoeis.com/
http://marcela.com.br/
:spouse

52. {
"@context": "http://www.schema.org/",
"@type": "person",
"@id": "http://diegoeis.com",
"name": "Diego",
"spouse": {
"@id": "http://marcela.com",
"name": "Marcela",
},
}

53. QUEM USA HOJE?
Globo.com, Google, IBM, Microsoft, Apache, BBC, entre
outros!
https://github.com/json-ld/json-ld.org/wiki/Users-of-JSON-LD

59. {
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "RXJ34P",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Eva Green"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "110",
"airline": {
"@type": "Airline",
"name": "United",
"iataCode": "UA"
},
"departureAirport": {
"@type": "Airport",
"name": "San Francisco Airport",
"iataCode": "SFO"
},
"departureTime": "2017-03-04T20:15:00-08:00",
"arrivalAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"arrivalTime": "2017-03-05T06:30:00-05:00"
}
}

60. NÃO PRECISA MEXER
NO HTML
Você consegue adicionar informações, sem precisar modificar
o código HTML. Ao contrário do Microdata e do RDFa, que
são baseados em atributos nos elementos HTML.

61. COMO TESTAR?
https://search.google.com/structured-data/testing-tool/

63. SÓ POSSO USAR
SCHEMA.ORG?
Não. Pode usar qualquer outra fonte de vocabulário
disponível. Eles indicam vários nesse endereço:
https://github.com/json-ld/json-ld.org/wiki/existing-contexts

64. PARA LER MAIS:
RDF
RDFa
URI
Linked Data
OWL
Ontologias
Semântica
Hypertext
Hypermedia
Google Knowledge Graph
Open Graph Protocol
Dados Estruturados
Web 3.0
SPARQL
Turtle
Turtle
DBPedia
WikiData
schema.org

65. LINKED DATA
Pesquise, estude e entenda mais sobre como podemos levar a
internet para um próximo nível.

66. Is we!
É nóis, valeu!
http://diegoeis.com
http://tableless.com.br
@diegoeis
@tableless