Taller interactivo de proporcionalidad directa

El 8 de enero de 2026 publiqué en Classroom un nuevo recurso interactivo para trabajar la proporcionalidad directa:

Taller interactivo de proporcionalidad directa

La idea era sencilla de explicar, aunque no tan sencilla de llevar a la práctica: quería convertir algunos contenidos básicos de proporcionalidad en una actividad más guiada, visual e interactiva. No solo una ficha para resolver, sino un pequeño taller en el que el alumnado pudiera probar, equivocarse, comprobar respuestas y ver una explicación cuando la necesitara.

El recurso trabaja varios aspectos fundamentales:

  • razones y fracciones,
  • proporciones,
  • medios y extremos,
  • tablas de proporcionalidad,
  • constante de proporcionalidad,
  • reducción a la unidad,
  • regla de tres simple directa.

Cada apartado incluye pequeñas actividades y botones para comprobar las respuestas o ver la solución explicada. Me interesaba especialmente que no fuera solo un “bien” o “mal”, sino que ayudara a entender el procedimiento.

Cómo lo fui construyendo

Este recurso lo hice con ayuda de Gemini. Y digo “con ayuda” porque el proceso no fue darle una instrucción y recibir algo terminado. Fue bastante más lento, con muchas pruebas, correcciones y vueltas atrás.

Partí de mis propios materiales sobre proporcionalidad y de la secuencia habitual que se trabaja en clase: primero entender qué es una razón, después reconocer proporciones, completar tablas, calcular la constante, reducir a la unidad y, finalmente, usar la regla de tres. Quería que el orden tuviera sentido matemático y didáctico.

A partir de ahí fui pidiendo a la IA que generara una estructura interactiva en HTML. Hubo que revisar ejercicios, ajustar enunciados, evitar dependencias innecesarias y corregir bastantes detalles. Uno de los problemas fue la escritura de expresiones matemáticas en la web: algunas fórmulas no se veían bien o dependían de sistemas que complicaban demasiado el archivo. Al final opté por una solución más simple, usando HTML y CSS para representar fracciones y expresiones de forma clara.

Fui ajustando la parte visual para que encajara con la web: colores, organización de los bloques, botones, logo y una presentación que no resultara demasiado cargada.

Para qué puede servir

Lo veo útil como actividad de iniciación o de repaso, como apoyo para alumnado que necesita practicar con calma o como recurso para trabajar en clase con cierta autonomía. No sustituye la explicación ni el acompañamiento, pero puede ayudar a que el alumnado practique sin quedarse bloqueado a la primera dificultad.

Como muchos de los materiales que voy creando últimamente, nació de una necesidad bastante concreta: preparar algo que pudiera usar con mis alumnos y que no fuera simplemente “más ejercicios en papel”. Me costó bastante sacarlo adelante, pero también aprendí mucho en el proceso.

Mapa conceptual interactivo

También preparé un mapa conceptual con NotebookLM para revisar la organización de los contenidos antes de construir el recurso interactivo. El problema de no poder exportarlo de esa manera, sino como imagen png sin interacción, me llevó a buscar otras alternativas, como crearlo en HTLM con ChatGPT y desplegarlo en mi dominio.

Infografías

Infografía sobre proporcionalidad directa

Proporcionalidad directa

Resumen visual para reconocer relaciones directas entre magnitudes y trabajar la constante de proporcionalidad.

Infografía sobre regla de tres y fracciones equivalentes

Regla de tres y fracciones equivalentes

Una ayuda visual para conectar proporciones, productos cruzados y resolución de problemas.

Infografía comparativa de proporcionalidad directa e inversa

Directa frente a inversa

Comparación entre dos tipos de relación proporcional para evitar confusiones habituales.

Infografía sobre proporcionalidad inversa

Proporcionalidad inversa

Esquema visual para identificar relaciones inversas y repasar sus métodos de resolución.

¡Gracias por compartir!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio