Tutor IDE — plataforma para aprender a programar
Tutor IDE es una plataforma educativa completa en la que jóvenes creadores dan sus primeros pasos en la programación. El alumno escribe código HTML, CSS, JavaScript y Python en un editor profesional en línea, ve el resultado de su trabajo al instante, gana puntos e insignias, resuelve minijuegos y desafíos, y publica sus proyectos terminados en internet con una URL real.
¿Para quién es?
- Escuelas de programación y academias de código — una herramienta lista para impartir clases de desarrollo web y programación, con panel analítico, libro de calificaciones y planes de lección
- Profesores — un panel para gestionar alumnos, asignar desafíos, revisar código, calificación automática y supervisar el progreso con mapas de actividad
- Padres — un espacio seguro con un panel para padres que permite monitorizar el progreso del hijo a través de un enlace seguro
- Alumnos (8-16 años) — un entorno amigable con minijuegos, rutas de aprendizaje, misiones diarias y 44 logros por desbloquear
¿Qué hace especial a Tutor IDE?
Editor de código profesional en el navegador
Los alumnos trabajan en el mismo editor que usan los programadores profesionales, con resaltado de sintaxis, sugerencias y vista previa en vivo. Sin instalar nada: solo necesitas un navegador.
Soporte para múltiples lenguajes
Además de HTML, CSS y JavaScript, la plataforma también es compatible con Python: los alumnos pueden ejecutar código Python directamente en el navegador, sin necesidad de instalar nada en su ordenador.
Minijuegos con niveles de dificultad
En la página Learn, los alumnos encontrarán minijuegos educativos con tres niveles de dificultad (Fácil, Medio, Difícil). Cada juego otorga de 0 a 3 estrellas según la puntuación. Para desbloquear un nivel superior hay que conseguir al menos una estrella en el nivel inferior. Los juegos son una forma genial de aprender jugando: los alumnos ganan XP y perfeccionan sus habilidades.
Rutas de aprendizaje (Learning Paths)
Un currículo estructurado con puertas de progreso. El alumno avanza por etapas: desde los fundamentos de HTML, pasando por CSS, hasta JavaScript avanzado. Cada etapa termina con un desafío de puerta que hay que superar para continuar. Esto garantiza bases sólidas en cada nivel.
Lecciones interactivas
Lecciones que combinan teoría, cuestionarios y tareas prácticas de código en un solo bloque. El alumno primero aprende un concepto nuevo, luego responde preguntas de comprensión y finalmente escribe código, todo dentro de una misma lección, sin saltar entre pestañas.
Desafíos paso a paso
Tareas listas con dificultad progresiva guían al alumno desde su primera página HTML, pasando por estilos CSS, hasta JavaScript interactivo. Cada desafío incluye una plantilla de código con comentarios y pistas. El profesor puede evaluar los trabajos de los alumnos, otorgando una calificación y un comentario escrito.
Calificación automática (Auto-grading)
La plataforma comprueba y califica automáticamente las soluciones de los alumnos: el profesor recibe resultados listos sin necesidad de revisar manualmente cada trabajo. Esto ahorra tiempo y permite centrarse en la enseñanza.
CSS Battle — batallas de píxeles
Un modo especial de desafíos donde los alumnos reproducen una imagen de referencia usando código CSS. La plataforma compara automáticamente el resultado con el original y calcula el porcentaje de coincidencia — es muy divertido y un excelente entrenamiento de precisión en CSS.
Gamificación con 44 logros
Un sistema de puntos de experiencia (XP), 44 logros en 10 categorías, rachas de actividad y tablas de clasificación motiva a los alumnos a aprender con regularidad. Por crear proyectos, completar desafíos, jugar minijuegos y estar activos en la plataforma, los alumnos ganan puntos, suben de nivel y desbloquean insignias únicas con imágenes personalizadas.
Misiones diarias (Daily Quests)
Objetivos diarios a completar, como "Crea un nuevo proyecto", "Resuelve un desafío" o "Juega un minijuego". Las misiones ayudan a mantener la constancia en el aprendizaje y premian a los alumnos por su actividad diaria.
Asistente de IA que ayuda a aprender
Un chat integrado con un asistente de IA ayuda a entender nuevos conceptos, muestra ejemplos de código y anima a experimentar por cuenta propia. El asistente habla en un lenguaje sencillo, adaptado a la edad de los alumnos.
Revisiones de código (Code Reviews)
Los profesores pueden revisar el código de los alumnos y añadir anotaciones directamente en el código, señalando lo que está bien hecho y lo que se puede mejorar. Es una forma eficaz de dar retroalimentación individual.
Portafolio con URL real
Cada alumno puede publicar sus proyectos y compartirlos con familia, amigos o su profesor a través de un enlace real de internet.
Panel de padres (Parent Dashboard)
Los padres pueden monitorizar el progreso de su hijo a través de un enlace seguro: ven la actividad, los logros obtenidos y el avance en el aprendizaje, sin necesidad de crear una cuenta.
Analítica y mapas de actividad
Los profesores tienen acceso a analítica detallada: mapas de actividad (heatmaps), métricas de participación, estadísticas de progreso de los alumnos e informes que ayudan a adaptar el ritmo de enseñanza a las necesidades del grupo.
Libro de calificaciones (Gradebook) con exportación CSV
Un libro de calificaciones completo con todos los resultados de los alumnos: desafíos, CSS Battle, proyectos. Los datos se pueden exportar a CSV y abrir en una hoja de cálculo.
Planes de lección (Konspekty)
Los profesores pueden crear y almacenar planes de lección con archivos PDF. En el plan School, el propietario puede asignar materiales a profesores individuales.
Notificaciones
El sistema de notificaciones informa a los alumnos sobre nuevos desafíos asignados, calificaciones y eventos importantes en la plataforma.
Seguridad en primer lugar
La plataforma fue diseñada pensando en la seguridad de los usuarios jóvenes — con control automático de contenido, límites de actividad y supervisión del profesor.
¿Cómo funciona?
- El profesor crea cuentas de alumnos, organiza grupos y asigna desafíos
- El alumno inicia sesión y ve una lista de incorporación que le guía por los primeros pasos
- Los minijuegos y las rutas de aprendizaje permiten aprender jugando y progresar a su propio ritmo
- La vista previa en vivo muestra el resultado de los cambios al instante — el alumno ve su página junto al código
- El asistente de IA está disponible en cualquier momento cuando el alumno necesita ayuda
- Las misiones diarias y la gamificación premian el progreso con puntos XP, estrellas e insignias
- La calificación automática y las revisiones de código dan al alumno retroalimentación inmediata
- El panel de padres permite a los padres seguir el progreso de su hijo
- La publicación — el alumno publica su proyecto terminado con un solo clic y recibe un enlace para compartir
Planes y precios
Tutor IDE ofrece cuatro planes adaptados a diferentes necesidades:
| Free | Hobby | Teacher | School | |
|---|---|---|---|---|
| Alumnos | 1 | 1 | hasta 100 | hasta 1.000 |
| Profesores | -- | -- | 1 | 10 |
| Proyectos por alumno | 5 | 25 | 50 | 50 |
| Espacio en disco | 25 MB | 100 MB | 100 MB | 100 MB |
| Asistente IA | 5 msgs/día | 30 msgs/día | sin límite | sin límite |
| Publicación de portafolio | sí | sí | sí | sí |
| Minijuegos | sí | sí | sí | sí |
| Panel de padres | sí | sí | sí | sí |
| Analítica y heatmaps | -- | -- | sí | sí |
| Libro de calificaciones (CSV) | -- | -- | sí | sí |
| Revisiones de código | -- | -- | sí | sí |
| Rutas de aprendizaje | -- | -- | sí | sí |
| Calificación automática | -- | -- | sí | sí |
| Planes de lección | -- | -- | -- | sí |
| Asignación de materiales | -- | -- | -- | sí |
Los pagos se procesan a través de Stripe — un sistema de pago seguro utilizado en todo el mundo. La suscripción puede ser mensual o anual.
Funciones de la plataforma
Descubre más sobre cada elemento:
- Editor de código — entorno profesional para escribir HTML, CSS, JS y Python
- Asistente de IA — tutor inteligente que ayuda en el aprendizaje
- Portafolio de alumnos — publicación y uso compartido de proyectos
- Panel del profesor — gestión de alumnos, desafíos y calificaciones
- Seguridad — protección de contenido, límites y privacidad
- Desafíos y lecciones — tareas paso a paso y CSS Battle
- Gamificación — puntos XP, niveles, logros y tabla de clasificación
- Planes y precios — comparación de planes e información sobre pagos
- Primeros pasos: Alumno — guía para alumnos
- Primeros pasos: Profesor — guía para profesores