Professional Documents
Culture Documents
1. INTRODUCCIN............................................................................................................................2
2. DESCARGA E INSTALACIN......................................................................................................2
2.1. Instalacin en Windows............................................................................................................3
2.2. Instalacin en Linux..................................................................................................................4
3.CREACIN DE TUTORIALES.......................................................................................................7
3.1. Parmetros del proyecto (Captura de pantalla)........................................................................7
3.2. Edicin de Frames...................................................................................................................11
4. OPCIONES AVANZADAS............................................................................................................18
4.1. Renderizando la presentacin en formato Flash.....................................................................18
4.2. Plantillas..................................................................................................................................18
4.3. Exportacin / importacin de texto desde y hacia el archivo.................................................19
4.4. Preferencias.............................................................................................................................20
4.5. Precarga de Flash....................................................................................................................21
4.6. Barra de control de Flash........................................................................................................22
4.7. Teclas de acceso rpido...........................................................................................................23
5. FORMATO DE ENTRADA/SALIDA...........................................................................................24
6. ACTIVIDADES OBLIGATORIAS PARA SUPERAR EL TEMA...............................................25
1. INTRODUCCIN
A la hora de realizar demostraciones de uso de un producto software, como parte de un
curso en lnea o presencial, resulta de gran utilidad poder seguir los pasos del profesor
de una manera visual, poder ver cmo elige una opcin, cmo despliega un men o cmo
arrastra una ventana. De esta manera se refuerza el aprendizaje y se mejora el
conocimiento del producto, puesto que estamos observando cmo se comporta en la
realidad. Si adems se pudiera distribuir la demostracin a travs de Internet, las
posibilidades educativas seran inmensas.
La grabacin en video de sesiones de trabajo es una opcin, pero la edicin de la cinta
para aadir comentarios, etiquetas o eliminar sobrante es una tarea compleja. La
grabacin por software es una solucin ms sencilla, ms barata y repleta de
posibilidades.
Wink es una aplicacin freeware que permite la captura de pantallas para la creacin de
tutoriales en varios formatos, escrito por Satish Kumar. Es compatible con muchas
caractersticas, tales como entrada basada en la captura y anotaciones de texto. Se
pueden aadir botones de navegacin a cualquier presentacin. Wink tambin tiene
soporte en varios idiomas como el ingls, francs, alemn, italiano y espaol, entre otros.
Destacar que es necesario para ver las presentaciones resultantes descargarse el
software gratuito Macromedia Flash Player, disponible como un plugin para la mayora de
los navegadores.
2. DESCARGA E INSTALACIN
La instalacin es bastante sencilla. Solo hay que acceder a la pgina de descargas en la
Web de Wink. Podemos utilizar nuestro buscador habitual o pinchar aqu. Solo hay que
descargar el fichero de instalacin.
Nos aparece el texto con la licencia de uso de la aplicacin Pulsamos sobre el botn 'I
Agree'.
Ahora nos pide la carpeta donde queremos que se instale la aplicacin. En la imagen
anterior vemos la carpeta que se crear por defecto pero podemos cambiarla. Pulsamos
el botn 'Install'.
Una vez descargado, al descomprimirlo, se nos crear una carpeta llamada wink15 cuyo
contenido podemos ver listado en la imagen inferior.
Ahora solo tenemos que ejecutar el fichero de instalacin, acordndonos de poner como
parmetro la carpeta donde queremos que se instale. Una vez ejecutado puede ser que
nos de un error indicando que no encuentra el fichero 'libexpat.so.0', tal y como podemos
ver en la siguiente imagen.
Si estamos en este caso seguimos los pasos sigu tal y como nos muestra la siguiente
imagen. Listamos el contenido de la carpeta 'usr/lib' a ver la versin de 'libexpat' que
tenemos instalada. Una vez la tenemos creamos un enlace mediante el comando 'ln' tal y
como podemos ver tambin en la imagen. Una vez creado el enlace ya podemos volver al
paso anterior y ejecutar de nuevo el 'scritp' de instalacin.
Una vez instalado accedemos a la carpeta que habamos elegido para instalar y
ejecutamos la aplicacin. Nos aparecer la primera ventana de dilogo de Wink tal y
como vemos en la siguiente imagen.
3.CREACIN DE TUTORIALES
Para realizar una presentacin con WinK, se ejecuta el software objetivo de la
presentacin y se van capturando pantallas de las acciones que se quieren mostrar.
Posteriormente WinK unir cada una de estas pantallas en una pelcula continua.
La edicin de la pelcula permitir aadir o eliminar pantallas (tambin llamadas marcos
en la aplicacin) en cualquier punto, aadir 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 aplicacin se les puede aadir fondos
personalizados y tambin se puede grabar el aspecto general de una presentacin como
una plantilla, pudiendo de esta forma aplicar el aspecto al resto de los proyectos en los
que trabajemos.
Una vez terminada una presentacin se exporta a formato flash, y ser ste el que se
distribuya a travs de la red o de cualquier otro medio de distribucin. La presentacin
tambin se podr exportar como HTML, PDF o Postcript, que servir como complemento
al fichero flash.
Capturando pantallas
Cuando est acostumbrado a usar Wink es posible que quiera comenzar con un proyecto
vaco; en tal caso deber desactivar la casilla Comenzar capturando pantallas, pero por lo
general querr comenzar por hacer una captura de alguna secuencia de acontecimientos
ocurra algo (Clic de ratn y/o Al presionar una tecla) En este momento NO est
escogiendo el tipo de captura que va a hacer, slo los parmetros que se usarn cuando
usted opte por una o por otra, ya que en una captura puede alternar los dos tipos.
Otra forma de ajustar el tamao de la captura es con el recuadro verde que aparece en el
escritorio. Podemos estirar de los vrtices del recuadro para ajustarlo a la ventana que
deseamos capturar.
Presione OK cuando tenga sus opciones bien definidas. Acto seguido le aparecer este
cuadro:
Es importante que memorice los atajos de teclado para poder controlar su captura y
recuerde que mientras se encuentra capturando puede pasar de un modo a otro sin
ningn problema:
Se realizar una captura hasta nueva orden. Si lo que le ordena es una captura
controlada (Alt+Pausa) el icono cambia de formato y parpadear cada vez que genere
un frame:
Cuando haya terminado su captura haga doble clic en el icono de Wink para poder
acceder al cuadro donde se encuentra el botn Finalizar.
La mayora del tiempo que se trabaja con Wink se utiliza para editar imgenes en el
proyecto, es decir, aadiendo o quitando elementos a los frames. Casi todas las opciones
relacionadas estn disponibles en la barra de propiedades, que se puede visualizar a
travs del men Ver | Barra de Propiedades. Las propiedades de cada elemento en el
frame se pueden ver o modificar seleccionando un elemento de la lista. Tambin pueden
modificarse la posicin y propiedades de los elementos, activar o desactivar los objetos y
los frames, todo ello en un solo paso.
Ttulo
Los ttulos se utilizan para mostrar un ttulo o encabezamiento de los frames individuales.
Puede ser habilitado para todos los frames utilizando la casilla de verificacin en la
seccin de las propiedades comunes. Puede cambiar la fuente de los ttulos utilizando el
botn de fuente (F) y la alineacin de los ttulos con el botn de alineacin (junto al de
elegir la fuente).
El ttulo real para el frame actual se escribe en el campo ttulo en la parte superior de la
barra de propiedades. Por defecto el campo ttulo del frame se coloca en la zona superior
izquierda del mismo (50 pxeles a la derecha y 50 pxeles desde la esquina superior
izquierda), pero se puede mover y cambiar su tamao segn sea necesario mediante el
uso de los controladores de tamao o el uso de los campos de Posicin para introducir los
nuevos tamaos en pxeles. Los ttulos aparecen en la misma posicin en todos los
frames.
Permanecer en el frame
Este campo se utiliza para agregar una pausa durante algn tiempo antes de mostrar el
frame siguiente. Aadiendo pequeas pausas entre los frames, le da al usuario final un
poco ms de tiempo para comprender lo que se muestra en una presentacin y tambin
puede ser til para hacer que la presentacin parezca ms real. El valor de pausa se
El botn Agregar audio abre la ventana del Editor de audio. Esta ventana permite aadir
archivos de audio en los formatos WAV (. wav) y MP3 (. mp3), grabar audio para el frame,
reproducir el archivo de audio asociado con el frame y ajustar la configuracin de
grabacin / reproduccin.
posicin deseada. Para escalar la imagen mantenga pulsada la tecla Mayscula y arrastre
desde el lado de la imagen, no desde la esquina. La imagen cambiar el tamao
proporcionalmente. Si arrastra desde la esquina, la imagen puede verse distorsionada ya
que la escala no ser proporcional.
El botn Agregar formas predefinidas abre la ventana Elegir formas predefinidas que
permite que aadamos una forma a los frames seleccionados y permite crear y editar las
formas.
Para agregar una forma, haga clic en el botn Agregar formas predefinidas. Esto abre la
ventana Seleccionar forma predefinida donde se puede elegir entre las formas disponibles
y ver una vista previa de ellas. Tambin puede crear nuevas y editar formas existentes.
Aadir texto
Para agregar o editar texto en un cuadro de texto se puede hacer doble clic en l o clic en
el botn Aadir Cuadro de texto en la barra de propiedades. Cuando se edita un cuadro
de texto, se muestra una barra de herramientas a la derecha sobre el rea de texto, que le
permite cambiar fcilmente el tipo de fuente, el tamao, el color y si el texto debe estar
en negrita, cursiva o subrayado. Cada una de estas opciones siempre funciona para todo
el texto. Al hacer clic fuera del cuadro de texto despus de la edicin o haciendo clic en el
botn del disquete en la barra de herramientas mantiene los cambios realizados.
Haciendo clic en el X de color rojo se cancelan los cambios en el texto. Si ha aadido ms
texto del que puede caber en cuadro de texto, Wink automticamente cambia el tamao si
decide mantener los cambios.
Puede cambiar la fuente mientras se edita y tambin mediante el botn de elegir fuente
(F) en la barra de propiedades. Por ltimo, la alineacin del texto en el cuadro de texto
puede cambiarse usando el botn Alinear el texto en la barra de propiedades. Los cuadros
de texto tambin se pueden copiar entre frames, as como entre otros elementos. Puede
cambiar la llamada usando el botn de seleccin de tipo de llamada en la barra de
propiedades. Esto abre el Selector de Llamada donde se puede elegir entre las llamadas
disponibles y obtener una vista previa de ellas. Esta ventana tambin le permite crear
llamadas nuevos y editar con el Editor de Llamadas.
Cursores
Al capturar imgenes donde se muestra el cursor del ratn, Wink lo muestra en la posicin
real del frame. Para que sea ms fcil trabajar con la posicin del cursor, este ltimo se
muestra rodeado por una pequea caja. Puede mover el cursor a cualquier lugar y
activarlo o desactivarlo, como se prefiera.
Puede cambiar la imagen del cursor en un frame con un doble clic en el elemento del
cursor o seleccionndolo y haciendo clic en el botn Seleccione el cursor en la barra de
propiedades. Puede elegir entre todos los punteros predefinidos o puede ser definido por
el usuario.
Puede usar sus propias imgenes para los botones, para ello haga clic en el botn
El botn Ir a Frame puede ser visto como una versin de genrica de los botones
Siguiente / Anterior donde decidimos a qu frame queremos ir. Esto permite la creacin de
flujos ms complejos que la presentacin de flujo lineal de principio a fin.
Por ejemplo, si se muestran dos maneras de hacer una accin particular en su
presentacin, podemos capturar imgenes de ambas maneras y ofrecer al usuario final la
opcin de escoger el camino que quiera ver. Otra utilidad sera si disponemos de
conceptos bsicos y ms avanzados en una presentacin, sera posible tener la opcin de
ir directamente a los conceptos avanzados, si el usuario ya sabe los conceptos bsicos.
Finalmente, cuando llegan al final de una presentacin, sera obvio crear un botn Ir, que
se remonte al primer fotograma y de esta manera se convierte en un botn de reinicio.
Para agregar un Botn Ir a Frame, haga clic en el botn de Aadir Botn de Ir a Frame en
la barra de propiedades. Se abrir el cuadro Seleccione frame de destino en el que debe
seleccionar el frame al que deseamos ir. El frame de destino se puede cambiar
posteriormente
haciendo
doble
clic
en
el
botn
de
la
vista principal o seleccionndolo y haciendo clic en Seleccione frame de destino.
Cada vez que se utiliza este botn se recomienda que se aada un cuadro de texto para
indicarle al usuario final lo que hace.
El botn Ir a URL se utiliza para abrir una pgina web. Cuando elegimos el botn Ir a URL
en la barra de Propiedades se abre la ventana Especifique una URL para ejecutar.
Introducimos la direccin URL a la que deseamos ir. Si desea que direccin se abra en la
misma ventana del navegador, dejaremos el siguiente campo en blanco, en caso contrario
4. OPCIONES AVANZADAS.
4.1. Renderizando la presentacin en formato Flash.
Para crear una presentacin en flash use el men de Proyecto Generar. Si usted no
ha dado, todava, nombre al archivo de salida, se le presentar el cuadro de dilogo
Configuracin del proyecto primero para que escriba el nombre.
Una vez terminado el proceso se crea un flash (.Swf) con un archivo HTML
correspondiente (en la misma carpeta) o un ejecutable de Windows (.exe) en funcin de
su eleccin en los ajustes del Proyecto. Para ver la presentacin usted puede elegir un
men Proyecto Ver Resultado Generado.
4.2. Plantillas
Una de las caractersticas avanzadas de Wink es la opcin de crear plantillas con muchas
de los las propiedades de configuracin que se aplican a un proyecto. Puede utilizar
plantillas para hacer presentaciones consistentes con el mismo aspecto, sin tener que
hacer la misma personalizacin cada vez.
No todos los ajustes/propiedades se pueden guardar en una plantilla porque algunos
ajustes rara vez o nunca se aplican a todos los marcos de un proyecto o para ms de un
proyecto. En el esquema de abajo se puede ver las propiedades que se pueden guardar
o no guardar.
4.4. Preferencias
Las preferencias de Wink se pueden encontrar en el men Archivo/ Preferencias" donde
se puede especificar algunos parmetros generales para el programa.
1. Establece el tamao mximo que las imgenes en miniatura pueden tener (las
miniaturas mantendrn la relacin de aspecto de las capturas).
2. Por defecto, al abrir un proyecto Wink desde el explorador de archivos, estando la
aplicacin Wink ejecucin, se abrir en la instancia actual de Wink. Puede cambiar esta
configuracin para abrir una nueva instancia en su lugar. Recuerde que usted no puede
arrastrar y soltar elementos entre las diferentes instancias de Wink.
3. Wink abrir el proyecto utilizado por ltima vez en el arranque, pero se puede
deshabilitar esta accin si abre a menudo Wink para crear nuevos proyectos.
4. Hace que Wink guarde automticamente el proyecto antes de renderizar.
5. "Comprimir rpido mientras se captura" mejora la eficiencia de captura a cambio de
ocupar un poco de ms memoria.
6. Los iconos de marco son pequeos iconos debajo de las miniaturas para ver los
detalles acerca de que marco.
7. La captura dirigida por teclado puede capturar todas las pulsaciones de teclado,
excepto las teclas modificadoras (Alt, Control y Shift) se utiliza solo Alt + Tab. Adems de
estas claves se puede aadir su propias combinaciones de teclas para ser ignoradas.
8. Puede cambiar las teclas por defecto para cada modo de captura por las que se quiera.
(Algunas teclas predeterminadas de WIndows de acceso rpido no se pueden utilizar.)
9. Especifique un archivo de sonido para que suene cuando una captura de pantalla se
agrega al proyecto.
10. De forma predeterminada Wink utilizar el navegador por defecto del sistema para
mostrar la presentacin Flash. Si desea utilizar otro navegador especifique la ruta aqu.
En la parte superior derecha del Editor del precargador de Flash puede elegir una imagen
de fondo. Si usted no escoge una imagen de fondo se utilizar el color de fondo escogido
por defecto.
Puede introducir valores de posicin o usar el ratn para modificar la ubicacin de las
etiquetas de texto directamente en el rea de trabajo. El contenido de la etiqueta de texto
es el texto insertado en el el campo Cadena de texto. A fin de separar el texto y el valor
porcentual simplemente debes presionar la barra espaciadora varias veces despus del
texto introducido. La apariencia del texto se define por el tamao de la etiqueta de texto,
las 3 diferentes fuentes de Flash 3 y el color del texto.
La barra de progreso se puede colocar de la misma forma que la etiqueta de texto y
consiste en una barra de color que puede ser lisa o dividirse en pequeos bloques.
Hay diferencias entre el uso de una barra de control en un archivo SWF de Flash y un exe
auto-ejecutable. El archivo Flash permite un mayor control sobre la presentacin, en esto
el exe est ms limitado.
Durante la edicin de una barra de control podrs ver una vista previa que muestra los
dos estados posibles en relacin con si el botn de play o el botn de pausa estn
actualmente visibles. En la ventana de edicin se puede elegir entre 3 modos de vista
que muestra cmo se vern los botones cuando no se tocan, cuando se desplaza el
cursor del ratn sobre ellos y cuando se pulsan los botones.
Las imgenes reales utilizadas para todas las situaciones son elegidas a continuacin. No
es necesario utilizar todos los tipos de imgenes para una barra de control, usted tambin
podr mirar en las barras de control suministradas por defecto. Para el botn de pausa y
play debe proporcionar una imagen para el Modo normal, mientras que para el mouseover
y el click las imgenes son opcionales.
5. FORMATO DE ENTRADA/SALIDA
Wink puede exportar el proyecto a HTML, PDF y archivos PostScript. Esto le da una
manera fcil de presentar el tema a sus usuarios finales en un formato que no sea flash.
Por ejemplo, si algunos usuarios lo prefieren, puede imprimir la presentacin, cosa no es
posible con un archivo flash. Si un archivo HTML o PDF se coloca al lado de la
presentacin flash en un sitio web los usuarios tienen ms opciones.
Las imgenes en el archivo exportado se vern exactamente igual que los marcos en el
proyecto y los botones seguirn funcionando en todos los formatos.
Al exportar a HTML tiene que elegir el formato utilizado para las imgenes (las imgenes
se guardan como archivos separados). El mejor formato de imagen para los archivos
HTML es PNG (para las capturas de pantalla de los programas). Si algun marco contiene
fotos, utilice JPEG.
Para PDF y PostScript tiene la opcin de decidir el tamao y orientacin del papel para la
exportacin, mientras que la opcin "Ajustar pgina a la imagen" se limita a la exportacin
de PDF. T Tambin puedes optar por no incluir los botones de las presentaciones.