La aplicación que se presenta a continuación es una herramienta que permite realizar presentaciones y tutoriales y ofrecerlas en formato flash.

1. Página |1
CÓMO CREAR PRESENTACIONES CON WINK
Fecha Monday, 27 de November @ 12:45:47
Tema Monográficos
TÍTULO: Cómo crear presentaciones con WINK
RESUMEN: La aplicación que se presenta a continuación es una herramienta que permite
realizar presentaciones y tutoriales y ofrecerlas en formato flash.
AUTOR: Montse Pérez
CÓMO CREAR PRESENTACIONES CON WINK
Introducción
A 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 WinK
WinK 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.

2. Página |2
Cómo realizar una presentación con WinK
Para 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.
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.

3. Página |3
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.
Elección de ventana de trabajo

4. Página |4
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.
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

5. Página |5
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.
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.

6. Página |6
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.

7. Página |7
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

8. Página |8
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
Ventana de forma predefinida

9. Página |9
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.
Opciones de exportación

10. Página | 10
Enlaces y descargas
- Enlace al flash de ejemplo creado.
- Página principal de Wink http://www.debugmode.com/wink/
Este artículo viene de Observatorio Tecnológico
http://observatorio.cnice.mec.es/
La URL de esta historia es:
http://observatorio.cnice.mec.es/modules.php?op=modload&name=News&file=article&sid=406