Las interacciones de arrastrar-soltar ofrecen un modo interesante y atractivo de evaluar el conocimiento de los usuarios. Esta interacción permite a los usuarios responder a preguntas arrastrando y colocando los objetos en las áreas o los objetos designados.

Una interacción de arrastrar-soltar implica un origen de arrastre y un destino de colocación. Los usuarios arrastran los orígenes de arrastre y los sueltan en los destinos de colocación.

Adobe Captivate también permite agrupar orígenes de arrastre y destinos de colocación por “tipos”. Por ejemplo, puede crear el tipo “Papelería” para incluir los orígenes de arrastre “bolígrafo”, “lápiz” y “borrador”. A continuación, puede asignar cualquier elemento de “Papelería” al destino de colocación “Oficina” para que todos los elementos de ese tipo se asignen automáticamente al destino.

Creación de interacciones de arrastrar-soltar

Puede crear una interacción de arrastrar-soltar mediante un asistente o con el panel Interacción arrastrar-soltar.

Puede crear una interacción de arrastrar-soltar en cualquier diapositiva, excepto:

  • Diapositivas patrón
  • Diapositivas de grupos de preguntas
  • Diapositivas de pregunta
  • Diapositivas de marcador de posición

Puede convertir cualquier objeto de una diapositiva en un origen de arrastre o un destino de colocación, a excepción de:

  • Objetos interactivos(TEB,Área de clic, Botón)
  • Marcadores de posición
  • Formas inteligentes que actúan como botones
  • Objetos dinámicos
  • Diapositivas con vídeo
  • Vídeo FLV
  • Animación de texto
  • Widgets interactivos
  • Ratón
  • Área de zoom
  • Objetos insertados en minidiapositivas dinámicas
  • Todos los objetos que tienen la temporización configurada como “Resto del proyecto”

La interacción arrastrar-soltar no admite efectos de objeto.

Uso del asistente de interacción de arrastrar-soltar

  1. En la diapositiva en la que desea la interacción, inserte los objetos que se marcarán como orígenes de arrastre y destinos de colocación.

  2. Haga clic en Interacciones > Arrastrar y soltar.

    drag-n-drop
  3. Siga las instrucciones del asistente para elegir los orígenes de arrastre y los destinos de colocación y, a continuación, especifique las respuestas correctas asignando los orígenes y los destinos.
    Nota: puede agrupar los orígenes de arrastre y los destinos de colocación por tipos utilizando el asistente y luego asignándolos. Para obtener más información, consulte Tipos.

  4. Después de hacer clic en Finalizar en el asistente, aparece el Inspector de propiedades de interacción de arrastrar-soltar. Puede utilizar este Inspector de propiedades para elegir parámetros específicos para los orígenes de arrastre y los destinos de colocación. Para obtener más información, consulte Edición de interacciones de arrastrar-soltar.

De un experto:

De un experto:
Tutorial de vídeo sobre cómo crear una interacción arrastrar-soltar entre dos elementos
Dr. Pooja Jaisingh

De un experto:

De un experto:
Tutorial de vídeo sobre cómo crear una interacción arrastrar-soltar de uno a varios elementos
Dr. Pooja Jaisingh

Creación de la primera interacción de arrastrar y soltar

En este ejemplo, hemos utilizado un objeto como origen de arrastre y uno para el destino de colocación.

  1. En la diapositiva, identifique el origen de arrastre y el destino de colocación.

    Orígenes de arrastre y colocación
    Orígenes de arrastre y colocación
  2. Para iniciar el asistente de interacción de arrastrar y soltar, haga clic en Interacciones > Arrastrar y soltar.

  3. Elija el origen de arrastre y haga clic en Siguiente.

    Elegir origen de arrastre
    Elegir origen de arrastre
  4. Elija el destino de colocación y haga clic en Siguiente.

    Elegir destino de colocación
    Elegir destino de colocación
  5. Haga clic en el signo + en el centro del objeto que se puede arrastrar y suéltelo encima del destino de colocación. Se muestra una leyenda de comentario, que se puede personalizar para incluir leyendas de correcto e incorrecto.

    Origen de arrastre a destino de colocación
    Origen de arrastre a destino de colocación

    Haga clic en Finalizar. Su primera interacción de arrastrar y soltarestálista.

    Previsualice el proyecto. Puede ver que, al colocar el origen de arrastre en el destino de colocación, el origen se ajusta al destino de colocación.

Creación de una interacción de arrastrar y soltar

  1. En un proyecto interactivo nuevo, inserte un Fluid Box (Fluid Box > Vertical).

    Para obtener más información, consulte Fluid Boxes en un proyecto interactivo.

  2. Cambie a la vista Diapositiva patrón y añada la imagen de fondo a la diapositiva. 

    Para obtener más información sobre cómo añadir una imagen de fondo y los requisitos previos, consulte Directrices de Fluid Boxes.

    En la vista Diapositiva patrón, haga clic en Posición en el Inspector de propiedades; a continuación, defina los valores de Altura y Anchura del objeto en porcentaje, como se muestra aquí:

    Propiedades de posición para imagen de fondo
    Propiedades de posición para imagen de fondo

    Salga de la vista Diapositiva patrón.

  3. En la diapositiva, añada el origen de arrastre y el destino de colocación.

    Objetos en Fluid Box
    Objetos en Fluid Box
  4. Defina las propiedades de Fluid Box como se muestra a continuación:

    Propiedades de Fluid Box
    Propiedades de Fluid Box
  5. Inicie el asistente de interacción de arrastrar y soltar (Interacciones > Arrastrar y soltar). Elija el origen de arrastre y el destino de colocación como se explica en la sección anterior.

    Haga clic y arrastre el controlador del origen de arrastre al destino de colocación como se muestra a continuación:

    Origen de arrastre a destino de colocación
    Origen de arrastre a destino de colocación

    Haga clic en Finalizar.

  6. Previsualice el proyecto. La interacción de arrastrar y soltar ya está lista en varios formatos de dispositivo.

    Solo debe arrastrar la imagen de origen al destino de colocación.

    Por ejemplo, en un dispositivo con unas dimensiones de 900 x 627, se obtiene:

    Visualización en un dispositivo más grande
    Visualización en un dispositivo más grande

    En un dispositivo más pequeño, se obtiene:

    Visualización en un dispositivo más pequeño
    Visualización en un dispositivo más pequeño

Creación de interacción de arrastrar-soltar con el Inspector de propiedades

  1. En la diapositiva en la que desea la interacción, inserte los objetos que se marcarán como orígenes de arrastre y destinos de colocación.

  2. Haga clic en Ventana > Arrastrar y soltar. Se abre el Inspector de propiedades de interacción de arrastrar-soltar.

  3. Haga clic en el icono Crear nueva interacción (+).

    Crear nueva interacción
    Crear nueva interacción
  4. Para especificar los orígenes de arrastre, haga clic en los objetos del escenario y, a continuación, en Origen de arrastre del acordeón General del Inspector de propiedades de interacción de arrastrar-soltar. Para seleccionar varios objetos, pulse Ctrl y haga clic (Windows).

    Origen de arrastre
    Origen de arrastre
  5. Para especificar los orígenes de arrastre, haga clic en los objetos del escenario y, a continuación, en Destino de colocación del acordeón General del Inspector de propiedades de interacción de arrastrar-soltar. Para seleccionar varios objetos, pulse Ctrl y haga clic (Windows).

    Destino de soltar
    Destino de soltar
  6. Para agrupar orígenes de arrastre y destinos de colocación similares por tipo, haga clic en “+” junto a Tipo personalizado. Si ya ha creado los tipos, haga clic en el tipo correspondiente de la lista Tipo personalizado.

  7. Para asignar los orígenes de arrastre para corregir los destinos de colocación, haga clic en el origen de arrastre. El icono "+" aparece en el centro del origen de arrastre. Haga clic y arrastre el símbolo "+" y señale con la flecha el destino correcto de colocación.

  8. Para asignar un efecto de animación para los orígenes de arrastre, haga clic en el efecto deseado en la lista Efectos del acordeón Origen de arrastre.

  9. Edite diferentes aspectos de la interacción de arrastrar-soltar, los orígenes de arrastre y los destinos de colocación mediante el panel Interacción arrastrar-soltar. Para obtener más información, consulte Edición de interacciones de arrastrar-soltar.

Prácticas recomendadas para crear interacciones arrastrar-soltar

  • Inserte todos los objetos que incluir en la interacción arrastrar-soltar antes de abrir el asistente de arrastrar-soltar.
  • Al agregar los objetos, asígneles nombres fácilmente identificables. No cambie el nombre de los objetos después de crear la interacción.
  • El nombre de la interacción no debe coincidir con el de ningún tipo, origen o destino de arrastre.
  • El tiempo de visualización de origen o destino de arrastre debe ser mayor que la pausa de la interacción.
  • Ninguno de los objetos incluidos en una interacción arrastrar-soltar debe tener configurado un valor 'Aparecer tras'.
  • Si el resultado es para iPad, intente crear proyectos con resolución de iPad en lugar de usar la opción 'Scale HTML5 content' para evitar problemas de arrastre en iPad.
  • Especifique al menos una respuesta correcta para una interacción arrastrar-soltar. De no hacerlo, puede que el proyecto se bloquee en la diapositiva de interacción cuando los usuarios intenten enviar las respuestas.
  • Puede que la configuración de Respuestas correctas no funcione según lo previsto si modifica la interacción después de configurar las respuestas correctas. Por lo tanto, asegúrese de identificar y marcar orígenes de arrastre y destinos de colocación, y asigne los tipos apropiados antes de configurar las respuestas correctas.
  • Si cambia nombres de objeto o tipos, o si los elimina, asegúrese de realizar los cambios necesarios en la configuración de respuestas correctas.
  • Puede que a veces haya solapamiento del área de ajuste o relleno de dos objetivos de colocación. En estos casos, Adobe Captivate ejecuta la acción de colocar según:
    • Primero, las condiciones de aceptación. Si el origen de arrastre no está configurado para ser aceptado por uno de los destinos de colocación, el origen se suelta en el otro destino de colocación.
    • Segundo lugar, orden Z. Si ambos destinos de colocación tienen la misma condición de aceptación, la acción soltar se ejecuta según el orden Z de los destinos de colocación. El orden Z de destino de colocación se basa en la Cronología; el destino que aparece más adelante en la interacción tiene el orden Z más importante.
  • Advierta a los usuarios que no deben utilizar la barra de reproducción o el botón de rebobinado para regresar al principio de la interacción. Si lo hacen, parecerá que los orígenes de arrastre habrán recuperado su posición original, aunque estén correctamente colocados en los destinos.

Tipos

En el contexto de las interacciones de arrastrar-soltar, los tipos son categorías de origen de arrastre o destino de colocación que tienen algún elemento similar.

Agrupando los orígenes de arrastre y los destinos de colocación en tipos, no solo puede asignarlos rápidamente al asignar un elemento en un tipo, sino que también puede utilizar diferentes combinaciones para las condiciones de aceptar y las respuestas correctas. Por ejemplo, puede especificar que solo se puedan aceptar dos objetos de un tipo de origen de arrastre en un determinado destino de colocación.

Dependiendo del modo en el que esté creando la interacción de arrastrar-soltar, puede crear tipos en el Asistente de interacción arrastrar-soltar o en el panel (Inspector de propiedades). Los tipos que cree mediante el asistente se pueden editar mediante el panel Inspector de propiedades.

dragdrop_type_wizard
Opción de tipo en el Asistente de interacción arrastrar-soltar

dragdrop_type_pi
Opción de tipo en el Inspector de propiedades arrastrar-soltar

Edición de interacciones de arrastrar-soltar

Ver asignación de orígenes de arrastre y destinos de colocación

Cuando complete la creación de la interacción de arrastrar-soltar mediante el asistente y salga de este, la asignación desaparecerá del escenario. Para ver la asignación, haga clic en Mostrar en el panel Interacción arrastrar-soltar.

La opción "Mostrar" funciona como un conmutador que puede utilizar para ver u ocultar las asignaciones cuando sea necesario.

dragdrop_show
Mostrar y ocultar la asignación de arrastrar-soltar

Adición de nuevos orígenes de arrastre y destinos de colocación

Seleccione el objeto de la diapositiva y haga clic en Origen de arrastre o Destino de colocación del acordeón General del panel Interacción arrastrar-soltar.

Para asignarlos, haga clic en el origen de arrastre y arrastre el símbolo "+" hasta que la flecha señale el destino de colocación correcto.

Especificación de varias respuestas correctas

Caso 1: varios orígenes de arrastre son respuestas correctas para un destino de colocación

Cree un grupo “Tipo” y agrúpelos. A continuación, asigne el grupo “Tipo” al destino de colocación.

Caso 2: varios destinos de colocación admiten un origen de arrastre

Cree un grupo “Tipo” para los destinos de colocación. A continuación, asigne el origen de arrastre al grupo “Tipo”.

Caso 3: solo algunos tipos de orígenes de arrastre son correctos para un destino de colocación específico

Haga clic en el destino de colocación en el escenario y en Aceptar en el acordeón Destino de colocación. A continuación, seleccione los tipos de origen de arrastre necesarios.

Caso 4: solo algunos objetos de un tipo de origen de arrastre son respuestas correctas para un destino de colocación

Haga clic en el destino de colocación en el escenario y en Aceptar en el acordeón Destino de colocación. A continuación, seleccione el tipo de origen de arrastre necesario. Desmarque la casilla de verificación Aceptar todo y especifique el límite para el número de objetos en Recuento.

Caso 5: se necesitan múltiples combinaciones de orígenes de arrastre y destinos de colocación en una sola interacción

Haga clic en Respuestas correctas (Inspector de propiedades de arrastrar-soltar > Propiedades de interacción) y agregue filas adicionales a un conjunto de respuestas existente. O bien, agregue un nuevo conjunto de respuestas y especifique su asignación.

Caso 6: los usuarios deben arrastrar y colocar los objetos en un orden específico

En el cuadro de diálogo Respuestas correctas, cree el orden disponiendo las respuestas del modo adecuado y seleccione la opción Secuencia en Tipo.

Asignación de varios conjuntos de respuestas a destinos de colocación

Si una interacción de arrastrar-soltar justifica varios conjuntos de respuestas correctas, puede especificar aquellos que utilicen el cuadro de diálogo Respuestas correctas (Inspector de propiedades de arrastrar-soltar > Acordeón de propiedades de interacción > Respuestas correctas).

Además, puede especificar si los destinos de colocación de cada conjunto tienen que aceptar respuestas en cualquier combinación especificada o si las respuestas solo se pueden proporcionar en la secuencia que se ha determinado.

  1. Abra el cuadro de diálogo Respuestas correctas (panel Arrastrar-soltar > acordeón Propiedades de interacción > Respuestas correctas).

    La primera respuesta en línea con la asignación que ha especificado al crear una interacción ya aparecerá en la lista.

  2. Para especificar más combinaciones de respuestas para el conjunto de respuestas existente:

     

    1. Haga clic en +. A continuación, haga clic en la fila que aparece debajo de Destino de colocación y luego en el nombre de objetivo de la lista desplegable.

    2. Especifique el origen para este destino haciendo clic en la fila debajo de Origen de arrastre y luego haga clic en un nombre de origen de la lista desplegable.

    3. Recuento indica el número de objetos en el tipo de origen de arrastre con las respuestas correctas. De forma predeterminada, este número se obtiene de la asignación que ha especificado al configurar la interacción. Haga clic en la fila Recuento para especificar un número distinto.

    4. Si desea que los usuarios asignen los orígenes de arrastre y los destinos de colocación en el orden que ha especificado, haga clic en Secuencia en la lista Tipo.

  3. Para agregar un nuevo conjunto de respuestas, haga clic en Agregar nueva respuesta y repita los pasos anteriores.

De un experto:

De un experto:
Tutorial de vídeo sobre cómo utilizar varias combinaciones de respuestas correctas
Dr. Pooja Jaisingh

Especificación de las condiciones de “Aceptar”

AcceptDialogBox
Cuadro de diálogo Aceptar

A

Lista de todos los tipos de orígenes de arrastre que puede aceptar el destino de colocación seleccionado. Para excluir un tipo de origen de arrastre de un destino de colocación, desmarque la casilla de verificación correspondiente al tipo de origen de arrastre.

B

Utilice esta casilla de verificación para incluir o excluir todos los tipos de orígenes de arrastre enumerados.

C

Seleccione la casilla de verificación Aceptar todo para especificar que el destino de colocación puede aceptar todos los objetos de los tipos de orígenes de arrastre seleccionados. En los casos en los que desee que solo se acepten algunos de los objetos de un tipo de origen de arrastre determinado, desmarque la casilla Aceptar todo y especifique el número de objetos que se pueden aceptar.

D y E

Utilice estas opciones para especificar el número de objetos que se puede aceptar y lo que sucede cuando los usuarios arrastran y colocan más objetos de los que se ha especificado.

Reemplazar

El objeto anterior que se arrastra y coloca se sustituye con el nuevo.

Atrás

El nuevo objeto vuelve a la ubicación de la diapositiva desde la que se arrastra.

F

Acciones estándar que se pueden asignar a los orígenes de arrastre de un tipo específico.

De un experto:

De un experto:
Tutorial de vídeo sobre el uso de las opciones en el cuadro de diálogo Aceptar
Dr. Pooja Jaisingh

Configuración de los mensajes de comentarios

Haga clic en el destino de colocación del escenario y luego seleccione una de las opciones siguientes del acordeón Destino de colocación del panel Interacción arrastrar-soltar:

Al aceptar

En la leyenda de texto que aparece en el escenario, escriba el mensaje que se mostrará a los usuarios cuando arrastren un origen correcto y lo coloquen en el destino.

Al rechazar

En la leyenda de texto que aparece en el escenario, escriba el mensaje que se mostrará a los usuarios cuando arrastren un origen incorrecto y lo coloquen en el destino.

En sugerencia

En la leyenda de texto que aparece en el escenario, escriba el mensaje que se mostrará a los usuarios cuando muevan el ratón por encima del destino de colocación.

Asignación de audio a la acción de arrastrar y colocar

Cuando los usuarios arrastran un origen y lo colocan en un destino, puede reproducir audio para que la interacción resulte más interesante.

  • Para reproducir el audio cuando los destinos de colocación aceptan una respuesta, haga clic en el destino de colocación y, a continuación, en el archivo de audio de la lista Audio del acordeón Destino de colocación. Puede hacer clic en Examinar para utilizar un clip de audio guardado en su ordenador.
  • Para reproducir el audio cuando los destinos de colocación rechazan una respuesta, seleccione Reproducir audio en el acordeón Propiedades de interacción. Cuando se selecciona esta opción, Adobe Captivate reproduce un clip de audio predeterminado; actualmente no es posible seleccionar audio personalizado para este caso.

Configuración de las propiedades de origen de arrastre

Para especificar el comportamiento de los orígenes de arrastre durante o después de su colocación en los destinos, utilice las opciones siguientes:

Relleno de zona de pulsaciones

Hace referencia al relleno que rodea al destino de colocación seleccionado. Se considera que los orígenes de arrastre se colocan en el destino cuando los usuarios los colocan en cualquier lugar de esta zona de relleno (que no se encuentra necesariamente en el destino).

Posición

Haga clic en una de las siguientes opciones para especificar cómo se ajustan los orígenes de arrastre después de colocarlos en el destino seleccionado:

Absoluto

Los orígenes de arrastre permanecen en el mismo lugar donde los colocan los usuarios.

Anclar

Los orígenes de arrastre se ajustan a los puntos de ancla seleccionados. Puede elegir uno de los nueve puntos de ancla que hay bajo la opción Anclar.

Mosaico

Los múltiples orígenes de arrastre se apilan o colocan en el orden seleccionado. Seleccione una opción de mosaico en el panel.

Tamaño

Edite el valor predeterminado (100 %) si desea aumentar o reducir el tamaño del origen de arrastre después de colocarlo en el destino. Un valor inferior al 100 % reduce el tamaño y un valor superior al 100 % lo aumenta.

Opacidad

Edite el valor predeterminado (100 %) para cambiar la opacidad de los orígenes de arrastre después de colocarlos en los destinos. Un valor 0 convierte los orígenes de arrastre en invisibles después de soltarlos.

Profundidad

Seleccione Frente o Atrás para especificar el orden Z de los orígenes de arrastre después de colocarlos en el destino. El primer origen se coloca al frente o detrás del destino de colocación. Los demás objetos se colocan al frente o detrás del objeto colocado anteriormente.

Uso de los efectos para los orígenes de arrastre y los destinos de colocación

  • Para los orígenes de arrastre, haga clic en el orden de arrastre del escenario y elija un efecto de la lista Efectos del acordeón Origen de arrastre (en el panel Interacción arrastrar-soltar).

Los efectos de los orígenes de arrastre se muestran cuando los usuarios hacen clic en estos objetos y los arrastran.

  • Para los destinos de colocación, haga clic en el destino de colocación del escenario y elija un efecto de la lista Efectos del acordeón Destino de colocación (en el panel Interacción arrastrar-soltar).

Los efectos de los destinos de colocación se muestran cuando los usuarios mueven el ratón por encima de estos objetos.

Otras opciones del panel Interacción arrastrar-soltar

Propiedades de interacción

Respuestas correctas

Utilice esta opción para especificar las condiciones “o” para las respuestas correctas. La asignación de tipos de orígenes de arrastre a los destinos de colocación permite establecer una condición “y” según la cual ambos objetos x e y pueden ser las respuestas correctas. El cuadro de diálogo Respuestas correctas permite especificar x o y como las respuestas correctas. Para obtener más información, consulte Asignación de varios conjuntos de respuestas en destinos de colocación.

Usar cursor de mano

El cursor de mano aparece mientras los usuarios arrastran y colocan objetos.

Enviar origen de arrastre a posición original

Cuando los orígenes arrastrados se colocan fuera del destino de colocación, se devuelven a la ubicación de la diapositiva desde la que se han arrastrado.

Si no se selecciona esta opción y los usuarios mueven los orígenes de arrastre a la diapositiva, la opción Atrás ajusta los objetos en su última posición en la diapositiva desde la que se han arrastrado. Las respuestas incorrectas se devuelven automáticamente a la ubicación desde donde se han arrastrado.

Vuelva a arrastrar el origen colocado

Permite a los usuarios volver a arrastrar un origen de arrastre colocado (incorrecto o correcto) a otro destino de colocación.

Acción

Restablecer

Si se permiten varios intentos, esta opción le ayuda a determinar si deben restablecerse las respuestas cuando los usuarios hacen clic en Enviar.

Nota:

Si ha seleccionado Ninguna en la opción Restablecer, asegúrese de seleccionar Incluir en prueba en el acordeón Informes. Si la diapositiva no está incluida en la prueba, se restablecen las respuestas cada vez que los usuarios salen y vuelven a la diapositiva.

Opciones

Pausar después de: [n.º] segundos

La diapositiva se detiene en el momento especificado (n.º segundos) para que los usuarios interactúen. El tiempo se calcula después de que la diapositiva que contiene la interacción de arrastrar-soltar empiece a reproducirse.

Envío automático

Las respuestas correctas se envían inmediatamente sin necesidad de que los usuarios hagan clic en el botón Enviar. Esta opción resulta útil en situaciones en las que debe activarse de inmediato una acción Si aprueba cuando los usuarios responden correctamente.

Deshacer

Inserta un botón de deshacer en la diapositiva. Solo se deshará la última acción de arrastre realizada por el usuario.

Restablecer

Inserta un botón de restablecimiento en la diapositiva para que el usuario restablezca la interacción en cualquier momento.

Descargar proyectos de Captivate

Para obtener más información sobre Captivate y cómo crear contenido didáctico atractivo, descargue los proyectos siguientes:

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea