> 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/2.x/pt/guia-do-professor/teacher-guide/getting-started/understanding-the-interface.md).

# Entendendo a Interface

O Chamilo 2.0 possui uma interface limpa e moderna, projetada para manter a navegação simples. Esta página explica cada parte da interface em detalhes.

## A Barra Superior

![A barra superior com elementos anotados incluindo logotipo, caixa de entrada, ticket de suporte e avatar do usuário](https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-15a9075385fe52077bb7527a2ebad04325a7b260%2Ftop-bar-annotated.png?alt=media)

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

* **Logotipo da plataforma** — Clique nele para retornar à página inicial a qualquer momento.
* **Ícone da caixa de entrada** <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-ded119a8b4f1d1889e63e8e4d49987471e10c4c4%2Fmdi-inbox.svg?alt=media" alt="Caixa de entrada" data-size="line"> — Mostra suas mensagens. Um distintivo vermelho indica mensagens não lidas. Clique para abrir sua caixa de entrada.
* **Ícone de ticket de suporte** <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-9571b233a394db58641d06eaf9d3531f202dbb42%2Fmdi-ticket-account.svg?alt=media" alt="Suporte" data-size="line"> — Se habilitado pelo administrador, isso dá acesso ao sistema de tickets de suporte.
* **Seu avatar** — Uma imagem circular no canto superior direito. Clique nela para abrir um menu suspenso com links para seu perfil, configurações de conta e logout.

## A Barra Lateral

A barra lateral à esquerda é sua principal navegação. 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 sua preferência.

A barra lateral contém os seguintes links (alguns podem estar ocultos dependendo da configuração da sua plataforma):

![O painel de navegação da barra lateral em seu estado expandido mostrando todos os itens do menu](https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-26ab83989e05c8602d248fbc3b03055a40a13d43%2Fsidebar-expanded.png?alt=media)

| Item do menu             | Ícone                                                                                                                                                                                                                                                         | Descrição                                                            |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| **Início**               | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-ccee5c3bf51813aae8ecb4757180af942edc29dd%2Fmdi-home.svg?alt=media" alt="Início" data-size="line">                   | Retorna ao painel principal                                          |
| **Meus cursos**          | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-2a2a35d2d643419294521ab10f4e7a8ec37bb8c2%2Fmdi-book-open-page-variant.svg?alt=media" alt="Cursos" data-size="line"> | Lista todos os cursos nos quais você está inscrito                   |
| **Minhas sessões**       | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-e5dc2192f1a285899ccb740352adebc866d20e0e%2Fmdi-google-classroom.svg?alt=media" alt="Sessões" data-size="line">      | Lista suas sessões de treinamento (atuais, passadas, futuras)        |
| **Explorar mais cursos** | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-d9792c4a1c6426c5bab3829331acce5f855d5553%2Fmdi-bookmark-multiple.svg?alt=media" alt="Catálogo" data-size="line">    | Navegue pelo catálogo de cursos para encontrar novos cursos          |
| **Agenda**               | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-7ef33037ac7060f6dedd0fe70f1b0533bb3fd4cb%2Fmdi-calendar-text.svg?alt=media" alt="Agenda" data-size="line">          | Seu calendário pessoal e de cursos                                   |
| **Relatórios**           | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-e779b62ec9d159b64162b33db69cf336c000ad34%2Fmdi-chart-box.svg?alt=media" alt="Relatórios" data-size="line">          | Acesse o rastreamento de alunos e relatórios de cursos               |
| **Rede social**          | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-948b7d2bd7febbc5fab5b3fa5d1c22609b3eeecc%2Fmdi-sitemap-outline.svg?alt=media" alt="Rede social" data-size="line">   | Conecte-se com outros usuários, envie mensagens, participe de grupos |
| **Videoconferência**     | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-c2c6b04ef31b3891d0ded2536b66160ceca472b7%2Fmdi-video.svg?alt=media" alt="Vídeo" data-size="line">                   | Acesse sessões de vídeo ao vivo (se configurado)                     |
| **Administração**        | <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-03f7593330f6a43967e3c07450b55f469d18a6df%2Fmdi-cogs.svg?alt=media" alt="Admin" data-size="line">                    | Administração da plataforma (visível apenas para administradores)    |

Na parte inferior da barra lateral, você encontrará uma opção de **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 logout podem não estar disponíveis.

## A Área de Conteúdo Principal

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

## A Página Inicial do Curso

Ao entrar em um curso, você verá a **página inicial do curso**. Isso é abordado em detalhes na seção [Criando Seu Curso](/2.x/pt/guia-do-professor/teacher-guide/creating-your-course.md), mas aqui está uma visão geral rápida:

* **Título do curso** — Exibido de forma proeminente no topo
* **Introdução ao curso** — Uma descrição opcional em texto rico que você pode editar
* **Grade de ferramentas** — Uma grade de ícones representando as ferramentas do curso (Documentos, Exercícios, Fóruns, etc.)

Como professor, você verá controles adicionais:

* **Visão do aluno** <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-0b6b23a06a96f08bea32e8e7de1252b5982bdc4d%2Fmdi-eye.svg?alt=media" alt="Visão do aluno" data-size="line"> — Alterne isso para ver o curso como um aluno o veria
* **Editar introdução** <img src="https://139235412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCVgORPRtegwdc1YyBGu5%2Fuploads%2Fgit-blob-6369c6135a9138074bead2ce94ad7693bf719058%2Fmdi-pencil.svg?alt=media" alt="Editar" data-size="line"> — Edite o texto de introdução do curso
* **Mostrar tudo / Ocultar tudo** — Altere rapidamente a visibilidade de todas as ferramentas para os alunos
* **Ordenar** — Habilite arrastar e soltar para reordenar as ferramentas na página inicial

## Cores dos ícones

Isso ainda é experimental e não está totalmente completo no Chamilo 2.0, mas estamos tentando seguir 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, avaliar, salvar e copiar conteúdo.
* **Azul** para ações de visualização. Isso inclui exportar, visualizar, pré-visualizar em listas ou em visualizações detalhadas, pesquisar e fazer download.
* **Laranja** para ações de edição. Isso inclui editar, mover, configurar, ativar/desativar, ocultar e exibir.
* **Vermelho** para ações de exclusão/remoção. Isso inclui deletar, remover, cancelar inscrição.
* **Cinza** para ações de cancelamento. Apenas deixando as coisas no status quo.

## Design Responsivo

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

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

Isso significa que você e seus alunos podem acessar a plataforma a partir de um telefone, tablet ou computador, mas podem experimentar a interface de maneira ligeiramente diferente.
