Presentación y Registro

Storyline 360 es parte de Articulate 360, que es una suite de aplicaciones integradas que nos permite
optimizar y mejorar cada aspecto de un cuso virtual. Los cursos creados con las nuevas herramientas
de Articulate 360 se ven en cualquier dispositivo y con cualquier sistema operativo. Articulate 360
incluye una gran cantidad de activos de cursos, tales como las plantillas y las fotografías
almacenadas, una aplicación de revisión de proyectos y capacitación en vivo y en línea con expertos
del sector.
Storyline 360 es una herramienta altamente intuitiva que permite crear proyectos interactivos de
una manera fácil. Cuenta con una gran variedad de formas para crear interacciones que llamen la
atención de los estudiantes. Es una herramienta que cuenta con un reproductor responsive, que por
defecto se ajusta al dispositivo y al tamaño de pantalla. Por tanto, el menú principal de navegación
adopta el aspecto habitual de los controles de reproducción en dispositivos móviles.

Para descargar e instalar Stroyline 360 sigue los siguientes pasos:

1. Ingrese al https://articulate.com/360
2. Haga clic en Free Trial para obtener una prueba gratuita de 60 días de Articulate
360.
3. Complete el formulario para registrarse y crear un ID de Articulate. Al finalizar haga clic en
el botón Activa la prueba de Articulate 360.
A su correo llegará un mensaje para verificar el ID de Articulate

Al iniciar el Articulate puede seleccionar la descarga e instalación de Storyline 360:

Haciendo clic en al ícono de Articulate 360 puede abrir la herramienta de Stotyline:
Interfaz, navegación y recursos
Primero tenemos que destacar que Storyline 360 forma parte del paquete Articulate 360 en el que
nos permite ver en línea una galería de imágenes prediseñadas, aplicaciones web para recopilación
de comentarios, formación online y otras opciones.

Al iniciar Storyline 360 aparecerá la siguiente pantalla en donde se muestran las opciones para crear
un nuevo proyecto:
Siempre que iniciamos Storyline nos va a mostrar la vista de modo Historia. ¿Qué nos permite esta
vista? Poder ver una maquetación completa del recurso Storyline. Primero debemos de identificar
que Storyline trabaja a través de escenas. Eso significa que vamos a poder ir haciendo una
fragmentación del proceso, agrupando los contenidos en base a los ítems que necesitemos.
En el marco superior tenemos varias pestañas: Inicio, Insertar, Diapositivas, Diseño, Transiciones,
Animaciones. Y al ir navegando en ellas podemos darnos cuenta de que tiene un proceso muy similar
a Power Point. Eso es lo que hace que Storyline sea muy cómoda e intuitiva de trabajar

En la pestaña de Inicio tenemos opciones que nos permiten a identificar si queremos crear una
nueva escena, si queremos cambiar la escena inicial, los bancos de preguntas, agregar una nueva
diapositiva a una escena, aplicar diseño, establecer, grabar pantalla. Nos da la función de
reproductor y permite hacer una vista previa de cómo se va a ver el player cuando el participante
de un curso este revisando el recurso interactivo o la presentación.

En las Propiedades de reproductor nos permite ver si podemos configurar o desconfigurar la

opción de visualización de un menú. Tiene opción para agregar un glosario. Si desea integrar los
recursos adicionales y si desea alimentar el glosario con palabras o términos que vayan en base
a la temática.
La vista de Diapositiva nos muestra la siguiente pantalla:
La opción de Insertar nos permite agregar contenidos de Librería de Articulate 360. multimedia,
textos y objetos interactivos.

La Librería 360 permite agregar una variedad de personajes con distintas expresiones y posturas.

También permite buscar fotos, ilustraciones, íconos y videos de distintas temáticas:

El menú de Medios permite agregar imágenes, formas, leyendas, videos, audio y objetos desde la
web:

El menú Texto permite agregar cuadro de texto, tabla y otras diapositivas:

El menú de Objetos interactivos permite agregar la interactividad a las dispositivas por medio de
botones, controles deslizantes, dual, punto clave, entrada y marcadores.
Los botones y los controles deslizantes permiten al estudiante navegar dentro de una misma
diapositiva. El dial permite crear condiciones muy dinámicas a partir de una diapositiva mostrando
diferentes condiciones en capas.

Los marcadores permiten a través de pequeños botones establecer cuadros que van a saltar a través
de la interactividad.

En la parte inferior de la pantalla se encuentra la Línea de tiempo. representa a los objetos en el

tiempo: el momento en que aparece en la diapositiva y el momento que en se van. Por otro lado,
los objetos que están más arriba en la línea de tiempo pueden tapar a los que están más abajo.

En la parte derecha de la pantalla aparecen los Accionadores

Los accionadores le dan vida al proceso de Storyline. Son aquellos elementos que permiten ver la
interactividad de cada uno de los objetos. Nos permiten asignar acciones a los objetos o a las capas.

Las capas son como otras diapositivas dentro de la misma diapositiva. Se superponen o se combinan
con los elementos de la dispositiva base en la que se crean. Cada capa tiene su propia línea de
tiempo y sus propios objetos.

Realizando una presentación

Para realizar una presentación abrimos un nuevo proyecto, automáticamente aparecerá la primera
escena en blanco.

Podemos agregar el contenido a la diapositiva utilizando la barra del menú Insertar. Podemos
utilizar una diapositiva en blanco agregando distintos elementos desde cero o utilizar una plantilla
prediseñada.
 Para insertar una diapositiva con la plantilla prediseñada en el
menú seleccionamos Nueva Diapositiva – Content Library 360.

En esta Librería puede seleccionar las diapositivas prediseñadas

con diferentes estructuras y elementos.

Las mismas opciones podemos seleccionar en el menú de Diapositivas.

Maquetación de una presentación multimedia en Storyline

Para realizar una maquetación básica de un proyecto seleccionamos como ejemplo una estructura
de 4 escenas, donde podemos ir navegando por diapositivas y por capas de cada diapositiva y
generar un menú interactivo básico.

Al iniciar el nuevo proyecto recordemos que primero nos aparece una escena por defecto.
El proyecto que vamos a realizar tiene cuatro escenas. Vamos a agregar las tres
escenas que hacen falta con la opción Nueva Escena y vamos a empezar a darle
una maquetación en base a la titulación de cada escena.

Primera escena se llama Tipo de clientes que sería como el menú básico de interacción, luego el
Cliente amigable, luego el siguiente título de la escena en este caso es el Cliente tímido. Y por último
vamos a agregar la escena del Cliente impaciente.

Luego vamos a la escena inicial para poder crear nuestro menú interactivo. Desde la pestaña Insertar
vamos a seleccionar una diapositiva prediseñada de la Librería 360:
Esta plantilla nos da el parámetro general de cómo queremos nuestro escenario. Se puede cambiar
a los personajes haciendo doble clic y seleccionar el personaje de la librería que más se ajuste al
contexto de la diapositiva. Podemos cambiar la expresión, postura y la perspectiva. Se puede
cambiar el tamaño del personaje con el botón Recortar:

Tenemos aquí entonces ya a los tres personajes.

La plantilla por defecto me permite ver los tres escenarios. Eliminamos los cuadros del texto para
agregar los botones desde el menú Insertar.

En este caso el tipo del Cliente amigable y vamos a configurar la versión básica del botón. Haciendo
doble clic agregamos el texto. Podemos cambiar el color y contorno del botón con las opciones en
la barra de herramientas.
En la parte inferior de la pantalla se encuentra la opción de Editar Estados para dar mejor efecto a
los botones:

Por ejemplo, podemos aplicar el de Desplazar el mouse:

Al terminar la edición del botón lo copiamos para los demás clientes cambiando el título de cada
uno:

Ahora vamos a dar Recrear la diapositiva de una forma muy sencilla, una diapositiva de transición
que es la del Cliente amigable. En este caso vamos a utilizar todo el esquema del Cliente amigable
en la pestaña del Escena. Agregamos los elementos de esta diapositiva:
En el botón del Cliente Amigable agregaremos un accionador para saltar a la siguiente diapositiva:

En la dispositiva del Cliente Amigable agregaremos un botón Home para regresar a la diapositiva
inicial. Para ello vamos a generar una acción creando un Accionador para saltar a la diapositiva Tipos
de Clientes.
En la diapositiva del Cliente Amigable agregaremos otro botón “Como tratarlos”. Este botón va a ir
a una capa.

Para crear otra capa con el texto duplicamos la primera capa y eliminamos el botón de “Como
tratarlos”. Y agregamos el texto a la segunda capa.
Agregamos el nombre a la segunda capa “Como tratarlos”. Para poder navegar entre las dos capas
tenemos que agregar un accionador al botón “Como tratarlos”. Pero en vez de Saltar a la diapositiva
seleccionamos la opción Mostrar capa:
Lo asignamos a la capa “Como tratarlos”.

En vista previa podemos observar las capas de la síguete forma:

De la misma forma configuraremos las otras dos diapositivas las del Cliente Tímido y del Cliente
Impaciente, agregado los botones y los accionadores.

Agregar un cuestionario

Para agregar un cuestionario al proyecto utilizamos el menú Agregar Diapositiva. La herramienta

nos proporciona la opción de agregar las preguntas calificadas, preguntas de encuestas, pregunta
libre y la diapositiva con los resultados.

Si seleccionamos la Pregunta Calificada la herramienta nos mostrará distintos tipos de preguntas

que podemos insertar:
Seleccionamos Verdadero/Falso y se insertará una nueva diapositiva con un formulario.

Tenemos dos vistas: vista de formulario y vista de diapositiva:

Completamos los campos del formulario según el tipo de la pregunta: el texto de la pregunta, la
respuesta verdadera, la retroalimentación para las respuestas correctas e incorrectas.
Así mismo la agregamos una siguiente diapositiva utilizando la opción de Nueva diapositiva, pero en
este caso la de Resultados que nos permite evidenciar el resultado de las diapositivas que tengan
una pregunta.
Podemos configurar las propiedades de la dispositiva de los resultados seleccionando las
diapositivas de preguntas específicas y estableciendo el punteo.
Al finalizar el proyecto podemos visualizarlo con la opción Vista Previa:
Podemos visualizar solo una dispositiva, toda la escena, algunas diapositivas seleccionadas o todo
el proyecto. Esta opción nos permite ver la vista previa de nuestro proyecto en distintos dispositivos:
Publicación del proyecto

Para publicar el proyecto hacemos clic en la opción Publicar

Storyline nos permite publicar el proyecto en diferentes formatos como Review 360. Para la Web,
video, Articulate Online, en formato SCORM, CD y Word.

Para abrir nuestro proyecto en un navegador podemos publicarlo para la Web indicando el
nombre del proyecto y su ubicación:
Al finalizar la publicación podemos enviar el proyecto por correo, a través del protocolo FTP,
descargar como ZIP o abrir la carpeta. Al ejecutar el archivo de story el proyecto se abrirá en nuestro
navegador: