Home Forums Curso IA – Foro 3 – Diseño de Inteligencia Artificial Personalizada para el Aula Diseño conceptual de una IA personalizada para el curso de Programación de Sitio

  • Diseño conceptual de una IA personalizada para el curso de Programación de Sitio

    Posted by ANYELO GERLEY on 27 abril, 2025 at 8:45 pm

    Saludos para todos

    A continuación presentó mi propuesta para el diseño de la IA.

    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:

    1. 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.
    2. 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:

    <b style=”background-color: transparent; font-family: inherit; font-size: inherit;”>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.

    <b style=”background-color: transparent; font-family: inherit; font-size: inherit;”>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.

    <b style=”background-color: transparent; font-family: inherit; font-size: inherit;”>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.

    <b style=”background-color: transparent; font-family: inherit; font-size: inherit;”>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.

    <b style=”background-color: transparent; font-family: inherit; font-size: inherit;”>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

    • This discussion was modified hace 1 día, 17 horas by  ANYELO GERLEY.
    Carlos replied hace 21 horas, 59 minutos 3 Members · 2 Replies
  • 2 Replies
  • Sergio

    Member
    27 abril, 2025 at 9:14 pm

    Saludos cordiales estimado profesor, muy interesante el aporte que realiza. Creo que la IA en este tipo de formación es fundamental, sin embargo se debe, como usted lo promueve en su mensaje, favorecer la reflexión sobre la programación soportada por IA. Es interesante mantener retos en optimización de código y calidad de software. Gracias.

  • Carlos

    Member
    28 abril, 2025 at 3:50 pm

    Buen día compañero.

    Super interesante su propuesta. Si seria una ayuda grande para el estudiante que en un solo lugar logra encontrar todo lo que se necesita para el desarrollo de un proyecto de software.

Log in to reply.