Guía del usuario Cancelar

Añadir un widget de arrastrar y soltar a un proyecto de Adobe Captivate

  1. Guía del usuario de Captivate
  2. Introducción a Captivate
    1. Novedades de Adobe Captivate
    2. Requisitos del sistema de Adobe Captivate
    3. Actualizaciones de Adobe Captivate
      1. Notas de la versión de Adobe Captivate (actualización 12.4)
      2. Notas de la versión Adobe Captivate (actualización 12.3)
      3. Notas de la versión de Adobe Captivate (actualización 12.2)
      4. Notas de la versión Adobe Captivate (actualización 12.1)
    4. Descargar Adobe Captivate
    5. Preguntas más frecuentes
  3. Añadir una diapositiva
    1. Navegador de diapositivas en Adobe Captivate
    2. Añadir una diapositiva de conversación
    3. Añadir personajes al proyecto de Adobe Captivate
    4. Editar la imagen de fondo de una diapositiva
    5. Añadir relleno a bloques de contenido y componentes
    6. Crear un proyecto de desplazamiento largo
  4. Añadir bloques de texto
    1. Añadir texto a un proyecto
  5. Añadir bloques multimedia
    1. Añadir imágenes a un proyecto
    2. Añadir vídeos a un proyecto
    3. Añadir citas
    4. Añadir SVG a un proyecto
  6. Componentes interactivos
    1. Añadir un botón
    2. Añadir un campo de entrada
    3. Añadir un grupo de botones de opción
    4. Añadir un menú desplegable
    5. Añadir una casilla de verificación
  7. Widgets
    1. Añadir una tarjeta
    2. Añadir fichas
    3. Agregar un certificado
    4. Añadir un carrusel
    5. Añadir una zona interactiva
    6. Añadir arrastrar y soltar
    7. Añadir una cronología
    8. Añadir Pulsar para revelar
  8. Crear pruebas
    1. Añadir una pregunta de opción múltiple
    2. Añadir una pregunta de verdadero o falso
    3. Añadir una pregunta de asociar columnas
    4. Añadir una pregunta de respuesta corta
    5. Añadir una pregunta de secuencia
    6. Añadir grupos de preguntas y diapositivas de preguntas aleatorias
    7. Importación de preguntas como CSV
  9. Añadir audio a un proyecto
    1. Añadir audio
  10. Interacciones
    1. Añadir interacciones a un proyecto
    2. Crear un vídeo interactivo con superposición
    3. Crear una interacción de nivel de diapositiva
    4. Crear una interacción de nivel de objeto
  11. Animaciones
    1. Añadir animaciones a un proyecto
  12. Accesibilidad
    1. Hacer accesible un proyecto
  13. Personalizar la cronología
    1. Panel Cronología en Adobe Captivate
  14. Personalizar el índice y la barra de reproducción
    1. Índice en Adobe Captivate
  15. Editar las propiedades del proyecto
    1. Variables de Adobe Captivate
    2. Preferencias
    3. Dimensiones del proyecto
    4. Temas
  16. Crear un proyecto de simulación
    1. Simulación
  17. Vista previa de un proyecto
    1. Vista previa
  18. Compartir un proyecto para revisión
    1. Uso compartido para su revisión   
  19. Publicar un proyecto
    1. Publicar el proyecto
  20. Actualizar proyectos en Adobe Captivate
    1. Actualizar proyectos a la versión más reciente 

Obtenga más información sobre los widgets de arrastrar y soltar, en los que los alumnos arrastran objetos desde una ubicación y los colocan en áreas de destino específicas para finalizar una actividad o resolver un problema.

Nota:

Adobe Captivate introduce los bloques de contenido, como los bloques de texto o de imagen, que contienen componentes tales como texto, imagen o botón. Reproduzca este vídeo para obtener más información sobre los componentes y los bloques de contenido.

Información general

El widget de arrastrar y soltar del nuevo Adobe Captivate permite a los alumnos participar activamente en el aprendizaje y aplicar sus conocimientos o habilidades de resolución de problemas. El widget tiene distintos fines, como hacer coincidir elementos relacionados, secuenciar pasos o clasificar información. La funcionalidad básica de un widget de arrastrar y soltar implica lo siguiente:

  • Seleccione un objeto o elemento haciendo clic en él y manteniéndolo pulsado.
  • Mueva el cursor mientras sigue pulsando el clic del ratón.
  • Deje de pulsar el ratón para colocar el objeto en un área de destino.

Añadir un widget de arrastrar y soltar

Seleccione Añadir nuevo widget > Arrastrar y soltar en la barra de herramientas izquierda.

En la diapositiva, los marcadores de posición anteriores son los destinos de colocación. Los marcadores de posición de la parte inferior son los objetos que se van a arrastrar.

Una imagen que contiene texto, descripción de captura de pantalla generada automáticamente

Cambiar las propiedades del widget

Añada una opción de diseño, agregue o elimine el título en el widget, establezca el número de destinos de colocación y de objetos de origen que se pueden arrastrar o cree asociaciones de arrastrar y soltar, entre otras muchas opciones. 

  1. En el panel Propiedades visuales, seleccione una opción de diseño. Una opción de diseño presenta diseños preconfigurados con elementos de diseño más claros para aplicarlos al widget.

    Para obtener más información, consulte las Opciones de diseño en Adobe Captivate.

  2. En la sección Componentes puede cambiar lo siguiente:

    • Título: agregue o elimine el título del widget.
    • Cuerpo: añada o elimine el cuerpo del widget.
    • Destinos de colocación: mueva el regulador para aumentar o disminuir el número de destinos de colocación en el widget. Puede añadir un máximo de seis destinos de colocación.
    • Subtítulos de destino: añada o elimine los subtítulos de cada destino de colocación.
    • Instrucciones: agregue o quite el texto informativo de los objetos que se van a arrastrar.
    • Objetos que se van a arrastrar: mueva el regulador para aumentar o reducir el número de objetos que va a arrastrar el widget. Puede añadir un máximo de seis fuentes de objetos para arrastrarlos.
    • Imagen: añada o elimine la imagen de fondo del widget.
    • Arrastrar tarjeta: añada o quite la tarjeta alrededor de los objetos que se van a arrastrar.
    • Leyenda: haga clic en Mostrar para que se vea la leyenda cuando se arrastra correctamente un objeto desde su origen a su destino. Puede colocar el subtítulo en la parte superior del widget, en el centro o en la parte inferior.
    • Botón anterior: añada o elimine el botón para ir a la diapositiva anterior del proyecto.
    • Botón siguiente: añada o elimine el botón para ir a la diapositiva siguiente del proyecto.
    • Botón Restablecer: añada o quite el botón Restablecer de la diapositiva. Cuando un alumno hace clic en este botón en tiempo de ejecución, el widget se restablece y todos los objetos que hay que arrastrar vuelven a su posición original.
    • Botón Enviar: añada o quite el botón Enviar de la diapositiva. El botón permite a los alumnos enviar las respuestas para que se evalúen.
    Cambiar las propiedades visuales del widget
    Cambiar las propiedades visuales del widget

    Nota:

    Puede alinear los componentes en la sección Componentes. Pase el ratón por encima de un componente y seleccione cualquier opción (Alinear a la izquierda, Alinear en el centro o Alinear a la derecha).

  3. En la sección Conexiones, haga clic en Configurar para definir las coincidencias correctas entre los objetos de destino y de origen.

    Configure las conexiones de origen y destino del widget.
    Configure las conexiones de origen y destino del widget.

    Seleccione el destino correcto en el menú desplegable Destino de colocación de cada objeto del grupo Objeto que se va a arrastrar.

    Emparejamiento de los destinos de colocación con los orígenes
    Emparejamiento de los destinos de colocación con los orígenes

    Después de asignar las conexiones, seleccione el número de intentos que tiene un alumno para hacer coincidir los objetos con los destinos. Puede elegir entre intentos únicos, múltiples, personalizados o ilimitados en el menú desplegable Intentos.

  4. En la sección Aspecto, puede controlar la configuración de color de nivel de bloque de widget.Agregue el color de fondo del widget y un borde y aplique una sombra al borde. Al añadir un fondo, puede seleccionar un color liso, un degradado lineal o radial o añadir una imagen como fondo.

  5. Si ha seleccionado Tarjeta de arrastre, puede cambiar el aspecto de la tarjeta en la sección de tarjetas.Aumente o reduzca el relleno alrededor de los objetos que hay que arrastrar, añada un radio a una o cuatro esquinas de la tarjeta, añada un borde a la tarjeta y aplique una sombra al borde de la tarjeta.

    Cambiar las propiedades de una tarjeta
    Cambiar las propiedades de una tarjeta

Edición de subtítulos en los destinos de colocación

Añada y personalice los subtítulos en los destinos de colocación.

  1. Seleccionar Subtítulo 1 en el componente de texto de un destino de colocación.

  2. Introduzca el texto del subtítulo seleccionado para el destino de colocación.

  3. En el panel Propiedades visuales, cambie las propiedades del subtítulo. Agregue un ajuste preestablecido, cambie la fuente o añada un color o sombra al texto.

    Para obtener más información al respecto, consulte Trabajar con texto en Adobe Captivate.

  4. Repita los pasos del 1 al 4 para cambiar el subtítulo en el resto de los destinos de colocación.

Cambiar el aspecto de un destino de colocación

Cambie el estado, la forma y el aspecto de un destino de colocación.

  1. Seleccione un destino de colocación en el widget.

  2. En la sección Estados del panel Propiedades visuales, haga clic en Mostrar para iniciar el menú desplegable Estados. Configure los estados del destino de colocación, Colocación del cursor, Arrastrar sobre y Colocado.

  3. En la sección Aspecto del panel Propiedades visuales, puede cambiar la forma del destino de colocación. Seleccione una forma circular o rectangular para el destino.

    Cambiar la forma del destino de colocación
    Cambiar la forma del destino de colocación

  4. Añada color y sombras y aplique un borde. Seleccione uno de los extremos (Romo, Redondeado, Proyectado) al aplicar un borde.

Cambiar el estado de un destino de colocación 

Cambie los estados de un destino de colocación en el menú desplegable Estados.

  1. Seleccione un destino de colocación en el panel.

  2. En el panel Propiedades visuales, haga clic en Mostrar para iniciar el menú desplegable Estados.

  3. En el menú desplegable Estados, configure los estados del origen de arrastre. Los estados disponibles son Colocación del cursor, Arrastrar sobre y Colocado. 

    En el menú desplegable Estados, configure los estados de los destinos de colocación. Los estados disponibles son

    • Colocación del cursor: el estado del destino de colocación al colocar el puntero sobre él.
    • Arrastrar sobre: el estado del destino de colocación cuando se mueve el origen de arrastre al destino.
    • Colocado: el estado del destino donde se coloca el origen que se arrastra.

Cambio del estado de un origen de arrastre 

Cambie los estados de un origen de arrastre en el menú desplegable Estados.

  1. Seleccione un origen de arrastre en el panel.

  2. En el panel Propiedades visuales, haga clic en Mostrar para iniciar el menú desplegable Estados.

  3. En el menú desplegable Estados, configure los estados del origen de arrastre. Los estados disponibles son

    • Colocación del cursor: el estado del origen de arrastre al colocar el puntero sobre él.
    • Transición: el estado en el que se mueve el origen.
    • Arrastrar sobre: el estado al mover el origen de arrastre al destino.
    • Colocado: el estado al colocar el origen de arrastre en el destino de colocación.

Aumento del número de orígenes de arrastre

  1. Seleccione el componente de origen de arrastre en el widget.

  2. En la sección Componentes, marque la casilla de verificación Instrucciones para que puedan verse las instrucciones en el panel Propiedades visuales

    Cambio de las propiedades de origen de arrastre
    Selección de la casilla de verificación Instrucciones

  3.  Mueva el regulador Objetos de arrastre para aumentar o reducir el número de objetos que se van a arrastrar.

  4. Marque la casilla de verificación Tarjeta de arrastre para insertar un contenedor de tarjetas alrededor de los orígenes de arrastre.

Cambio del aspecto de los orígenes de arrastre

Cambie las propiedades visuales de los orígenes de arrastre, por ejemplo, si desea texto o imagen, o ambas cosas en un origen de arrastre o añadir una imagen a un origen de arrastre.

  1. Seleccione el origen de arrastre en el widget.

  2. En el panel Propiedades visuales, seleccione el menú desplegable Tipo de objeto para mostrar las opciones de la siguiente forma: 

    Solo imágenes: si selecciona esta opción, los orígenes de arrastre solo contendrán imágenes.

    Solo texto: si selecciona esta opción, los orígenes de arrastre solo contendrán texto. Si desea editar el texto, selecciónelo y, en el panel Propiedades visuales, cambie el aspecto del texto. Para obtener más información al respecto, consulte Trabajar con texto en Adobe Captivate.

    Imágenes y texto: si selecciona esta opción, se mostrarán tanto imágenes como texto en los orígenes de arrastre. Si desea editar el texto, selecciónelo y, en el panel Propiedades visuales, cambie el aspecto del texto. Para obtener más información al respecto, consulte Trabajar con texto en Adobe Captivate.

  3. También puede reemplazar la imagen de cualquier objeto de origen de arrastre.Seleccione el marcador de posición de la imagen y sustituya la imagen predeterminada por una que se encuentre en Recursos o en su equipo. Para obtener más información sobre el trabajo con imágenes, consulte Imágenes en Adobe Captivate.

  4. Una vez que haya reemplazado las imágenes, seleccione el contenedor de origen de arrastre.

    Seleccione Rellenar o Ajustar.

    La opción Ajustar cambia el tamaño de la imagen para que se adapte a los límites de su contenedor, mientras que la opción Rellenar amplía la imagen para llenar todo el contenedor.

  5. En la sección Aspecto, puede añadir el color de fondo del contenedor de arrastre, el borde y aplicar una sombra al borde. Seleccione un color liso, un degradado lineal o radial o añada una imagen como fondo. Puede añadir relleno entre el objeto del contenedor.

    También puede redondear los vértices de un borde especificando el radio de un vértice o de todos los vértices.

Edición de los botones de navegación de diapositivas en el widget

Los botones de navegación de diapositivas (izquierda y derecha) del widget permiten que un alumno vaya a la diapositiva siguiente o anterior del proyecto.

  1. Seleccione un botón de navegación en el widget.

  2. En el panel Propiedades visuales de la barra de herramientas derecha, mueva el regulador Opacidad para aumentar o disminuir la transparencia del botón.

  3. Seleccione cualquier opción de diseño. Una opción de diseño presenta diseños preconfigurados con elementos de diseño más claros para aplicarlos a los botones.

    Para obtener más información, consulte las Opciones de diseño en Adobe Captivate.

  4. En la sección Estados, haga clic en Mostrar para iniciar el menú desplegable Estados. Configure los estados integrados del botón: Colocación del puntero, Visitado, Seleccionado y Desactivado. Si un estado está desactivado, haga clic con el botón derecho en el estado y seleccione Activar.

  5. En la sección Aspecto, en la ficha Forma, añada color y sombras y aplique un borde al botón. Seleccione uno de los extremos (Romo, Redondeado, Proyectado) al aplicar un borde.

    forma

  6. Si ha seleccionado un diseño que contiene texto o ha activado el conmutador de texto, se mostrarán las propiedades de personalización de texto. Cambie la familia de fuentes, el color y otras propiedades en la ficha Texto. El botón está etiquetado como Siguiente.

    Para obtener más información al respecto, consulte Trabajar con texto en Adobe Captivate.

    texto

  7. En la ficha Icono, active el botón de alternancia Icono.

    Si selecciona esta opción, se agrega un icono al botón etiquetado como Siguiente. Puede cambiar el icono haciendo clic en el icono de carpeta y cambiando el icono por uno que se encuentre en Recursos o en su equipo. 

  8. Marque la casilla de verificación Color sólido y añada el color del icono. Para agregar un borde al icono, marque la casilla de verificación Borde y aplique uno. Cambie el grosor del borde y especifique los extremos del borde (Romo, Redondeado o Proyectado).

  9. Seleccione el tamaño del icono entre pequeño, mediano o grande. A continuación, seleccione la posición del icono en el botón. Seleccione una de las opciones siguientes:

    • Alinear a la izquierda
    • Alinear parte superior
    • Alinear a la derecha
    • Alinear parte inferior
    Nota:

    La configuración de posición del icono solo funciona si hay una combinación de texto e icono en el botón de navegación.

  10. Seleccione el desplazamiento del icono con respecto al botón. Seleccione Predeterminado, Cómodo o Compacto. El desplazamiento añade espacio entre el icono y el extremo o el borde del botón.

  11. En la sección Girar el icono, seleccione Girar en horizontal o Girar en vertical, para que, cuando un alumno seleccione el icono, este gire de la forma seleccionada.

  12. En la sección Informes, marque la casilla de verificación Incluir en prueba si desea que la prueba se incluya en un LMS.A cada unidad puntuable de Captivate se le asigna automáticamente un ID de interacción único. Este ID de interacción es lo que hace posible el seguimiento de datos por parte del LMS.

Ver un vídeo

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?