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.

Cursos y Libros de Storyline en Ingl茅s

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, deshabilitado, 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:

Y hasta aqu铆 llegamos con este primer ejercicio de interactividad 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 Avanzado, que incorpora algunos elementos de聽gamificaci贸n聽y profundiza en el tema 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 Avanzado, pero para que tengas una idea te permite lograr algo como 茅sto:

Curso Avanzado en espa帽ol

Si llegaste hasta aqu铆 y est谩s interesado en profundizar tus conocimientos en Articulate Storyline, te ofrecemos un 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 2020, incluyendo el uso de variables, personajes animados y escenarios gamificados.

驴Te result贸 煤til esta informaci贸n?

Calificaci贸n promedio 5 / 5. Votos: 27

Nadie calific贸 todav铆a.

Etiquetas:

Entradas relacionadas

guest
6 Comentarios
Inline Feedbacks
Ver todos los comentarios
Men煤
6
0
Dejanos tu opini贸n en los Comentariosx
()
x