ArticulateCursos en Video

Curso Gratis de Articulate Storyline de Nivel B谩sico

Etiquetas: , , ,

Si est谩s evaluando la adquisici贸n de la suite Articulate 360 o decidiendo c贸mo ser铆a tu futura capacitaci贸n en esta herramienta, te sugerimos invertir unos minutos en este curso gratis de Articulate Storyline, basado en videos y 100% en espa帽ol. Te vamos a mostrar algunas de las funcionalidades de Storyline 3/360 a trav茅s de un mini proyecto real.

Este es un curso de nivel b谩sico y no requiere conocimientos previos de Storyline. Su creador se llama Patricio Bustamante y lleva a帽os de trabajo diario con esta herramienta.

Temario de este Curso


1. Introducci贸n

Articulate Storyline nos permite el desarrollo de cursos web con un alto nivel de personalizaci贸n. En su nivel m谩s avanzado Storyline podr铆a usarse para la creaci贸n de juegos, con distintos niveles de avance. Es en relaci贸n a esta versatilidad de posibilidades que su aprendizaje lleva m谩s tiempo que el de las otras herramientas de la suite, como Studio 360 o Rise. Por si todav铆a no lo hiciste, no dejes de instalarte la versi贸n de prueba totalmente funcional por 60 d铆as.


2. Creaci贸n de la primera pantalla

Empecemos desde cero, con una diapositiva en blanco. Nuestro proyecto de Storyline tiene un men煤 de temas y este men煤 se muestra en la primera pantalla:

En este segmento hemos visto

  • C贸mo darle formato al curso (4:3 o 16:9 en general) y c贸mo asignarle un fondo com煤n a todas las diapositivas de un curso.
  • C贸mo agregar formas, transparencias y tipograf铆as para destacar algunos sectores de la pantalla. 
  • C贸mo crear botones a partir de im谩genes, que luego llevar谩n al usuario a cada uno de los temas del curso.

3. La l铆nea de tiempo

La l铆nea de tiempo o timeline de cada diapositiva est谩 inspirada en la l铆nea de tiempo de PowerPoint. Si alguna vez trabajaste con animaciones en Powerpoint probablemente sepas de qu茅 estamos hablando.  

Ahora vamos a incorporar im谩genes y un personaje a nuestro mini curso:

Muchas de las im谩genes que usamos en este ejemplo pueden encontrarse en la Librer铆a de Recursos o Content Library de Articulate 360. Asimismo, cabe aclarar que la interfaz de Storyline est谩 en espa帽ol en 2019 y que la disponibilidad de personajes es mucho mayor en su galer铆a de opciones:

No solo hay personajes, hay miles de im谩genes de todo tipo disponibles para su uso. 

En cuanto a los personajes, su funcionalidad plena se alcanza al complementarlos con los Estados y con los Accionadores, conceptos que veremos en las pr贸ximas lecciones.


4. Uso de los botones

Agregamos una segunda diapositiva a nuestro curso. En esta diapositiva vamos a crear botones, aunque por el momento esos botones no generar谩n ninguna acci贸n:

Todav铆a ninguno de los objetos que hemos incorporado tiene asociada una acci贸n. Ni los c铆rculos con im谩genes, ni la figura del sistema circulatorio, ni los botones. 

A continuaci贸n, vamos a empezar a crear algo de interactividad.

5. Creaci贸n de Capas en Storyline

Ahora nuestro objetivo ser谩 que al tocar uno de los botones -el que dice “Coraz贸n”- se vea una imagen grande del coraz贸n y se escuche el audio que lo describe.

Para lograr esta simple interactividad primero te vamos a presentar a las Capas (layers) y a los Accionadores (triggers).

Hasta aqu铆 hemos visto lo siguiente

  • La l铆nea de tiempo. Por un lado representa a los objetos en el tiempo: el momento en que aparecen en la diapositiva y el momento en que 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.
  • Las capas. Son como otras diapositivas dentro de la misma diapositiva. Se superponen o se combinan con los elementos de la diapositiva base en la que se crean. Cada capa tiene su propia l铆nea de tiempo y sus propios objetos.
  • Los accionadores. Nos permiten asignar acciones a los objetos o a las capas. Por ejemplo “que la capa A aparezca si hago clic en el objeto B” o “que el objeto C se mueva hasta el punto D cuando pase X tiempo”.

6. Cambio del estado de los objetos

Continuamos desarrollando la interactividad en nuestro proyecto de Articulate Storyline. Ahora vamos a incorporar el concepto de estado.

Un objeto puede tener diferentes estados, por ejemplo: visible, invisible, resaltado, dehabilitado, etc. Estos distintos estados del objeto pueden mostrarse al cambiar alguna condici贸n, porque ha pasado un tiempo o porque ha ocurrido una acci贸n del usuario. Es decir, un objeto puede cambiar de estado porque se ha activado un accionador:

Qu茅 es lo que acabamos de ver:

  • Hemos creado una capa que se dibuja por encima de nuestra capa de base. A esa capa le hemos dibujado un c铆rculo.
  • Reemplazamos el color del c铆rculo por una imagen del coraz贸n. Luego dibujamos dos l铆neas que dan el efecto de zoom que sale desde el coraz贸n peque帽o, aunque ese coraz贸n peque帽o est谩 en la capa base.
  • Insertamos un audio pre-grabado, que aparece en la l铆nea de tiempo de la capa como un objeto m谩s. El audio aparece junto al resto de los objetos. Es decir que esta capa tiene ahora un coraz贸n, dos l铆neas rectas y un audio.

7. Los Accionadores (o disparadores)

Ya creamos nuestra capa de base con sus botones. Ya creamos nuestra capa superior con su coraz贸n grande y su audio. Sin embargo, ambas cosas est谩n desconectadas: cuando queremos ver c贸mo va quedando el proyecto, solo aparece la capa base.

驴Qu茅 es lo que falta para conectar ambas cosas? 驴Qu茅 es lo que har谩 que la capa superior aparezca, con su coraz贸n y su audio, al hacer clic en uno de los botones? Lo que conectar谩 una cosa con la otra es el accionador. Una simple programaci贸n “sin c贸digo” que solo nos pide que vayamos eligiendo las opciones que se nos presentan en un men煤 desplegable:

隆Listo! Ahora la capa est谩 conectada con el bot贸n. Gracias al accionador, al hacer clic en el bot贸n se mostrar谩 la capa y se escuchar谩 su audio. 

El agregado de animaciones es visualmente atractivo y existe la tentaci贸n de trabajar de inmediato en las animaciones, es una de las cosas m谩s sencillas de hacer en Storyline. Sin embargo, desde este curso te recomendamos con vehemencia completar todo tu armado de capas y objetos antes de dedicarte a las animaciones.


A esta altura estar谩s entendiendo c贸mo se conectan las cosas: vimos c贸mo las capas se pueden usar para hacer aparecer o desaparecer composiciones sobre una diapositiva. Vimos que a cada objeto se le puede asignar una animaci贸n distinta y entendimos c贸mo los accionadores van conectando las cosas entre s铆.

Sin embargo, 驴para que sirven los estados al fin de cuentas? Hasta ahora no hemos hecho nada que involucre estados. Lo haremos en este segmento:

Ahora s铆, todo se conecta mucho mejor.

Y hasta aqu铆 llegamos con este primer ejercicio de interactividad del curso gratis de Articulate Storyline.

Hemos puesto en pr谩ctica los cuatro conceptos principales de interactividad: objetos en una l铆nea de tiempo, una capa que aparece y se va, un disparador que genera la acci贸n y un cambio de estado que le muestra al usuario que ya hizo un clic sobre una de las opciones.


9. Juego para aprender Ingl茅s

Este es uno de los proyectos que se ve en detalle en el Curso de Nivel Experto, ya que incorpora algunos elementos de gamificaci贸n y suma a todo lo anterior el concepto de variables

En t茅rminos generales, las variables son recipientes que contienen un valor. Como ese valor no es siempre el mismo (y por eso son variables) se definen para cada proyecto de Storyline con un valor inicial y luego pueden ser modificadas por diferentes accionadores. Los accionadores que modifican las variables casi siempre tendr谩n el formato “ajustar la variable Equis a un valor Zeta, si es pasa tal cosa con tal objeto.”.

Los distintos tipos de variables est谩n muy bien explicados en el Curso de Nivel Avanzado, pero para que tengas una idea te permite lograr cosas como 茅sta:

Curso Avanzado en espa帽ol

Si est谩s interesado en profundizar tus conocimientos en Articulate Storyline, te ofrecemos un cup贸n de descuento del 50% en el Curso de Articulate Storyline Nivel Avanzado. Este curso incluye m谩s de 10 horas de videos y ense帽a en detalle todas las funcionalidades de Storyline 3/360 actualizadas a 2019, incluyendo el uso de variables, personajes animados y escenarios gamificados.

 

驴Te result贸 煤til esta informaci贸n?

Calificaci贸n promedio 5 / 5. Votos: 22

Nadie calific贸 todav铆a.

, , ,

Cursos relacionados en ingl茅s

4 Comentarios. Dejar nuevo

Deja un comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *

Fill out this field
Fill out this field
Por favor, introduce una direcci贸n de correo v谩lida.

Men煤