1 Presentacion Wink
Transcript of 1 Presentacion Wink
![Page 1: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/1.jpg)
WINKPrograma para la creación de
tutoriales
Profesora Espósito SandraProfesora Espósito Sandra
![Page 2: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/2.jpg)
¿Qué es Wink?
Recomendado para la creación de tutoriales o demostraciones interactivas de software.
Permite registrar toda la actividad realizada en la pantalla de la PC
Es un software que puede ser utilizado para generar productos con fines educativos.
Prof. Espósito SandraProf. Espósito Sandra
![Page 3: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/3.jpg)
Características
Freeware: Distribuido como freeware tanto para uso personal como para uso comercial.
Multi-Plataforma: Válido para Windows y para varias versiones de Linux.
Prof. Espósito SandraProf. Espósito Sandra
![Page 4: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/4.jpg)
Características
Audio: Permite la grabación de voz para una mejor explicación del tutorial o para la demo.
Soporte Multilingual
Formatos de Salida : Macromedia Flash, Standalone EXE, PDF, PostScript, HTML o casi cualquier formato de imagen.
Prof. Espósito SandraProf. Espósito Sandra
![Page 5: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/5.jpg)
Características
Así podríamos usar:
Flash/html para la web, EXE para la distribución y PDF en la creación de manuales para imprimir.
Prof. Espósito SandraProf. Espósito Sandra
![Page 6: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/6.jpg)
Inicio de un ProyectoLos proyectos de Wink se componen de “Frames”, cada frame puede contener imágenes, gráficos, sonidos, botones, enlaces
Prof. Espósito SandraProf. Espósito Sandra
Frame Actual donde aparece una imagen
y otros elementos
![Page 7: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/7.jpg)
Acceso a Opciones a través de íconos
Propiedades y edición del frame actual. En este caso
está deshabilitado porque no hay ningún frame
Propiedades comunes a todos los frames
Inicio de un Proyecto
![Page 8: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/8.jpg)
2. Luego, ir a Elegir lenguaje
1. Para cambiar el idioma debo ir a Archivo.
3. Luego elegir lenguaje Español. Cerrar la aplicación
y volver a Abrirla
Inicio de un Proyecto
![Page 9: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/9.jpg)
Paso 1. Se hace clic en la hoja en blanco que permite iniciar un nuevo proyecto o se va a Archivo y se hace clic sobre Nuevo
Paso 2. Se abre un asistente de nuevo proyecto y se debe tomar una decisión que veremos a continuación.
Inicio de un Proyecto
![Page 10: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/10.jpg)
Paso 3. Se puede empezar por capturar pantallas de un software que queríamos enseñar o de algún sitio web a mostrar o no capturar nada
e insertar en forma manual cada “frame” y editarlo. Para capturar debe estar tildada la opción de Comenzar capturando pantallas
Inicio de un Proyecto
![Page 11: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/11.jpg)
Supongamos que queremos capturar pantallas.
Lo siguiente a realizar es decidir:
a. Si grabamos sonido o no
b. Si queremos capturar lo correspondiente a la pantalla o una ventana o un rectángulo específico.
Analizaremos ahora estas opciones
Inicio de un Proyecto
![Page 12: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/12.jpg)
Hay tres formas de capturar:1. Capturar solo pantallas como imágenes. Por defecto
cuando uno inicia a capturar cada vez que presiona la tecla Pause se captura una pantalla que se convertirá en un frame de Wink.
2. Capturar en tiempo continuo con una cantidad de frames por segundo (estipuladas en las preferencias del proyecto). Se empieza presionando Shift + Pause y ahí empieza a capturar todos los eventos que realizamos. Para finalizar debemos volver a presionar Shift + Pause.
3. Captura dirigida. Se capturan todos los eventos relevantes cada vez que presionamos una determinada tecla y/o hacemos un clic con el botón del mouse (dependiendo de lo estipulado en la pantalla inicial de captura del proyecto.
Inicio de un Proyecto
![Page 13: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/13.jpg)
Frames generados luego de la captura. Se pueden empezar
a editar
Proyecto una vez realizada la captura
![Page 14: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/14.jpg)
Ir a proyecto y allí elegir la opción
de Insertar Frames
Insertar un frame
![Page 15: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/15.jpg)
Se selecciona el frame a borrar y
luego se oprime la tecla DEL o Supr
del teclado
Borrar un frame
![Page 16: 1 Presentacion Wink](https://reader035.fdocuments.net/reader035/viewer/2022062522/58a3136c1a28ab1d068b5343/html5/thumbnails/16.jpg)
Se presentó hasta aquí los primeros
pasos para realizar un trabajo en Wink
Profesora Sandra EspósitoProfesora Sandra Espósito