Añadir botones interactivos a los proyectos de Adobe Captivate y añada estados a los botones.
|
|
Los botones son una de las formas más habituales de añadir un objeto estándar a las diapositivas de Captivate.
Puede añadir botones para aumentar la interactividad de los proyectos de Adobe Captivate. Para añadir un botón, puede usar el estilo de botón predeterminado (un simple rectángulo blanco). También puede importar imágenes de botón personalizado. Puede cambiar el tamaño y la posición de los botones en una diapositiva, y determinar lo que ocurrirá cuando el usuario haga clic en el botón.
En Captivate, puede añadir interacción a un botón y realizar una acción al hacer clic en él.
Para añadir un botón interactivo:
En el menú principal, haga clic en Interacciones > Botón. Verá que en la diapositiva se inserta un botón.
Con el botón insertado en la diapositiva, puede cambiar las propiedades del botón en el panel Inspector de propiedades.
Puede cambiar el estilo del botón (transparente o imagen) y la fuente.
Para añadir una acción o una interacción al botón, selecciónelo y haga clic en la ficha Acciones, como se muestra a continuación:
Visualice las leyendas Aprobado, Suspenso y Sugerencia si es preciso.
puede eliminar un botón en cualquier momento seleccionándolo y pulsando la tecla Eliminar. Cuando elimine un botón, también se eliminarán todos los objetos asociados (como las leyendas de aprobado y suspenso).
Previsualice o publique el proyecto.
Por ejemplo , cree un proyecto con un botón interactivo el cual, al hacer clic en él, oculte un objeto. Al hacer clic de nuevo en el botón, el objeto se puede ver.
Cree una variable myVar y defina su valor en cero. En el botón Aprobado, en el panel Acciones avanzadas, elija una acción condicional con una afirmación if.
La acción comprueba si el valor de myVar es cero, a continuación oculta el objeto e incrementa el valor de myVar a uno.
Las formas inteligentes incluyen diversas categorías de formas listas para usar como, por ejemplo, flechas, botones o formas básicas. Estas formas son fáciles de insertar y modificar en los proyectos de Adobe Captivate.
Puede convertir una forma inteligente en botón y añadirle interactividad.
Abra la diapositiva a la que vaya a añadir un botón.
En el menú principal, haga clic en Formas > y elija cualquier Forma inteligente.
Elija el botón y modifique sus propiedades en el panel Inspector de propiedades.
Seleccione la casilla de verificación Usar como botón y defina la acción al hacer clic en el botón.
Previsualice o publique el proyecto.
En proyectos de aprendizaje electrónico, había situaciones en las que, como desarrollador de aprendizaje electrónico, quería importar una imagen y utilizarla como botón. En versiones anteriores de Captivate, el proceso de añadir una imagen como botón requería seguir varios pasos. Había que importar una imagen, añadirle una forma inteligente, cambiar la opacidad y utilizar la forma inteligente como botón. Más que un flujo de trabajo, se trataba de una solución alternativa.
En Captivate actualización 2 (versión 2019), se puede añadir una imagen como botón e incorporar interactividad al botón, cosa que ya hace Captivate. Puede usar el objeto como botón para activar cualquier acción y asignar estados.
Este flujo de trabajo no solo mejora la productividad, sino que también es una forma más sencilla de crear botones.
Puede utilizar imágenes vectoriales jpg o bmp como botón. A continuación, se detallan los formatos de archivo admitidos para los archivos de imagen:
· jpeg, jpg
· gif
· png
· bmp
· ico
· emf
· wmf
· pot, potx, pict
Pasos para convertir una imagen y utilizarla como botón:
Abra un proyecto en Captivate.
Para insertar una imagen, haga clic en Medios > Imagen y seleccione una imagen.
En el escenario, seleccione la imagen.
En el Inspector de propiedades, seleccione la opción Usar como botón.
En la ficha Acciones, defina la acción después de hacer clic en el botón cuando previsualice el proyecto o lo haya publicado.
Cree un proyecto interactivo.
En el proyecto, en la barra de herramientas, haga clic en Fluid Box y en dos Fluid Boxes horizontales.
En el Fluid Box izquierdo, añada la imagen conclusion_img_bottom.png.
Añada a Dave y Angie al Fluid Box izquierdo.
En el Fluid Box derecho, añada una forma inteligente con el nombre Imagen como botón de demostración.
Inserte bocadillos de diálogo para Dave y Angie. Asimismo, desbloquee los dos objetos del Fluid Box.
Después de haber definido el escenario, los pasos siguientes son la creación de una variable, las acciones avanzadas y la asignación de acciones de botón a las acciones avanzadas.
Cree una variable _toggle. El estado inicial de esta variable es 0. Al hacer clic en un botón, el estado de la variable se convierte en 1. Para obtener más información, consulte Variables en Captivate.
Cree las acciones avanzadas.
La primera acción avanzada oculta los dos bocadillos de diálogo al iniciar el proyecto. Asigne el nombre ocultar_bocadillos a la acción.
En el inspector de propiedades, en la ficha Acciones, elija la acciónocultar_bocadillos.
La segunda acción avanzada, toggle_Dave, cuando se invoca, revela el bocadillo de diálogo de Dave al hacer clic en Dave. La variable _toggle cambia su valor a 1 al hacer clic en Dave. Cuando desaparece el bocadillo de diálogo, el valor de _toggle pasa a ser 0.
La tercera acción avanzada, toggle_Angie, cuando se invoca, revela el bocadillo de diálogo de Angie al hacer clic en Angie. La variable _toggle cambia su valor a 1 al hacer clic en Angie. Cuando desaparece el bocadillo de diálogo, el valor de _toggle pasa a ser 0.
Convierta a Dave y Angie en botones. Elija la imagen. En el inspector de propiedades, seleccione la opción Usar como botón.
Asigne a Dave y Angie a sus respectivas acciones avanzadas.
Cuando termine de crear su proyecto, tendrá que ponerlo a disposición de los usuarios relevantes. Para ello, tendrá que publicar el proyecto. Adobe Captivate permite publicar un proyecto en varias ubicaciones de salida:
· Su equipo
· iOS o Android
· Adobe Connect
En esta actualización, también se puede crear un botó de gráfico vectorial escalable (SVG). El proceso es similar a la creación de otros tipos de botones como imagen.
En la barra de herramientas, haga clic en Medios > SVG y seleccione cualquier SVG.
En el inspector de propiedades, seleccione la opción Usar como botón.
En la ficha Acciones, asigne al botón cualquier acción de la lista desplegable Si aprueba.
Se puede aplicar un color de relleno a la imagen. Para aplicar relleno a la imagen:
Seleccione el SVG en el escenario.
En el escenario, haga doble clic en el SVG.
En el SVG, seleccione un recorrido y aplique un color de la paleta de colores. En el SVG, puede utilizar un recorrido para crear líneas, curvas, arcos, etcétera. Un recorrido también es una combinación de varias formas, por ejemplo líneas rectas o curvas. Un recorrido puede ser tan complejo como una serie de polilíneas; por lo tanto, es importante conocer el recorrido correcto para aplicar un color. Por ejemplo, las capturas de pantalla siguientes muestran un recorrido que se ha rellenado con color. En la primera imagen, el recorrido se ha rellenado con rojo. En la segunda imagen, el recorrido se ha rellenado con verde.
El límite azul del SVG muestra el recorrido seleccionado en el SVG; un cambio de color afectaría únicamente a ese recorrido.
Para añadir estados al botón:
Convierta una imagen en un botón.
En el Inspector de propiedades, haga clic en Vista de estado.
Cambie las propiedades de los estados Efecto dinámico y Abajo.
Salga de la vista Estado y previsualice/publique el proyecto.
Cuando se utilicen los botones, cambiarán de estado. También puede añadir el estado Visitado y otros estados personalizados a la imagen como botón.
Para ver las propiedades de un botón, selecciónelo en la diapositiva. El Inspector de propiedades muestra las propiedades del botón. Al cambiar las propiedades, los cambios se aplican de forma instantánea a la instancia seleccionada del botón.
|
Id |
Descripción |
|---|---|
|
1 |
Elija cualquiera: Texto, Transparente o Imagen. |
|
2 |
La etiqueta del botón. |
|
3 |
Cambie las propiedades de la fuente de la etiqueta del botón. |
|
4 |
Cambie los efectos de la etiqueta del botón. |
|
5 |
Cambie las propiedades de sombra y reflejo del botón. |
|
6 |
Elija aplicar las propiedades a todos los objetos del mismo tipo. |
|
Propiedad |
Descripción de la etiqueta |
|---|---|
|
|
1. Cambie la forma inteligente. 2. Cambie el color de fondo y la opacidad de la forma inteligente. 3. Modifique las propiedades de trazo del botón. 4. Cambie las propiedades de fuente de la etiqueta del botón. |
|
|
1. Inserte un símbolo, una variable definida por el usuario o un hipervínculo. 2. Modifique las propiedades de color de la etiqueta del botón. 3. Modifique los márgenes del botón. 4. Modifique las propiedades de sombra del botón. |
|
|
|
|
|
|
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.
Cree un proyecto de interacción de arrastrar y soltar especificando los orígenes de arrastre y los destinos de colocación, y las asignaciones, como se muestra a continuación.
Para obtener más información sobre la creación de proyectos de interacción de arrastrar y soltar, consulte Interacciones de arrastrar y soltar en Adobe Captivate.
Añada las leyendas de aprobado y suspenso pertinentes.
Para añadir botones Deshacer y Restablecer al proyecto, acceda al panel Arrastrar y soltar, y active las opciones Deshacer y Restablecer.
Para añadir estados a los botones, seleccione un botón, haga clic en el Inspector de propiedades y añada propiedades de botón a los estados Efecto dinámico y Abajo.
Previsualice o publique el proyecto.
En Captivate, puede añadir estados a botones de prueba. Puede añadir un estado Efecto dinámico o Abajo a los botones.
Cree un proyecto de prueba con los botones, como se muestra a continuación:
Añada estados a los botones siguientes:
Previsualice o publique el proyecto.
Puede añadir estados a botones en una diapositiva patrón en modo interactivo y utilizar la diapositiva patrón en el proyecto.
Cree un proyecto interactivo (Ctrl+H) e inserte una diapositiva patrón (Insertar > Diapositiva patrón de contenido) en el proyecto.
Añada título, subtítulo y marcadores de posición de contenido. Añada tres formas inteligentes al proyecto y conviértalas en botones.
Añada estados a los botones. Elija un botón; en el Inspector de propiedades, añada propiedades de botón a los estados Efecto dinámico y Abajo.
Salga de la vista Diapositiva patrón. Inserte una diapositiva de contenido y, en la lista de diapositivas patrón, elija la diapositiva patrón que haya creado. Inserte título, subtítulo y contenido en la diapositiva.
Previsualice o publique el proyecto.
Para insertar Fluid Boxes en el proyecto, haga clic en Sugerir Fluid Boxes en el Inspector de propiedades. Fluid Box crea contenedores automáticamente conforme al diseño de los objetos.
Alinee los objetos vertical u horizontalmente.
Para obtener más información sobre Fluid Boxes, consulte Fluid Boxes en Adobe Captivate.
Puede configurar Adobe Captivate para que cambie automáticamente el tamaño de un botón o una leyenda en función de la cantidad de texto que contenga el botón. Cuando edite el texto, el botón cambiará para adaptarse al nuevo texto.
En un proyecto abierto, seleccione Editar > Preferencias (en Windows) o Adobe Captivate > Preferencias (Mac OS).
En el cuadro de diálogo Preferencias, seleccione Valores predet. en el menú Configuración global.
Seleccione Botones de tamaño automático en el panel General situado a la derecha.
se recomienda cambiar el tamaño de los botones antes de cambiar el del proyecto. Al cambiar el tamaño de un proyecto, el de los botones no se modifica automáticamente.
Si lo desea, puede modificar algunas de las propiedades de los botones de las diapositivas de pregunta. Los botones estándar son Borrar, Atrás, Enviar y Omitir.
Seleccione el botón de pregunta que desee modificar.
En el panel Propiedades de las pruebas, especifique los valores para las distintas opciones.
cambie el tamaño de los botones antes de modificar el tamaño del proyecto. Al cambiar el tamaño de un proyecto, el de los botones no se modifica automáticamente.
Inicia sesión en tu cuenta
