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.