Saltar al contenido principal

Primeros pasos: Profesor

Esta guia te llevara paso a paso por la configuracion de la plataforma Tutor IDE — desde el registro hasta la imparticion de tus primeras clases utilizando todas las herramientas disponibles.

1. Registrate​

Ve a app.tutoride.dev y haz clic en "Registrarse". Introduce tus datos y crea una cuenta.

Despues del registro, se creara automaticamente tu organizacion — es el espacio donde gestionaras a los alumnos y las clases.

2. Elige un plan​

Al inicio tienes disponible el plan Gratuito, que te permite probar la plataforma. Si planeas dar clases a un grupo de alumnos, elige uno de los planes de pago:

  • Profesor — hasta 100 alumnos, 1 profesor, ideal para tutores y grupos pequenos
  • Escuela — hasta 1.000 alumnos, hasta 10 profesores, para escuelas de programacion con varios profesores

Puedes cambiar de plan en cualquier momento desde la configuracion de la organizacion.

3. Crea grupos de alumnos​

Ve al Panel de administracion y abre la pestana Grupos. Crea grupos correspondientes a tus clases, por ejemplo:

  • "Lunes 16:00"
  • "Miercoles 17:00"
  • "Grupo avanzado"

Los grupos ayudan a organizar a los alumnos y a asignar desafios a todo un grupo a la vez.

Si tienes el plan Escuela, puedes asignar profesores a grupos especificos — cada profesor solo vera a los alumnos de sus grupos asignados.

4. Anade alumnos​

Tienes tres formas de anadir alumnos a la plataforma:

Crear cuentas manualmente​

En la pestana Alumnos, haz clic en "Anadir alumno". Introduce un nombre de usuario y una contrasena — listo. Entrega los datos de acceso al alumno al inicio de la clase.

Importar desde archivo CSV​

Si tienes muchos alumnos, puedes importarlos desde un archivo CSV. Prepara un archivo con la lista de alumnos (usuario, contrasena, grupo) y subelo en el panel. Todas las cuentas se crearan automaticamente.

Codigo de invitacion​

Cada grupo tiene un codigo de invitacion unico. Compartelo con los alumnos — ellos pueden crear su propia cuenta en la plataforma y unirse al grupo introduciendo el codigo. Es la forma mas rapida cuando los alumnos tienen su propia direccion de correo electronico.

5. Asigna desafios​

Ve a la pestana Desafios en el panel de administracion. Encontraras dos tipos de tareas:

  • Lecciones — tareas paso a paso con instrucciones y codigo de inicio
  • CSS Battle — desafios que consisten en reproducir una imagen usando HTML y CSS

Elige un desafio y asignalo a un alumno concreto o a todo un grupo. Puedes establecer una fecha de entrega para motivar a los alumnos a trabajar a tiempo.

6. Configura la evaluacion automatica​

Para ahorrar tiempo en la evaluacion, configura reglas de evaluacion automatica:

  1. Abre los detalles del desafio en la pestana Desafios
  2. Anade reglas de evaluacion automatica — elige el tipo de regla:
    • output_match — comparar la salida con el resultado esperado
    • contains_element — verificar la presencia de un elemento HTML
    • css_property — verificar el valor de una propiedad CSS
    • code_contains — verificar un fragmento de codigo
    • regex_match — coincidencia con una expresion regular
  3. Guarda las reglas — a partir de ahora, los envios de los alumnos seran evaluados automaticamente
  4. Puedes previsualizar los resultados antes de aplicarlos y sobrescribir la calificacion automatica si es necesario

La evaluacion automatica es especialmente util para desafios con respuestas claramente correctas, como verificar si una pagina contiene los elementos HTML requeridos.

7. Crea rutas de aprendizaje​

Las rutas de aprendizaje permiten organizar los desafios en una secuencia logica:

  1. Ve a la seccion Rutas de aprendizaje en el panel
  2. Haz clic en "Crear ruta" y dale un nombre
  3. Anade desafios en el orden adecuado — arrastra para reordenarlos
  4. Marca los pasos clave como pasos de puerta — los alumnos deben completarlos antes de continuar
  5. Asigna la ruta a alumnos o a un grupo completo

Las rutas son ideales para impartir cursos, por ejemplo, "Introduccion a HTML" con 10 lecciones secuenciales donde cada una se basa en la anterior.

8. Crea planes de leccion​

El modulo de Planes de leccion permite crear planes estructurados:

  1. Ve a la pestana Planes de leccion en la seccion Escuela del panel de administracion
  2. Haz clic en "Nuevo plan de leccion"
  3. Completa los campos: titulo, descripcion, asignatura, nivel del curso, duracion
  4. Opcionalmente adjunta un archivo PDF con materiales
  5. Guarda el plan de leccion — sera visible para ti y para el propietario de la organizacion

Los planes de leccion ayudan a organizar los materiales didacticos y a planificar el desarrollo de las clases.

9. Supervisa el trabajo de los alumnos​

El panel de administracion te da plena visibilidad sobre la actividad de los alumnos:

Proyectos​

En la pestana Proyectos ves todos los proyectos de tus alumnos — sus nombres, tamano, fecha de creacion y ultima edicion. Puedes abrir cualquier proyecto y revisar su contenido.

Chat con IA​

En la pestana Registros de chat puedes revisar las conversaciones de los alumnos con el asistente de IA. Ves que preguntan y que respuestas reciben. Esto te ayuda a entender con que tienen dificultades los alumnos.

Moderacion​

En la pestana Moderacion encontraras alertas sobre contenido inapropiado en el codigo o el chat de los alumnos. El sistema detecta y reporta automaticamente estos casos.

10. Usa las revisiones de codigo​

Las revisiones de codigo permiten trabajar en detalle con las soluciones de los alumnos:

  1. Abre el envio de un alumno que esta pendiente de revision
  2. Revisa el codigo y anade anotaciones en el codigo — haz clic en una linea para agregar un comentario
  3. Elige el tipo de anotacion: sugerencia (como mejorar), observacion (error a corregir) o elogio (destacar algo bueno)
  4. Al terminar la revision, cambia el estado a completada

Las revisiones de codigo dan a los alumnos retroalimentacion especifica, senalando exactamente que lineas de codigo necesitan mejora.

11. Analiza las estadisticas​

El panel de analitica te da una vision de la actividad y el compromiso de los alumnos:

Mapa de actividad​

El mapa de calor muestra cuando los alumnos son mas activos — en que dias y a que horas. Esto ayuda a planificar las clases y establecer fechas de entrega.

Instantaneas de compromiso​

Resumen semanal de metricas clave: cuantos alumnos estuvieron activos, que porcentaje de desafios se completo y cuantos alumnos dejaron de usar la plataforma.

Eventos​

Seguimiento detallado de eventos: inicios de sesion, guardados de archivos, envios de soluciones y mensajes de chat. Esto te permite identificar a los alumnos que necesitan apoyo adicional.

12. Usa el libro de calificaciones​

El libro de calificaciones (Gradebook) reune todos los resultados en un solo lugar:

  • Abre el Gradebook en el panel de administracion
  • Veras una tabla: desafios como columnas, alumnos como filas
  • Puedes descargar el libro de calificaciones en formato CSV para analisis adicional
  • Usa las operaciones por lotes para calificar y gestionar envios de forma masiva

13. Evalua trabajos manualmente​

Cuando un alumno complete un desafio (leccion), puedes evaluar su trabajo:

  1. Abre la pestana Desafios y selecciona la leccion
  2. Haz clic en el intento del alumno para ver su solucion
  3. Otorga puntos (0-100) por la calidad de la solucion
  4. Escribe un comentario — elogia lo que salio bien y sugiere que se puede mejorar

Las tareas de CSS Battle se evaluan automaticamente por el sistema (comparacion de pixeles), pero tambien puedes revisarlas y comentarlas.

14. Asigna materiales a profesores (plan Escuela)​

Si eres el propietario de la organizacion en el plan Escuela, puedes gestionar el acceso a los materiales:

  1. Ve a la pestana Desafios o Planes de leccion
  2. Usa el componente Asignar a profesores (icono junto al material)
  3. Selecciona los profesores a los que quieres asignar el material
  4. Tambien puedes usar la asignacion masiva — selecciona varios materiales y profesores a la vez
  5. Los profesores solo veran los materiales asignados y los que ellos mismos crearon

Esto te permite controlar con precision que materiales estan disponibles para cada profesor.

15. Sigue el progreso​

La plataforma recopila informacion sobre el progreso de los alumnos:

  • Tabla de clasificacion — ranking de alumnos por puntos XP (esta semana, este mes o desde el inicio)
  • Logros — que insignias han obtenido los alumnos
  • Desafios — cuantas tareas completo cada alumno y que resultados obtuvo
  • Rutas de aprendizaje — en que paso de la ruta se encuentra cada alumno
  • Actividad — registro de acciones en la organizacion (visible para el propietario)

Consejo: Empieza creando un grupo, anadiendo algunos alumnos y asignando el primer desafio. Luego configura la evaluacion automatica para tareas sencillas y crea tu primera ruta de aprendizaje. Cuando te sientas seguro, amplia la organizacion con mas grupos, planes de leccion y analiticas avanzadas. La plataforma es facil de usar — no requiere conocimientos tecnicos.