Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

7,690 views

Published on

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

Published in: Internet

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

  1. 1. JSON-LD: JSON PARA CONECTAR DADOS
  2. 2. LOCANEERS $ locaweb engineers
  3. 3. http://bit.ly/eric-information Every 2 days we create as much Information as we did up to 2003 
 Agosto 2010
  4. 4. 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
  5. 5. PARA QUE SERVE A INTERNET?
  6. 6. COMPARTILHAR INFORMAÇÃO
  7. 7. COMPARTILHAR INFORMAÇÃO É DIFÍCIL
  8. 8. "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
  9. 9. "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/
  10. 10. 1965 Ted Nelson
  11. 11. HYPERTEXT Uma estrutura de informação não linear, com relacionamentos para outras fontes de informação.
  12. 12. 1945 Vannevar Bush
  13. 13. ORGANIZANDO DE FORMA LINEAR Pense num livro: ele tem começo, meio e fim. Tem uma sequencia que deve ser seguida.
  14. 14. ORGANIZANDO DE FORMA ASSOCIATIVA Pense numa enciclopédia ou no seu querido cérebro.
  15. 15. 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
  16. 16. link link0 25 50 75 100 April May June July
  17. 17. 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.
  18. 18. <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.
  19. 19. article aside header
  20. 20. 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
  21. 21. AS MÁQUINAS PRECISAM ENTENDER ESSES DADOS. Não somente entender, mas também reutilizar para melhorar a qualidade da informação que consumimos.
  22. 22. name Diego birthDate 1983-12-03 worksFor Locaweb jobTitle Coordinator email diego@tableless.com.br
  23. 23. 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
  24. 24. Os nós pais tem uma importância maior
  25. 25. Relação entre objetos de forma arbitrária.
  26. 26. Diego Marcela spouse
  27. 27. JSON-LD Formato JSON para relacionar e organizar informação entre sites e sistemas, expressando o conceito de Linked Data.
  28. 28. <header> <script type="application/ld+json"> { … } </script> </header>
  29. 29. CONTEXTO Em uma conversa normal, as duas pessoas a sabem sobre o que ou quem se trata a conversa.
  30. 30. { "@context": "http://www.schema.org/", }
  31. 31. TYPES: O QUE É? Você pode referenciar pessoas, coisas, lugares, eventos etc.
  32. 32. TYPES Objetos Dados Pessoas Lugares Eventos Datas Inteiros Temperaturas
  33. 33. 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
  34. 34. { "@context": "http://www.schema.org/", "@type": "person", "name": "Diego", "spouse": { "name": "Marcela", }, }
  35. 35. QUAL DIEGO? Como identificamos os objetos para que saibamos quem ou o que exatamente estamos referenciando?
  36. 36. URL URLs são um formato de URI (Uniform Resource Identifier). URL consegue identificar e também localizar as fontes.
  37. 37. http://diegoeis.com/ http://marcela.com.br/ :spouse
  38. 38. { "@context": "http://www.schema.org/", "@type": "person", "@id": "http://diegoeis.com", "name": "Diego", "spouse": { "@id": "http://marcela.com", "name": "Marcela", }, }
  39. 39. 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
  40. 40. {   "@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"   } }
  41. 41. 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.
  42. 42. COMO TESTAR? https://search.google.com/structured-data/testing-tool/
  43. 43. 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
  44. 44. 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
  45. 45. LINKED DATA Pesquise, estude e entenda mais sobre como podemos levar a internet para um próximo nível.
  46. 46. Is we! É nóis, valeu! http://diegoeis.com http://tableless.com.br @diegoeis @tableless

×