MANUAL DEL USUARIO
http://www.debugmode.com Wink™ © 2003‐06 Satish Kumar. S. All rights reserved
User Guide © 2003‐06 Bent Møller Madsen, Linda Worthington & Satish Kumar. S
Wink™ 2.0 User Guide Copyright © 2003‐06 Bent Møller Madsen, Linda Worthington & Satish Kumar. S. All rights reserved.
.
La información de este documento es sólo para uso informativo, sujeto al cambio sin aviso, El autor no asume ninguna responsabilidad u obligación por cualquier error o inexactitudes que pueden aparecer en este documento. El software descrito en este documento se proporciona bajo la licencia y sólo puede usarse o ser copiado de acuerdo con los términos de tal licencia. Macromedia® y Macromedia® FLASH® son las marcas de fábrica de Macromedia, Inc. y podría ser registrada en ciertas jurisdicciones. Adobe® y Adobe® Reader® son marcas de Adobe Systems Incorporated que podría registrarse en ciertas jurisdicciones. Microsoft® y Microsoft® Windows® son marcas de Microsoft Corporation que puede ser registrada en ciertas jurisdicciones. Todos demás productos son marcas de sus respectivos proveedores y están reconocen.
DIRECTORIO
RectorDr. Salvador Jara Guerrero
Secretario GeneralDr. Egberto Bedolla Becerril
Secretario AcadémicoDr. José Gerardo Tinoco Ruiz
Secretario AdministrativoLic. Elías González Ruelas
Secretario AuxiliarDra. Rosa María de la Torre Torres
Secretario ParticularL.E. José Refugio Rodríguez Velázquez
Secretario PrivadoLic. Pavel Aurelio Ocegueda Robledo
TesoreroC.P. Horacio Guillermo Díaz Mora
ContralorDr. José Luis Chávez Chávez
Abogado GeneralLic. Juan Carlos Gómez Revuelta
1INTRODUCCION
1.1. Acerca de Wink Wink es una herramienta de software para hacer presentaciones y tutoriales acerca del uso del programa de software, una presentación de Wink se parecerá a una presentación animada en vivo de cómo utilizar el software. También el autor de la presentación puede añadir comentarios y explicaciones a las partes de la presentación para mejorar la explicación de los conceptos y el uso al usuario final. Hay muchos propósitos para estas clases de presentaciones: ∙ Información del software. ∙ Crear tutoriales de software para sus clases. ∙ Documentación del software para complementar la documentación escrita. ∙ Respuesta a preguntas sobre el uso de programas visualmente. El formato de salida básico de Wink es FLASH. FLASH es visto en un navegador de Web que usa el reproductor gratuito de Macromedia FLASH, que es instalado sobre la mayoría de las computadoras o puede ser fácilmente instalado cuando el usuario final trate de ver un archivo de FLASH por primera vez.
1.2 Requerimientos Para trabajar con Wink debemos contar con una resolución de pantalla mínima de 800 x 600 aunque se recomienda usar una resolución de 1024 x 768 o mejor. Esto hará más fácil la edición de una presentación con un tamaño de área grande porque será capaz de ver todo o al menos una gran parte del Frame que esté viendo. La resolución de pantalla mínima y recomendada no se aplica cuando usted captura escenas cortas para una presentación Wink. Estas podría ser capturados con una resolución de pantalla de 640 x 480 dependiendo de las necesidades.
1.3 Instalación El paquete de instalación viene como un archivo empaquetado en Zip con el archivo de instalación. Desempaqueten este archivo en cualquier carpeta temporal y corra el ejecutable para comenzar la instalación. Si usted tiene una versión más reciente de Wink instalado, esta instalación puede sobre escribir la configuración de la instalación reciente (similar a una actualización).
1.4 Nuevos aspectos de la versión 2.0 La actual versión 2.0 está disponible para Windows, con los siguientes aspectos:
• Está traducido a una gran variedad de idiomas. • Deshacer / Rehacer. • Cuadros de texto ilimitado. • Botones de URL para abrir una página web. • Objetos de imagen. • Objetos de forma, creación y uso de formas como si fuera una llamada sin texto. • Audio. • Panel de propiedades mejorado y más sencillo. • Flujo de control en la llamada de archivos swf. • Habilitación y deshabilitación de Frames en un proyecto.
1.5 Diferencias En las Versiones de Windows y Linux La mayor parte de los aspectos e interfaces de usuario son los mismos en Windows y Linux, pero hay unas pocas diferencias. Estas son:
• Ningún modo de captura por entrada en Linux
• Las fuentes de Texto en Windows y Linux son diferentes dependiendo que están disponible en el sistema.
• UI (interface del usuario), los elementos de las interfaces de usuario son diferentes en ambas plataformas así habrá diferencias menores de sus funcionalidades.
• El icono de Wink en la bandeja del sistema Linux estará disponible sólo si el administrador posee la extensión requerida.
Por favor note que el UI es muy diferente entre la última versión (2.0) de Windows y la versión 1.5 de Linux.
1.6.‐ Utilizar Esta Guía Esta guía de usuario es distribuida como un documento PDF de modo que pueda ser imprimido como un manual si fuera necesario. Se recomienda que usted lea este documento completamente antes de comenzar a utilizar Wink de modo que usted pueda trabajar con él en forma fácil. También, se menciona una lista de accesos rápidos que le pueden ser de mucha utilidad. Dos proyectos de tutoriales están presentes en esta distribución. Una vez instalado, ejecute Wink y seleccione el menú “Ayuda > Visualizar tutorial 1”, Conteste Sí para ver el tutorial. Usted verá las instrucciones a raíz de que la interpretación es hecha. Los proyectos de ejemplo son llamados "tutorial1.wnk" y "tutorial2.wnk". Estos archivos están presentes en la carpeta Wink \ Samples. También, hay un tutorial paso a paso adelante en este documento.
2Conceptos Básicos
2.1 Como utilizar Wink Para crear una nueva presentación en Wink usted ejecuta su software y toma cada escena con Wink (automáticamente y/o manualmente) de cada acción hecha en el software. Estas escenas después serán reunidas por Wink en una película continua en la cual cada escena representa un Frame. Los Frame pueden ser movidos, borrados y copiados dentro del proyecto y entre proyectos. La posición del cursor del ratón es grabado separadamente para cada Frame. De esta manera Wink tendrá cuidado de hacer que el cursor se mueva suavemente entre los Frame. Usted también puede cambiar la posición del cursor del ratón en cualquier Frame. Hay varias ventajas para grabar presentaciones usando escenas y también para no grabar toda la presentación entera como una sola película:
• Es más fácil capturar escenas cortas porque si usted comete errores (abrir el archivo incorrecto, hacer la acción incorrecta, olvidar que hacer o el diseño de una pausa larga, etc.) en el progreso de grabación usted solamente no toma estas escenas con estos errores. Si fuera la grabación un archivo continuo, usted tendría que estar preparado por adelantado para evitar estos tipos de errores de grabación.
• Cuando edita el archivo después hay menos Frames para trabajar, con la
mayor parte de Frame importantes, es decir, que hay sólo pocos o ningun Fríame intermedio que por ejemplo solamente muestran el cursor del ratón que se mueve de un lugar al otro.
• El archivo de FLASH resultante será también más pequeño porque hay
pocos Frame en la presentación. Pero en algunos casos puede ser útil y más fácil registrar todo lo que pasa p.ej. cuando se dibuja o teclea el texto en un programa. En este caso Wink podría ser configurado para grabar continuamente la captura de tiempo real con una cierta cantidad de Frame o
usando la captura de entrada donde las escenas serán capturadas cada vez que usted da un click con el ratón y/o presiona una tecla rápido. Después de que la grabación es creada usted puede editar la secuencia de Frame y añadir comentarios y/o explicaciones para cada Frame. Usted puede añadir botones Anteriores y Siguientes para pausar la presentación y el usuario entonces puede volver y adelantar en la presentación pulsando estos botones. Usted puede añadir botones para ir a Frames que salten a otras secciones en la presentación. Las ayudas mencionadas crean presentaciones más avanzadas con diferentes flujos a través del contenido en vez de ir de inicio al fin. Usted puede personalizar la presentación al escoger una imagen estática de fondo para toda la presentación entera. Esto puede contener el nombre, el logo, mensajes de derechos de autor etc. del autor y/o la empresa. Para hacer presentaciones constantes usted puede crear plantillas basadas en una presentación y luego aplicar estas plantillas a todas las demás presentaciones. De esta manera es fácil obtener la misma vista a través de las presentaciones para no hacerlas cada vez que se requiera. Una vez que usted ha terminado de crear y editar una presentación, debe grabarse en un archivo de FLASH que pueda ser colocado sobre un sitio Web o distribuido en otros formatos para usuarios finales. La calidad y el tamaño de la presentación pueden ser ajustados por el número de colores usados y el número de Frame seleccionado para un archivo de FLASH. Es también posible añadir a ambos un pre‐cargador y la barra de control a la presentación dada. Mostrarán un pre‐cargador cuando la presentación carga, mientras la barra de control muestra el progreso de la presentación real y hace posible hacer una pausa a voluntad. La presentación también puede ser exportada a HTML, PDF o archivo PostScript. Estos archivos exportados pueden ser grabados en archivos de FLASH e insertados en un sitio Web y el usuario final tendrá la opción de imprimir la presentación. Cada Frame en la presentación será una sola imagen con los comentarios/explicaciones y los botones que han sido añadidos en Wink. Todos los botones trabajarán en los archivos exportados y saltarán al lugar correspondiente (HTML) o página (PDF, PostScript) en el archivo cuando es pulsado.
2.2 Su Primer Proyecto de Wink Paso a Paso Esta sección lo guiará por el proceso de hacer el primer proyecto de Wink. Haremos una presentación corta que muestra como cambiar la vista del archivo en el Explorador de Windows. Usted puede encontrar un proyecto Wink de estas instrucciones llamado "tutorial1.wnk" en la carpeta "Wink \ Samples". PASO 1. Preparando el Explorador de Windows y Wink para captura.
1.1. Abra el Explorador de Windows (o a través de la ruta del botón de “Iniciar”) para posicionarnos en el programa que nos muestra el acceso al programa de Wink, o en el acceso al icono del programa en el escritorio. 1.2. Abierto el programa de Wink vamos a crear un nuevo proyecto usando el menú "Archivo > Nuevo" (o presionando las teclas “CTL+N”). Esto abre un asistente que utiliza Wink para capturar escenas de toda la pantalla. Podemos observar las siguientes partes que forma esta ventana:
1.2.1 Comenzar capturando pantalla (1).‐ Debemos tener seleccionado este cuadro de opción para seleccionar las características del grabado.
(1)
(3)
(7)
(6)
(5)
(4)
(2)
1.2.2 Grabar sonido (2).‐ Al seleccionar la casilla, se activa la imagen de
audio (3) , abriendo la ventana del Mezclador de Windows. Que nos permite controlar el volumen de entrada y salida de audio.
1.2.3 Ocultar ventana de Wink (4).‐ Oculta tanto el programa como el botón de la barra de tareas del programa de Wink. 1.2.4 Región (5).‐ Encuadra la porción de la imagen que se va a grabar de la pantalla (cuando se elige otra opción diferente a “Pantalla”, los dos primeros números en posición del punto de origen ubicado en la parte superior izquierda (el primero es el punto que lo mueve de izquierda hacia la derecha, el segundo lo mueve de arriba hacia abajo) los dos siguientes números (después del símbolo “X”) cambian el tamaño del área de captura en pixeles o puntos que forman la imagen), de lo ancho y largo de la imagen. Una opción en este paso es cambiar la región de captura a una ventana o parte de la pantalla (rectángulo), en este caso lo cambiamos al desplegar la lista de opciones.
1.2.5 Captura basada en tiempo (6).‐ Indicamos el numero de escenas que forma la imagen por segundo minutos u horas, tomando en cuenta que la animación (al igual que en una película) entre mayor sea el numero de escenas mejor se verá, pero la cantidad de espacio de memoria que requiera, será mayor. 1.2.6 Use timed capture when mouse button is down (Capturar cuando el botón del mouse está presionado) (7).‐ Inicia la grabación al presionar el botón del mouse que al igual que una película de cine, obtenemos una mejor calidad de cambio de cuadros
Confirmar con la tecla OK. Para pasar a la siguiente ventana presione el botón de ok; en este momento el programa queda abierto mostrando el icono en la parte inferior derecha (bandeja del sistema).
1.3 En esta ventana nos dan las instrucciones para poder iniciar con el grabado de nuestras escenas
(1)
1.3.1 Capturar una pantalla.‐ Capturamos la imagen de pantalla al presionar la tecla Pause como tomar una fotografía de la imagen de pantalla. 1.3.2 Iniciar / detener captura por tiempo.‐ Captura la secuencia de imágenes en el número de veces por segundo que se programó en la ventana anterior. Presionando las teclas Shift + Pause inicia la grabación de la secuencia de imágenes, se detiene al volver a presionar esta combinación de teclas. 1.3.3 Iniciar / detener captura dirigida.‐ Captura la secuencia de imágenes el número de veces por segundo que se programó en la ventana anterior presionando las teclas Alt + Pause y se detiene al volver a presionar esta combinación de teclas, capturando cada vez que se presiona el botón Izquierdo del Mouse.
1.3.4 Minimizar.‐ Presione el botón Minimizar (1) para ver la ventana de Explorador que fue ocultada detrás de Wink.
Al realizar la combinación de teclas empieza la captura o grabación, esta estará más detalladamente explicada en el siguiente paso
PASO 2. Minimice Wink a la bandeja de sistema (la esquina inferior derecha de pantalla) al pulsar el botón de minimizar, a partir de este momento podemos tomar escenas presionando las teclas "Alt + Pausa". Usando estas teclas realizamos la captura conducida para hacer que Wink automáticamente capture la secuencia de escenas para cada click de ratón o al presionar la combinación de teclas. Usando esta opción usted rara vez (poco probable) tiene que pensar en la toma de secuencia de escenas, usted mismo y el proyecto va terminando por contener la secuencia de Frames más que si usted capturara manualmente porque son grabados más los detalles. PASO 3. Para iniciar la captura, se presiona Alt + Pausa simultáneamente. El icono de bandeja de sistema cambia para reflejar que estamos usamos el modo "captura dirigida".
3.1 si se desea hace, por ejemplo, un video sobre como cambiar de vista en el explorador de Windows. Minimice todas las ventanas excepto el Explorador de Windows. Coloque el cursor del ratón en algún lugar. La captura no inicia hasta pulsar dentro de la ventana objetivo. Iniciar con un click en cualquier lugar dentro del área de la captura. 3.2 Mover el cursor del ratón al menú "Vista" en el Explorador.
3.3 Abrir el menú con un click en el botón izquierdo. 3.4 Mueva el cursor del ratón a la opción de menú "de Detalles". 3.5 Presione el ratón para seleccionar la opción de Detalles. Esto cambia la vista a una vista de detalles. 3.6 Detenga el modo de captura dirigida al presionando Alt + Pausa otra vez. En este video completamos el procedimiento para cambiar de vista del Explorador de Windows a vista Detalles.
4. Ahora hemos terminado de capturar los Frames. Pulse en el botón derecho sobre el icono de WINK en la bandeja de sistema y del menú contextual seleccione "Finalizar Captura". 5. Wink mostrará el proyecto actual. La parte más grande superior de la ventana muestra el último Frame en la secuencia. En la parte inferior podemos ver todos los Frames en la secuencia/presentación. El cursor del ratón capturado es visible con una caja alrededor de él para fácilmente identificarlo del verdadero cursor. En los otros Frames seremos capaces de ver el progreso de la presentación y el movimiento del cursor.
Lista de Thumbnall
6. Primero nosotros añadiremos un Cuadro de Texto al primer Frame que explica lo que esta presentación muestra. El Cuadro de Texto muestra el texto en un elemento en forma de nube parecido a un globo llamado Callout. Un Callout es un grupo de formas creadas usando el editor de Callout. Wink viene con muchos Callouts predefinidos entre el que podemos escoger para el Cuadro de Texto usados en los Frames, y podemos crear nuestros propio Callouts utilización el editor de Callout. 7. Seleccionar el primer Frame en la lista de Thumbnall mostrada en el fondo de la ventana. Ahora vamos a la barra de Propiedades (la barra a la derecha de la ventana Wink) y pulsamos en el botón Cuadro de Texto, lo arrastramos a la pantalla del escenario El Cuadro de Texto será mostrado por una llamada por default (el último usado) en el Frame. Podemos ahora hacer doble clic el Cuadro de Texto en el Frame y escribir el texto (algo como "Como cambiar el archivo en el Explorador de Ventanas") dentro del. Usted puede redimensionar el Callout en el Frame, moverlo a otra posición, escoger otro callout al presionar el botón mostrando una burbuja de dialogo y editar la fuente de texto al pulsar el botón que muestra a una F. 8. Ahora nosotros agregamos un nuevo botón que el usuario final puede utilizar para la presentación y un botón de “ir a “para regresar al inicio del último Frame (en esta sencilla presentación un botón de atrás también volvería al primer Frame). Seleccione el primer Frame en la secuencia y de un clic en el botón Añadir Siguiente en la barra de propiedades. El botón recién añadido por default es colocado en el centro, pero podemos moverlo a cualquier lugar deseado. 9. En el Frame 5 pondremos un valor del tiempo que estará antes de la continuación del Frame 6. De esta manera quien los ve obtendrá tiempo para comprender qué opción hemos pulsado en la presentación. Cambie el enfoque " a la Permanencia en este Frame para " a la caja localizada sobre las Propiedades y teclee el valor 1. 10. Seleccionar el último Frame y dé un clic en el botón de Frame de “ir a” en la barra de propiedades. Entonces seleccione el Frame a cual debería ir (en este caso el Frame 1). 11. Para decir al usuario final lo que este botón Goto hace, nosotros añadimos un Cuadro de Texto a este Frame con el texto " repetir la presentación". La caja de texto y el botón Go to deberían ser colocados de modo que el botón esta dentro del área de la caja de texto a la derecha o debajo del texto actual. 12. Antes de continuar debemos guardar el proyecto que usa el menú "Archivo>Guardar". Debemos guardar el proyecto a menudo cuando lo editamos. 13. Escoger el menú "Proyecto>Ajustes”. Escriba el nombre para el archivo de salida (por ejemplo "Vistas del Explorador"). Si solamente se especifica un nombre del archivo, el archivo de salida será guardado en la carpeta donde el proyecto es grabado. Confirme con la tecla OK cuando usted ha escrito un nombre.
14. Escoger el menú " el Proyecto> Generar " o presione la flecha verde en la barra de herramientas para crear la presentación como un archivo de FLASH. 15. Felicidades – Se realizó la primera presentación, podemos verlo por “proyecto la Salida generada ". Esto abrirá su navegador y podemos ver la presentación mostrada. O si no se tiene el reproductor de FLASH de Macromedia podemos conseguirlo de la página de Macromedia para instalarlo. 16. En la carpeta donde el archivo de FLASH fue generado/guardado se verá que además del archivo de FLASH, Wink también genera un archivo de HTML con el mismo nombre para abrir el archivo de FLASH en el tamaño correcto. Poniendo la presentación sobre una página web debemos vincularlo al archivo de HTML y no directamente al archivo FLASH (swf) el archivo. Hemos visto y aplicado opciones en Wink. En el siguiente capítulo obtendremos más información sobre la interfaz de usuario y las opciones en Wink para mejorar sus habilidades en la fabricación de grandes presentaciones en Wink.