taller de wink

25
WINK WINK Fidel A. Escalante Claudio Fidel A. Escalante Claudio Centro de Producciones Centro de Producciones Educativas Educativas Oficina de Sistemas de Oficina de Sistemas de Información Información

Upload: fidel-escalante-claudio

Post on 13-Jun-2015

376 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Taller de Wink

WINKWINK

Fidel A. Escalante ClaudioFidel A. Escalante Claudio

Centro de Producciones EducativasCentro de Producciones Educativas

Oficina de Sistemas de InformaciónOficina de Sistemas de Información

Page 2: Taller de Wink

¿Qué es Wink?¿Qué es Wink?

WinkWink es una herramienta para hacer es una herramienta para hacer presentaciones y tutoriales sobre el uso de presentaciones y tutoriales sobre el uso de programados. programados.

La presentación se asemejará a un walkthrough La presentación se asemejará a un walkthrough en vivo sobre cómo utilizar el software. en vivo sobre cómo utilizar el software.

También el autor de la presentación puede También el autor de la presentación puede agregar comentarios y explicaciones a las agregar comentarios y explicaciones a las partes de la presentación para explicar mejor los partes de la presentación para explicar mejor los conceptos y el uso del tutorial.conceptos y el uso del tutorial.

Page 3: Taller de Wink

¿Qué es Wink?¿Qué es Wink?

Hay muchos propósitos para estas clases Hay muchos propósitos para estas clases de presentaciones: de presentaciones: Publicidad de software. Publicidad de software. Tutoriales de software para las clases. Tutoriales de software para las clases. Documentación de software para suplir la Documentación de software para suplir la

documentación escrita. documentación escrita. Contestar preguntas sobre el uso de Contestar preguntas sobre el uso de

programas visualmente.programas visualmente.

Page 4: Taller de Wink

¿Qué es Wink?¿Qué es Wink?

El formato básico de salida de Wink es El formato básico de salida de Wink es FlashFlash. . Los archivos Los archivos FlashFlash se ven en un web browser se ven en un web browser

usando el usando el Adobe Flash PlayerAdobe Flash Player que está que está instalado en la mayoría de las computadoras.instalado en la mayoría de las computadoras.

Page 5: Taller de Wink

¿Qué es Wink?¿Qué es Wink?

Page 6: Taller de Wink

Tutorial 1 Wink

Page 7: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

Para crear una nueva Para crear una nueva presentación corra su presentación corra su software y tome software y tome screenshots con screenshots con WinkWink (automática y/o (automática y/o manualmente) de manualmente) de cada acción hecha en cada acción hecha en ese software. ese software.

Page 8: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

Estos screenshots serán Estos screenshots serán puestos luego juntos por puestos luego juntos por WinkWink en una película en una película continua en la cual cada continua en la cual cada screenshot representa un screenshot representa un frame. frame.

Los frames se pueden Los frames se pueden mover, suprimir y copiar mover, suprimir y copiar dentro del proyecto y dentro del proyecto y entre los proyectos.entre los proyectos.

Page 9: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

La posición del cursor del La posición del cursor del ratón se guarda por ratón se guarda por separado para cada separado para cada frame. frame.

De esta manera De esta manera WinkWink hará que el movimiento hará que el movimiento del cursor sea más suave del cursor sea más suave entre los frames. entre los frames.

Usted puede también Usted puede también cambiar la posición del cambiar la posición del cursor del ratón en cursor del ratón en cualquier frame.cualquier frame.

Page 10: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

Hay varias ventajas para crear Hay varias ventajas para crear presentaciones usando screenshots y no presentaciones usando screenshots y no como sola película: como sola película: Es más fácil capturar screenshots porque si usted Es más fácil capturar screenshots porque si usted

comete errores (abre el archivo incorrecto, hace la comete errores (abre el archivo incorrecto, hace la acción incorrecta, se olvida de qué hacer y queda una acción incorrecta, se olvida de qué hacer y queda una pausa larga, etc.) en el progreso de la grabación pausa larga, etc.) en el progreso de la grabación usted apenas nota los screenshots de estos errores. usted apenas nota los screenshots de estos errores.

Si usted graba un archivo continuo usted tendría que Si usted graba un archivo continuo usted tendría que estar preparado por adelantado para evitar errores de estar preparado por adelantado para evitar errores de grabación. grabación.

Page 11: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

Al editar el archivo luego habrá pocos frames con los Al editar el archivo luego habrá pocos frames con los que trabajar y se quedará con los frames más que trabajar y se quedará con los frames más importantes -es decir, que solamente son pocos o importantes -es decir, que solamente son pocos o ningunos los frames intermedios.ningunos los frames intermedios.

El archivo de El archivo de WinkWink que resulta también será más que resulta también será más pequeño porque hay pocos frames en la pequeño porque hay pocos frames en la presentación.presentación.

Page 12: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

Pero en algunos casos puede ser útil y Pero en algunos casos puede ser útil y más fácil grabar todo que suceda e.g. al más fácil grabar todo que suceda e.g. al dibujar o texto que se mecanografía en un dibujar o texto que se mecanografía en un programa. programa. En este caso En este caso WinkWink puede ser configurafdo puede ser configurafdo

para captura para captura continua sincronizadacontinua sincronizada con un con un frame rate determinado, o captura frame rate determinado, o captura input-input-drivendriven donde los screenshots serán donde los screenshots serán capturados cada vez que cliqueé con el ratón capturados cada vez que cliqueé con el ratón y/o al presionar una tecla.y/o al presionar una tecla.

Page 13: Taller de Wink

¿Cómo usar Wink?¿Cómo usar Wink?

Después de que se haga la grabación usted puede corregir la secuencia y agregar comentarios o explicaciones a cada frame.

Page 14: Taller de Wink

Marcos de texto Los Textboxes son a menudo

el elemento más importante de una presentación porque permiten que usted aumente valor agregando comentarios y explicaciones al contenido en los frames individuales.

Un textbox consiste en un callout y el texto deseado.

El callout es el interior gráfico de la forma en que el texto se pone y puede ser cualquier cosa desde un rectángulo hasta burbujas.

Page 15: Taller de Wink

Marcos de texto

Wink provee un número de callouts estándar, pero también es posible diseñar sus propios callouts.

Page 16: Taller de Wink

Botones

Usted puede agregar los botones Previous y Next para pausar brevemente la presentación, y que el usuario pueda entonces ir atrás y adelante en la presentación presionando estos botones.

Usted puede agregar botones GotoFrame que saltan a otras secciones en la presentación. Éstos ayudan a crear presentaciones más avanzadas con diferente partes que cubren el contenido, en vez de ir de comienzo a final.

Page 17: Taller de Wink

GoTo Frame Para agregar un botón Goto

cliqueé Add Goto Frame en la barra de propiedades. Esto también abrirá la ventana del Choose Target Frame ddonde usted puede seleccionar el frame objeto de la acción.

El Target Frame puede ser cambiado más adelante doble-cliqueando el botón en la vista principal o seleccionándolo y cliqueando el botón Choose Target Frame en la barra de propiedades.

Page 18: Taller de Wink

Grabar presentación

Una vez que usted haya acabado crear y corregir una presentación, esta debe ser guardada como un archivo de Flash para que se pueda colocar en un Web site o distribuir en otras maneras.

La calidad y el tamaño de la presentación se pueden ajustar.

Page 19: Taller de Wink

Flash Preloader Es también posible

agregar un preloader y una barra de control.

Un preloader será mostrado cuando la presentación está cargando.

Mientras que la barra del control demuestra el progreso de la presentación para permitir detenerse brevemente a voluntad.

Page 20: Taller de Wink

Exportación de Wink

La presentación se puede también exportar a un archivo HTML, PDF o PostScript. Estos archivos exportados se pueden colocar junto con el archivo de Flash rendido en un Web site y el usuario final entonces tendrá la opción para imprimir la presentación.

Al exportar a HTML usted tiene que elegir el formato usado para las imágenes (las imágenes se guardan como archivos separados). El mejor formato de imagen para los archivos HTML es PNG (para los screenshots de programas). Si algunos frames contienen fotos entonces utilice JPEG. Nota: Utilice los formatos de BMP, de JPG o de PNG si usted desea poder ver las imágenes en el archivo HTML. Utilice los otros formatos para exportar frames y para su uso en otros programas.

Page 21: Taller de Wink

Exportación de Wink

Para PDF y PostScript usted tiene la opción de decidir el tamaño del papel y la orientación para la exportación, mientras que la opción “Fit Page to Image” se limita a la exportación de PDF.

Usted puede también elegir no incluir los botones de las presentaciones si el documento exportado va a ser impreso.

Page 22: Taller de Wink

Preferencias

La ventana de preferencias se encuentra en el menú “File, Preferences” , donde usted puede especificar algunos ajustes generales para el programa.

Page 23: Taller de Wink

Tutorial 2 Wink

Page 24: Taller de Wink

URL’s de interés

DebugMode homepage – http://www.debugmode.com/

Wink homepage – http://www.debugmode.com/wink/

DebugMode User Forums – http://www.debugmode.com/userforums/

Page 25: Taller de Wink

Gracias por su atención