Creación de Tutoriales en Wink

Eisgren Long

CREADO POR: EISGREN

Creación de Tutoriales en Flash con Wink

Wink es una utilidad gratis para crear tutoriales y presentaciones principalmente sobre cómo utilizar software de computadora. Entre las principales características están la exportación de los tutoriales creados en Wink a formato Flash (swf), HTML, PDF o si lo deseas, también a formato ejecutable (.exe) para distribución local. Wink también soporta sistemas operativos basados en Linux (sólo x86) pero en este tutorial nos basaremos únicamente en la versión de Windows.


El hecho de que la herramienta pueda exportar a un formato como Flash, permite al usuario hacer su presentación visible a más del 90% de los computadores en el mundo, que es la estadística actual de los computadores que cuentan con soporte de dicho formato.

Adicional a esto, el usuario puede incrustar audio para explicar mejor la presentación, el uso de cajas de texto, controles de navegación (por ejemplo para adelantar o atrasar la presentación) y otras características más avanzadas para mejorar la presentación.

La forma en que el usuario puede incrustar los pantallazos en Wink es directamente desde su escritorio, capturando todos los movimientos del Mouse y de las ventanas. También puede hacer uso de los formatos de imágenes más reconocidos (BMP, JPEG, PNG, TIFF, GIF) lo que permite la creación de otro tipo de tutoriales o presentaciones que no tengan nada que ver con computación.
Principales Características
(Tomado del sitio oficial de Wink)

* Gratis o freeware: aunque el código no es abierto, la aplicación se distribuye gratuitamente para uso comercial o personal. Sin embargo, para redistribuirla hay que contar con permiso del autor.
* Multi plataforma: funciona en prácticamente todas las versiones de Windows y en algunas de Linux (sólo en arquitectura x86).
* Audio: soporta la incrustación de archivos de audio o directamente desde el micrófono para explicar mejor el tutorial.
* Formatos de entrada: capturas directamente desde la pantalla del PC o desde imágenes en formato BMP, JPEG, PNG, TIFF o GIF.
* Formatos de salida: flash (.swf), ejecutable (.exe), Acrobat (.pdf), PostScript, HTML o cualquiera de los formatos de imágenes descritos en el punto anterior.
* Soporte multi idioma: soporta inglés, francés, alemán, italiano, danés, español, serbio, japonés, portugués y chino simplificado/tradicional.
* Calidad: crea presentaciones con gran compresión, ideal para uso en la web.

Herramientas para el usuario

* Botones de navegación para desplazarse a la siguiente/anterior captura en la presentación.
* Cuadros de texto y figuras para mostrar explicaciones en texto. Se pueden crear figuras personalizadas.
* Interfaz con soporte de arrastrar-y-soltar que la hacen intuitiva.
* Características avanzadas como moldes, editor del cursor, paletas de colores, imágenes de fondo, barras de control y preloaders para flash.
* Al exportar a flash se utilizan técnicas avanzadas de compresión para brindar un gran rendimiento en la web. El archivo de flash es soportado por las versiones de Flash 3.0 y superiores.
* Posibilidad de exportar en flash no comprimido para incrustación en otros editores de flash.

Comenzando la Captura

Wink es un excelente programa considerando su licenciamiento y teniendo en cuenta que no hay mucha variedad sobre este tipo de programas en el mercado. La descarga pesa únicamente 3MB y una vez instalado y ejecutado te encuentras con una interfaz sencilla pero que contiene todos los elementos necesarios para crear presentaciones animadas.

Por defecto el programa se instala en Inglés pero desde el menú Archivo > Idioma (File > Language) puedes cambiar el idioma a español. Reinicia el programa y tendrás toda la interfaz totalmente en español.

Para poder activar todos los controles principales de Wink hay que comenzar creando un nuevo proyecto desde el menú Archivo > Nuevo.

Optimizando lo capturado
Sucede muchas veces cuando estás capturando algo en la pantalla que te equivocas o te demoras mucho en realizar alguna acción y piensas que esa demora puede ser molesta de presentar. Wink te ofrece la posibilidad de editar cada una de los pantallazos capturados para que los revises y elimines los pantallazos que sobran para tu presentación. Incluso puedes cambiarles el orden si es necesario. Eliminando los pantallazos extras disminuirás el tamaño de la presentación final y no dejarás al visitante esperando a que el Mouse se mueva por toda la pantalla mientras encontrabas el botón que estabas buscando al momento de realizar la captura.





Para cada pantallazo tienes diferentes opciones para modificarlo. Puedes especificarle un título, un tiempo de espera o agregar diferentes elementos que hacen más clara la presentación.

Puedes agregar archivos de audio que se reproduzcan cuando llegues a determinada captura, una caja de texto para explicar alguna función, una imagen, un vínculo a una página web o los diferentes controles de siguiente/anterior para moverse dentro de la presentación. Puedes escoger en cuáles presentaciones mostrar el puntero del Mouse, posicionar un título en la captura y manejar todos estos elementos por medio de capas.

Todas estas opciones se encuentran en el Panel de Propiedades del frame.

Finalizando la presentación
Una vez termines con la edición de las capturas y la adición de los elementos necesarios para explicar lo que sea necesario, puedes proceder a la pantalla de exportación.




Se accede a ella mediante el menú Proyecto > Generar. Desde allí escoges el nombre del archivo de salida, el tipo de archivo y otras opciones misceláneas como el tipo de preloader y el tipo de control de tiempo. Cuando finalices con los ajustes, haces clic en OK y Wink generará la presentación en el formato que hayas escogido. Si escogiste el formato SWF, también se generará un archivo HTML con el que simplemente necesitarás copiar y pegar su contenido en la página web donde desees mostrar tu nueva presentación.

Conclusiones
Luego de haber utilizado Wink en varias presentaciones para LANeros.com, se puede concluir que es un excelente programa para difundir presentaciones y tutoriales en Internet.

Su licenciamiento lo hace perfecto tanto para uso comercial como personal. No es el programa más avanzado pero hace su trabajo muy bien.

El soporte multi idioma es bueno, aunque el programa no es capaz de manejar correctamente los caracteres especiales como eñes o tiles (á, é, í, ó, ú), en algunos de los pantallazos de este tutorial pueden apreciar esta incapacidad. Sin embargo, se le atribuye el punto que soporte tantos idiomas.

La capacidad de exportar a varios formatos, no solo Flash, sino HTML (múltiples formatos), PDF o PostScript es otra ventaja importante.

Wink es desarrollado por Satish Kumar y se puede descargar desde [HIDE]http://debugmode.com/wink/.[/HIDE]

Bump: BUENO ESPERO Q LO APROVECHEN ES MUY BUENO Y UTIL

Bump: BUENO ESPERO Q LO APROVECHEN ES MUY BUENO Y UTIL

__________________

SantyGil

uyy men que aportaso excelente el tuto! voy haber si lo uso para hacer los tutos del foro estaba nesecitando algo asi..

__________________
Santiago Aguirre -G
Admin Comunidad HP
www.hagalepues.net

RoMaNoWsKy

Sisas el wink es bien, para ahcer demos y para videos recomiendo bastante el camtasia studio.

krolina

oye mil graciasss ....

__________________

Eisgren Long

gracias por el apoyo trabajare en algunos otros veo q vale la pena

__________________