Cómo forzar la visualización de contenidos en Captivate

La estructura vendría a ser algo similar a lo que muestro en el vídeo en el que hay un tema con apartados, subapartados y, a su vez, sub-subapartados. Imaginemos que nos encontramos en una situación en la que para poder ir al  contenido 2, el usuario debe haber visto todos los elementos del contenido 1 previamente.

Veamos cómo configurarlo en Adobe Captivate.

1. Lo primero que vamos a hacer es preparar el escenario:
   1. Prepararemos primero los slides
   2. Slide: Introducción
      1. El primer slide será donde se almacenarán los 4 botones donde el usuario tendrá que hacer clic antes de poder avanzar. Este slide lo llamaremos “Introducción”. Los botones son “smartshapes” convertidos a botón y rellenados con la imagen que nos interesa en cada caso
      2. Crearemos también los 4 indicadores que recordarán al usuario qué contenidos han visitado. Estos elementos se encontrarán ocultos en salida
      3. Creamos también la instrucción que indique “Haz clic en los 4 elementos antes de avanzar” Esta es la instrucción que aparecerá por defecto. Además crearemos otra instrucción que aparezca sólo cuando el usuario haya visto las 4 secciones de contenido. Este texto permanecerá oculto en salida
   3. Luego crearemos los slides correspondientes a cada botón. Lo llamaremos Contenido 1, Contenido 2, Contenido 3 y Contenido 4. Yo ya los tengo aquí preparados. Cada slide consta de dos slides y contiene botones para avanzar y un botón genérico para volver a la pantalla de introducción
   4. Crearemos el slide final donde saltarán los usuarios cuando hayan visto todos los slides. Es decir, cuando hagan clic en “let’s decide”
   5. Quitaremos el menú de navegación que tiene por defecto Captivate. Esto lo haremos desde Project > skin editor > desmarcaremos la opción de show playbar
2. Ahora pasemos a configurar el slide de Introducción.
   1. Crearemos los tres botones que enlazan a los contenidos
      1. Crearé una smartshape cuadrada > la convierto en botón > y la relleno con una imagen que ya tengo predefinida
      2. Seleccionamos cada botón e iremos a Propiedades > Acción > Jump to slide / Saltar al slide e indicaremos del desplegable donde queremos que redireccione al usuario. En este caso al Contenido 1.
      3. Replicaré el mismo procedimiento para el resto de botones.
   2. Añadiremos de la librería un icono de visto sobre cada uno de los botones que hemos creado. La nombraremos Content1_visited (que para mi significa icono de visto  contenido 1) , en propiedades desmarcaremos la opción de “visible in output/ visible en salida” y replicaremos lo mismo para el resto de botones.
   3. Crearemos otro botón también invisible (propiedades > desmarcar la opción de “visible in output) y lo nombraremos como “Btn_LetsDecide”. Le asignaremos una acción simple desde Propiedades > acción > jump to slide /salta al slide en este caso saltará al slide que yo le he llamado “How to proceed”
3. Vamos a crear 3 variables que definirán si un contenido se ha visitado o no. Tenemos que crear uno para cada contenido
   1. Project > variables >tipo “user” > add new
   2. Name/nombre > Content1Visited
   3. Valor 0
   4. replicamos el mismo procedimiento para el resto de contenidos
4. Ahora tenemos que decirle a Captivate cuándo consideramos que un contenido se ha visitado o no. En nuestro caso, consideramos que hasta que no llegue al final de cada apartado no se considerará como visitado. Para configurar ester parámetro iremos a cada uno de los slides de contenido y en Propiedades del slide > acción > seleccionaremos Assign > navegaremos por la variable que hemos creado y le cambiaremos el valor a 1 (originariamente tiene el valor 0). Vamos a repetir el procedimiento para el resto de contenidos
5. Ahora lo que nos queda por configurar es el slide de introducción. Cada vez que el usuario entre aquí, revisará si el usuario ha visitado los contenidos y dependiendo de si los ha visitado le irá mostrando o ocultando otros elementos. Para ello necesitaremos utilizar una acción condicional. Para ello haz clic en Project > Advanced action > conditional action y vamos a nombrar a esta acción “checkContentVisited”
   1. Empezaremos nombrando las diferentes situaciones que se pueden dar. None visited – Content1Visited – Content2Visited – Content3Visited – Content4Visited – Allvisited
   2. Para None visited.
      1. En “if” indicaremos que si “todas las variables de Content visited son = a 0”
      2. En “Actions”
         1. Ocultaremos (Hide) Btn_LetsDecide
         2. Ocultaremos (Hide) la instruccion2
         3. Mostraremos (Show) la instruccion1
   3. Para Content1visited indicaremos lo siguiente:
      1. En “if” indicaremos que si la variable Content1visited = 1
      2. En “Actions”
         1. Mostraremos (Show) Content1_visited
      3. Esto lo replicaremos para el resto de contenidos
   4. Para Allvisited. Lo que quiero que haga captivate es que cuando se hayan visitado todas las páginas muestre el botón de continuar y se cambie la instrucción 1 por la 2
      1. Por tanto en el apartado de “IF” diremos que si la variable  Content1Visited  es igual a 1 y  Content2Visited  es igual a 1  Content3Visited es igual a 1 Content4Visited es igual a 1
   5. En “Actions” (lo que va a pasar) es que cuando se cumplan los tres criterios anteriores se mostrará
      1. “Show/mostrar” el botón de continuar “Btn_LetsDecide” y en else, es decir, si no se cumple el criterio anterior lo que pasa es que el botón de continuar “btn_continuar” debe quedar oculto “Hide/esconder”)
      2. Ocultaremos (Hide) la instruccion1
      3. Mostraremos (Show) la instruccion2
   6. Una vez lo tengamos configurado guardamos y volvemos al slide 1 de Introducción.
6. Ahora sólo queda asociar la acción condicional. Vamos a propiedades del slide > acciones avanzadas > seleccionamos checkContentVisited y así cada vez que el usuario acceda a esta página revise todas las condiciones que hemos impuesto.