search

PyNorte / pynorte2024-site

Website - pynorte2024 site
https://2024.pythonnorte.org/
Other
1 stars 3 forks source link

Criar um componente para mostrar o cronograma do evento no site. #14

Open meu-bem opened 7 months ago

meu-bem commented 7 months ago

A Even3 possui uma api que possibilita a integração dos dados de programação direto no nosso site, pela rota https://www.even3.com.br/api/v1/session/:id. E vamos utilizar essa ferramenta. O payload que a plataforma nos dá é mais ou menos:

{
  "data": [
    {
      "id_session": 155553,
      "id_event": 37524,
      "title": "Accessibility Management In Large Companies",
      "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus feugiat blandit lectus. In placerat purus tellus. Proin eros dui, condimentum at imperdiet vel, pretium vel ipsum. Nunc varius lectus eu mi tempor, ut luctus est ultricies. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin imperdiet nisi et risus gravida pharetra sit amet a odio. Nam laoreet sem vitae finibus laoreet. Nulla eget lectus at sem consectetur volutpat. Duis scelerisque tellus id vestibulum aliquam.",
      "credit_hour": "1",
      "capacity": 50,
      "ticket_price": 10.0000,
      "type": "Conferência",
      "venue": "AUDITORIUM 1",
      "tags": "Accessibility, Enterprise",
      "speakers": [
        {
          "id_event": 37524,
          "id_speaker": 117452,
          "id_session": 155553,
          "name": "Katherine Martin",
          "photo": "https://images.even3.com.br/4Ru_0labb33RLwLB8BABoTSc38k=/150x150/smart/even3.blob.core.windows.net/geral/1.f8ee65f357fe420ead67.jpeg",
          "resume": "Sed convallis quam vel mi porta rutrum. Sed non egestas ipsum",
          "facebook": "",
          "linkedin": "https://www.google.com.br/",
          "email": "",
          "lattes": "https://www.google.com.br/",
          "twitter": "",
          "site": ""
        },
        {
          "id_event": 37524,
          "id_speaker": 117453,
          "id_session": 155553,
          "name": "José Antonio",
          "photo": "https://images.even3.com.br/pfHDCxbvC3rxTpEmlhwYtEh5ess=/150x150/smart/even3.blob.core.windows.net/geral/image.e75181cc624d4cd49b6b.jpeg",
          "resume": "Sed convallis quam vel mi porta rutrum. Sed non egestas ipsum",
          "facebook": "https://www.google.com.br/",
          "linkedin": "https://www.google.com.br/",
          "email": "",
          "lattes": "https://www.google.com.br/",
          "twitter": "https://www.google.com.br/",
          "site": ""
        }
      ],
      "times": [
        {
          "id_event": 37524,
          "id_session": 155553,
          "id_time": 534771,
          "date": "2020-01-01T00:00:00",
          "start_time": "10:00",
          "end_time": "11:00"
        }
      ]
    }
  ]
}

Dentro desse payload, pra cada atividade, os dados pertinentes para a gente são:

O cronograma será dividido em seções, onde cada seção será uma data. Por exemplo, a seção do dia 27 e a seção do dia 28.

Referências de cronogramas:

Não precisa se restringir às referências. O importante que seja simples e autoexplicativo.

meu-bem commented 6 months ago

Exemplo utilizado na Even3: https://www.even3.com.br/python-norte-2024-446721/ Buscar pela seção "Atividades".