Prompt para crear una actividad de arrastrar y soltar

Soy un docente y quiero crear una actividad interactiva de arrastra y suelta para mi clase de [área temática]. La actividad debe enfocarse en [tema]. Los estudiantes arrastrarán elementos (por ejemplo, [países, objetos o términos]) hacia categorías (por ejemplo, [continentes, grupos o conceptos]). El recurso debe incluir [número de elementos] para ser clasificados en [número de categorías]. Al hacer clic en 'Verificar Respuestas', se debe mostrar retroalimentación indicando cuántas coincidencias fueron correctas, junto con un mensaje como: '¡Lo lograste!' o 'Oh, no, ¡inténtalo de nuevo!'. 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, Geografía, Ciencias, Lengua).

• Tema: ¿Cuál es el tema específico que abordará? (por ejemplo, Países y Continentes, Etapas del Ciclo de Vida, Grupos de Vocabulario).

• Elementos a Arrastrar: Lista de elementos arrastrables (por ejemplo, países, términos, objetos).

• Categorías: Lista de categorías o grupos donde se clasificarán los elementos (por ejemplo, continentes, etapas, grupos).

• Mensajes de Retroalimentación:

  • Mensaje para respuestas correctas (por ejemplo, "¡Lo lograste!").

  • Mensaje para respuestas incorrectas (por ejemplo, "Oh, no, ¡intenta de nuevo!").

• Número de Elementos y Categorías: ¿Cuántos elementos arrastrables y categorías tendrá la actividad?

Ejemplo de configuración:

• Clase: Geografía

• Tema: Países y Continentes

• Elementos a Arrastrar: 10 países (por ejemplo, Nigeria, Japón, Francia, Kenia, India, Alemania, China, Italia, Sudáfrica, España).

• Categorías: 3 continentes (África, Asia, Europa).

• Mensajes de Retroalimentación:

  • Correcto: "¡Lo lograste! 🎉 Obtuviste [número] de [total] respuestas correctas."

  • Incorrecto: "Oh, no, 😞 intenta de nuevo. Tuviste [número] de [total] respuestas correctas."

Ideas de uso en otras clases:

• Ciencias Naturales: Clasificar animales en vertebrados e invertebrados.

• Historia: Relacionar eventos históricos con sus períodos o regiones.

• Lengua y Literatura: Asociar términos literarios con sus definiciones.

• Matemáticas: Clasificar figuras geométricas según sus propiedades.

• Arte: Relacionar obras de arte con sus autores o estilos.

NOTA: Es importante tener en cuenta que los resultados del prompt pueden no coincidir exactamente con el prototipo mostrado en pantalla. Por ello, es esencial refinar e iterar hasta alcanzar el resultado deseado. Para facilitar este proceso, en el manual se incluye el código completo del prototipo, ya que proporcionar el código a Gemini puede mejorar significativamente los resultados y ahorrar tiempo de ajuste.