INCORPORACIÓN DE NUEVOS                     MATERIALES Y USO DE NUEVOS                            FORMATOS DE             ...
Índice1.   Introducción     a.   ¿Qué es Wink y para qué sirve?     b.   Cómo descargar     c.   Cómo instalar     d.   Ab...
1. Introducción¿Qué es Wink y para qué sirve?Wink es una herramienta que recoge lo que está pasando en tumonitor y genera ...
1. IntroducciónCómo descargarPara descargar Wink en tu ordenador debemos acceder a la páginaWeb oficial: http://www.debugm...
1. IntroducciónCómo descargarSeleccionamos uno de los servidores de descargar, «Download directfrom SnapFiles.com» por eje...
1. IntroducciónCómo descargarSeleccionamos el hipervínculo«http://www.snapfiles.com/downloads/Wink/dlWink.html» paracomenz...
1. IntroducciónCómo descargar1. Guardamos el archivo en nuestro ordenador.2. Lo descomprimimos.                        Jua...
1. IntroducciónCómo instalarLa instalación de Wink es muy sencilla, haz doble clic sobre el archivode instalación.Y selecc...
1. IntroducciónCómo instalar Ya está el programa instalado y listo para usarlo.                        Juan Manuel Sánchez...
1. IntroducciónAbrir WinkWink se encuentra en:Inicio Todos los programas  Debugmode   Wink                        Juan Man...
1. IntroducciónAbrir WinkEl programa muestra el siguiente entorno gráfico:                                                ...
1. IntroducciónCambiar idiomaPara cambiar el idioma a español haz lo siguiente:          File – Choose language – SpanishS...
Índice1.   Introducción     a.   ¿Qué es Wink y para qué sirve?     b.   Cómo descargar     c.   Cómo instalar     d.   Ab...
2. Mi primer proyectoAbrir un nuevo proyectoUna vez abierto el programa Wink seleccionamos:        Archivo – Nuevopara com...
2. Mi primer proyectoAbrir un nuevo proyectoAparecerá una nueva ventana que será muy importante paraestablecer las propied...
2. Mi primer proyecto    Estableciendo propiedades1   Si lo que queremos es comenzar    capturando pantallas (pantallazos ...
2. Mi primer proyecto    Estableciendo propiedades4   Con este desplegable, le indicaremos    qué franja de nuestra pantal...
2. Mi primer proyecto    Estableciendo propiedades5   Estas 4 cajas de texto pueden ser manipulas para establecer 2 cosas:...
2. Mi primer proyecto    Estableciendo propiedades6   Para la captura de video, Wink lo que realmente captura son muchas  ...
2. Mi primer proyecto    Estableciendo propiedades7   Para empezar, pausar o finalizar la grabación que vayamos a    reali...
2. Mi primer proyecto    Estableciendo propiedades8   Si seleccionamos la casilla que se muestra en la imagen, utilizará o...
2. Mi primer proyectoEstableciendo propiedadesEsta ventana es únicamenteinformativa, nos describe cualesson las teclas que...
2. Mi primer proyectoPreferenciasConviene realizar algún ajuste parafacilitarnos la creación de video-tutoriales con Wink....
2. Mi primer proyectoPreferenciasVamos a cambiar losbotones de selecciónde captura. Para ello,pulsaremos sobre losbotones ...
2. Mi primer proyectoPreferencias¿Qué hemos conseguido con esto?Como hemos dicho, una vez establecidas las propiedades, Wi...
2. Mi primer proyectoPreferenciasIniciar/detener capturas por tiempo captura todos los movimientosdel ratón.Iniciar/detene...
2. Mi primer proyectoMi primera grabaciónLa captura, sea por tiempo o dirigida, la elegiremos según nuestrogusto. Trabajar...
2. Mi primer proyectoMi primera grabaciónUna vez que aparece en la parte inferior derecha el icono de esperapulsaremos el ...
2. Mi primer proyectoMi primera grabaciónUna vez que aparece el icono de espera, también podremos darle agrabar/pausar con...
2. Mi primer proyecto                                 Pantalla seleccionada                                 Todas las pant...
2. Mi primer proyectoMi primera grabaciónPara hacernos una idea de lo que hemos capturado seleccionamos:       Proyecto – ...
2. Mi primer proyectoMejorar el videotutorialUna vez que hemos capturado nuestro vídeo, tendremos la opciónde mejorar su v...
2. Mi primer proyectoMejorar el videotutorialWink te ofrece la posibilidad de asignarle un nombre en el cuadro detexto «Tí...
2. Mi primer proyectoMejorar el videotutorial                                              Añadir enlace                  ...
2. Mi primer proyectoMejorar el videotutorialSi añadimos sonido podremos realizar una grabación en esemomento, o añadir un...
2. Mi primer proyectoMejorar el videotutorialSi añadimos una imagen seabre una ventana para queselecciones una imagen denu...
2. Mi primer proyectoMejorar el videotutorialSi añadimos formas nos ofrece la posibilidad de escoger entre las yaeditadas ...
2. Mi primer proyectoMejorar el videotutorialEsta es la ventana donde podremos editar nuestras formas.                    ...
2. Mi primer proyectoMejorar el videotutorialCuando añadimos texto aparece un cuadro como el de la imagen, alque también p...
2. Mi primer proyectoMejorar el videotutorialLos botones que se ofrecen dan la posibilidad de avanzar a:• La siguiente cap...
2. Mi primer proyectoMejorar el videotutorialSi queremos añadir un enlace a un página Web, se abrirá el siguientecuadro de...
2. Mi primer proyectoMejorar el videotutorialDebajo de los controles para insertarobjetos, tenemos una ventana en laque se...
2. Mi primer proyectoMejorar el videotutorialPara poner propiedades que se cumplan en todas las pantallastenemos un aparta...
Índice1.   Introducción     a.   ¿Qué es Wink y para qué sirve?     b.   Cómo descargar     c.   Cómo instalar     d.   Ab...
3. Otras opcionesGuardar el proyectoSi queremos editar nuestro vídeo hay que guardarlo, como si de undocumento cualquiera ...
3. Otras opcionesImagen de fondoSi queremos poner una imagen de fondo a las pantallas:       Proyecto – Elegir imagen de F...
3. Otras opcionesInsertar más pantallasSi tenemos necesidad de añadir frames para añadirles botones,texto, etc., debemos s...
3. Otras opcionesExportar o importar textoWink facilita la opción de importar o exportar texto con lasopciones:        Pro...
3. Otras opcionesInsertar un vídeo Wink en una página WebDe los 3 archivos que genera nuestro proyecto (.swf, .htm y .js) ...
Biblioteca Universitaria de Córdoba         Muchas gracias por su atención     Nuestro correo-e: documentacion@uco.es     ...
Upcoming SlideShare
Loading in …5
×

Wink

3,120 views

Published on

Esto es un tutorial para el aprendizaje del manejo de la herramienta Wink para la creación de videotutoriales.

1 Comment
1 Like
Statistics
Notes
  • El Wink es muy bueno para hacer tutoriales; pero hay alguna forma o metodo, que al utilizar el SWF generado x el; no pierda calidad los textos en software como Director??..xq cuando lo trabajo en Director y le aumento el tamaño; ya q Wink genera el fichero muy chiquito; se distorciona dichos textos..Osun
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,120
On SlideShare
0
From Embeds
0
Number of Embeds
611
Actions
Shares
0
Downloads
65
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Wink

  1. 1. INCORPORACIÓN DE NUEVOS MATERIALES Y USO DE NUEVOS FORMATOS DE VISUALIZACIÓN EN LA BIBLIOTECA UNIVERSITARIA ELABORACIÓN DE VIDEOTUTORIALES - WINK -Juan Manuel Sánchez Villarejo
  2. 2. Índice1. Introducción a. ¿Qué es Wink y para qué sirve? b. Cómo descargar c. Cómo instalar d. Abrir Wink e. Cambiar idioma2. Mi primer proyecto a. Abrir un nuevo proyecto b. Estableciendo las propiedades c. Preferencias d. Mi primera grabación e. Mejorar el videotutorial3. Otras opciones Juan Manuel Sánchez Villarejo 2
  3. 3. 1. Introducción¿Qué es Wink y para qué sirve?Wink es una herramienta que recoge lo que está pasando en tumonitor y genera un archivo de vídeo.Por lo tanto será útil para crear tus propios videotutoriales. GRATUITO NECESITA INSTALACIÓN MULTIPLATAFORMA (LINUX Y WINDOWS) DISPONIBLE EN ESPAÑOL Juan Manuel Sánchez Villarejo 3
  4. 4. 1. IntroducciónCómo descargarPara descargar Wink en tu ordenador debemos acceder a la páginaWeb oficial: http://www.debugmode.com/wink/Seleccionamos «from this download page» Juan Manuel Sánchez Villarejo 4
  5. 5. 1. IntroducciónCómo descargarSeleccionamos uno de los servidores de descargar, «Download directfrom SnapFiles.com» por ejemplo.Puede ocurrir que alguno de estos servidores no funcione, en ese caso,prueba con otro distinto al que se indica. Juan Manuel Sánchez Villarejo 5
  6. 6. 1. IntroducciónCómo descargarSeleccionamos el hipervínculo«http://www.snapfiles.com/downloads/Wink/dlWink.html» paracomenzar a descargar el programa Wink. Juan Manuel Sánchez Villarejo 6
  7. 7. 1. IntroducciónCómo descargar1. Guardamos el archivo en nuestro ordenador.2. Lo descomprimimos. Juan Manuel Sánchez Villarejo 7
  8. 8. 1. IntroducciónCómo instalarLa instalación de Wink es muy sencilla, haz doble clic sobre el archivode instalación.Y selecciona lo que indican las siguientes imágenes: Juan Manuel Sánchez Villarejo 8
  9. 9. 1. IntroducciónCómo instalar Ya está el programa instalado y listo para usarlo. Juan Manuel Sánchez Villarejo 9
  10. 10. 1. IntroducciónAbrir WinkWink se encuentra en:Inicio Todos los programas Debugmode Wink Juan Manuel Sánchez Villarejo 10
  11. 11. 1. IntroducciónAbrir WinkEl programa muestra el siguiente entorno gráfico: Barra de herramientas Ventana de diseño Cuadro de propiedades Juan Manuel Sánchez Villarejo 11
  12. 12. 1. IntroducciónCambiar idiomaPara cambiar el idioma a español haz lo siguiente: File – Choose language – SpanishSaldrá el siguiente mensaje advirtiendo deque debemos cerrar Wink y abrirlo denuevo para ver el cambio de idioma.Volver al índice Juan Manuel Sánchez Villarejo 12
  13. 13. Índice1. Introducción a. ¿Qué es Wink y para qué sirve? b. Cómo descargar c. Cómo instalar d. Abrir Wink e. Cambiar idioma2. Mi primer proyecto a. Abrir un nuevo proyecto b. Estableciendo las propiedades c. Preferencias d. Mi primera grabación e. Mejorar el videotutorial3. Otras opciones Juan Manuel Sánchez Villarejo 13
  14. 14. 2. Mi primer proyectoAbrir un nuevo proyectoUna vez abierto el programa Wink seleccionamos: Archivo – Nuevopara comenzar a crear nuestro propio videotutorial. Juan Manuel Sánchez Villarejo 14
  15. 15. 2. Mi primer proyectoAbrir un nuevo proyectoAparecerá una nueva ventana que será muy importante paraestablecer las propiedades de nuestro videotutorial. 1 2Vamos a ir viendo cada uno de 3 4estos elementos. 5 6 7 8 Juan Manuel Sánchez Villarejo 15
  16. 16. 2. Mi primer proyecto Estableciendo propiedades1 Si lo que queremos es comenzar capturando pantallas (pantallazos o videos), esta casilla debe estar marcada. En caso contrario desmárquelo.2 Si queremos que nuestro videotutorial tenga audio, esta casilla debe estar marcada.3 Para ocultar o mostrar la ventana del programa Wink, marca o desmarca esta casilla. Juan Manuel Sánchez Villarejo 16
  17. 17. 2. Mi primer proyecto Estableciendo propiedades4 Con este desplegable, le indicaremos qué franja de nuestra pantalla vamos a capturar. Nota como aparece un marco verde diferente según la franja seleccionada. Juan Manuel Sánchez Villarejo 17
  18. 18. 2. Mi primer proyecto Estableciendo propiedades5 Estas 4 cajas de texto pueden ser manipulas para establecer 2 cosas: •La posición de la franja verde (espacio superior e izquierdo) •El tamaño del marco verde (también en píxeles) Es otra forma de decirle manualmente, qué zona de nuestra pantalla queremos que seleccione para grabar. Juan Manuel Sánchez Villarejo 18
  19. 19. 2. Mi primer proyecto Estableciendo propiedades6 Para la captura de video, Wink lo que realmente captura son muchas pantallas, como si de fotogramas en una película se tratase. Con esta opción, le indicaremos a Wink si se capturan más o menos pantallas por segundo, minuto u hora. Juan Manuel Sánchez Villarejo 19
  20. 20. 2. Mi primer proyecto Estableciendo propiedades7 Para empezar, pausar o finalizar la grabación que vayamos a realizar, podremos hacerlo de dos formas: • Con el ratón • Con el teclado Ambas formas estarán habilitadas siempre y cuando estas 2 casillas lo estén. Juan Manuel Sánchez Villarejo 20
  21. 21. 2. Mi primer proyecto Estableciendo propiedades8 Si seleccionamos la casilla que se muestra en la imagen, utilizará o no el tiempo de captura. Si la casilla no la marcamos, se capturarán pantallas por los movimientos del ratón o del teclado que más adelante veremos. Una vez establecidas las propiedades pulsamos «Ok» y una nueva ventana aparecerá. Juan Manuel Sánchez Villarejo 21
  22. 22. 2. Mi primer proyectoEstableciendo propiedadesEsta ventana es únicamenteinformativa, nos describe cualesson las teclas que debemos pulsarsegún el tipo de grabación quevayamos a hacer.Esta combinación de teclas lacambiaremos para que nos seamás fácil hacer capturas, por lotanto no hace falta memorizarlas.Si se pulsa el botón «Minimizar», Wink estará a la espera de quecomencemos la grabación. Mira el icono que aparece en la parteinferior derecha de la pantalla. Juan Manuel Sánchez Villarejo 22
  23. 23. 2. Mi primer proyectoPreferenciasConviene realizar algún ajuste parafacilitarnos la creación de video-tutoriales con Wink. Por elloseleccionamos: Archivo – PreferenciasA continuación aparecerá una nuevaventana. Juan Manuel Sánchez Villarejo 23
  24. 24. 2. Mi primer proyectoPreferenciasVamos a cambiar losbotones de selecciónde captura. Para ello,pulsaremos sobre losbotones que seindican y leasignaremos a cadauno de ellos losvalores F1, F2 y F3respectivamente. Juan Manuel Sánchez Villarejo 24
  25. 25. 2. Mi primer proyectoPreferencias¿Qué hemos conseguido con esto?Como hemos dicho, una vez establecidas las propiedades, Wink está ala espera de que comencemos a grabar. Por eso ahora puedenrealizarse 3 cosas:• Capturar una pantalla: Pulsar F1.• Iniciar/detener capturas por tiempo: Pulsar F2.• Iniciar/detener capturas dirigidas: Pulsar F3.A continuación se detallan las diferencias de estas 2 últimas acciones. Juan Manuel Sánchez Villarejo 25
  26. 26. 2. Mi primer proyectoPreferenciasIniciar/detener capturas por tiempo captura todos los movimientosdel ratón.Iniciar/detener capturas dirigidas tiene en cuenta las acciones delratón, ya sea pulsando el botón izquierdo, derecho o el scroll (ruleta),o bien del teclado.Si dejó sin marcar la casilla «Use Timed Capture When Mouse ButtonIs Down» y elije la opción de capturas dirigidas, se capturaránpantallas sólo cuando el ratón o el teclado se accionen. Juan Manuel Sánchez Villarejo 26
  27. 27. 2. Mi primer proyectoMi primera grabaciónLa captura, sea por tiempo o dirigida, la elegiremos según nuestrogusto. Trabajar con una u otra dependerá de lo que nosotrosconsideremos qué es mejor.Yo me decantaré en este caso porla segunda, por una capturadirigida.Establezco las siguientespropiedades: Juan Manuel Sánchez Villarejo 27
  28. 28. 2. Mi primer proyectoMi primera grabaciónUna vez que aparece en la parte inferior derecha el icono de esperapulsaremos el botón F3, comenzar la captura dirigida.Inmediatamente el icono cambiará.Una vez finalizado pulsamos de nuevo F3 para pausar lagrabación. El icono vuelve a cambiar.Ahora podemos continuar la grabación (pulsando F3) o finalizar,para ello, pulsamos con el botón derecho sobre el icono yseleccionamos «Finalizar captura». Juan Manuel Sánchez Villarejo 28
  29. 29. 2. Mi primer proyectoMi primera grabaciónUna vez que aparece el icono de espera, también podremos darle agrabar/pausar con el ratón, pulsando con el botón derecho delmismo sobre el icono de Wink.Cuando finalizan las capturas se abre automáticamente el programaWink cargando todo lo que hemos hecho. Juan Manuel Sánchez Villarejo 29
  30. 30. 2. Mi primer proyecto Pantalla seleccionada Todas las pantallas Juan Manuel Sánchez Villarejo 30
  31. 31. 2. Mi primer proyectoMi primera grabaciónPara hacernos una idea de lo que hemos capturado seleccionamos: Proyecto – GenerarAsí generamos nuestro flash de vídeo, al que deberemos darle unnombre. Si seleccionamos luego la opción: Proyecto – Ver resultado generadose abrirá nuestro navegador mostrando elvídeo.Se generan 3 archivos con extensiones .swf,.htm, y .js. Juan Manuel Sánchez Villarejo 31
  32. 32. 2. Mi primer proyectoMejorar el videotutorialUna vez que hemos capturado nuestro vídeo, tendremos la opciónde mejorar su visualización con el cuadro de herramientas quetenemos en la parte derecha de nuestro programa. Podremos:o Añadir cajas de texto, formas, botones y enlaces Web.o Añadir o Eliminar pantallas.o Seleccionar la duración de las pantallas.o Controlar el cursor del ratón.o Manipular el sonido.o Nombrar los frames o capturas. Juan Manuel Sánchez Villarejo 32
  33. 33. 2. Mi primer proyectoMejorar el videotutorialWink te ofrece la posibilidad de asignarle un nombre en el cuadro detexto «Título» y un tiempo de duración determinado a cada uno delos frames o pantallazos.Ponerle título a los frames será útil para el creador de losvideotutoriales. Juan Manuel Sánchez Villarejo 33
  34. 34. 2. Mi primer proyectoMejorar el videotutorial Añadir enlace Añadir botones Añadir texto Añadir formas Añadir imagen Añadir sonido Juan Manuel Sánchez Villarejo 34
  35. 35. 2. Mi primer proyectoMejorar el videotutorialSi añadimos sonido podremos realizar una grabación en esemomento, o añadir una que ya tengamos en nuestro equipo.También te ofrece la posibilidad de configurar las propiedades deaudio. Juan Manuel Sánchez Villarejo 35
  36. 36. 2. Mi primer proyectoMejorar el videotutorialSi añadimos una imagen seabre una ventana para queselecciones una imagen denuestro ordenador. Juan Manuel Sánchez Villarejo 36
  37. 37. 2. Mi primer proyectoMejorar el videotutorialSi añadimos formas nos ofrece la posibilidad de escoger entre las yaeditadas o crearnos nuestras propias formas. Juan Manuel Sánchez Villarejo 37
  38. 38. 2. Mi primer proyectoMejorar el videotutorialEsta es la ventana donde podremos editar nuestras formas. Juan Manuel Sánchez Villarejo 38
  39. 39. 2. Mi primer proyectoMejorar el videotutorialCuando añadimos texto aparece un cuadro como el de la imagen, alque también podremos darle el formato que queramos. Juan Manuel Sánchez Villarejo 39
  40. 40. 2. Mi primer proyectoMejorar el videotutorialLos botones que se ofrecen dan la posibilidad de avanzar a:• La siguiente captura de pantalla• La anterior captura de pantalla.• A una captura de pantalla concreta. Juan Manuel Sánchez Villarejo 40
  41. 41. 2. Mi primer proyectoMejorar el videotutorialSi queremos añadir un enlace a un página Web, se abrirá el siguientecuadro de diálogo para escribirlo. Juan Manuel Sánchez Villarejo 41
  42. 42. 2. Mi primer proyectoMejorar el videotutorialDebajo de los controles para insertarobjetos, tenemos una ventana en laque se ven los elementos que tieneinsertados en ese momento el frame.Debajo de esta ventana se le puedencambiar las propiedades a dichosobjetos. Juan Manuel Sánchez Villarejo 42
  43. 43. 2. Mi primer proyectoMejorar el videotutorialPara poner propiedades que se cumplan en todas las pantallastenemos un apartado específico en la parte derecha también. Juan Manuel Sánchez Villarejo 43
  44. 44. Índice1. Introducción a. ¿Qué es Wink y para qué sirve? b. Cómo descargar c. Cómo instalar d. Abrir Wink e. Cambiar idioma2. Mi primer proyecto a. Abrir un nuevo proyecto b. Estableciendo las propiedades c. Preferencias d. Mi primera grabación e. Mejorar el videotutorial3. Otras opciones Juan Manuel Sánchez Villarejo 44
  45. 45. 3. Otras opcionesGuardar el proyectoSi queremos editar nuestro vídeo hay que guardarlo, como si de undocumento cualquiera se tratase. Para ello seleccionamos: Archivo – GuardarLa extensión con la que se guarda es .wink.Exportar proyectoWink ofrece la posibilidad de exportar nuestro trabajo a otrosformatos como HTML, PDF y PostScript. Para ello seleccionamos: Archivo – Exportar a HTML | PDF | PostScript Juan Manuel Sánchez Villarejo 45
  46. 46. 3. Otras opcionesImagen de fondoSi queremos poner una imagen de fondo a las pantallas: Proyecto – Elegir imagen de FondoPodremos ponerle un color o una imagen.Configurar archivo de videoSi deseamos configurar el nombre, movimiento del ratón, barra decontrol del video, etc., podremos hacerlo seleccionando: Proyecto - Ajustes Juan Manuel Sánchez Villarejo 46
  47. 47. 3. Otras opcionesInsertar más pantallasSi tenemos necesidad de añadir frames para añadirles botones,texto, etc., debemos seleccionar: Proyecto – Insertar framesDimensión de framesDarle otro tamaño a los frames puede ocasionar pérdida de nitidezen el vídeo, aún así, podremos hacerlo seleccionando: Proyecto – Cambiar tamaño a todos los Frames Proyecto – Recortar todos los Frames Juan Manuel Sánchez Villarejo 47
  48. 48. 3. Otras opcionesExportar o importar textoWink facilita la opción de importar o exportar texto con lasopciones: Proyecto – Exportar texto a archivo Proyecto – Importar texto desde archivoPlantillasSi queremos crear una plantilla para usarla en varios proyectos,tendremos la opción de guardarla, de igual forma si queremosaplicar una plantilla, también Wink facilita esta labor: Proyecto – Guardar plantilla Proyecto – Aplicar plantilla Juan Manuel Sánchez Villarejo 48
  49. 49. 3. Otras opcionesInsertar un vídeo Wink en una página WebDe los 3 archivos que genera nuestro proyecto (.swf, .htm y .js) seránecesario alojar en nuestro servidor el archivo con extensión .htm.Para subir a la plataforma Moodle un archivo de vídeo Wink seránecesario subir el archivo con extensión .swf. Juan Manuel Sánchez Villarejo 49
  50. 50. Biblioteca Universitaria de Córdoba Muchas gracias por su atención Nuestro correo-e: documentacion@uco.es No dudes en consultarnos 2012 Juan Manuel Sánchez Villarejo 50

×