# Entendiendo la Interfaz

Chamilo 2.0 cuenta con una interfaz limpia y moderna diseñada para mantener la navegación sencilla. Esta página explica cada parte de la interfaz en detalle.

## La Barra Superior

![La barra superior con elementos anotados incluyendo el logo, bandeja de entrada, ticket de soporte y avatar del usuario](/files/Xtsq9FlE5BfSW43uj3fE)

La barra superior siempre está visible en la parte superior de cada página. Contiene:

* **Logo de la plataforma** — Haz clic en él para volver a la página de inicio en cualquier momento.
* **Ícono de bandeja de entrada** <img src="/files/EwKYP08U9VDwLZ0YQtBy" alt="Bandeja de entrada" data-size="line"> — Muestra tus mensajes. Una insignia roja indica mensajes no leídos. Haz clic para abrir tu bandeja de entrada.
* **Ícono de ticket de soporte** <img src="/files/qZdUIbabhrmdKLOXDHJV" alt="Soporte" data-size="line"> — Si está habilitado por tu administrador, esto te da acceso al sistema de tickets de soporte.
* **Tu avatar** — Una imagen circular en la esquina superior derecha. Haz clic en ella para abrir un menú desplegable con enlaces a tu perfil, configuración de cuenta y cierre de sesión.

## La Barra Lateral

La barra lateral a la izquierda es tu navegación principal. Puede colapsarse para dar más espacio al área de contenido. Haz clic en la flecha de alternancia en su borde derecho para expandirla o colapsarla. Chamilo recuerda tu preferencia.

La barra lateral contiene los siguientes enlaces (algunos pueden estar ocultos dependiendo de la configuración de tu plataforma):

![El panel de navegación de la barra lateral en su estado expandido mostrando todos los elementos del menú](/files/ycUBSpjABFMIB4GxTQIt)

| Elemento del menú       | Ícono                                                                         | Descripción                                                         |
| ----------------------- | ----------------------------------------------------------------------------- | ------------------------------------------------------------------- |
| **Inicio**              | <img src="/files/uOzwyYU12D9K5zgBzyzH" alt="Inicio" data-size="line">         | Regresa al panel principal                                          |
| **Mis cursos**          | <img src="/files/G4iAGKiAk8X1HMq5fACW" alt="Cursos" data-size="line">         | Lista todos los cursos en los que estás inscrito                    |
| **Mis sesiones**        | <img src="/files/6HwbZpFrKfjIUtYg8VIg" alt="Sesiones" data-size="line">       | Lista tus sesiones de formación (actuales, pasadas, próximas)       |
| **Explorar más cursos** | <img src="/files/gVqCEzJs63CHI52MgRru" alt="Catálogo" data-size="line">       | Navega por el catálogo de cursos para encontrar nuevos cursos       |
| **Agenda**              | <img src="/files/rcrEo7no8mDRli9y1RFG" alt="Agenda" data-size="line">         | Tu calendario personal y de cursos                                  |
| **Informes**            | <img src="/files/IUhOoB1wtk9VFH3oM4Ln" alt="Informes" data-size="line">       | Accede al seguimiento de estudiantes e informes de cursos           |
| **Red social**          | <img src="/files/L3Flw73GaOlzi6ZLA2Xx" alt="Red social" data-size="line">     | Conéctate con otros usuarios, envía mensajes, únete a grupos        |
| **Videoconferencia**    | <img src="/files/KVnULy6HC32KiAmVjVzS" alt="Video" data-size="line">          | Accede a sesiones de video en vivo (si está configurado)            |
| **Administración**      | <img src="/files/hBQpoQbUVUztOrQQgQpP" alt="Administración" data-size="line"> | Administración de la plataforma (visible solo para administradores) |

En la parte inferior de la barra lateral, encontrarás una opción de **Cerrar sesión** para salir rápidamente cuando hayas terminado. Esta opción también está disponible en el menú desplegable del ícono de tu avatar en la esquina superior derecha. Si la plataforma se gestiona a través de métodos de autenticación externos, estas opciones de cierre de sesión podrían no estar disponibles.

## El Área de Contenido Principal

El área central de la pantalla muestra el contenido de la página actual. En la parte superior, a menudo verás una **ruta de navegación** (breadcrumb trail) que muestra tu ubicación actual en la plataforma (por ejemplo: Inicio > Música rock > Documentos). Usa la ruta de navegación para volver a una página superior.

## La Página Principal del Curso

Cuando ingresas a un curso, ves la **página principal del curso**. Esto se cubre en detalle en la sección [Creando Tu Curso](/2.x-es/guia-para-docentes/teacher-guide/creating-your-course.md), pero aquí tienes una visión general rápida:

* **Título del curso** — Mostrado de manera prominente en la parte superior
* **Introducción del curso** — Una descripción opcional en texto enriquecido que puedes editar
* **Cuadrícula de herramientas** — Una cuadrícula de íconos que representan las herramientas del curso (Documentos, Ejercicios, Foros, etc.)

Como profesor, verás controles adicionales:

* **Vista de estudiante** <img src="/files/XjTevTC9Fid0LlL7bfW4" alt="Vista de estudiante" data-size="line"> — Activa esto para ver el curso como lo vería un estudiante
* **Editar introducción** <img src="/files/ew0HugKCvWx4d2kh6TFT" alt="Editar" data-size="line"> — Edita el texto de introducción del curso
* **Mostrar todo / Ocultar todo** — Cambia rápidamente la visibilidad de todas las herramientas para los estudiantes
* **Ordenar** — Habilita arrastrar y soltar para reordenar las herramientas en la página principal

## Colores de los iconos

Esto aún es experimental y no está completamente implementado en Chamilo 2.0, pero estamos intentando seguir las siguientes reglas para todos los botones e iconos de acción en la interfaz:

* **Verde** para acciones de creación. Esto incluye agregar, crear, importar, calificar, guardar y copiar contenido.
* **Azul** para acciones de visualización. Esto incluye exportar, ver, previsualizar en listas o en vistas detalladas, buscar y descargar.
* **Naranja** para acciones de edición. Esto incluye editar, mover, configurar, habilitar/deshabilitar, ocultar y mostrar.
* **Rojo** para acciones de eliminación/remoción. Esto incluye eliminar, quitar, dar de baja.
* **Gris** para acciones de cancelación. Simplemente dejar las cosas en el statu quo.

## Diseño Responsivo

Chamilo 2.0 se adapta a diferentes tamaños de pantalla. En un dispositivo móvil o en una ventana de navegador estrecha:

* La barra lateral está oculta por defecto y se puede abrir tocando el icono del menú.
* Las tarjetas de los cursos se muestran en una sola columna en lugar de en una cuadrícula.
* Las tablas se vuelven desplazables horizontalmente.

Esto significa que tanto usted como sus estudiantes pueden acceder a la plataforma desde un teléfono, tableta o computadora, aunque podrían experimentar la interfaz de manera ligeramente diferente.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.chamilo.org/2.x-es/guia-para-docentes/teacher-guide/getting-started/understanding-the-interface.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
