Diagrama Interactivo: Completa y Arrastra
Prompt para crear un diagrama interactivo:
"Soy un docente y quiero crear un diagrama interactivo para mi clase de [área temática]. El tema será [tema]. Los estudiantes completarán el diagrama escribiendo las características clave en los nodos y arrastrando ejemplos específicos a las categorías correspondientes. El recurso debe incluir:
Campos de texto en cada nodo para que los estudiantes escriban las características principales.
Áreas de arrastre donde los estudiantes colocarán ejemplos correctos.
Retroalimentación inmediata que indique cuántas respuestas fueron correctas al hacer clic en el botón 'Verificar Respuestas.'
Este recurso debe generarse en HTML, CSS y JavaScript, y ser funcional para embeber en mi sitio web."
Información que el profesor debe proporcionar:
Clase:
¿En qué área temática se aplicará esta actividad? (por ejemplo, Literatura, Ciencias Naturales, Historia).
Tema:
¿Cuál es el tema específico que abordará? (por ejemplo, Géneros de la Literatura, Tipos de Ecosistemas, Procesos Históricos).
Nodos y Características:
Lista de nodos principales (e.g., Narrativo, Lírico, Dramático).
Características principales de cada nodo (e.g., "Relata hechos reales o ficticios").
Ejemplos:
Lista de ejemplos que deben ser arrastrados a los nodos correspondientes (e.g., "Don Quijote," "Poema 20," "Hamlet").
Mensajes de Retroalimentación:
Mensaje para respuestas correctas (por ejemplo, "¡Felicidades! Has completado el diagrama correctamente.").
Mensaje para respuestas incorrectas (por ejemplo, "¡Inténtalo de nuevo!").
Opciones de Diseño:
Paleta de colores o esquema visual preferido.
Ejemplo de configuración:
Ideas de uso en otras clases:
Historia:
Clasificar eventos históricos dentro de periodos específicos (e.g., Revolución Industrial, Independencia de América).
Ciencias Naturales:
Organizar procesos biológicos como la fotosíntesis o el ciclo del agua.
Matemáticas:
Relacionar conceptos geométricos con sus propiedades (e.g., Triángulos → Isósceles, Equilátero, Escaleno).
Ciencias Sociales:
Mapear teorías económicas con sus principios clave y ejemplos históricos.
Lengua y Literatura:
Identificar recursos literarios con ejemplos en textos (e.g., Hipérbole → "Te lo he dicho un millón de veces").
El diagrama interactivo permite a los estudiantes organizar conceptos clave de manera visual y dinámica, promoviendo la comprensión profunda y el aprendizaje activo mientras desarrollan habilidades de razonamiento y categorización.