Skip to content
Tecnología y Digitalización · 1° ESO

Ideas de aprendizaje activo

Creación de Historias Interactivas con Scratch

Trabajar en la creación de historias interactivas con Scratch exige que los alumnos pasen de la idea abstracta a la solución concreta, lo que refuerza la conexión entre pensamiento computacional y creatividad. Esta aproximación activa mantiene su interés al vincular la programación con un producto personal, donde cada decisión técnica tiene un impacto inmediato en la experiencia del usuario.

Competencias Clave LOMLOELOMLOE: ESO - Desarrollo de softwareLOMLOE: ESO - Creación de contenidos
30–50 minParejas → Toda la clase4 actividades

Actividad 01

Parejas: Storyboard Interactivo

Los alumnos dibujan en papel el flujo de la historia con ramificaciones y opciones del usuario. Identifican bloques de Scratch necesarios para cada rama. Luego, discuten cómo traducirlo a código y comparten con otra pareja para feedback inicial.

¿Cómo estructuraríais una historia para que tenga múltiples finales posibles?

Consejo de facilitaciónDurante la actividad de storyboard, pídeles que dibujen las flechas de transición entre escenas con colores diferentes según el tipo de decisión (ejemplo: rojo para elecciones críticas, azul para detalles).

Qué observarEntrega a cada alumno una tarjeta con dos preguntas: 1. Describe un momento de tu historia donde la elección del usuario cambia el desarrollo. 2. Nombra un bloque de código que usaste para hacer que la historia respondiera a una acción.

AplicarAnalizarEvaluarCrearAutogestiónHabilidades RelacionalesToma de Decisiones
Generar clase completa

Actividad 02

Aprendizaje Basado en Proyectos (ABP)45 min · Grupos pequeños

Grupos Pequeños: Programación de Escena Clave

En grupos de tres, crean una escena interactiva con dos finales alternativos usando condicionales. Prueban entre sí pulsando teclas para simular usuario. Ajustan bugs y añaden sonido antes de unir escenas.

¿Qué elementos interactivos son clave para mantener el interés del público?

Consejo de facilitaciónEn la programación de escena clave, colócalos en grupos con roles rotativos: diseñador, programador y probador, para que cada uno aporte desde su perspectiva.

Qué observarLos alumnos presentan sus historias interactivas a un compañero. El evaluador debe responder: ¿Pude seguir la historia fácilmente? ¿Encontré algún error o algo confuso? ¿Qué sugerencia tienes para mejorar la interactividad? El presentador anota las sugerencias.

AplicarAnalizarEvaluarCrearAutogestiónHabilidades RelacionalesToma de Decisiones
Generar clase completa

Actividad 03

Clase Completa: Galería de Pruebas

Cada grupo proyecta su historia incompleta. La clase actúa como usuarios, votando opciones y anotando problemas de usabilidad. Los creadores registran sugerencias para la versión final.

¿Cómo evaluaríais la experiencia del usuario en vuestra historia interactiva?

Consejo de facilitaciónEn la galería de pruebas, asigna a cada grupo un tiempo máximo de 3 minutos para presentar su historia y recoger feedback de dos compañeros usando una plantilla de evaluación.

Qué observarDurante la fase de programación, el docente circula y pregunta a 2-3 alumnos: ¿Qué hace este bloque? ¿Cómo lograste que el personaje reaccionara a la tecla 'espacio'? ¿Qué pasaría si cambiamos esta condición?

AplicarAnalizarEvaluarCrearAutogestiónHabilidades RelacionalesToma de Decisiones
Generar clase completa

Actividad 04

Individual: Historia Final Pulida

Cada alumno integra feedback, añade transiciones suaves y evalúa tiempos de interacción. Exporta el proyecto y escribe un breve informe de mejoras realizadas.

¿Cómo estructuraríais una historia para que tenga múltiples finales posibles?

Consejo de facilitaciónPara la historia final pulida, establece un checklist de depuración que incluya probar con usuarios reales y ajustar el tamaño de los diálogos para mejor legibilidad.

Qué observarEntrega a cada alumno una tarjeta con dos preguntas: 1. Describe un momento de tu historia donde la elección del usuario cambia el desarrollo. 2. Nombra un bloque de código que usaste para hacer que la historia respondiera a una acción.

AplicarAnalizarEvaluarCrearAutogestiónHabilidades RelacionalesToma de Decisiones
Generar clase completa

Algunas notas para enseñar esta unidad

Comienza con ejemplos visuales de historias ramificadas, destacando cómo los condicionales 'si-entonces' modelan las decisiones del usuario. Evita avanzar en la sintaxis antes de que comprendan el flujo narrativo, ya que eso reduce la frustración inicial. Usa analogías con juegos de mesa como 'elige tu propia aventura', donde cada casilla es un bloque de código que guía al jugador.

Los alumnos demuestran comprensión al diseñar historias con al menos dos ramas de decisión claras, usar bloqueadores condicionales para gestionar esas ramas, y programar respuestas coherentes a entradas del usuario. Además, explican cómo su código refleja las elecciones narrativas que crearon.


Atención a estas ideas erróneas

  • Durante la actividad de Storyboard Interactivo, algunos alumnos pueden pensar que Scratch solo sirve para animaciones lineales.

    En esta actividad, pide a las parejas que dibujen al menos dos caminos distintos desde una misma escena inicial, usando flechas para indicar las decisiones. Esto les ayuda a visualizar que Scratch puede manejar flujos no lineales mediante condicionales.

  • Durante la Programación de Escena Clave, algunos pueden creer que añadir más bloques siempre mejora la historia.

    En esta fase, recuérdales que usen la plantilla de depuración para probar con compañeros y observar si los bloques adicionales dificultan la comprensión. Pídeles que simplifiquen el código basado en los comentarios recibidos.

  • Durante la Galería de Pruebas, algunos pueden afirmar que si la historia funciona en su ordenador, no necesita más pruebas.

    En esta actividad, asigna roles de probador a compañeros de otros grupos. Observa si identifican fallos como diálogos cortados o sprites que no responden, y usa esos hallazgos para corregir el diseño centrado en el usuario.


Metodologías usadas en este resumen