Prompt para crear una actividad de arrastrar y soltar

Crea una página web interactiva en español que permita a los estudiantes explorar los huesos de la pierna humana. La página debe incluir botones para seleccionar cada hueso (fémur, tibia, peroné, rótula). Al hacer clic en un botón, se debe mostrar un modelo 3D interactivo del hueso correspondiente y un panel con información relevante (nombre, nombre científico, ubicación, función, características, datos curiosos). Para mostrar los modelos 3D, utiliza modelos de Sketchfab incrustados, a continuación te dejo los códigos html:  [embed code de hueso 1];[embed code de hueso 2];[embed code de hueso 3]...

Guía Paso a Paso para Obtener Códigos de Inclusión de Sketchfab:

1. Buscar el modelo en Sketchfab:

   • Ve a Sketchfab y busca el hueso deseado (por ejemplo, "fémur humano").

   • Filtra los resultados para encontrar un modelo adecuado y de buena calidad.

2. Obtener el código de incrustación:

   • Una vez que hayas seleccionado un modelo, haz clic en él para ver la página del modelo.

   • Busca el botón "Compartir" (suele tener un icono de compartir).

   • En la ventana emergente que aparece, selecciona la pestaña "Insertar".

   • Copia el código HTML proporcionado en el cuadro de texto.

3. Pegar el código en el HTML:

   • En el código de la página web, habrá un lugar indicado para insertar el código de incrustación.

   • Pega el código copiado de Sketchfab en ese lugar.

4. Repetir para otros huesos:

   • Repite los pasos 1-3 para cada uno de los otros huesos de la pierna (tibia, peroné, rótula).

Información que el profesor debe proporcionar:

Para personalizar completamente la interactividad, el profesor debe proporcionar la siguiente información:

• Códigos HTML de incrustación de Sketchfab: 

El prompt indica "[embed code de hueso 1];[embed code de hueso 2];[embed code de hueso 3]...". 

El profesor debe proporcionar los códigos HTML reales para incrustar los modelos 3D de cada hueso (fémur, tibia, peroné, rótula) desde Sketchfab.

• Información del Hueso: Para cada hueso, el profesor debe especificar el texto que se mostrará en el panel de información. Esto incluye:

• Nombre del hueso (por ejemplo, "Fémur")

• Nombre científico (por ejemplo, "Fémur")

• Ubicación (por ejemplo, "Muslo")

• Función (por ejemplo, "Soporte del peso corporal, movimiento")

• Características (por ejemplo, "Hueso más largo del cuerpo")

• Datos curiosos/clínicos (por ejemplo, "Se fractura comúnmente en accidentes")

Otros detalles de personalización:

• Diseño y estilo:

  • Colores de fondo, fuente, botones y otros elementos de la página.

  • Diseño de la página (por ejemplo, barra lateral, diseño de una o varias columnas).

  • Transiciones y animaciones para mejorar la experiencia del usuario.

• Funcionalidad adicional:

  • Quiz o preguntas de opción múltiple sobre los huesos.

  • Enlaces a recursos externos, como artículos o videos.

• Contenido adicional:

  • Videos o animaciones sobre el movimiento de los huesos.

  • Imágenes o diagramas de la anatomía de la pierna.

• Casos clínicos o ejemplos de lesiones óseas.

• Idioma:

  • Aunque el prompt ya especifica español, se podría agregar la opción de incluir otros idiomas.

Ideas de uso en otras clases:

• Biología:

  • Sistema muscular: Mostrar modelos 3D de los músculos y sus funciones.

  • Órganos del cuerpo: Explorar el corazón, el cerebro, los pulmones, etc.

  • Células: Visualizar diferentes tipos de células y sus estructuras.

• Química:

  • Moléculas: Mostrar modelos 3D de moléculas y sus enlaces.

  • Tabla periódica: Crear una tabla periódica interactiva con modelos 3D de los elementos.

  • Reacciones químicas: Simular reacciones químicas y mostrar cómo cambian las moléculas.

• Física:

  • Sistema solar: Explorar los planetas y sus órbitas en 3D.

  • Ondas: Visualizar diferentes tipos de ondas (sonido, luz, etc.).

  • Fuerzas: Mostrar cómo las fuerzas afectan el movimiento de los objetos.

• Historia:

  • Civilizaciones antiguas: Reconstruir edificios o artefactos históricos en 3D.

  • Eventos históricos: Crear simulaciones 3D de batallas o acontecimientos importantes.

  • Personajes históricos: Mostrar modelos 3D de figuras históricas y sus vestimentas.

• Geología:

  • Capas de la Tierra: Visualizar la estructura interna de la Tierra en 3D.

  • Formaciones rocosas: Explorar diferentes tipos de rocas y minerales.

  • Procesos geológicos: Simular terremotos, erupciones volcánicas o la formación de montañas.

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.