Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

1bf877955dc2e43662320fd3b0280166?s=47 Diego Eis
August 29, 2016

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

1bf877955dc2e43662320fd3b0280166?s=128

Diego Eis

August 29, 2016
Tweet

Transcript

  1. JSON-LD: JSON PARA CONECTAR DADOS

  2. None
  3. None
  4. -0$"/&&34 $ locaweb engineers

  5. None
  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
  8. None
  9. None
  10. PARA QUE SERVE A INTERNET?

  11. COMPARTILHAR INFORMAÇÃO

  12. None
  13. COMPARTILHAR INFORMAÇÃO É DIFÍCIL

  14. None
  15. None
  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/
  18. None
  19. None
  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.
  24. None
  25. None
  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
  28. None
  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.
  31. None
  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
  54. None
  55. None
  56. None
  57. None
  58. None
  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/

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