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:
- El profesor configura las reglas para un desafio en la pestana Desafios
- Cuando un alumno envia una solucion, el sistema evalua automaticamente las reglas
- El profesor puede previsualizar los resultados de la evaluacion automatica antes de aplicarlos
- 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.


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
- El propietario crea materiales — los desafios y planes de leccion creados por el propietario son visibles para el en toda la organizacion
- Asignacion a profesores — el propietario asigna materiales a los profesores seleccionados mediante el componente TeacherAssignPopover (disponible en las pestanas Desafios y Planes de leccion)
- El profesor ve sus materiales — los profesores ven solo los materiales que crearon ellos mismos y los asignados por el propietario
- 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.