-
Diseño conceptual de una IA para el curso de Programación de Sitios Web
Curso especifico seleccionado: Programación de Sitios Web – Fases de Planeación del sitio web y Diseño e implementación del frontend
Presentación del curso y necesidades detectadas:
El curso de Programación de Sitios Web busca que los estudiantes planeen, diseñen e implementen interfaces web efectivas utilizando HTML, Bootstrap y JavaScript. Sin embargo, se ha observado que muchos estudiantes presentan dificultades en dos aspectos críticos:
- Planeación
conceptual del sitio web: Les resulta complejo estructurar
adecuadamente la propuesta de valor, identificar requerimientos
funcionales y no funcionales, construir cronogramas y definir riesgos y
beneficios de un proyecto web. - Diseño
y construcción del frontend: A los estudiantes les cuesta integrar
correctamente HTML, Bootstrap y JavaScript para construir interfaces
coherentes, atractivas y funcionales. Además, presentan errores comunes en
la organización de menús, creación de formularios y seguridad básica en el
lado del cliente.
Estas dificultades afectan tanto la calidad técnica de los proyectos como su capacidad de gestionar de forma estructurada las fases tempranas del desarrollo web.
Propuesta de solución basada en inteligencia artificial:
Se diseñaría una IA personalizada alojada en la plataforma POE IA, que funcionaría como Asistente Virtual de Planeación y Diseño Frontend. Esta IA acompañaría a los estudiantes en la elaboración de sus proyectos web de forma guiada, interactiva y adaptativa.
Funcionalidades específicas:
* Asistente de Planeación de Proyectos Web:
Guía paso a paso para construir la propuesta de valor del proyecto.
Generador automático de plantillas para requerimientos funcionales y no funcionales.
Asistente para identificar riesgos y beneficios del proyecto.
* Asistente de Diseño Frontend:
Generador de plantillas de estructura HTML y Bootstrap para menús y formularios requeridos.
Checklist de buenas prácticas de seguridad básica en HTML y JavaScript, personalizado para cada estudiante.
* Retroalimentación personalizada:
Revisión automática de estructuras de código (HTML/JS) subido como texto, señalando errores de sintaxis o de diseño visual.
Sugerencias de corrección para mejorar accesibilidad, estética y seguridad de los formularios.
* Evaluaciones y simulaciones adaptativas:
Quizzes interactivos sobre identificación de errores en formularios HTML, prácticas de seguridad y principios de planeación de sitios web.
Casos prácticos donde los estudiantes deben corregir errores intencionales en fragmentos de código o planes de proyecto.
* Sugerencias de recursos:
Recomendación personalizada de videos, mini-tutoriales y plantillas de proyectos web, según las debilidades detectadas en cada estudiante.
Justificación del uso de una IA como POE
El diseño de esta IA permitirá transformar la experiencia de aprendizaje de los estudiantes, pasando de un modelo memorístico a un proceso guiado, práctico y adaptativo. Al integrar herramientas de planeación, construcción y verificación automática, se fortalecen habilidades fundamentales para el desarrollo web: el análisis estructurado, la escritura técnica, la lógica de programación y las prácticas de codificación segura.
Además, permitirá retroalimentación inmediata y personalizada, aumentando la motivación, la autonomía y la comprensión de los estudiantes, en línea con las tendencias de innovación educativa en entornos digitales.
Anyelo Quintero Reyes
- Planeación
Sorry, there were no replies found.
Log in to reply.