Acerca de este Prototipo Demostrativo
Este prototipo, denominado "Aventura Urbana de Exploración", fue programado por José Cabrera, un no experto en desarrollo web, y se presenta como parte del proyecto de Diseño de la “ESTRUCTURA DEL MINI PROYECTO CON TECNOLOGÍAS EMERGENTES: UN ABSTRACT DE SU PROPUESTA + 1 MINI demo CON LA TECNOLOGÍA EMERGENTE”.
La propuesta base para este miniproyecto se fundamenta en Urbaventura, una iniciativa conceptualizada dentro del proceso MEEATD de la Universidad de Barcelona. La base pedagógica específica para esta demo ha sido construida por el equipo conformado por Elisa Montoya, Iván Quijano y José Cabrera.
Proceso de Desarrollo
El desarrollo de este prototipo se llevó a cabo utilizando Visual Studio Code como entorno principal. Un elemento clave en el proceso fue la asistencia de Inteligencia Artificial (IA), específicamente Gemini. La IA funcionó como una herramienta de apoyo fundamental, facilitando la comprensión de conceptos de programación, sugiriendo arquitecturas de código, ayudando en la depuración y generando código (HTML, CSS, JavaScript), lo que permitió superar barreras técnicas inherentes a la falta de experiencia previa en el campo.
Las imágenes que dan vida visual al prototipo fueron obtenidas mediante la generación con IA y la selección de recursos libres de plataformas como Pixabay, demostrando el potencial de estas herramientas para complementar el diseño y la creatividad.
Equipo del Proyecto
- Desarrollo Web y Técnico: José Cabrera
- Diseño Pedagógico y Conceptualización: Elisa Montoya, Iván Quijano y José Cabrera
Contexto Académico
Este prototipo funcional ha sido desarrollado en el marco de un trabajo académico para la Universidad de Barcelona (UB), bajo la dirección de la profesora Katia Pozos. Representa una exploración práctica sobre la integración de tecnologías emergentes y enfoques pedagógicos para diseñar experiencias de aprendizaje en entornos urbanos.
Aspectos Técnicos del Prototipo
El prototipo es una aplicación web básica implementada con las tecnologías estándar de desarrollo frontend: HTML para la estructura del contenido, CSS para la presentación visual y JavaScript para la lógica interactiva del juego.
- La gestión del estado de las misiones, el progreso de las actividades y la acumulación de puntos se realiza en el navegador del usuario (lado del cliente) utilizando JavaScript y persistiendo los datos mediante localStorage.
- Se ha integrado la librería Tone.js para añadir elementos de audio que enriquecen la experiencia del usuario.
- La arquitectura del código JavaScript busca modularidad, separando la definición de los datos (misiones, actividades) de las funciones encargadas de la interfaz de usuario y la interactividad.
Es fundamental entender que esta es una versión demo de un prototipo real. Su propósito principal es validar el concepto de un juego de retos urbanos con una clara inspiración pedagógica y demostrar la viabilidad de su implementación tecnológica, incluso con recursos y experiencia limitados, gracias al apoyo de herramientas de IA. Aunque no es una aplicación final, establece una base sólida para un desarrollo futuro.
Escalabilidad y Proyecciones a Futuro
El diseño actual permite una notable escalabilidad. La adición de nuevas misiones para distintas ciudades o temáticas es posible extendiendo la estructura de datos existente en el código JavaScript, sin requerir modificaciones mayores en la lógica principal del juego.
Como proyección a futuro, se contempla el desarrollo de una aplicación complementaria para dispositivos Android dirigida al profesor o gestor de retos. Esta herramienta permitiría una administración centralizada de las misiones (creación, edición, publicación) y facilitaría la recepción y revisión de las entregas y el progreso de los equipos de estudiantes.
El Rol Continuo de la IA en el Desarrollo
La Inteligencia Artificial no solo fue crucial en la fase inicial de este prototipo, sino que se proyecta como una herramienta clave para su futuro desarrollo. Sus aplicaciones potenciales incluyen:
- Generación Asistida de Contenido: Apoyo en la creación de descripciones detalladas para actividades, la formulación de pistas, y la integración de datos históricos, culturales o científicos relevantes para cada ubicación.
- Análisis y Retroalimentación: En la futura app del profesor, la IA podría asistir en la revisión de las entregas de los estudiantes, por ejemplo, analizando respuestas de texto o ayudando a identificar elementos en imágenes cargadas como evidencia.
- Adaptación y Personalización: Posibilidad de ajustar dinámicamente la dificultad de los retos o el tipo de ayuda ofrecida basándose en el desempeño y las características de cada equipo.
- Optimización Técnica: Continuar asistiendo en la implementación de funcionalidades más complejas, optimización del código y resolución de problemas técnicos.
Este prototipo es un testimonio de cómo la colaboración entre la creatividad humana y el potencial de la Inteligencia Artificial puede democratizar el desarrollo tecnológico, permitiendo a no expertos materializar ideas complejas y construir herramientas con impacto pedagógico real.