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
   

   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
    contato@tableless.com.br.
    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 diego@tableless.com.br
    

    View Slide

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
    

    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