01-DMExFlash.qxd

3/22/06

12:52 PM

Page 7

Capítulo 1

¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

En este capítulo, presentaremos una breve historia de este programa y las principales aplicaciones que podemos desarrollar con esta herramienta. Una vez finalizada la lectura de este capítulo, podremos responder a las preguntas: ¿qué es Flash?, ¿qué podemos hacer con este programa?, ¿cuándo es conveniente utilizar contenidos Flash en un sitio?

ATENCIÓN AL LECTOR > [email protected]

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 8

TU PRIMER LIBRO DE FLASH

CONCEPTOS BÁSICOS (PARA CONOCER FLASH) > Macromedia Flash es un programa

de animación en dos dimensiones y edición multimedia, desarrollado por la empresa Macromedia. Este programa permite tanto la utilización de gráficos vectoriales como de imágenes de mapa de bits, sonido, video y un lenguaje de programación propio llamado Actionscript. Con todos estos elementos se producen animaciones. Además del programa de edición, Macromedia desarrolló un programa de visualización llamado Flash Player, que puede bajarse de Internet, en forma independiente del programa Flash que utilizamos para crear contenidos. Flash Player es distribuido gratuitamente para que los usuarios de Inter-

net puedan acceder a este tipo de contenidos a través de sus navegadores, en los que esta utilidad se instala como agregado o plug-in. La última versión de los programas Flash y Flash Player, desarrollada por Macromedia, es la 8 en ambos casos. Veremos más adelante cómo bajar una versión de prueba de Flash desde el sitio web de Macromedia, que nos servirá para iniciarnos en el uso de esta herramienta, si no contamos con una versión registrada en nuestra PC. Pese a que no lo utilizaremos en un primer acercamiento al manejo de Flash, es importante que sepamos que la última versión del lenguaje de programación que utiliza esta aplicación es Actionscript 2.0. Para quienes tengan algún conocimiento de programación, Actionscript es un lenguaje de programación

Figura 1. Flash 8 trae incorporadas una serie de plantillas con las que podemos obtener aplicaciones bien elaboradas en cuestión de minutos. 8

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 9

› ¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

Figura 2. En 1995, antes que Macromedia se interesara por el software de Jonathan Gay, éste se lo ofreció a Adobe, donde subestimaron el potencial del Future Splash porque el mercado de animación era reducido.

comparable al Java y muy potente, que nos permite colocar elementos en el escenario con mucha precisión, así como realizar aplicaciones complejas. ¿CÓMO SURGIÓ FLASH?

En 1996 salió la primera versión de Flash, conocida como Macromedia

Flash 1.0. Este proyecto surgió a partir del programa de animación en 2D Future Splash Animator, creado por el arquitecto Jonathan Gay y adquirido por Macromedia. En la biografía de su inventor, publicada en el sitio de Macromedia (http://www.macromedia.com/ macromedia/events/john_gay/),

› CÓMO RECONOCER UN DESARROLLO FLASH Si estamos navegando en Internet y encontramos una animación, un banner o un juego interesante y nos interesa saber si fue desarrollado utilizando Flash, simplemente hacemos clic con el botón derecho del mouse sobre la animación y se presentarán las opciones del menú contextual de Flash Player.

9

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 10

TU PRIMER LIBRO DE FLASH

adquirida por Adobe en el 2005, él hace referencia a la inspiración que le significó su afición a los juegos de ladrillos Lego en el desarrollo de este programa. Su pasión por el diseño comenzaba por el planteo de un problema. Su resolución le servía como camino de aprendizaje para futuros rediseños y otros desafíos más complicados. Flash fue evolucionando en sus diferentes versiones tanto en características intrínsecas del programa como en popularidad de uso. En las primeras versiones, la atención se centraba sobre la animación y las herramientas de dibujo; y a partir de la versión 5, se mejoró la programación (Actionscript), que llega a su máxima expresión en la versión actual con gran cantidad de mejoras gráficas y de novedades en el manejo de elementos multimedia. Desde su aparición en 1996, Flash ha penetrado en el mercado de los in-

ternautas hasta convertirse en un estándar, a partir de sus versiones 4 y 5. En la actualidad, según información del sitio de Macromedia, un 97% de los usuarios que navegan con computadora propia tienen el plug-in Flash Player versión 2.0, o superior, instalado en su PC. DESCARGA E INSTALACIÓN

Si no poseemos una versión registrada de Flash instalada en nuestra PC, tenemos la opción de descargar, en forma gratuita, una versión de prueba desde el sitio oficial de la empresa Macromedia (www.macromedia.com). Esta versión nos permitirá utilizar el programa durante un período de prueba. La descarga es simple y lo único que debemos tener en cuenta, en forma previa, es contar con los requisitos mínimos que demanda la instalación del programa.

› ¿QUÉ ES UN PLUG-IN? Un plug-in es un programa que se añade a otro para habilitar ciertas opciones no previstas en el diseño original del programa. En el caso de Flash Player, éste se incorpora al navegador y habilita la lectura de otros archivos que normalmente no serían reconocidos por esta utilidad. Los plug-in del navegador pueden alterar su nivel de seguridad, habilitando la interacción del sitio remoto con nuestra computadora para intercambiar contenidos. El plug-in de Flash, Flash Player, permite la lectura de los archivos con extensión SWF, utilizados en las páginas web para mostrar las animaciones realizadas con Flash.

10

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 11

› ¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

REQUERIMIENTOS DEL SISTEMA PARA INSTALAR FLASH 8

‹‹

Procesador Intel Pentium III de 800 MHz (o equivalente) y versiones posteriores. Windows 2000 o Windows XP. 256 MB de RAM. Pantalla de 16 bits de 1024 x 768 (se recomienda de 32 bits). 710 MB de espacio disponible en disco.

PXP | DESCARGA DEL PROGRAMA

…

[1]

Ingrese en la página http://www.macromedia.com/la/downloads/. Una vez allí, descienda hasta encontrar la opción Flash Professional 8 y haga clic en Probar.

[2]

Complete con su e-mail y marque la opción No, crearé una ahora, para crear una contraseña.

[3]

Complete los datos del formulario. Sólo es olbigatorio completar las casillas indicadas con un asterisco.

11

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 12

TU PRIMER LIBRO DE FLASH

▼

12

[4]

Seleccione el idioma y haga clic en Descargar.

[5]

Haga doble clic sobre el archivo que descargó para instalarlo.

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 13

› ¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

APLICACIONES DE FLASH (¿QUÉ PODEMOS HACER?) > Como dijimos anteriormente, Flash nos permite dibujar en dos dimensiones y animar nuestros dibujos incorporándoles sonido, video y la posibilidad de que el usuario interaccione con los contenidos desarrollados en este programa. Macromedia Flash es muy útil en muchas aplicaciones, como animaciones y otros elementos para la Web (éstas son las más populares), presentaciones multimedia en CD, juegos para Internet o para dispositivos móviles,

y tiene un gran futuro, principalmente por su característica de crear gráficos de alta calidad y de poco peso (entre otras). CREACIÓN DE IMÁGENES

Una de las aplicaciones que vamos a destacar, es la posibilidad de exportar cualquier parte de una animación como imagen estática. Las extensiones que se pueden exportar desde Flash son: JPEG, GIF, PNG, PICT (Macintosh) y BMP (Windows). En el

Figura 3. Al exportar una imagen como archivo de mapa de bits se conserva la información sobre los pixeles y se pierden los vectores, por lo que la imagen no se puede editar. 13

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 14

TU PRIMER LIBRO DE FLASH

próximo capítulo, realizaremos un gráfico y, para ello, emplearemos las herramientas básicas de dibujo; una vez finalizado, lo exportaremos. Pixeles versus vectores

Un pixel es la unidad mínima que compone las imágenes de mapa de bits, también llamadas bitmaps.

Cada pixel contiene la información acerca del color y su posición en la pantalla. Un mapa de bits es una matriz (como un entramado) compuesto por la ubicación de los pixeles mediante coordenadas cartesianas (x, y) y su color. Al agrandar una imagen de este tipo, veremos una grilla compuesta por cuadrados de color. Éstos son los pixeles. Cuantos más pixeles tengamos por unidad de espacio (por lo general, pulgada), mayor será la calidad de la imagen y, consiguientemente, el tamaño del archivo.

› EL DOCUMENTO DE FLASH

Figura 4. Puede incorporar (importar) al documento de Flash imágenes de mapa de bits y de vectores para utilizarlas en sus animaciones. 14

El documento creado por el programa Flash está compuesto por un documento maestro, donde dibujará y compondrá la escena y la animación, y por la película propiamente dicha, exportada en algún formato que le permita reproducirla mediante el reproductor de Flash (Flash Player) o un reproductor de video. La extensión del documento maestro, reeditable, es FLA. La película para ver con Flash Player tiene la extensión SWF. Los documentos que tienen incorporado el reproductor son ejecutables (extensión EXE).

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 15

› ¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

Algunos formatos de imágenes de mapa de bits son: BMP (Windows), PSD (Photoshop), JPEG, GIF, TIF, PNG. Un vector es un objeto definido de manera matemática, mediante una fórmula. Los vectores se agrupan formando líneas y formas independientes. Este tipo de gráfico se caracteriza por ser muy moldeable y escalable, ya que no se ajusta a un número determinado de unidades fijas, sino a fórmulas matemáticas. Por ende, se puede agrandar una imagen sin que aumente el tamaño del archivo y sin perder definición.

Algunos formatos de imágenes de vectores son: SWF (película Flash), AI (Illustrator), CDR (Corel Draw). Algunos formatos de imágenes con información de vectores y pixeles son: PICT (Macintosh), WMF (Windows), EPS (Encapsulated Postcript), PDF (Adobe Acrobat Reader), FLA (Flash), PSP (Paint Shop Pro). ANIMACIONES

Una animación se compone de varias imágenes que tienen pequeños cambios y están dispuestas en una secuencia, en un lapso determinado de tiem-

Figura 5. Flash 8 Professional incorporó una serie de efectos aplicables a la línea de tiempo que dan como resultado animaciones complejas en pocos pasos. 15

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 16

TU PRIMER LIBRO DE FLASH

Figura 6. Las extensiones de las animaciones de Flash pueden ser SWF o EXE, esta última es la utilizada para abrir los archivos sin necesidad de agregados.

po. En las animaciones, utilizamos la línea de tiempo, las capas, y para referirnos a la animación propiamente dicha, emplearemos el término interpolación. Veremos esto en el capítulo 3. PRESENTACIONES MULTIMEDIA

Las presentaciones multimedia son aplicaciones con sonido y video, y pueden tener animación o no. Las más populares son las tarjetas que circulan en la Web. Incluso, hay muchas que están especialmente preparadas para enviar por correo electrónico. Además de Internet, Macromedia Flash nos 16

permite hacer CD multimedia y es muy útil, por ejemplo, para armar catálogos de productos, ya que Flash es capaz de guardar el archivo incorporando un reproductor a fin de poder ver el contenido de la animación sin necesidad de poseer el programa (aquí funciona en forma similar a los archivos que nos llegan por e-mail). Más adelante veremos cómo hacer una tarjeta con animación y sonido. SITIOS WEB

Si bien, en la actualidad, Flash es ampliamente utilizado para desarrollar si-

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 17

› ¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

Figura 7. Los archivos para incorporar a una página web se guardan como SWF, y se pueden ver en un archivo html, o bien, directamente desde Flash Player.

tios enteros o partes de ellos, hay controversias desde el punto de vista de la usabilidad (grado de uso de un determinado producto en forma efectiva). La mayoría de los usuarios de Internet que encargan el desarrollo de un sitio web con Flash desconocen este término, por lo que se puede caer en un abuso de contenidos Flash. Los sitios y las presentaciones desarrollados con Flash son visualmente muy atractivos, pero pueden ser muy pesados o innecesarios (en el caso de las presentaciones) para los usuarios. Por eso, cuando planeamos un sitio

con desarrollos Flash, tenemos que tener en cuenta principalmente el público al que va dirigido, ya que no todos los usuarios tienen la última versión de Flash Player o conexión de banda ancha. De todos modos, una de las ventajas que popularizó Flash, es que los archivos generados para la Web son más livianos que otro tipo de animaciones (por ejemplo, GIF). En el capítulo 3, veremos algunas aplicaciones de Flash para sitios web y en el capítulo 5, haremos una botonera sencilla para poner en nuestra página. 17

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 18

TU PRIMER LIBRO DE FLASH

Pros y contras de usar Flash en el desarrollo de sitios

Pros: empleo de gráficos vectoriales, que consumen menos ancho de banda que los gráficos de mapas de bits; posibilidad de controlar la posición exacta de los objetos en la pantalla; los archivos se cargan progresivamente, si el programador no define lo contrario; amplia compatibilidad de los archivos SWF con multitud de plataformas (Windows, Mac OS, Linux, etcétera); posibilidad de incorporar imágenes, sonido y video; capacidad de creación de aplicaciones sofisticadas mediante el uso de Actionscript; rapidez y facilidad de instalación y ejecución del reproductor asociado al navegador (plug-in); animaciones accesibles (se pueden ver bien) en todo el mundo.

Contras: al crear sitios con Flash quedan deshabilitados los botones de adelante y atrás del navegador, y el usuario queda sujeto a los elementos de control que se presenten mediante la aplicación que está viendo; las especificaciones del navegador de tamaño de letra y color no se aplican a desarrollos Flash, ésta es una de las críticas que se le hacen a Flash en cuanto a la accesibilidad para personas con discapacidad, en la nueva versión de Flash (8) se incorporó un panel de accesibilidad que aporta soluciones en esta área; las películas de Flash no se adaptan al cambio de resolución de pantalla o tamaño de ventana del navegador; los motores de búsqueda no indexan contenidos Flash, por lo cual se deben combinar animaciones con html para que los buscadores incorporen la infor-

› LENGUAJES ORIENTADOS A LOS OBJETOS La programación orientada a objetos se ha ido expandiendo desde los años ochenta como una nueva manera de programar utilizando como base los objetos, dotados de identidad, estados y comportamientos. Éstos se agrupan combinándose para realizar tareas. En estos lenguajes, primero se piensa en los objetos y luego en los métodos o instrucciones que tendrán el control de sus acciones. A diferencia de los lenguajes tradicionales, en los que se piensa en los procedimientos y los datos manejados por éstos. Flash 8 incorpora este tipo de programación, orientada a objetos, mediante el lenguaje Actionscript 2.0.

18

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 19

› ¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

mación (la última versión aporta algunas soluciones a este punto). JUEGOS

Gracias a su lenguaje Actionscript, Flash nos proporciona una amplia gama de alternativas en el momento de realizar un juego o una aplicación interactiva. Sólo es necesario un conocimiento básico de programación. La versión 8 de Flash aporta varias mejoras al panel de escritura y edición de Actionscript, así como la incorporación de algunas acciones automatizadas (comportamientos).

› SITIOS DE JUEGOS En Internet podemos encontrar una gran variedad de sitios que brindan acceso a juegos desarrollados en Flash. Gracias a sus ventajas, en cuanto a economía de recursos, estos juegos pueden ser disfrutados online, aunque muchos también pueden ser descargados desde la Web para jugarlos sin necesidad de estar conectados. Uno de estos sitios, por ejemplo, es Newgrounds (www.newgrounds.com).

Figura 8. Los juegos se pueden guardar con dos extensiones: SWF o EXE. En el primer caso, se visualizan desde Flash Player o una página web; y en el segundo caso, no hace falta programa asociado. 19

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 20

TU PRIMER LIBRO DE FLASH

‹‹ ACTIVIDADES DE AUTOEVALUACIÓN Presentamos una serie de consignas y actividades para repasar los principales conceptos tratados en este capítulo y, de esta manera, afianzar un poco más el aprendizaje:

> 1. Enumere al menos tres aplicaciones específicas de Flash. Piense en alguna otra que no haya sido mencionada en el texto. > 2. Explique las ventajas que usted cree que aporta el uso de Flash para el desarrollo que dichas aplicaciones. > 3. ¿Cuáles son las extensiones disponibles para exportar imágenes en mapa de bits desde Flash? > 4. ¿Cuál es la extensión de un documento de Flash? ¿Y la de una película de Flash?

20