> For the complete documentation index, see [llms.txt](https://docs.chamilo.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chamilo.org/3.x/pt-br/guia-do-estudante/student-guide/getting-started/understanding-the-interface.md).

# Entendendo a Interface

O Chamilo 3.0 tem uma interface limpa e moderna, projetada para manter a navegação simples. Esta página explica cada parte da interface do ponto de vista do aluno.

## A Barra Superior

A barra superior fica sempre visível no topo de todas as páginas. Ela contém:

* **Logotipo da plataforma** — Clique nele para voltar à página inicial a qualquer momento.
* **Ícone da caixa de entrada**  — Exibe suas mensagens. Um distintivo vermelho indica mensagens não lidas. Clique para abrir sua [Caixa de entrada](/3.x/pt-br/guia-do-estudante/student-guide/inbox.md).
* **Ícone de chamado de suporte**  — Se habilitado pelo administrador, dá acesso ao sistema de chamados de suporte. Nem toda plataforma o habilita, então você pode ver apenas o ícone da caixa de entrada e o seu avatar.
* **Seu avatar** — Uma imagem circular no canto superior direito. Clique nela para abrir um menu suspenso:
* **Meu perfil** — Edite suas informações pessoais, altere sua senha e (se habilitado) configure a autenticação de dois fatores
* **Meus certificados** — Todos os certificados que você obteve, em todos os seus cursos
* **Minhas competências** — Distintivos de competência que você recebeu
* **Sair**

## A Barra Lateral

A barra lateral à esquerda é a sua navegação principal. Ela pode ser recolhida para dar mais espaço à área de conteúdo. Clique na seta de alternância na borda direita para expandi-la ou recolhê-la. O Chamilo lembra a sua preferência.

A barra lateral contém os seguintes links (alguns podem ficar ocultos, conforme a configuração da plataforma):

| Item de menu             | Ícone | Descrição                                                                                                                      |
| ------------------------ | ----- | ------------------------------------------------------------------------------------------------------------------------------ |
| **Início**               |       | Retorna ao painel principal                                                                                                    |
| **Meus cursos**          |       | Lista todos os cursos em que você está inscrito                                                                                |
| **Minhas sessões**       |       | Lista suas sessões de formação (atuais, passadas, futuras)                                                                     |
| **Explorar mais cursos** |       | Navegue pelo catálogo de cursos para encontrar e se autoinscrever em novos cursos                                              |
| **Agenda**               |       | Seu calendário pessoal e de cursos                                                                                             |
| **Relatórios**           |       | Expande para **Progresso** — a visão geral do seu [Meu progresso](/3.x/pt-br/guia-do-estudante/student-guide/my-progress.md)   |
| **Rede social**          |       | Expande para a [Rede social](/3.x/pt-br/guia-do-estudante/student-guide/social-network.md) e links relacionados, se habilitada |
| **Videoconferência**     |       | Acesso a sessões de vídeo ao vivo (se configurado)                                                                             |

**Relatórios** e **Rede social** não são links simples — ao clicar neles, uma pequena lista de subitens se expande na própria barra lateral:

* Em **Relatórios**: apenas **Progresso**, que leva você a [Meu progresso](/3.x/pt-br/guia-do-estudante/student-guide/my-progress.md).
* Em **Rede social**: **Início** (o mural social), **Mensagens** (um atalho para a sua [Caixa de entrada](/3.x/pt-br/guia-do-estudante/student-guide/inbox.md)), **Meus amigos**, **Grupos sociais** — e, de forma um tanto inesperada agrupados aqui também, **Meus arquivos** (seu armazenamento pessoal de arquivos) e **Dados pessoais** (uma exportação dos dados pessoais que a plataforma mantém sobre você). Esses dois últimos não são realmente recursos “sociais”; apenas ficam nesta parte da barra lateral.

Se a sua conta tiver papéis adicionais (por exemplo, você também ministra um curso), você poderá ver itens extras na barra lateral — como **Administração** — que uma conta apenas de aluno nunca vê.

Na parte inferior da barra lateral, você encontrará a opção **Sair** para encerrar a sessão rapidamente quando terminar. Essa opção também está disponível no menu suspenso do ícone do seu avatar, no canto superior direito. Se a plataforma for gerenciada por métodos de autenticação externos, essas opções de saída podem não estar disponíveis.

## A Área Principal de Conteúdo

A área central da tela exibe o conteúdo da página atual. No topo, você frequentemente verá um **caminho de navegação (breadcrumb)** mostrando sua localização atual na plataforma (por exemplo: Início > Rock music > Documents). Use os breadcrumbs para voltar a uma página pai.

## A Página Inicial do Curso

Quando você entra em um curso, vê a **página inicial do curso**:

* **Título do curso** — Exibido de forma destacada no topo
* **Introdução do curso** — Uma descrição opcional em texto rico escrita pelo seu professor
* **Grade de ferramentas** — Uma grade de ícones que representam as ferramentas disponíveis neste curso (Documentos, Exercícios, Fóruns, etc.)

Somente as ferramentas que o seu professor tornou visíveis aparecem nesta grade — consulte [Como se orientar em um curso](/3.x/pt-br/guia-do-estudante/student-guide/courses/course-tools-overview.md) para saber o que cada uma faz. Os controles para editar o próprio curso (visualizar como aluno, mostrar/ocultar ferramentas, reordená-las) aparecem apenas para professores e administradores do curso — você não os verá em um curso no qual está inscrito como aprendiz.

## Cores dos Ícones

Isso ainda é experimental e não está totalmente completo no Chamilo 3.0, mas estamos tentando usar as seguintes regras para todos os botões e ícones de ação na interface:

* **Verde** para ações de criação. Isso inclui adicionar, criar, importar, salvar e copiar conteúdo.
* **Azul** para ações de visualização. Isso inclui exportar, visualizar, pré-visualizar em listas ou em visões detalhadas, pesquisar e baixar.
* **Laranja** para ações de edição. Isso inclui editar, mover, configurar, ativar/desativar, ocultar e mostrar.
* **Vermelho** para ações de exclusão/remoção. Isso inclui excluir, remover, cancelar inscrição.
* **Cinza** para ações de cancelamento. Apenas deixar as coisas no status quo.

## Design Responsivo

O Chamilo 3.0 se adapta a diferentes tamanhos de tela. Em um dispositivo móvel ou em uma janela estreita do navegador:

* A barra lateral fica oculta por padrão e pode ser aberta tocando no ícone de menu
* Os cartões de curso são exibidos em uma única coluna em vez de uma grade
* As tabelas passam a ser roláveis horizontalmente

Isso significa que você pode acessar seus cursos a partir de um telefone, tablet ou computador, embora a interface possa parecer um pouco diferente dependendo do dispositivo.