Cómo crear presentaciones con wink

IntroducciónA la hora de realizar demostraciones de uso de un producto, ya sea como estrategia de ventas o como parte de un curso en línea, resulta de gran utilidad poder seguir los pasos del profesor o conferenciante de una manera visual, poder ver cómo elige una opción, cómo despliega un menú o cómo arrastra una ventana. De esta manera se refuerza el aprendizaje y se mejora el conocimiento del producto, puesto que estamos observando cómo se comporta en la realidad. Si además se pudiera distribuir la demostración a través de Internet, las posibilidades educativas serían inmensas.La grabación en video de sesiones de trabajo es una opción, pero la edición de la cinta para añadir comentarios, etiquetas o eliminar sobrante es una tarea compleja. La grabación por software es una solución más sencilla, más barata y repleta de posibilidades.La aplicación que se presenta a continuación es una herramienta que permite realizar presentaciones y tutoriales y ofrecerlas en formato flash. Destacar que es necesario para ver las presentaciones resultantes descargarse el software gratuito Macromedia Flash Player, disponible como un plugin para la mayoría de los navegadores.

Requisitos e instalación de WinKWinK es una aplicación que puede ejecutarse tanto en Windows como en Linux. No presenta ninguna exigencia especial con respecto a procesador o memoria, pero sí hace recomendaciones con respecto a la resolución de pantalla, aconsejando que sea igual o superior a 800x600. Sin embargo, se pueden hacer capturas de pantalla a 640x480, pero se dispondrá de menor espacio para trabajar.La instalación no presenta ninguna dificultad. WinK se distribuye como un fichero zip que incluye el instalador. Lo único que habrá que hacer será descomprimir el archivo en un directorio temporal y ejecutar el instalador. Posteriormente, se podrá borrar tanto el instalador como el fichero zip.

Cómo realizar una presentación con WinKPara realizar una presentación con WinK, se ejecuta el software objetivo de la presentación y se van capturando pantallas de las acciones que se quieren mostrar. Posteriormente WinK unirá cada una de estas pantallas en una película continua.La edición de la película permitirá añadir o eliminar pantallas (también llamadas marcos en la aplicación) en cualquier punto, añadir comentarios, botones de anterior, siguiente o incluso saltar de un marco a otro cualquiera. Se pueden realizar presentaciones todo lo complejas que se quieran, o simplemente dejar que grabe mientras se trabaje.A las presentaciones que se crean con esta aplicación se les puede añadir fondos personalizados y también se puede grabar el aspecto general de una presentación como una plantilla, pudiendo de esta forma aplicar el aspecto al resto de los proyectos en los que trabajemos.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Una vez terminada una presentación se exporta a formato flash, y será éste el que se distribuya a través de la red o de cualquier otro medio de distribución. La presentación también se podrá exportar como HTML, PDF o Postcript, que servirá como complemento al fichero flash.Para crear un primer proyecto de ejemplo con WinK, se seguirán los siguientes pasos:

1. Abrir la aplicación destino de la presentación y el programa WinK. A modo de ejemplo, usaremos el explorador de Windows para demostrar cómo se muestran los archivos con la vista en miniatura.

Ventana principal de WinK

2. Creamos un proyecto nuevo en WinK desde el menú Archivo à Nuevo. Aparecerá un asistente que nos guiará en los siguientes pasos.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Ventana del asistente

3. La primera pantalla del asistente pregunta si se quiere grabar sonido mientras se realiza la presentación o no (para este proyecto desactivaremos la opción), se ocultará la ventana de WinK durante la presentación y se elige qué es lo que se quiere capturar. Se puede elegir entre capturar la pantalla completa, una ventana concreta o cualquier región. Para este ejemplo se elegirá la opción Ventana para capturar la ventana del explorador de Windows. Una vez elegida esta opción, y habiendo marcado la de ocultar la ventana de WinK, se pulsará sobre el botón Seleccionar. Pinchando con el ratón en la barra de títulos del explorador, quedará seleccionada la ventana. Ahora simplemente se pulsa OK.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Elección de ventana de trabajo

4. Lo siguiente es proceder a capturar las pantallas de la presentación. Existen tres maneras de hacerlo: o bien se capturan sólo las pantallas deseadas pulsando Pause en cada una de ellas, o bien se capturan todas las pantallas y movimientos en un intervalo de tiempo o bien se capturan todas las pantallas y movimientos desde que se pulsa una combinación de teclas determinada hasta que se vuelve a pulsar la misma combinación. Será esta última opción la que elegiremos para el ejemplo, por lo que a continuación se pulsa el botón y se procede a la captura pulsando Alt+Pause. A partir de ese momento, todo lo que se realice sobre la pantalla será capturado.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Comienzo de captura de pantallas

5. Siguiendo con el ejemplo, en la ventana del explorador de Windows, pulsar sobre detalles y después vistas en miniatura. Una vez hecho esto, se hace doble clic sobre el icono minimizado del WinK y se pulsa el botón Finalizar.

Fin de capturas de pantallas

6. Cuando se pulsa el botón Finalizar, aparece la ventana principal de WinK con el proyecto abierto y las ventanas capturadas listas para trabajar con ellas. En este momento se puede ver si se han capturado pantallas repetidas o si sobran pantallas, pudiendo proceder a eliminarlas si se desea.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Ventana principal del WinK con un proyecto

7. Una vez elegidas las pantallas definitivas que van a formar parte del proyecto, se podrá trabajar sobre cada marco por separado. Se pueden añadir comentarios de texto, de audio, botones de avance o retroceso, imágenes de fondo. En el área de selección aparecen las pantallas definitivas.

Área de selección de pantallas

8. Para seguir con el ejemplo, se va a poner un comentario de texto en una de las pantallas. Para ello, se selecciona la pantalla deseada (en este caso la primera). Luego, se elige la opción de cuadro de texto en la pantalla de propiedades de marco que aparece a la derecha. En esa ventana aparecen las características del marco, como el título, los segundos que debe aparecer el marco en la presentación, los botones que se le han añadido, etc.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Ventana de propiedades del marco

9. Al pulsar el botón de cuadro de texto, aparece un globo de texto en la pantalla que podremos mover, cambiar de forma o de color, añadir o eliminar texto, etc.

Cuadro de texto

10.Lo siguiente que vamos a hacer en la presentación de ejemplo es añadir un botón de avance. Normalmente, los marcos de la película avanzarán de manera automática con el retardo que se especifica en las propiedades de la ventana. Sin embargo, en muchas ocasiones es conveniente que sea el propio usuario el que avance o retroceda. Para añadir un botón de avance, se pulsa en el icono correspondiente.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Icono de botón de avance

11.Cuando se pulsa el icono de botón de avance, aparece el icono en el marco activo, que se podrá colocar dónde se desee.

Botón de avance

12.Además de cuadros de texto o botones de avance o retroceso, se pueden añadir archivos de audio (para poner comentarios sobre lo que se está haciendo), formas diversas, enlaces a páginas web o incluso botones para ir desde cualquier marco a cualquier otro.

13.Cuando no se quieren poner botones de avance, sino que lo que se quiere es que alguno (o todos) los marcos avancen de manera automática, se debe temporizar el marco, añadiendo un tiempo de permanencia del marco.

Tiempo de permanencia del frame

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

14.Otra característica que puede ser de mucha utilidad es la posibilidad de añadir una gran cantidad de formas predefinidas e incluso añadir formas creadas por el usuario para dar más contenido a las presentaciones. Entre las formas predefinidas, destacan los signos de interrogación, las marcas de correcto o equivocado, etc.

Icono de forma predefinida

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Ventana de forma predefinida

15.Todas las modificaciones que se hayan añadido a un marco podrán ser activadas o desactivadas a voluntad. De esta manera, se puede eliminar cualquier elemento que no haya quedado como se deseaba y se puede volver a activar en el futuro.

Selección de los componentes del marco

16.El último paso es generar la presentación en formato flash. Para ello, se debe

pulsar en el botón de generar . Una vez generada la presentación, se puede visualizar en el navegador predeterminado pulsando el botón previsualizar . Los archivos generados serán los que se pueden ver en la figura siguiente.

Archivos generados

17.Por último y como ya se ha comentado, además de generar la salida en formato flash se puede obtener la presentación en HTML, en PDF o incluso en postcript. Para ello, se elige la opción correspondiente desde el menú archivo.

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com

Opciones de exportación

Enlaces y descargas

- Página principal de Wink http://www.debugmode.com/wink/

e-comunia.Entornos Virtuales de Aprendizaje – Soluciones de e-learning

www.e-comunia.com