# Calendário

### O que é o calendário? <a href="#o-que-e-gamificacao" id="o-que-e-gamificacao"></a>

A funcionalidade de calendário permite organizar e planejar eventos, atividades, desafios e outros compromissos importantes diretamente dentro da plataforma.&#x20;

Essa ferramenta é ideal para criar uma agenda personalizada e prática, possibilitando também o compartilhamento de eventos com grupos específicos.&#x20;

### Como configurar um evento no seu calendário?

Acesse a sua conta de administrador e clique em 'comunicação', como mostra a imagem:

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FjlZ599PU5LkDrx4kRumn%2Fimage.png?alt=media&#x26;token=8832b6cf-319d-456f-b5b7-f7f219ac820e" alt=""><figcaption><p>Home</p></figcaption></figure>

Entre na seção de calendário da plataforma para iniciar a criação do seu evento

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FDvONEycaMEQRVgjuDxLU%2Fimage.png?alt=media&#x26;token=cf91a4a2-9597-480e-bf58-1e144b6ceb83" alt=""><figcaption><p>Home > Comunicação</p></figcaption></figure>

No calendário, clique no botão *'Novo Evento'* para começar a configurar o seu&#x20;

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2F2GUpPolj4RQnFxJ6WQe5%2Fimage.png?alt=media&#x26;token=7e325edb-5d00-4e30-b65b-be18cc15726b" alt=""><figcaption><p>Home > Comunicação > calendário</p></figcaption></figure>

**Defina os detalhes do evento**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2Fl8lSnEN26h0ddlOCvzoi%2Fimage.png?alt=media&#x26;token=9a659bb0-008d-42dc-9c5f-bc0a6e04bcf1" alt="" width="478"><figcaption><p>Home > Comunicação > calendário > novo evento</p></figcaption></figure>

* **Título**: Insira um nome claro e descritivo para o evento.
* **Descrição**: Adicione uma breve descrição para fornecer mais contexto sobre o que será abordado ou realizado no evento.
* **Link**: Se desejar, inclua um link externo (por exemplo, de uma reunião no Google Meet) para facilitar o acesso dos participantes.
* **Localização**: Especifique a localização do evento, caso seja presencial coloque o endereço ou, se for online coloque, por exemplo: Meets, Youtube, Zoom...
* **Data do evento:** Defina a data e o horário do evento para garantir que ele apareça no calendário corretamente

**Configurações de Acesso**

Se o evento for destinado a um grupo específico, selecione a opção de **'Liberar apenas para determinadas turmas'**, em seguida, selecione as turmas que devem ter acesso.&#x20;

Deste modo, você permitirá que apenas os membros daquela turma ou grupo de acesso tenham a visibilidade do evento.&#x20;

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FG1jkWRfmsAA2ohXVtAwk%2Fimage.png?alt=media&#x26;token=4353289f-102e-4973-a5f8-80ae682d912f" alt="" width="478"><figcaption><p>Home > Comunicação > calendário > novo evento</p></figcaption></figure>

**Salvar evento:**  Após preencher todos os campos e revisar as informações, salve o evento para que ele apareça no calendário.

#### Evento Criado

Após salvar o evento, ele aparecerá na aba de **'calendário'**, basicamente com um resumo contendo: título, local, link e a data. Caso você queira '**editar'** ou '**excluir',** basta clicar nos três pontinhos conforme mostra a imagem:&#x20;

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FECmnwMjKwxu2R2ChQSV0%2Fimage.png?alt=media&#x26;token=c42be1f3-15bc-4075-9d7c-c5865e722cf0" alt=""><figcaption><p>Home > Comunicação > calendário </p></figcaption></figure>

Prontinho, seu evento está criado!

***

### 🔎 Visão do membro&#x20;

O calendário pode ser exibido ao aluno em duas versões diferentes dentro da Vitrine: uma versão reduzida, integrada à Home, e uma versão completa, acessível em um menu dedicado. Cada uma delas oferece formas distintas de visualização e interação com os eventos.

#### 🗓️ **Formas de Exibição do Calendário**

📌 **1. Calendário Reduzido**

Nesta versão, o calendário aparece em um formato compacto, exibido junto às demais informações da Home. Ideal para oferecer uma visão rápida dos eventos sem precisar de um espaço dedicado para o calendário.

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FIGXkrlujVOuePfee3QQv%2Funknown.png?alt=media&#x26;token=11ccdbb5-29a3-4c47-ad80-05158c5d66eb" alt=""><figcaption><p>B<em>otão (m/home) no menu da vitrine</em></p></figcaption></figure>

***Localização:** botão Home (m/home) no menu da vitrine.*\
\
📌 **2. Calendário Completo**

Essa visualização exibe o calendário em tela ampliada, permitindo uma navegação mais detalhada. Recomendado quando o aluno precisa consultar a agenda com mais profundidade.

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FdYXJq2k3gX00eBw4glOV%2Funknown.png?alt=media&#x26;token=e09c99c8-f623-48dc-adaf-40c857ea8c5f" alt=""><figcaption><p>B<em>otão (m/calendar) no menu da vitrine</em></p></figcaption></figure>

***Localização:** botão exclusivo Calendário (m/calendar) no menu da vitrine.*<br>

{% hint style="info" %}
👉 Veja aqui como configurar o botão do menu na sua vitrine [aqui](https://help.curseduca.com/conteudos/area-de-membros/configurando-sua-area-de-membros/menu-da-area-de-membros/como-configurar-o-menu-na-vitrine).
{% endhint %}

#### 🔍 **Modos de Visualização (Calendário Completo)**

O calendário completo permite alternar entre três modos diferentes, oferecendo flexibilidade e clareza na consulta dos eventos.

📆 **1. Visão Mensal**

* Exibe o mês inteiro em uma grade tradicional.
* As datas com eventos são marcadas com indicadores coloridos.
* Permite navegar entre meses anteriores e posteriores.

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2F41hKoVrNHKxojAw92t4z%2Funknown.png?alt=media&#x26;token=9146ca12-4597-48fb-a4a3-a73776e3e36c" alt=""><figcaption><p>Calendário completo > Mês</p></figcaption></figure>

📅 **2. Visão Semanal**

* Mostra os 7 dias da semana organizados em uma linha do tempo.
* Eventos são exibidos como blocos alinhados aos horários.
* Suporta eventos simultâneos com layout ajustado automaticamente para evitar sobreposição.

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FQfQMd5PSUYuxfkT9G9EI%2Funknown.png?alt=media&#x26;token=fdd9b320-7aed-4c1c-a46d-f92d8c05a67a" alt=""><figcaption><p>Calendário completo > Semana</p></figcaption></figure>

📅 **3. Visão Diária**

* Exibição focada em um único dia.
* Mostra todos os eventos em blocos distribuídos ao longo do dia
* Destaque visual para o horário atual e para eventos em andamento.

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FVYcz15WEaZgsgEENwwUN%2Funknown.png?alt=media&#x26;token=8a70a51a-6d30-4842-bbc7-52f439c413ad" alt=""><figcaption><p>Calendário completo > Dia</p></figcaption></figure>

#### ➡️Indicadores de Eventos no Calendário

Tanto na visão reduzida quanto na visão completa as datas com eventos aparecem destacadas visualmente, ao clicar sobre uma data, o membro vê as informações detalhadas do evento.<br>

Ao clicar em um evento, o membro visualiza:

* Título do evento
* Descrição
* Local
* Data e horário
* Links externos para o evento

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FV3wlYB7GEPXHkZ5l8ewl%2Funknown.png?alt=media&#x26;token=d72c7e3a-f3d5-4fac-9fef-a79cb17e883d" alt=""><figcaption><p>Evento</p></figcaption></figure>