Tecnología · 2o de Preparatoria

Ideas de aprendizaje activo

Entornos de Desarrollo Integrado (IDE)

Los estudiantes aprenden mejor el diseño de interfaces cuando experimentan el proceso, no solo al escuchar conceptos teóricos. Al construir prototipos físicos con papel y discutir en grupo, transforman ideas abstractas en soluciones concretas que conectan la lógica del código con la experiencia humana.

• Aprendizajes Esperados SEP
• SEP EMS: Herramientas de Desarrollo de Software

• 45–60 min
• Parejas → Toda la clase
• 3 actividades

Actividad 01

• Rotación por Estaciones
• 50 min · Individual

Comparación: Editor de Texto vs. IDE

Los estudiantes escribirán un pequeño programa en un editor de texto simple (como Notepad) y luego el mismo programa en un IDE. Compararán el tiempo de escritura, la facilidad para detectar errores y la experiencia general, documentando sus hallazgos.

¿Cómo un IDE mejora la productividad del desarrollador en comparación con un editor de texto simple?

Consejo de Facilitación

Durante la actividad de prototipado en papel, camina entre los grupos y pide que cada equipo explique con una sola oración qué problema específico de su comunidad resuelve su diseño.

• Recordar
• Comprender
• Aplicar
• Analizar
• Autogestión
• Habilidades de Relación

Actividad 02

• Rotación por Estaciones
• 60 min · Grupos pequeños

Exploración de Herramientas de Depuración

Se les proporcionará a los estudiantes un programa con errores lógicos intencionados. Deberán usar las herramientas de depuración del IDE (puntos de interrupción, paso a paso, inspección de variables) para encontrar y corregir los errores, explicando su proceso.

¿Qué herramientas de un IDE son más útiles para la depuración de código?

Consejo de Facilitación

En el Gallery Walk de Usabilidad, entrega tarjetas de observación con una rúbrica de 3 criterios (claridad, accesibilidad, estética) para que los estudiantes evalúen los prototipos de sus compañeros.

• Recordar
• Comprender
• Aplicar
• Analizar
• Autogestión
• Habilidades de Relación

Actividad 03

• Rotación por Estaciones
• 45 min · Individual

Personalización del IDE

Los estudiantes investigarán y aplicarán al menos tres personalizaciones en su IDE, como temas visuales, atajos de teclado o extensiones útiles. Presentarán sus personalizaciones y explicarán por qué las eligieron.

¿Cómo podemos personalizar un IDE para adaptarlo a nuestras preferencias de desarrollo?

Consejo de Facilitación

En el debate de estética vs. funcionalidad, asigna roles específicos (usuario, desarrollador, diseñador) a cada estudiante para que argumenten desde perspectivas distintas y evites respuestas genéricas.

• Recordar
• Comprender
• Aplicar
• Analizar
• Autogestión
• Habilidades de Relación

Algunas notas para enseñar esta unidad

Enseña este tema con un enfoque basado en proyectos, donde los estudiantes construyan significado a través de la iteración. Evita explicar todos los conceptos de diseño de interfaces antes de empezar a crear. En su lugar, introduce herramientas clave (como paletas de colores accesibles o jerarquías visuales) justo antes de que las necesiten en sus prototipos. La investigación muestra que los estudiantes retienen mejor cuando aplican conceptos inmediatamente después de aprenderlos.

Al finalizar las actividades, los estudiantes podrán explicar cómo el diseño de interfaces mejora la usabilidad, identificar errores comunes en prototipos de papel y argumentar con ejemplos la importancia de la accesibilidad. La evidencia de aprendizaje incluirá prototipos revisados, debates fundamentados y reflexiones escritas sobre el proceso.

---

Cuidado con estas ideas erróneas

• Durante la actividad de Prototipado en Papel, algunos estudiantes pueden pensar que diseñar una interfaz es solo elegir colores bonitos.

  Durante el Prototipado en Papel, observa si los estudiantes están eligiendo colores o formas sin justificar cómo mejoran la legibilidad o la navegación. Redirige su atención hacia la funcionalidad preguntando: '¿Cómo ayudará este botón al usuario a completar su tarea principal?' y pide que anoten esa respuesta en su prototipo.

• Durante el Gallery Walk de Usabilidad, algunos pueden creer que todos los usuarios interactúan con la tecnología de la misma forma.

  Durante el Gallery Walk, entrega a cada observador una tarjeta con un perfil de usuario ficticio (ej. adulto mayor, niño de 8 años, persona con daltonismo) y pide que evalúen el prototipo usando ese filtro. Luego, en la discusión grupal, compara las diferencias en las observaciones para demostrar que un diseño debe adaptarse a distintos usuarios.

---

Metodologías usadas en este resumen

• Rotación por Estaciones