> 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/es/guia-para-docentes/teacher-guide/getting-started/understanding-the-interface.md).

# 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](https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-15a9075385fe52077bb7527a2ebad04325a7b260%2Ftop-bar-annotated.png?alt=media)

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="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-ded119a8b4f1d1889e63e8e4d49987471e10c4c4%2Fmdi-inbox.svg?alt=media" 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="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-9571b233a394db58641d06eaf9d3531f202dbb42%2Fmdi-ticket-account.svg?alt=media" 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ú](https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-26ab83989e05c8602d248fbc3b03055a40a13d43%2Fsidebar-expanded.png?alt=media)

| Elemento del menú       | Ícono                                                                                                                                                                                                                                                          | Descripción                                                         |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- |
| **Inicio**              | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-ccee5c3bf51813aae8ecb4757180af942edc29dd%2Fmdi-home.svg?alt=media" alt="Inicio" data-size="line">                   | Regresa al panel principal                                          |
| **Mis cursos**          | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-2a2a35d2d643419294521ab10f4e7a8ec37bb8c2%2Fmdi-book-open-page-variant.svg?alt=media" alt="Cursos" data-size="line"> | Lista todos los cursos en los que estás inscrito                    |
| **Mis sesiones**        | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-e5dc2192f1a285899ccb740352adebc866d20e0e%2Fmdi-google-classroom.svg?alt=media" alt="Sesiones" data-size="line">     | Lista tus sesiones de formación (actuales, pasadas, próximas)       |
| **Explorar más cursos** | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-d9792c4a1c6426c5bab3829331acce5f855d5553%2Fmdi-bookmark-multiple.svg?alt=media" alt="Catálogo" data-size="line">    | Navega por el catálogo de cursos para encontrar nuevos cursos       |
| **Agenda**              | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-7ef33037ac7060f6dedd0fe70f1b0533bb3fd4cb%2Fmdi-calendar-text.svg?alt=media" alt="Agenda" data-size="line">          | Tu calendario personal y de cursos                                  |
| **Informes**            | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-e779b62ec9d159b64162b33db69cf336c000ad34%2Fmdi-chart-box.svg?alt=media" alt="Informes" data-size="line">            | Accede al seguimiento de estudiantes e informes de cursos           |
| **Red social**          | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-948b7d2bd7febbc5fab5b3fa5d1c22609b3eeecc%2Fmdi-sitemap-outline.svg?alt=media" alt="Red social" data-size="line">    | Conéctate con otros usuarios, envía mensajes, únete a grupos        |
| **Videoconferencia**    | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-c2c6b04ef31b3891d0ded2536b66160ceca472b7%2Fmdi-video.svg?alt=media" alt="Video" data-size="line">                   | Accede a sesiones de video en vivo (si está configurado)            |
| **Administración**      | <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-03f7593330f6a43967e3c07450b55f469d18a6df%2Fmdi-cogs.svg?alt=media" 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="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-0b6b23a06a96f08bea32e8e7de1252b5982bdc4d%2Fmdi-eye.svg?alt=media" alt="Vista de estudiante" data-size="line"> — Activa esto para ver el curso como lo vería un estudiante
* **Editar introducción** <img src="https://3480292761-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUa9rQDyBsdev3bOzcs2%2Fuploads%2Fgit-blob-6369c6135a9138074bead2ce94ad7693bf719058%2Fmdi-pencil.svg?alt=media" 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.
