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 full-size slide

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

    View full-size slide

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

    Agosto 2010

    View full-size slide

  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

    View full-size slide

  5. PARA QUE SERVE A
    INTERNET?

    View full-size slide

  6. COMPARTILHAR
    INFORMAÇÃO

    View full-size slide

  7. COMPARTILHAR
    INFORMAÇÃO É DIFÍCIL

    View full-size slide

  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

    View full-size slide

  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/

    View full-size slide

  10. 1965 Ted Nelson

    View full-size slide

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

    View full-size slide

  12. 1945 Vannevar Bush

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

  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.

    View full-size slide


  18. 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 full-size slide

  19. article aside
    header

    View full-size slide

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

    View full-size slide

  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.

    View full-size slide

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

    View full-size slide

  23. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  26. Diego Marcela
    spouse

    View full-size slide

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

    View full-size slide


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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  32. TYPES
    Objetos Dados
    Pessoas
    Lugares
    Eventos
    Datas
    Inteiros
    Temperaturas

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

  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.

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide