O básico sobre Web Semântica, JSON-LD e Linked Data

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

Transcript

1. JSON-LD: JSON PARA CONECTAR DADOS
4. -0$"/&&34 $ 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 link 0 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