Saltar al contenido principal

Panel del profesor

El profesor (administrador) tiene acceso a un completo panel de gestion que le permite dar clases, asignar y evaluar tareas, supervisar la actividad de los alumnos, analizar su progreso y velar por la seguridad en la plataforma.

El panel de administracion esta dividido en secciones de pestanas:

  • Plataforma (solo superadministrador) — estadisticas de la plataforma, gestion de usuarios, organizaciones y facturacion
  • Aula — Alumnos, Grupos, Desafios, Proyectos, Registros de chat, Moderacion
  • Escuela — Planes de leccion, Actividad (propietario), Configuracion

La pestana predeterminada depende del rol del usuario: los superadministradores ven Vista general, los propietarios ven Grupos y los profesores ven Alumnos. Todos los paneles admiten paginacion del lado del servidor y busqueda (50 elementos por pagina). Las pestanas permanecen montadas, por lo que su estado se conserva al cambiar entre ellas.

Gestion de cuentas de alumnos

El profesor crea y gestiona las cuentas de los alumnos:

  • Crear cuentas — el profesor crea una cuenta para cada alumno con un nombre de usuario y contrasena
  • Importar desde archivo CSV — posibilidad de crear cuentas de alumnos masivamente subiendo un archivo con la lista (nombre, usuario, contrasena). Ideal al inicio del curso escolar o al crear un grupo nuevo
  • Exportar a CSV — descargar la lista de alumnos en formato CSV, util para archivo o informes
  • Editar perfiles — cambiar el nombre visible, la contrasena y la configuracion de la cuenta
  • Avatares — cada alumno tiene un avatar colorido con sus iniciales o puede subir su propia foto

Codigos de invitacion

En lugar de crear cuentas manualmente, el profesor puede generar un codigo de invitacion y compartirlo con los alumnos. El alumno entra en la pagina, introduce el codigo y crea su propia cuenta — uniendose automaticamente al grupo correspondiente. Es la forma mas comoda de anadir alumnos.

Gestion de grupos

El profesor puede organizar a los alumnos en grupos correspondientes a clases u horarios:

  • Crear grupos — por ejemplo, "Lunes 16:00", "Clase 6A", "Avanzados"
  • Varios grupos — se puede tener cualquier cantidad de grupos simultaneamente
  • Asignar profesores — en el plan School, el propietario de la organizacion puede asignar profesores a grupos especificos mediante un menu desplegable. Cada profesor entonces ve solo a sus alumnos
  • Asignar alumnos — anadir y quitar alumnos de grupos con un solo clic
  • Seguimiento del progreso — vista del estado de todos los alumnos del grupo
  • Limites de espacio — configurar el espacio en disco predeterminado por grupo
  • Codigos de invitacion vinculados a grupos — generar codigos de invitacion asociados a un grupo especifico para que los nuevos alumnos se unan automaticamente al grupo correcto

Desafios y lecciones

Asignar desafios

El profesor asigna desafios a los alumnos desde el panel:

  • Asignar a un grupo — con un solo clic se puede asignar un desafio a todos los alumnos del grupo
  • Asignacion individual — posibilidad de asignar un desafio a alumnos seleccionados
  • Fecha de entrega — el profesor puede establecer una fecha limite para completar la tarea
  • Dos tipos de desafios — lecciones paso a paso (HTML, CSS, JS, Python) y batallas CSS Battle

Evaluar trabajos

Cuando un alumno completa un desafio, el profesor puede:

  • Poner una calificacion — puntuacion en escala de 0 a 100
  • Escribir un comentario — retroalimentacion escrita que ayuda al alumno a mejorar
  • Revisar soluciones — vista previa del codigo enviado por el alumno

En los desafios CSS Battle, la plataforma calcula automaticamente el porcentaje de coincidencia con el modelo — el profesor ve el resultado junto a la solucion del alumno.

Evaluacion automatica

El sistema permite configurar reglas de evaluacion automatica para cada desafio. Gracias a esto, muchos trabajos pueden ser evaluados al instante sin intervencion manual.

Tipos de reglas disponibles:

  • output_match — comparacion del resultado del codigo con la salida esperada
  • contains_element — verificacion de que el codigo HTML contiene un elemento requerido (por ejemplo, <header>, <ul>)
  • css_property — verificacion de que un elemento tiene una propiedad CSS requerida (por ejemplo, color: red)
  • code_contains — verificacion de que el codigo fuente contiene un fragmento especifico
  • regex_match — coincidencia del codigo con una expresion regular

Flujo de trabajo con evaluacion automatica:

  1. El profesor configura las reglas para un desafio en la pestana Desafios
  2. Cuando un alumno envia una solucion, el sistema evalua automaticamente las reglas
  3. El profesor puede previsualizar los resultados de la evaluacion automatica antes de aplicarlos
  4. La evaluacion por lotes permite calificar multiples envios a la vez

La evaluacion automatica no reemplaza la revision manual — el profesor siempre puede sobrescribir la calificacion automatica con su propia puntuacion y comentarios.

Revisiones de codigo

El profesor puede realizar revisiones detalladas del codigo enviado por los alumnos:

  • Revisar envios — lista de trabajos pendientes de revision
  • Anotaciones en el codigo — posibilidad de anadir comentarios en lineas especificas del codigo
  • Tipos de anotaciones — sugerencias (como mejorar el codigo), observaciones (errores a corregir), elogios (destacar buenas soluciones)
  • Flujo de revision — cada revision pasa por etapas: pendiente (pending) -> en revision (in_review) -> completada (completed)

Las revisiones de codigo permiten al profesor trabajar individualmente con cada alumno y senalar con precision las areas de mejora directamente en el codigo.

Rutas de aprendizaje

Las rutas de aprendizaje (Learning Paths) permiten al profesor crear secuencias ordenadas de desafios que los alumnos completan paso a paso.

Crear rutas

  • Secuencia ordenada — el profesor organiza los desafios en el orden adecuado, creando una ruta logica de aprendizaje
  • Reordenar — los pasos se pueden mover hacia arriba y hacia abajo en cualquier momento
  • Agregar y eliminar — se pueden anadir nuevos desafios a la ruta y eliminar los existentes

Pasos de puerta

El profesor puede marcar un paso especifico como paso de puerta (gate step). El alumno debe completar el paso de puerta antes de pasar a los siguientes desafios en la ruta. Esto asegura que los alumnos dominen los conceptos clave antes de avanzar.

Asignacion y seguimiento

  • Asignar a alumnos y grupos — una ruta puede asignarse a alumnos individuales o a un grupo completo
  • Seguimiento del progreso — el profesor puede ver en que paso se encuentra cada alumno
  • Visualizacion del progreso — vista grafica del avance de los alumnos a traves de la ruta

Libro de calificaciones (Gradebook)

El libro de calificaciones ofrece al profesor una vision general de los resultados de todos los alumnos en un solo lugar:

  • Vista de matriz — tabla con desafios como columnas y alumnos como filas, mostrando la calificacion de cada entrega
  • Exportar a CSV — posibilidad de descargar el libro de calificaciones completo en formato CSV para analisis adicional o archivo
  • Operaciones por lotes — calificacion, asignacion y gestion masiva de entregas

El libro de calificaciones combina datos de la evaluacion manual, la evaluacion automatica y los desafios CSS Battle en una vista unificada.

Analitica y estadisticas

El panel de analitica ofrece al profesor una vision profunda de la actividad y el compromiso de los alumnos.

Mapa de actividad de alumnos

El mapa de calor (heatmap) visualiza la actividad diaria de los alumnos en la plataforma. El profesor puede ver de un vistazo en que dias y horas los alumnos son mas activos, lo que ayuda a planificar las clases y establecer fechas de entrega.

Instantaneas de compromiso

Resumen semanal de las metricas mas importantes:

  • Alumnos activos — cuantos alumnos estuvieron activos en una semana determinada
  • Tasa de finalizacion — porcentaje de desafios completados
  • Tasa de abandono — cuantos alumnos han dejado de usar la plataforma

Seguimiento de eventos

El sistema registra eventos detallados de actividad:

  • Inicios de sesion — cuando los alumnos inician sesion
  • Guardados — guardado de archivos en proyectos
  • Envios — envio de soluciones de desafios
  • Mensajes de chat — comunicacion con el asistente de IA

Con estos datos, el profesor puede identificar a los alumnos que necesitan ayuda adicional y a los que estan mas comprometidos.

Planes de leccion (Konspekty)

El modulo de Planes de leccion permite a los profesores crear y organizar planes de leccion directamente en la plataforma.

Crear planes de leccion

  • Titulo y descripcion — cada plan de leccion tiene un titulo y una descripcion detallada
  • Asignatura y nivel — especificacion de la asignatura y el nivel del curso
  • Duracion — duracion estimada de la leccion en minutos
  • Archivo PDF — posibilidad de adjuntar un archivo PDF con materiales
  • Asistente IA para el profesor — durante la edicion de un plan de leccion, aparece un boton "Asistente de Leccion" en la esquina inferior derecha. El panel ayuda a redactar quizzes, proponer tareas practicas, generar la estructura de la leccion y tener en cuenta el borrador actual. Detalles en la seccion Chat IA de la documentacion.

Vista de tarjetas y tabla

La lista de planes de leccion tiene dos vistas — Tarjetas (diferenciadas visualmente por idioma) y Tabla (escaneo rapido, ordenado por modulo y numero de leccion). El interruptor esta junto al campo de busqueda; la preferencia se guarda en el navegador.

Lista de planes de lección en vista de Tarjetas con degradados por idioma

La misma lista en vista de Tabla

Visibilidad y organizacion

  • Disponibilidad por plan — el modulo de Planes de leccion esta disponible en los planes Teacher y School
  • Visibilidad por profesor — los profesores ven solo sus propios planes de leccion y los que les fueron asignados por el propietario (plan School)
  • Vista del propietario — el propietario de la organizacion ve todos los planes de leccion
  • Asignacion — el propietario puede asignar planes de leccion a profesores especificos (plan School; ver: Gestion de materiales en dos niveles)

Los planes de leccion estan disponibles en /dashboard/konspekty del panel del profesor.

Gestion de materiales en dos niveles

En el plan School, el propietario de la organizacion puede gestionar el acceso a los materiales educativos (desafios y planes de leccion) mediante un modelo de dos niveles.

Como funciona

  1. El propietario crea materiales — los desafios y planes de leccion creados por el propietario son visibles para el en toda la organizacion
  2. Asignacion a profesores — el propietario asigna materiales a los profesores seleccionados mediante el componente TeacherAssignPopover (disponible en las pestanas Desafios y Planes de leccion)
  3. El profesor ve sus materiales — los profesores ven solo los materiales que crearon ellos mismos y los asignados por el propietario
  4. El profesor asigna a alumnos — los profesores asignan materiales a sus alumnos del conjunto de materiales disponibles

Operaciones de asignacion

  • Asignacion individual — asignar un material a un profesor
  • Asignacion masiva — asignar simultaneamente varios desafios o planes de leccion a varios profesores
  • Desasignacion — eliminar la asignacion de un material de un profesor
  • Ver asignaciones — lista de todas las asignaciones con filtro opcional por profesor

Las operaciones de asignacion estan disponibles exclusivamente para el propietario de la organizacion.

Supervision de chats con IA

El profesor tiene acceso a las conversaciones de los alumnos con el asistente de IA:

  • Historial de conversaciones — revisar los mensajes recientes de todos los alumnos
  • Filtrado — posibilidad de ver las conversaciones de un alumno especifico
  • Sesiones de chat — vista de los temas de conversacion y el numero de mensajes
  • Sesiones eliminadas — incluso despues de que un alumno las borre, el profesor conserva el acceso

Gracias a esto, el profesor sabe con que problemas se enfrentan los alumnos y puede ajustar el ritmo de las clases.

Moderacion de contenido

El panel de moderacion ayuda a velar por la seguridad en la plataforma:

  • Alertas automaticas — el sistema detecta automaticamente palabras inapropiadas en el codigo y los chats de los alumnos (en polaco e ingles)
  • Cola de revision — las nuevas alertas aparecen en el panel con un fragmento del texto e informacion sobre el alumno
  • Revision y resolucion — el profesor puede revisar el contexto y marcar la alerta como resuelta
  • Notificaciones por correo — el profesor recibe un correo electronico sobre nuevas alertas de moderacion

Mas informacion sobre seguridad en el capitulo Seguridad.

Registro de actividad

El panel incluye un registro de actividad (audit log) que registra los eventos importantes en la organizacion:

  • Inicios de sesion de alumnos
  • Creacion y eliminacion de proyectos
  • Finalizacion de desafios
  • Cambios en cuentas y grupos
  • Y otras acciones

El registro muestra los ultimos 100 eventos y permite al profesor hacer seguimiento de lo que ocurre en la plataforma.

Revision de proyectos

El profesor puede revisar los proyectos de todos los alumnos:

  • Lista de proyectos — vista de todos los proyectos con informacion sobre el autor y el tamano
  • Vista previa del contenido — posibilidad de revisar el codigo del alumno

Configuracion de la organizacion

El propietario de la organizacion (y el profesor en planes con los permisos correspondientes) tiene acceso a la configuracion:

  • Idioma de la plataforma — seleccion del idioma de la interfaz (polaco, ingles, espanol)
  • Moderacion de contenido — activar o desactivar el escaneo automatico de contenido
  • Asistente de IA — posibilidad de desactivar temporalmente la IA para todos los alumnos (por ejemplo, durante un examen)
  • Modelo de IA — configuracion del modelo de IA (disponible solo para superadministradores)

Los profesores tienen acceso a los controles del aula (interruptor de IA, moderacion), mientras que la configuracion del modelo de IA esta reservada para los superadministradores.

Facil de usar

El panel del profesor es accesible a traves del navegador, sin necesidad de instalar software adicional. La interfaz es clara e intuitiva — no requiere conocimientos tecnicos. Todas las funciones estan disponibles desde las pestanas de un solo panel de administracion, con paginacion del lado del servidor y busqueda en cada pantalla.