Plan de Clase: Selección de Herramientas de Desarrollo Web
Disciplina: Diseño y Desarrollo de Portales Web y Recursos Multimedia Grado: 11° Duración: 50 minutos Tema: RA3.1: Seleccionar las herramientas de desarrollo web para el diseño de la aplicación, conforme a la metodología definida y a los requerimientos de la institución.
Objetivo General:
Al finalizar la clase, los estudiantes serán capaces de seleccionar las herramientas de desarrollo web adecuadas para el diseño de una aplicación, considerando la metodología de desarrollo establecida y los requerimientos específicos de la institución.
Objetivos Específicos:
- Identificar los diferentes tipos de herramientas de desarrollo web disponibles en el mercado.
- Analizar las características y funcionalidades de cada herramienta.
- Evaluar la compatibilidad de las herramientas con las metodologías de desarrollo web más comunes.
- Seleccionar las herramientas de desarrollo web más adecuadas para un proyecto específico, justificando su elección.
Elementos de Capacidad
Los estudiantes serán capaces de:
- Identificar herramientas de desarrollo web considerando sus características técnicas.
- Analizar metodologías de desarrollo web según los requerimientos del proyecto.
- Evaluar herramientas de desarrollo en función de su compatibilidad con la metodología.
- Seleccionar herramientas que cumplan con los requerimientos institucionales.
Metodología
Metodología Activa: Se fomenta la participación activa de los estudiantes a través de actividades prácticas, discusiones grupales y el uso de recursos digitales. El docente actúa como facilitador, guiando a los estudiantes en la exploración y el descubrimiento de las herramientas de desarrollo web.
Actividades de Enseñanza/Aprendizaje
-
Introducción (10 minutos):
- Comienza la clase preguntando a los estudiantes sobre su experiencia previa con el desarrollo web. ¿Qué herramientas han utilizado? ¿Cuáles son sus desafíos?
- Presenta el objetivo de la clase: aprender a seleccionar las herramientas de desarrollo web adecuadas para un proyecto.
- Muestra un breve video o presentación que introduzca los diferentes tipos de herramientas de desarrollo web (editores de código, frameworks, CMS, etc.).

-
Exploración de Herramientas (20 minutos):
- Divide a los estudiantes en grupos pequeños.
- Asigna a cada grupo una herramienta de desarrollo web específica para investigar (por ejemplo, Visual Studio Code, Sublime Text, WordPress, Drupal, React, Angular).
- Pídeles que investiguen las características, funcionalidades, ventajas y desventajas de la herramienta asignada.
- Los estudiantes pueden utilizar internet, tutoriales en línea y la documentación oficial de la herramienta para recopilar información.
-
Análisis y Discusión (15 minutos):
- Cada grupo presenta sus hallazgos al resto de la clase.
- Facilita una discusión sobre las ventajas y desventajas de cada herramienta.
- Guía a los estudiantes para que analicen cómo la elección de la herramienta puede afectar el proceso de desarrollo y el resultado final del proyecto.
- Introduce el concepto de metodologías de desarrollo web (ágil, cascada, etc.) y cómo la elección de la herramienta debe estar alineada con la metodología.

-
Cierre (5 minutos):
- Resumen de los puntos clave de la clase.
- Asigna una tarea para la próxima clase: los estudiantes deben seleccionar una herramienta de desarrollo web para un proyecto específico (por ejemplo, crear un sitio web para una organización local) y justificar su elección.
Instrumentos de Evaluación
-
Rúbrica para la Presentación Grupal:
Criterio
Excelente (4 puntos)
Bueno (3 puntos)
Regular (2 puntos)
Deficiente (1 punto)
Precisión de la información
La información presentada es precisa, completa y relevante.
La información presentada es mayormente precisa y relevante.
La información presentada es parcialmente precisa y relevante.
La información presentada es imprecisa o irrelevante.
Claridad de la presentación
La presentación es clara, organizada y fácil de entender.
La presentación es mayormente clara y organizada.
La presentación es parcialmente clara y organizada.
La presentación es confusa y desorganizada.
Participación del grupo
Todos los miembros del grupo participan activamente en la presentación.
La mayoría de los miembros del grupo participan activamente en la presentación.
Algunos miembros del grupo participan en la presentación.
Pocos o ningún miembro del grupo participa en la presentación.
Uso de recursos
El grupo utiliza una variedad de recursos para apoyar su presentación (imágenes, videos, ejemplos).
El grupo utiliza algunos recursos para apoyar su presentación.
El grupo utiliza pocos recursos para apoyar su presentación.
El grupo no utiliza recursos para apoyar su presentación.
-
Lista de Cotejo para la Tarea:
Criterio
Sí
No
¿La herramienta seleccionada es adecuada para el proyecto?
¿La justificación de la elección es clara y coherente?
¿Se consideran los requerimientos de la institución en la elección?
¿Se tiene en cuenta la metodología de desarrollo web en la elección?
¿Se identifican las ventajas y desventajas de la herramienta seleccionada?
Materiales de Apoyo/Recursos Didácticos
- Video introductorio sobre herramientas de desarrollo web.
- Presentación con información sobre diferentes tipos de herramientas de desarrollo web.
- Documentación oficial de las herramientas de desarrollo web asignadas.
- Tutoriales en línea sobre el uso de las herramientas de desarrollo web.
- Acceso a internet para la investigación.
Consideraciones Adicionales
- Adapta las actividades y los materiales a las necesidades y los intereses de tus estudiantes.
- Fomenta la colaboración y el trabajo en equipo.
- Proporciona retroalimentación oportuna y constructiva.
- Considera el contexto rural y los pocos recursos al seleccionar las herramientas de desarrollo web. Prioriza herramientas de código abierto y gratuitas, y recursos en línea accesibles con bajo consumo de datos.
- Utiliza ejemplos y referencias relevantes para la cultura mexicana para hacer la clase más atractiva y significativa para los estudiantes. Por ejemplo, puedes mencionar proyectos de desarrollo web realizados por empresas mexicanas o utilizar ejemplos de sitios web populares en México.