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

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

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

Diego Eis

August 29, 2016
Tweet

More Decks by Diego Eis

Other Decks in Programming

Transcript

  1. JSON-LD: JSON PARA CONECTAR DADOS

    View Slide

  2. View Slide

  3. View Slide

  4. -0$"/&&34
    $ locaweb engineers

    View Slide

  5. View Slide

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

    Agosto 2010

    View Slide

  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

    View Slide

  8. View Slide

  9. View Slide

  10. PARA QUE SERVE A
    INTERNET?

    View Slide

  11. COMPARTILHAR
    INFORMAÇÃO

    View Slide

  12. View Slide

  13. COMPARTILHAR
    INFORMAÇÃO É DIFÍCIL

    View Slide

  14. View Slide

  15. View Slide

  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

    View Slide

  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/

    View Slide

  18. View Slide

  19. View Slide

  20. 1965 Ted Nelson

    View Slide

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

    View Slide

  22. 1945 Vannevar Bush

    View Slide

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

    View Slide

  24. View Slide

  25. View Slide

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

    View Slide

  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

    View Slide

  28. View Slide

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

    View Slide

  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.

    View Slide

  31. View Slide


  32. título


    Lorem ipsum dolor sit amet,
    consectetur adipiscing elit. Duis
    lobortis, orci eu sodales tempor,
    augue velit pretium nunc, quis
    scelerisque sem velit vel.

    View Slide

  33. article aside
    header

    View Slide

  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
    [email protected]
    nome
    cargo
    site
    onde trabalha
    email
    nacionalidade

    View Slide

  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.

    View Slide

  36. name Diego
    birthDate 1983-12-03
    worksFor Locaweb
    jobTitle Coordinator
    email [email protected]

    View Slide

  37. name Diego
    birthDate 1983-12-03
    gender male
    jobTitle Coordinator
    email [email protected]
    spouse Marcela
    Diego
    name Marcela
    birthDate 1983-11-01
    gender female
    jobTitle Administrator
    email [email protected]
    spouse Diego
    Marcela
    spouse

    View Slide

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

    View Slide

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

    View Slide

  40. Diego Marcela
    spouse

    View Slide

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

    View Slide


  42. <br/>{<br/>…<br/>}<br/>

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  46. TYPES
    Objetos Dados
    Pessoas
    Lugares
    Eventos
    Datas
    Inteiros
    Temperaturas

    View Slide

  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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. View Slide

  58. View Slide

  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"
    }
    }

    View Slide

  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.

    View Slide

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

    View Slide

  62. View Slide

  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

    View Slide

  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

    View Slide

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

    View Slide

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

    View Slide