SlideShare une entreprise Scribd logo
1  sur  50
Télécharger pour lire hors ligne
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
Índice

1.   Introducción
     a.   ¿Qué es Wink y para qué sirve?
     b.   Cómo descargar
     c.   Cómo instalar
     d.   Abrir Wink
     e.   Cambiar idioma

2.   Mi primer proyecto
     a.   Abrir un nuevo proyecto
     b.   Estableciendo las propiedades
     c.   Preferencias
     d.   Mi primera grabación
     e.   Mejorar el videotutorial

3.   Otras opciones


                                 Juan Manuel Sánchez Villarejo   2
1. Introducción

¿Qué es Wink y para qué sirve?
Wink es una herramienta que recoge lo que está pasando en tu
monitor 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
1. Introducción

Cómo descargar
Para descargar Wink en tu ordenador debemos acceder a la página
Web oficial: http://www.debugmode.com/wink/




Seleccionamos «from this download page»
                     Juan Manuel Sánchez Villarejo            4
1. Introducción

Cómo descargar
Seleccionamos uno de los servidores de descargar, «Download direct
from 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
1. Introducción

Cómo descargar
Seleccionamos el hipervínculo
«http://www.snapfiles.com/downloads/Wink/dlWink.html» para
comenzar a descargar el programa Wink.




                    Juan Manuel Sánchez Villarejo            6
1. Introducción

Cómo descargar
1. Guardamos el archivo en nuestro ordenador.
2. Lo descomprimimos.




                        Juan Manuel Sánchez Villarejo   7
1. Introducción

Cómo instalar
La instalación de Wink es muy sencilla, haz doble clic sobre el archivo
de instalación.


Y selecciona lo que indican las siguientes imágenes:




                        Juan Manuel Sánchez Villarejo                 8
1. Introducción

Cómo instalar




 Ya está el programa instalado y listo para usarlo.



                        Juan Manuel Sánchez Villarejo   9
1. Introducción

Abrir Wink


Wink se encuentra en:
Inicio
 Todos los programas
  Debugmode
   Wink




                        Juan Manuel Sánchez Villarejo   10
1. Introducción

Abrir Wink
El programa muestra el siguiente entorno gráfico:
                                                       Barra de herramientas
                                                       Ventana de diseño
                                                       Cuadro de propiedades




                       Juan Manuel Sánchez Villarejo                           11
1. Introducción

Cambiar idioma
Para cambiar el idioma a español haz lo siguiente:
          File – Choose language – Spanish


Saldrá el siguiente mensaje advirtiendo de
que debemos cerrar Wink y abrirlo de
nuevo para ver el cambio de idioma.




Volver al índice         Juan Manuel Sánchez Villarejo   12
Índice

1.   Introducción
     a.   ¿Qué es Wink y para qué sirve?
     b.   Cómo descargar
     c.   Cómo instalar
     d.   Abrir Wink
     e.   Cambiar idioma

2.   Mi primer proyecto
     a.   Abrir un nuevo proyecto
     b.   Estableciendo las propiedades
     c.   Preferencias
     d.   Mi primera grabación
     e.   Mejorar el videotutorial

3.   Otras opciones


                                 Juan Manuel Sánchez Villarejo   13
2. Mi primer proyecto

Abrir un nuevo proyecto
Una vez abierto el programa Wink seleccionamos:
        Archivo – Nuevo
para comenzar a crear nuestro propio videotutorial.




                        Juan Manuel Sánchez Villarejo   14
2. Mi primer proyecto

Abrir un nuevo proyecto
Aparecerá una nueva ventana que será muy importante para
establecer las propiedades de nuestro videotutorial.

                                        1
                                            2
Vamos a ir viendo cada uno de           3
                                            4
estos elementos.                        5


                                        6
                                            7
                                        8


                       Juan Manuel Sánchez Villarejo   15
2. Mi primer proyecto

    Estableciendo propiedades

1   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
2. Mi primer proyecto

    Estableciendo propiedades
4   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
2. Mi primer proyecto

    Estableciendo propiedades

5   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
2. Mi primer proyecto

    Estableciendo propiedades
6   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
2. Mi primer proyecto

    Estableciendo propiedades

7   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
2. Mi primer proyecto

    Estableciendo propiedades

8   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
2. Mi primer proyecto

Estableciendo propiedades
Esta ventana es únicamente
informativa, nos describe cuales
son las teclas que debemos pulsar
según el tipo de grabación que
vayamos a hacer.
Esta combinación de teclas la
cambiaremos para que nos sea
más fácil hacer capturas, por lo
tanto no hace falta memorizarlas.
Si se pulsa el botón «Minimizar», Wink estará a la espera de que
comencemos la grabación. Mira el icono que aparece en la parte
inferior derecha de la pantalla.
                       Juan Manuel Sánchez Villarejo               22
2. Mi primer proyecto

Preferencias
Conviene realizar algún ajuste para
facilitarnos la creación de video-
tutoriales con Wink. Por ello
seleccionamos:
        Archivo – Preferencias
A continuación aparecerá una nueva
ventana.




                      Juan Manuel Sánchez Villarejo   23
2. Mi primer proyecto

Preferencias

Vamos a cambiar los
botones de selección
de captura. Para ello,
pulsaremos sobre los
botones     que     se
indican      y      le
asignaremos a cada
uno de ellos los
valores F1, F2 y F3
respectivamente.




                         Juan Manuel Sánchez Villarejo   24
2. Mi primer proyecto

Preferencias
¿Qué hemos conseguido con esto?
Como hemos dicho, una vez establecidas las propiedades, Wink está a
la espera de que comencemos a grabar. Por eso ahora pueden
realizarse 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
2. Mi primer proyecto

Preferencias
Iniciar/detener capturas por tiempo captura todos los movimientos
del ratón.
Iniciar/detener capturas dirigidas tiene en cuenta las acciones del
rató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 Button
Is Down» y elije la opción de capturas dirigidas, se capturarán
pantallas sólo cuando el ratón o el teclado se accionen.




                        Juan Manuel Sánchez Villarejo                 26
2. Mi primer proyecto

Mi primera grabación
La captura, sea por tiempo o dirigida, la elegiremos según nuestro
gusto. Trabajar con una u otra dependerá de lo que nosotros
consideremos qué es mejor.

Yo me decantaré en este caso por
la segunda, por una captura
dirigida.
Establezco     las      siguientes
propiedades:




                        Juan Manuel Sánchez Villarejo            27
2. Mi primer proyecto

Mi primera grabación
Una vez que aparece en la parte inferior derecha el icono de espera


pulsaremos el botón F3, comenzar                       la   captura   dirigida.
Inmediatamente el icono cambiará.


Una vez finalizado pulsamos de nuevo F3 para pausar la
grabació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      y
seleccionamos «Finalizar captura».

                       Juan Manuel Sánchez Villarejo                         28
2. Mi primer proyecto

Mi primera grabación
Una vez que aparece el icono de espera, también podremos darle a
grabar/pausar con el ratón, pulsando con el botón derecho del
mismo sobre el icono de Wink.




Cuando finalizan las capturas se abre automáticamente el programa
Wink cargando todo lo que hemos hecho.
                       Juan Manuel Sánchez Villarejo            29
2. Mi primer proyecto




                                 Pantalla seleccionada

                                 Todas las pantallas


 Juan Manuel Sánchez Villarejo                           30
2. Mi primer proyecto


Mi primera grabación
Para hacernos una idea de lo que hemos capturado seleccionamos:
       Proyecto – Generar
Así generamos nuestro flash de vídeo, al que deberemos darle un
nombre. Si seleccionamos luego la opción:
       Proyecto – Ver resultado generado
se abrirá nuestro navegador mostrando el
vídeo.
Se generan 3 archivos con extensiones .swf,
.htm, y .js.


                       Juan Manuel Sánchez Villarejo              31
2. Mi primer proyecto


Mejorar el videotutorial
Una vez que hemos capturado nuestro vídeo, tendremos la opción
de mejorar su visualización con el cuadro de herramientas que
tenemos 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
2. Mi primer proyecto


Mejorar el videotutorial
Wink te ofrece la posibilidad de asignarle un nombre en el cuadro de
texto «Título» y un tiempo de duración determinado a cada uno de
los frames o pantallazos.
Ponerle título a los frames será útil para el creador de los
videotutoriales.




                       Juan Manuel Sánchez Villarejo               33
2. Mi primer proyecto


Mejorar 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
2. Mi primer proyecto


Mejorar el videotutorial
Si añadimos sonido podremos realizar una grabación en ese
momento, o añadir una que ya tengamos en nuestro equipo.
También te ofrece la posibilidad de configurar las propiedades de
audio.




                       Juan Manuel Sánchez Villarejo                35
2. Mi primer proyecto


Mejorar el videotutorial


Si añadimos una imagen se
abre una ventana para que
selecciones una imagen de
nuestro ordenador.




                       Juan Manuel Sánchez Villarejo   36
2. Mi primer proyecto


Mejorar el videotutorial
Si añadimos formas nos ofrece la posibilidad de escoger entre las ya
editadas o crearnos nuestras propias formas.




                       Juan Manuel Sánchez Villarejo                   37
2. Mi primer proyecto


Mejorar el videotutorial
Esta es la ventana donde podremos editar nuestras formas.




                       Juan Manuel Sánchez Villarejo        38
2. Mi primer proyecto


Mejorar el videotutorial
Cuando añadimos texto aparece un cuadro como el de la imagen, al
que también podremos darle el formato que queramos.




                       Juan Manuel Sánchez Villarejo           39
2. Mi primer proyecto


Mejorar el videotutorial
Los 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
2. Mi primer proyecto


Mejorar el videotutorial
Si queremos añadir un enlace a un página Web, se abrirá el siguiente
cuadro de diálogo para escribirlo.




                       Juan Manuel Sánchez Villarejo               41
2. Mi primer proyecto


Mejorar el videotutorial
Debajo de los controles para insertar
objetos, tenemos una ventana en la
que se ven los elementos que tiene
insertados en ese momento el frame.


Debajo de esta ventana se le pueden
cambiar las propiedades a dichos
objetos.




                       Juan Manuel Sánchez Villarejo   42
2. Mi primer proyecto


Mejorar el videotutorial
Para poner propiedades que se cumplan en todas las pantallas
tenemos un apartado específico en la parte derecha también.




                       Juan Manuel Sánchez Villarejo           43
Índice

1.   Introducción
     a.   ¿Qué es Wink y para qué sirve?
     b.   Cómo descargar
     c.   Cómo instalar
     d.   Abrir Wink
     e.   Cambiar idioma

2.   Mi primer proyecto
     a.   Abrir un nuevo proyecto
     b.   Estableciendo las propiedades
     c.   Preferencias
     d.   Mi primera grabación
     e.   Mejorar el videotutorial

3.   Otras opciones


                                 Juan Manuel Sánchez Villarejo   44
3. Otras opciones


Guardar el proyecto
Si queremos editar nuestro vídeo hay que guardarlo, como si de un
documento cualquiera se tratase. Para ello seleccionamos:
        Archivo – Guardar
La extensión con la que se guarda es .wink.
Exportar proyecto
Wink ofrece la posibilidad de exportar nuestro trabajo a otros
formatos como HTML, PDF y PostScript. Para ello seleccionamos:
        Archivo – Exportar a HTML | PDF | PostScript



                       Juan Manuel Sánchez Villarejo                45
3. Otras opciones


Imagen de fondo
Si queremos poner una imagen de fondo a las pantallas:
       Proyecto – Elegir imagen de Fondo
Podremos ponerle un color o una imagen.


Configurar archivo de video
Si deseamos configurar el nombre, movimiento del ratón, barra de
control del video, etc., podremos hacerlo seleccionando:
       Proyecto - Ajustes



                      Juan Manuel Sánchez Villarejo                46
3. Otras opciones


Insertar más pantallas
Si tenemos necesidad de añadir frames para añadirles botones,
texto, etc., debemos seleccionar:
        Proyecto – Insertar frames


Dimensión de frames
Darle otro tamaño a los frames puede ocasionar pérdida de nitidez
en 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
3. Otras opciones


Exportar o importar texto
Wink facilita la opción de importar o exportar texto con las
opciones:
        Proyecto – Exportar texto a archivo
        Proyecto – Importar texto desde archivo
Plantillas
Si queremos crear una plantilla para usarla en varios proyectos,
tendremos la opción de guardarla, de igual forma si queremos
aplicar una plantilla, también Wink facilita esta labor:
        Proyecto – Guardar plantilla
        Proyecto – Aplicar plantilla
                       Juan Manuel Sánchez Villarejo               48
3. Otras opciones


Insertar un vídeo Wink en una página Web
De 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
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

Contenu connexe

Tendances

Crear videos con instant demo
Crear videos con instant demoCrear videos con instant demo
Crear videos con instant demo
blade_clon
 
1 Presentacion Wink
1  Presentacion  Wink1  Presentacion  Wink
1 Presentacion Wink
floren
 
Sony Vegas Manual B Sico
Sony Vegas Manual B SicoSony Vegas Manual B Sico
Sony Vegas Manual B Sico
guestca63d73
 
Pizarra Digital Interactiva 2
Pizarra Digital Interactiva 2Pizarra Digital Interactiva 2
Pizarra Digital Interactiva 2
facruiz
 
Macromedia flash 8 unidad 6
Macromedia flash 8 unidad 6Macromedia flash 8 unidad 6
Macromedia flash 8 unidad 6
Rafael Carlos
 

Tendances (20)

Instagram
InstagramInstagram
Instagram
 
Instagram
InstagramInstagram
Instagram
 
Crear videos con instant demo
Crear videos con instant demoCrear videos con instant demo
Crear videos con instant demo
 
1 Presentacion Wink
1  Presentacion  Wink1  Presentacion  Wink
1 Presentacion Wink
 
Cómo capturar-pantallas-gseex
 Cómo capturar-pantallas-gseex Cómo capturar-pantallas-gseex
Cómo capturar-pantallas-gseex
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Windows Movie Maker: el editor de video para todo el mundo
Windows Movie Maker: el editor de video para todo el mundoWindows Movie Maker: el editor de video para todo el mundo
Windows Movie Maker: el editor de video para todo el mundo
 
Sony Vegas Manual B Sico
Sony Vegas Manual B SicoSony Vegas Manual B Sico
Sony Vegas Manual B Sico
 
Wink 2.0
Wink 2.0Wink 2.0
Wink 2.0
 
Pizarra Digital Interactiva 2
Pizarra Digital Interactiva 2Pizarra Digital Interactiva 2
Pizarra Digital Interactiva 2
 
Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodo
 
¡Sorpréndete con micro:bit! Retos iniciales
¡Sorpréndete con micro:bit! Retos iniciales¡Sorpréndete con micro:bit! Retos iniciales
¡Sorpréndete con micro:bit! Retos iniciales
 
Macromedia flash 8 unidad 6
Macromedia flash 8 unidad 6Macromedia flash 8 unidad 6
Macromedia flash 8 unidad 6
 
Unidad 6
Unidad  6Unidad  6
Unidad 6
 
Cap15
Cap15Cap15
Cap15
 
Guia no 1 10 3
Guia no 1 10 3Guia no 1 10 3
Guia no 1 10 3
 
Guia no 1 10 1
Guia no 1 10 1Guia no 1 10 1
Guia no 1 10 1
 
Diarios de campo
Diarios de campoDiarios de campo
Diarios de campo
 
Tutorial Adobe Premiere Pro 1.5 Por Jackson Lazaro Barquisimeto Venezuela
Tutorial Adobe Premiere Pro 1.5 Por Jackson Lazaro Barquisimeto VenezuelaTutorial Adobe Premiere Pro 1.5 Por Jackson Lazaro Barquisimeto Venezuela
Tutorial Adobe Premiere Pro 1.5 Por Jackson Lazaro Barquisimeto Venezuela
 
Manual windows movie maker abc0
Manual windows movie maker abc0Manual windows movie maker abc0
Manual windows movie maker abc0
 

Similaire à Wink

04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...
04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...
04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...
José M. Padilla
 
04 Multimedia. Introduccion. Video Digital Windows
04 Multimedia. Introduccion. Video Digital Windows04 Multimedia. Introduccion. Video Digital Windows
04 Multimedia. Introduccion. Video Digital Windows
José M. Padilla
 
Sesiones Curso Tic[1](2)
Sesiones Curso Tic[1](2)Sesiones Curso Tic[1](2)
Sesiones Curso Tic[1](2)
juanma
 
Tutorial de Avidemux
Tutorial de AvidemuxTutorial de Avidemux
Tutorial de Avidemux
balea
 
Manual windows movie maker[2]
Manual windows movie maker[2]Manual windows movie maker[2]
Manual windows movie maker[2]
Ana Huamán
 
Crear videos con instant demo
Crear videos con instant demoCrear videos con instant demo
Crear videos con instant demo
blade_clon
 
Plan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextosPlan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextos
Carlos Aguilar
 

Similaire à Wink (20)

Programa Wink
Programa WinkPrograma Wink
Programa Wink
 
04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...
04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...
04 Multimedia. Introduccion. Video Digital Linu Multimedia. Introduccionvideo...
 
Como usar snag it
Como usar snag itComo usar snag it
Como usar snag it
 
Editar videos con movie maker
Editar videos con movie makerEditar videos con movie maker
Editar videos con movie maker
 
04 Multimedia. Introduccion. Video Digital Windows
04 Multimedia. Introduccion. Video Digital Windows04 Multimedia. Introduccion. Video Digital Windows
04 Multimedia. Introduccion. Video Digital Windows
 
Manual CamStudio v 2.7
Manual CamStudio v 2.7Manual CamStudio v 2.7
Manual CamStudio v 2.7
 
Jing cast
Jing castJing cast
Jing cast
 
Clase 17-grado-11
Clase 17-grado-11Clase 17-grado-11
Clase 17-grado-11
 
Tutorial de edición de vídeo con Windows Movie Maker (parte 3)
Tutorial de edición de vídeo con Windows Movie Maker (parte 3)Tutorial de edición de vídeo con Windows Movie Maker (parte 3)
Tutorial de edición de vídeo con Windows Movie Maker (parte 3)
 
Tutorial de Edición de Vídeo con Windows Movie Maker
Tutorial de Edición de Vídeo con Windows Movie MakerTutorial de Edición de Vídeo con Windows Movie Maker
Tutorial de Edición de Vídeo con Windows Movie Maker
 
Creadores y editores de vídeo
Creadores y editores de vídeoCreadores y editores de vídeo
Creadores y editores de vídeo
 
Aplicaciones Ofimáticas Microsoft PowerPoint Parte 7
Aplicaciones Ofimáticas Microsoft PowerPoint Parte 7Aplicaciones Ofimáticas Microsoft PowerPoint Parte 7
Aplicaciones Ofimáticas Microsoft PowerPoint Parte 7
 
Sesiones Curso Tic[1](2)
Sesiones Curso Tic[1](2)Sesiones Curso Tic[1](2)
Sesiones Curso Tic[1](2)
 
Tutorial de Avidemux
Tutorial de AvidemuxTutorial de Avidemux
Tutorial de Avidemux
 
Manual windows movie maker[2]
Manual windows movie maker[2]Manual windows movie maker[2]
Manual windows movie maker[2]
 
Tutorial capturas de pantalla
Tutorial capturas de pantallaTutorial capturas de pantalla
Tutorial capturas de pantalla
 
Crear videos con instant demo
Crear videos con instant demoCrear videos con instant demo
Crear videos con instant demo
 
Plan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextosPlan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextos
 
Plan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextosPlan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextos
 
Aplicacion multimedia
Aplicacion multimediaAplicacion multimedia
Aplicacion multimedia
 

Wink

  • 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. Índice 1. Introducción a. ¿Qué es Wink y para qué sirve? b. Cómo descargar c. Cómo instalar d. Abrir Wink e. Cambiar idioma 2. Mi primer proyecto a. Abrir un nuevo proyecto b. Estableciendo las propiedades c. Preferencias d. Mi primera grabación e. Mejorar el videotutorial 3. Otras opciones Juan Manuel Sánchez Villarejo 2
  • 3. 1. Introducción ¿Qué es Wink y para qué sirve? Wink es una herramienta que recoge lo que está pasando en tu monitor 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. 1. Introducción Cómo descargar Para descargar Wink en tu ordenador debemos acceder a la página Web oficial: http://www.debugmode.com/wink/ Seleccionamos «from this download page» Juan Manuel Sánchez Villarejo 4
  • 5. 1. Introducción Cómo descargar Seleccionamos uno de los servidores de descargar, «Download direct from 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. 1. Introducción Cómo descargar Seleccionamos el hipervínculo «http://www.snapfiles.com/downloads/Wink/dlWink.html» para comenzar a descargar el programa Wink. Juan Manuel Sánchez Villarejo 6
  • 7. 1. Introducción Cómo descargar 1. Guardamos el archivo en nuestro ordenador. 2. Lo descomprimimos. Juan Manuel Sánchez Villarejo 7
  • 8. 1. Introducción Cómo instalar La instalación de Wink es muy sencilla, haz doble clic sobre el archivo de instalación. Y selecciona lo que indican las siguientes imágenes: Juan Manuel Sánchez Villarejo 8
  • 9. 1. Introducción Cómo instalar Ya está el programa instalado y listo para usarlo. Juan Manuel Sánchez Villarejo 9
  • 10. 1. Introducción Abrir Wink Wink se encuentra en: Inicio Todos los programas Debugmode Wink Juan Manuel Sánchez Villarejo 10
  • 11. 1. Introducción Abrir Wink El programa muestra el siguiente entorno gráfico: Barra de herramientas Ventana de diseño Cuadro de propiedades Juan Manuel Sánchez Villarejo 11
  • 12. 1. Introducción Cambiar idioma Para cambiar el idioma a español haz lo siguiente: File – Choose language – Spanish Saldrá el siguiente mensaje advirtiendo de que debemos cerrar Wink y abrirlo de nuevo para ver el cambio de idioma. Volver al índice Juan Manuel Sánchez Villarejo 12
  • 13. Índice 1. Introducción a. ¿Qué es Wink y para qué sirve? b. Cómo descargar c. Cómo instalar d. Abrir Wink e. Cambiar idioma 2. Mi primer proyecto a. Abrir un nuevo proyecto b. Estableciendo las propiedades c. Preferencias d. Mi primera grabación e. Mejorar el videotutorial 3. Otras opciones Juan Manuel Sánchez Villarejo 13
  • 14. 2. Mi primer proyecto Abrir un nuevo proyecto Una vez abierto el programa Wink seleccionamos: Archivo – Nuevo para comenzar a crear nuestro propio videotutorial. Juan Manuel Sánchez Villarejo 14
  • 15. 2. Mi primer proyecto Abrir un nuevo proyecto Aparecerá una nueva ventana que será muy importante para establecer las propiedades de nuestro videotutorial. 1 2 Vamos a ir viendo cada uno de 3 4 estos elementos. 5 6 7 8 Juan Manuel Sánchez Villarejo 15
  • 16. 2. Mi primer proyecto Estableciendo propiedades 1 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. 2. Mi primer proyecto Estableciendo propiedades 4 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. 2. Mi primer proyecto Estableciendo propiedades 5 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. 2. Mi primer proyecto Estableciendo propiedades 6 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. 2. Mi primer proyecto Estableciendo propiedades 7 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. 2. Mi primer proyecto Estableciendo propiedades 8 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. 2. Mi primer proyecto Estableciendo propiedades Esta ventana es únicamente informativa, nos describe cuales son las teclas que debemos pulsar según el tipo de grabación que vayamos a hacer. Esta combinación de teclas la cambiaremos para que nos sea más fácil hacer capturas, por lo tanto no hace falta memorizarlas. Si se pulsa el botón «Minimizar», Wink estará a la espera de que comencemos la grabación. Mira el icono que aparece en la parte inferior derecha de la pantalla. Juan Manuel Sánchez Villarejo 22
  • 23. 2. Mi primer proyecto Preferencias Conviene realizar algún ajuste para facilitarnos la creación de video- tutoriales con Wink. Por ello seleccionamos: Archivo – Preferencias A continuación aparecerá una nueva ventana. Juan Manuel Sánchez Villarejo 23
  • 24. 2. Mi primer proyecto Preferencias Vamos a cambiar los botones de selección de captura. Para ello, pulsaremos sobre los botones que se indican y le asignaremos a cada uno de ellos los valores F1, F2 y F3 respectivamente. Juan Manuel Sánchez Villarejo 24
  • 25. 2. Mi primer proyecto Preferencias ¿Qué hemos conseguido con esto? Como hemos dicho, una vez establecidas las propiedades, Wink está a la espera de que comencemos a grabar. Por eso ahora pueden realizarse 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. 2. Mi primer proyecto Preferencias Iniciar/detener capturas por tiempo captura todos los movimientos del ratón. Iniciar/detener capturas dirigidas tiene en cuenta las acciones del rató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 Button Is Down» y elije la opción de capturas dirigidas, se capturarán pantallas sólo cuando el ratón o el teclado se accionen. Juan Manuel Sánchez Villarejo 26
  • 27. 2. Mi primer proyecto Mi primera grabación La captura, sea por tiempo o dirigida, la elegiremos según nuestro gusto. Trabajar con una u otra dependerá de lo que nosotros consideremos qué es mejor. Yo me decantaré en este caso por la segunda, por una captura dirigida. Establezco las siguientes propiedades: Juan Manuel Sánchez Villarejo 27
  • 28. 2. Mi primer proyecto Mi primera grabación Una vez que aparece en la parte inferior derecha el icono de espera pulsaremos el botón F3, comenzar la captura dirigida. Inmediatamente el icono cambiará. Una vez finalizado pulsamos de nuevo F3 para pausar la grabació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 y seleccionamos «Finalizar captura». Juan Manuel Sánchez Villarejo 28
  • 29. 2. Mi primer proyecto Mi primera grabación Una vez que aparece el icono de espera, también podremos darle a grabar/pausar con el ratón, pulsando con el botón derecho del mismo sobre el icono de Wink. Cuando finalizan las capturas se abre automáticamente el programa Wink cargando todo lo que hemos hecho. Juan Manuel Sánchez Villarejo 29
  • 30. 2. Mi primer proyecto Pantalla seleccionada Todas las pantallas Juan Manuel Sánchez Villarejo 30
  • 31. 2. Mi primer proyecto Mi primera grabación Para hacernos una idea de lo que hemos capturado seleccionamos: Proyecto – Generar Así generamos nuestro flash de vídeo, al que deberemos darle un nombre. Si seleccionamos luego la opción: Proyecto – Ver resultado generado se abrirá nuestro navegador mostrando el vídeo. Se generan 3 archivos con extensiones .swf, .htm, y .js. Juan Manuel Sánchez Villarejo 31
  • 32. 2. Mi primer proyecto Mejorar el videotutorial Una vez que hemos capturado nuestro vídeo, tendremos la opción de mejorar su visualización con el cuadro de herramientas que tenemos 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. 2. Mi primer proyecto Mejorar el videotutorial Wink te ofrece la posibilidad de asignarle un nombre en el cuadro de texto «Título» y un tiempo de duración determinado a cada uno de los frames o pantallazos. Ponerle título a los frames será útil para el creador de los videotutoriales. Juan Manuel Sánchez Villarejo 33
  • 34. 2. Mi primer proyecto Mejorar 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. 2. Mi primer proyecto Mejorar el videotutorial Si añadimos sonido podremos realizar una grabación en ese momento, o añadir una que ya tengamos en nuestro equipo. También te ofrece la posibilidad de configurar las propiedades de audio. Juan Manuel Sánchez Villarejo 35
  • 36. 2. Mi primer proyecto Mejorar el videotutorial Si añadimos una imagen se abre una ventana para que selecciones una imagen de nuestro ordenador. Juan Manuel Sánchez Villarejo 36
  • 37. 2. Mi primer proyecto Mejorar el videotutorial Si añadimos formas nos ofrece la posibilidad de escoger entre las ya editadas o crearnos nuestras propias formas. Juan Manuel Sánchez Villarejo 37
  • 38. 2. Mi primer proyecto Mejorar el videotutorial Esta es la ventana donde podremos editar nuestras formas. Juan Manuel Sánchez Villarejo 38
  • 39. 2. Mi primer proyecto Mejorar el videotutorial Cuando añadimos texto aparece un cuadro como el de la imagen, al que también podremos darle el formato que queramos. Juan Manuel Sánchez Villarejo 39
  • 40. 2. Mi primer proyecto Mejorar el videotutorial Los 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. 2. Mi primer proyecto Mejorar el videotutorial Si queremos añadir un enlace a un página Web, se abrirá el siguiente cuadro de diálogo para escribirlo. Juan Manuel Sánchez Villarejo 41
  • 42. 2. Mi primer proyecto Mejorar el videotutorial Debajo de los controles para insertar objetos, tenemos una ventana en la que se ven los elementos que tiene insertados en ese momento el frame. Debajo de esta ventana se le pueden cambiar las propiedades a dichos objetos. Juan Manuel Sánchez Villarejo 42
  • 43. 2. Mi primer proyecto Mejorar el videotutorial Para poner propiedades que se cumplan en todas las pantallas tenemos un apartado específico en la parte derecha también. Juan Manuel Sánchez Villarejo 43
  • 44. Índice 1. Introducción a. ¿Qué es Wink y para qué sirve? b. Cómo descargar c. Cómo instalar d. Abrir Wink e. Cambiar idioma 2. Mi primer proyecto a. Abrir un nuevo proyecto b. Estableciendo las propiedades c. Preferencias d. Mi primera grabación e. Mejorar el videotutorial 3. Otras opciones Juan Manuel Sánchez Villarejo 44
  • 45. 3. Otras opciones Guardar el proyecto Si queremos editar nuestro vídeo hay que guardarlo, como si de un documento cualquiera se tratase. Para ello seleccionamos: Archivo – Guardar La extensión con la que se guarda es .wink. Exportar proyecto Wink ofrece la posibilidad de exportar nuestro trabajo a otros formatos como HTML, PDF y PostScript. Para ello seleccionamos: Archivo – Exportar a HTML | PDF | PostScript Juan Manuel Sánchez Villarejo 45
  • 46. 3. Otras opciones Imagen de fondo Si queremos poner una imagen de fondo a las pantallas: Proyecto – Elegir imagen de Fondo Podremos ponerle un color o una imagen. Configurar archivo de video Si deseamos configurar el nombre, movimiento del ratón, barra de control del video, etc., podremos hacerlo seleccionando: Proyecto - Ajustes Juan Manuel Sánchez Villarejo 46
  • 47. 3. Otras opciones Insertar más pantallas Si tenemos necesidad de añadir frames para añadirles botones, texto, etc., debemos seleccionar: Proyecto – Insertar frames Dimensión de frames Darle otro tamaño a los frames puede ocasionar pérdida de nitidez en 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. 3. Otras opciones Exportar o importar texto Wink facilita la opción de importar o exportar texto con las opciones: Proyecto – Exportar texto a archivo Proyecto – Importar texto desde archivo Plantillas Si queremos crear una plantilla para usarla en varios proyectos, tendremos la opción de guardarla, de igual forma si queremos aplicar una plantilla, también Wink facilita esta labor: Proyecto – Guardar plantilla Proyecto – Aplicar plantilla Juan Manuel Sánchez Villarejo 48
  • 49. 3. Otras opciones Insertar un vídeo Wink en una página Web De 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. 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