Cree proyectos interactivo en Adobe Captivate que se adapten sin problemas a distintos dispositivos y tamaños de pantalla. Use este tipo de proyectos para crear una experiencia de aprendizaje atractiva para los alumnos; haga que el aprendizaje sea interesante e interactivo. En este documento se describe la creación y personalización de proyectos interactivos en Adobe Captivate.

Recursos y ejemplos

Los procedimientos en este documento requieren que use recursos como imágenes y archivos de proyectos de Adobe Captivate de ejemplo. Puede optar por usar sus propios recursos y ejemplos. Sin embargo, se recomienda que descargue y extraiga el siguiente archivo Zip en su equipo:

Crear un proyecto interactivo

Para empezar, vamos a crear un proyecto interactivo en Adobe Captivate.

  1. En la ficha Nueva de la pantalla de bienvenida de Adobe Captivate, elija Proyecto interactivo y haga clic en Crear.

    welcome-screen-responsive

    Adobe Captivate crea un proyecto interactivo con una sola diapositiva.

    En un proyecto interactivo de Adobe Captivate, la barra de vista previa encima de la diapositiva ofrece opciones para ver rápidamente el proyecto en distintos dispositivos o tamaños de pantalla.

    responsive-slide
  2. Para obtener una vista previa del proyecto en distintos dispositivos, seleccione la opción de Vista previa deseada en la lista desplegable.

  3. El control deslizante de vista previa situado a la derecha de la barra de vista previa permite modificar el tamaño de la diapositiva actual y ver el contenido de forma dinámica.

    Al mover el control deslizante hacia la izquierda o hacia la derecha, el contenido de la diapositiva se ajusta a la pantalla.

    responsive-slide-smaller

 

Para obtener más información sobre este tema, consulte Diseño de proyecto interactivo con Adobe Captivate.

Añadir Fluid Boxes a las diapositivas

También puede crear proyectos interactivos de Adobe Captivate utilizando el modo de diseño Fluid Boxes, para organizar objetos en una diapositiva, de forma que se comporten de manera predecible cuando la diapositiva se usa en distintos dispositivos y tamaños de pantalla. Fluid Box es un modelo de diseño fácil de usar para los diseñadores de aprendizaje electrónico. Puede utilizar objetos secundarios en cualquier orientación, con flexibilidad para adaptarlos al tamaño de la pantalla en cuestión.

Un contenedor de Fluid Box expande los objetos para rellenar el espaciolibredisponible o los contrae para impedir el desbordamiento. Los elementos de Fluid Box son independientes de la orientación. Los objetos pueden adaptarse al espacio disponible.

Vamos a agregar una diapositiva vacía al proyecto y luego utilizaremos Fluid Boxes para hacerla interactiva. La diapositiva al final de este procedimiento se ve así:

responsive-slide-withboxes

La diapositiva mostrada arriba usa dos Fluid Boxes horizontales.

  1. En la carpeta de archivos descargados, vaya a la subcarpeta samples y abra:

    create-responsive-projects.cptx

    Nota:

    No es obligatorio que descargue el archivo de proyecto incluido con este tutorial. Aun así podrá seguir los pasos de este procedimiento. Pero debe asegurarse de crear un proyecto interactivo en Adobe Captivate.

  2. Seleccione la primera diapositiva en Tira de película y, en la barra de herramientas, haga clic en Diapositivas y elija Diapositiva vacía.

    Primero agregamos dos Fluid Boxes horizontales a la diapositiva actual. 

  3. En la barra de herramientas, haga clic en Fluid Box y elija Horizontal.

  4. En el submenú, elija la segunda caja para agregar dos Fluid Boxes horizontales.

    horizontal_fluidboxsubmenu

    Al colocar Fluid Boxes en una diapositiva, las cajas se espacian uniformemente. El control deslizante entre ellas permite cambiar su tamaño.

    responsive-slide-fluidbox-horizontal
  5. Mueva el control deslizante hacia la izquierda para cambiar el tamaño de las cajas horizontales.

    A continuación, coloque dos Fluid Boxes verticales en la caja horizontal derecha.

  6. Para colocar el objeto dentro de la caja horizontal derecha, seleccione la caja.

  7. En la barra de herramientas, haga clic en Fluid Box y elija Vertical.

  8. En el submenú, elija la segunda caja para agregar dos Fluid Boxes verticales.

    vertical_fluid_boxsubmenu
  9. Mueva el control deslizante para modificar el tamaño de las cajas verticales.

  10. Pruebe la interactividad de esta diapositiva moviendo el control deslizante de vista previa hacia la izquierda y hacia la derecha.

    También puede seleccionar los diversos dispositivos disponibles en la lista desplegable Vista previa en.

Añadir objetos a Fluid Boxes

En la sección anterior, hemos aprendido a añadir Fluid Boxes horizontales y verticales a una diapositiva.

Ahora vamos a añadir objetos a las Fluid Boxes de la diapositiva.

Nota:

No puede agregar objetos dinámicos a Fluid Boxes, porque estos objetos no funcionan en dispositivos móviles.

La diapositiva al final de este procedimiento se ve así:

lunasphere-studios-team
  1. En la carpeta de archivos descargados, vaya a la subcarpeta samples y abra:

    create-responsive-projects-with-fluid.cptx

    Nota:

    No es obligatorio que descargue el archivo de proyecto incluido con este tutorial. Aun así podrá seguir los pasos de este procedimiento. No obstante, es aconsejable crear una diapositiva similar a la mostrada al principio de la sección Añadir FluidBoxesa las diapositivas, más arriba.

  2. Vaya a la diapositiva que contenga las Fluid Boxes horizontales y verticales.

  3. Para añadir una leyenda de texto en la caja horizontal izquierda, seleccione la caja en la diapositiva.

  4. En la barra de herramientas, haga clic en Texto y elija Leyenda de texto.

    Introduzca el siguiente texto en la caja de leyenda de texto:

    ESTUDIOS LUNARSPHERE

    Puede hacer cambios de formato en el texto usando el inspector de Propiedades. Para ver el inspector de Propiedades, haga clic en Propiedades en la esquina derecha de la barra de herramientas.

  5. Para añadir una leyenda de texto en la caja vertical derecha, seleccione la caja en la diapositiva.

  6. En la barra de herramientas,haga clic en Texto ya continuación, seleccione Leyenda de texto.

    Copie y pegue este texto en la caja de leyenda de texto:

    Magda y Rober son integrantes del equipo de aprendizaje de Estudios Lunarsphere. Como a muchos de nosotros, se encuentran a diario con dificultades y oportunidades que ponen a prueba su competencia y los límites de lo factible. Magda y Rober le acompañan hoy en su primer uso e Adobe Captivate.

  7. Para añadir una imagen en la caja superior derecha vertical, seleccione la caja en la diapositiva.

  8. Haga clic en Medios, en la barra de herramientas, y seleccione Imagen.

    Se muestra un cuadro de diálogo que permite seleccionar el archivo de imagen en el equipo.

  9. En la carpeta de archivos descargados, vaya a la subcarpeta assets.

  10. Elija el archivo lunasphere-studios-team.png y ábralo.

    La imagen se coloca en la caja Fluid Box superior derecha vertical.

    Observará que el tamaño de la imagen se ajusta a la Fluid Box en la que se coloca.

  11. Pruebe la interactividad de esta diapositiva moviendo el control deslizante de vista previa hacia la izquierda y hacia la derecha.

    También puede seleccionar los diversos dispositivos disponibles en la lista desplegable Vista previa en.

Ahora que ya tenemos una diapositiva con contenido, vamos aprevisualizarlos objetos tal y como aparecerán en distintos dispositivos.

En la barra de herramientas, haga clic en Vista previa yelija Proyecto.

 

Para obtener más información sobre Fluid Boxes, consulte Fluid Boxes en Adobe Captivate.

Añadir simulaciones interactivas a proyectos

Puede capturar pasos de simulación en un proyecto interactivo en los siguientes modos:

  • Demostración.
  • Evaluación.
  • Formación.

Para grabar los pasos de creación de una presentación de PowerPoint, inserte una breve simulación de software en el modo de demostración.

  1. En la carpeta de archivos descargados, vaya a la subcarpeta samples y abra:

    create-responsive-projects.cptx

    Nota:

    No es obligatorio que descargue el archivo de proyecto incluido con este tutorial. Aun así podrá seguir los pasos de este procedimiento.  Pero debe asegurarse de crear un proyecto interactivo en Adobe Captivate.

  2. En la barra de herramientas, haga clic en Diapositivas y elija Simulación de software.

  3. En el cuadro de diálogo Grabar diapositivas adicionales, elija la diapositiva tras la cual desea insertar las diapositivas grabadas y haga clic en Aceptar.

  4. El cuadro de diálogo proporciona las opciones para grabar la demostración. Elija las siguientes opciones:

    • En la lista desplegable, elija PowerPoint.
    • En la lista desplegable Modo, asegúrese de que está seleccionado el modo de demostración.
    software_simulationinsertstartup
  5. Haga clic en Grabar.

    Cuando la cuenta atrás llegue a 1, la aplicación PowerPoint pasará al primer plano.

  6. Siga este procedimiento en PowerPoint:

    1. Seleccione el menú Archivo.
    2. Elija Nuevo.
    3. Elija un tema.
    4. En el cuadro de diálogo, haga clic en Crear.
  7. Para terminar la simulación:

    • En Windows, pulse la tecla Fin del teclado.
    • En MAC, haga clic en el icono de Adobe Captivate en la barra superior.

    Cuando complete la simulación, Adobe Captivate volverá a aparecer en primer plano.

    Las diapositivas de demostración se insertan dentro del proyecto.

  8. Las diapositivas grabadas se añaden al proyecto de Captivate. Observará un rectángulo azul en cada una de las diapositivasde la simulación. El rectángulo azul es el área de enfoque de la simulación. Solo es visible en el área de edición,y desaparece cuando se previsualiza o publica el proyecto. El tamaño de este rectángulo azul es el tamaño de dispositivo mínimo admitido para proyectos interactivos de Captivate.

    responsive-simulation-slide

    Cada diapositiva de la simulación también contiene un cuadro delimitador azul. Esta área de la diapositiva se muestra para el dispositivo de tamaño mínimo. Puede mover este cuadro alrededor de la diapositiva si quiere mostrar un área distinta a la seleccionada por Adobe Captivate, de forma predeterminada.

Para obtener más información sobre simulaciones de software en Adobe Captivate, consulte Crear una simulación de software.

Vamos a ver la simulacióninteractiva.

En la barra de herramientas, haga clic en Vista previa yelija Proyecto.

Añadir pruebas interactivas a proyectos

Al añadir una diapositiva de prueba a un proyecto interactivo, Adobe Captivate añade Fluid Boxes para asegurar la interactividad de los contenidosenla diapositiva.

Para demostrar este comportamiento, vamos a crear una prueba simple con una sola pregunta de tipo Verdadero/Falso.

  1. En la carpeta de archivos descargados, vaya a la subcarpeta samples y abra:

    create-responsive-projects.cptx

    Nota:

    No es obligatorio que descargue el archivo de proyecto incluido con este tutorial. Aun así podrá seguir los pasos de este procedimiento. Pero debe asegurarse de crear un proyecto interactivo en Adobe Captivate.

  2. En la barra de herramientas, haga clic en Diapositivas y elija Diapositiva de pregunta.

  3. En el cuadro de diálogo Insertar preguntas, seleccione la casilla Verdadero/Falsoyhaga clic en Aceptar.

    Se inserta una diapositiva de pregunta después de la diapositiva Resumen.

    Además, después de la diapositiva de pregunta, Adobe Captivate inserta una diapositiva denominada Resultados de la prueba.

    Al añadir una diapositiva de pregunta a un proyecto interactivo, Adobe Captivate coloca todos los objetos de la pregunta en Fluid Boxes, para garantizar la interactividad:

    responsive-question-slide

    También hay opciones de control deslizante de vista previa que permiten verificar rápidamente la interactividad.

  4. En la diapositiva de pregunta, introduzca la siguiente afirmación en el área de texto (sobrescribiendo el texto del marcador de posición):

    No se pueden crear proyectos interactivos con Adobe Captivate.

  5. Seleccione la opción Falso.

Para obtener más información sobre pruebas en Adobe Captivate, consulte Creación de pruebas.

Ahora vamos a previsualizar y ver cómo funciona la pregunta de la prueba.

En la barra de herramientas, haga clic en Vista previa y elija Proyecto.

Convertir proyectos no interactivos en interactivos

Si tiene un proyecto de Adobe Captivate que no es interactivo, Adobe Captivate proporciona un método simple para convertirlo en interactivo.

Vamos a utilizar un proyecto no interactivo y convertirlo en interactivo.

Antes de convertir el proyecto, veamos qué aspecto tiene.

En la barra de herramientas, seleccione Vista previa y elija Proyecto.

  1. En la carpeta de archivos descargados, vaya a la subcarpeta samples y abra:

    non-responsive-project.cptx

    Nota:

    No es obligatorio que descargue el archivo de proyecto incluido con este tutorial. Aun así podrá seguir los pasos de este procedimiento. Pero debe asegurarse de crear un proyecto interactivo en Adobe Captivate.

    Observe que el control deslizante de vista previa mostrado encima de las diapositivas en un proyecto interactivo no aparece en las diapositivas de un proyecto no interactivo. Es un detalle visual útil para verificar si un proyecto es interactivo o no.

  2. En el menú Archivo, elija Guardar como interactivo.

    Dado que no todos los objetos de Adobe Captivate son compatibles con los proyectos interactivos, se muestra el siguiente cuadro de diálogo:

    responsive-project-unsupported-objectes
  3. Haga clic en Mostrar elementos no admitidos.

    responsive-project-unsupported-objects-list

    El panel HTML5 Tracker muestra la lista de objetos y diapositivas incompatibles.

  4. Haga clic para abrir el objeto incompatible en el panel.

    Accederá a la diapositiva que contiene el objeto. Y el objeto aparecerá seleccionado en la diapositiva.

    Si, por ejemplo, el resultado se ve en un dispositivo móvil, el proyecto no debe incluir objetos dinámicos.

  5. Elimine la leyenda dinámica seleccionada de la diapositiva.

    Observará que el objeto ha desaparecido del panel HTML5 Tracker.

  6. Después de eliminar los objetos incompatibles del menú Archivo, elija Guardar como interactivo.

  7. En el cuadro de diálogo, haga clic en Guardar.

  8. En el cuadro de diálogo Guardar como, elija una ubicación de archivo en su equipo y asigne un nombre de archivo al proyecto recién convertido en interactivo.

    Observará que el control deslizante de vista previa aparece encima de las diapositivas del proyecto convertido.

Tras la conversión, vamos a ver qué aspecto tiene el proyecto ahora interactivo.

En la barra de herramientas, haga clic en Vista previa y elija Proyecto.

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