Recientemente tuve la oportunidad de participar en The Wave en Zaragoza, un evento que se ha consolidado como un referente de innovación y tecnología en Aragón. Pero más allá de las ponencias y el networking, el verdadero reto fue la Hackathon, donde junto a mi equipo nos enfrentamos al desafío propuesto por la Academia de Inventores (del grupo Edelvives).
El Reto: Programación sin barreras para los más pequeños
La Academia de Inventores nos planteó una misión clara: crear una plataforma de programación por bloques que fuera funcional, intuitiva para niños de entre 5 y 9 años, y que permitiera la interacción directa con hardware real (placas Arduino). Además, debía integrar Inteligencia Artificial para asistir a los pequeños inventores en su proceso de aprendizaje.
Así nació Hello Blocks! Kids◊.
El ambiente en The Wave
El congreso no fue solo código y circuitos; fue un punto de encuentro increíble para la comunidad tech. Desde la entrada en el Palacio de Congresos hasta las salas llenas de energía, la atmósfera de innovación se respiraba en cada rincón.
Hello Blocks! Kids: Un entorno pensado para ellos
Nuestro enfoque fue priorizar la UX para un público infantil. Eliminamos la complejidad innecesaria y creamos un sistema visualmente atractivo y motivador.
1. Un mapa de aprendizaje lúdico
Diseñamos un sistema de niveles no lineal que transporta a los niños por diferentes retos, desde encender su primer LED en un faro hasta controlar motores más complejos.
2. CodePilot: La IA como mentora
Uno de los puntos clave del reto era la integración de IA. Desarrollamos a CodePilot, un pequeño robot asistente que no solo da instrucciones, sino que analiza el estado del código del niño y ofrece pistas contextualmente relevantes.
3. Programación y Hardware Real
Utilizando la Web Serial API, logramos que los bloques se tradujeran a código C++ de Arduino y se cargaran directamente a la placa desde el navegador, sin necesidad de instalar nada. El entorno incluye un simulador para que puedan probar sus algoritmos antes de volcarlos al hardware.
Arquitectura Técnica
Para lograr un sistema robusto y escalable en solo 24 horas, apostamos por un stack moderno y eficiente:
- Frontend: Desarrollado con React y Vite, utilizando Blockly para el motor de bloques y Framer Motion para las animaciones y micro-interacciones que dan vida a la interfaz.
- Backend: Una API en Node.js con Express que gestiona la persistencia de perfiles y la lógica de validación.
- Integración de IA: Implementamos un modelo de Mistral, consumido mediante un proxy desde Vite para mantener la seguridad de las claves y optimizar las peticiones del asistente CodePilot.
- Integración con Hardware: El backend incluye un flujo específico de compilación y carga para Arduino, permitiendo que el código generado por los niños se transforme en binarios ejecutables de forma transparente.
Conclusión
La Hackathon de The Wave fue una experiencia intensa pero increíblemente gratificante. Logramos desarrollar un producto mínimo viable (MVP) completamente funcional en menos de 24 horas, demostrando que la tecnología y la educación pueden ir de la mano para inspirar a la próxima generación de inventores.
¿Quieres verlo en acción? Puedes explorar la demo en hbk.demo.dlopez.eu.org.
¡Gracias a la Academia de Inventores y a la organización de The Wave por esta oportunidad!
Comments
This blog uses a public mailing list for comments. Any message sent to the list will be publicly visible. You can join the discussion by viewing the archive or replying via email.