para que sirve flash

Capítulo 1

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]

¿QUÉ ES FLASH Y PARA QUÉ SIRVE?

01-DMExFlash.qxd 3/22/06 12:52 PM Page 7

8

TU PRIMER LIBRO DE FLASH

CONCEPTOS BÁSICOS(PARA CONOCER FLASH)

> Macromedia Flash es un programade animación en dos dimensiones yedición multimedia, desarrollado porla empresa Macromedia. Este progra-ma permite tanto la utilización de grá-ficos vectoriales como de imágenes demapa de bits, sonido, video y un len-guaje de programación propio llamadoActionscript. Con todos estos ele-mentos se producen animaciones.

Además del programa de edición,Macromedia desarrolló un programade visualización llamado Flash Player,que puede bajarse de Internet, en for-ma independiente del programa Flashque utilizamos para crear contenidos.Flash Player es distribuido gratuita-mente para que los usuarios de Inter-

net puedan acceder a este tipo de con-tenidos a través de sus navegadores, enlos que esta utilidad se instala comoagregado o plug-in.

La última versión de los programasFlash y Flash Player, desarrollada porMacromedia, es la 8 en ambos casos.Veremos más adelante cómo bajar unaversión de prueba de Flash desde el si-tio web de Macromedia, que nos servi-rá para iniciarnos en el uso de esta he-rramienta, si no contamos con una ver-sión registrada en nuestra PC.

Pese a que no lo utilizaremos en unprimer acercamiento al manejo deFlash, es importante que sepamos quela última versión del lenguaje de pro-gramación que utiliza esta aplicación es

Actionscript 2.0. Paraquienes tengan algún co-nocimiento de programa-ción, Actionscript es unlenguaje de programación

Figura 1. Flash 8 traeincorporadas una serie de plantillas con las quepodemos obtener aplicacionesbien elaboradas en cuestión de minutos.


9

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

comparable al Java y muy potente, quenos permite colocar elementos en el es-cenario con mucha precisión, así comorealizar 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 partirdel programa de animación en 2D Fu-ture Splash Animator, creado por el ar-quitecto Jonathan Gay y adquirido porMacromedia. En la biografía de su in-ventor, publicada en el sitio de Macro-media (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 oun juego interesante y nos interesa saber si fue desarrollado utilizando Flash,simplemente hacemos clic con el botón derecho del mouse sobre la anima-ción y se presentarán las opciones del menú contextual de Flash Player.

›

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.


adquirida por Adobe en el 2005, él ha-ce referencia a la inspiración que le sig-nificó su afición a los juegos de ladrillosLego en el desarrollo de este programa.Su pasión por el diseño comenzaba porel planteo de un problema. Su resolu-ción le servía como camino de aprendi-zaje para futuros rediseños y otros desa-fíos más complicados.

Flash fue evolucionando en sus dife-rentes versiones tanto en característicasintrínsecas del programa como en po-pularidad de uso. En las primeras ver-siones, la atención se centraba sobre laanimación y las herramientas de dibujo;y a partir de la versión 5, se mejoró laprogramación (Actionscript), que llegaa su máxima expresión en la versión ac-tual con gran cantidad de mejoras grá-ficas y de novedades en el manejo deelementos multimedia.

Desde su aparición en 1996, Flashha penetrado en el mercado de los in-

ternautas hasta convertirse en un es-tándar, a partir de sus versiones 4 y 5.

En la actualidad, según informacióndel sitio de Macromedia, un 97% delos usuarios que navegan con compu-tadora propia tienen el plug-in FlashPlayer versión 2.0, o superior, instala-do en su PC.

DESCARGA E INSTALACIÓNSi no poseemos una versión registra-

da de Flash instalada en nuestra PC,tenemos la opción de descargar, enforma gratuita, una versión de pruebadesde el sitio oficial de la empresa Ma-cromedia (www.macromedia.com).Esta versión nos permitirá utilizar elprograma durante un período de prue-ba. La descarga es simple y lo únicoque debemos tener en cuenta, en for-ma previa, es contar con los requisitosmínimos que demanda la instalacióndel programa.

10


¿QUÉ ES UN PLUG-IN?

Un plug-in es un programa que se añade a otro para habilitar ciertas opciones noprevistas en el diseño original del programa. En el caso de Flash Player, éste seincorpora al navegador y habilita la lectura de otros archivos que normalmenteno serían reconocidos por esta utilidad. Los plug-in del navegador pueden alte-rar su nivel de seguridad, habilitando la interacción del sitio remoto con nues-tra computadora para intercambiar contenidos. El plug-in de Flash, FlashPlayer, permite la lectura de los archivos con extensión SWF, utilizados en laspáginas web para mostrar las animaciones realizadas con Flash.

›


11


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 ha-ga clic en Probar.

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

[3] Complete los datos del formulario. Sólo es olbigatorio completar las casi-llas indicadas con un asterisco.


12


[4] Seleccione el idioma y haga clic en Descargar.

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

▼


13


> Como dijimos anteriormente,Flash nos permite dibujar en dos di-mensiones y animar nuestros dibujosincorporándoles sonido, video y la po-sibilidad de que el usuario interaccio-ne con los contenidos desarrollados eneste programa.

Macromedia Flash es muy útil enmuchas aplicaciones, como anima-ciones y otros elementos para la Web(éstas son las más populares), presen-taciones multimedia en CD, juegos paraInternet o para dispositivos móviles,

APLICACIONES DE FLASH(¿QUÉ PODEMOS HACER?)

y tiene un gran futuro, principal-mente por su característica de creargráficos de alta calidad y de poco pe-so (entre otras).

CREACIÓN DE IMÁGENESUna de las aplicaciones que vamos a

destacar, es la posibilidad de exportarcualquier parte de una animación co-mo imagen estática. Las extensionesque se pueden exportar desde Flashson: JPEG, GIF, PNG, PICT (Ma-cintosh) y BMP (Windows). En el

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


14


próximo capítulo, realizaremos ungráfico y, para ello, emplearemos lasherramientas básicas de dibujo; unavez finalizado, lo exportaremos.

Pixeles versus vectoresUn pixel es la unidad mínima que

compone las imágenes de mapa debits, también llamadas bitmaps.

Cada pixel contiene la informaciónacerca del color y su posición en lapantalla. Un mapa de bits es una ma-triz (como un entramado) compues-to por la ubicación de los pixeles me-diante coordenadas cartesianas (x, y)y su color. Al agrandar una imagende este tipo, veremos una grilla com-puesta por cuadrados de color. Éstosson los pixeles.

Cuantos más pixeles tengamos porunidad de espacio (por lo general,pulgada), mayor será la calidad de laimagen y, consiguientemente, el ta-maño del archivo.

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

EL DOCUMENTO DE FLASH

El documento creado por el progra-ma Flash está compuesto por un do-cumento maestro, donde dibujará ycompondrá la escena y la animación,y por la película propiamente dicha,exportada en algún formato que lepermita reproducirla mediante el re-productor de Flash (Flash Player) oun reproductor de video.La extensión del documento maes-tro, reeditable, es FLA. La películapara ver con Flash Player tiene laextensión SWF.Los documentos que tienen incorpo-rado el reproductor son ejecutables(extensión EXE).

›


15


Algunos formatos de imágenes de ma-pa de bits son: BMP (Windows), PSD(Photoshop), JPEG, GIF, TIF, PNG.

Un vector es un objeto definido demanera matemática, mediante unafórmula. Los vectores se agrupan for-mando líneas y formas independien-tes. Este tipo de gráfico se caracterizapor ser muy moldeable y escalable, yaque no se ajusta a un número deter-minado de unidades fijas, sino a fór-mulas matemáticas. Por ende, se pue-de agrandar una imagen sin que au-mente el tamaño del archivo y sinperder definición.

Algunos formatos de imágenes de vec-tores son: SWF (película Flash), AI(Illustrator), CDR (Corel Draw).

Algunos formatos de imágenes con in-formación de vectores y pixeles son:PICT (Macintosh), WMF (Windows),EPS (Encapsulated Postcript), PDF(Adobe Acrobat Reader), FLA (Flash),PSP (Paint Shop Pro).

ANIMACIONESUna animación se compone de varias

imágenes que tienen pequeños cam-bios y están dispuestas en una secuen-cia, 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.


16


po. En las animaciones, utilizamos lalínea de tiempo, las capas, y para refe-rirnos a la animación propiamente di-cha, emplearemos el término interpo-lación. Veremos esto en el capítulo 3.

PRESENTACIONES MULTIMEDIALas presentaciones multimedia son

aplicaciones con sonido y video, ypueden tener animación o no. Las máspopulares son las tarjetas que circulanen la Web. Incluso, hay muchas queestán especialmente preparadas paraenviar por correo electrónico. Ademásde Internet, Macromedia Flash nos

permite hacer CD multimedia y esmuy útil, por ejemplo, para armar ca-tálogos de productos, ya que Flash escapaz de guardar el archivo incorpo-rando un reproductor a fin de poderver el contenido de la animación sinnecesidad de poseer el programa (aquífunciona en forma similar a los archi-vos que nos llegan por e-mail). Másadelante veremos cómo hacer una tar-jeta con animación y sonido.

SITIOS WEBSi bien, en la actualidad, Flash es am-

pliamente utilizado para desarrollar si-

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.


17


tios enteros o partes de ellos, hay con-troversias desde el punto de vista de lausabilidad (grado de uso de un determi-nado producto en forma efectiva). Lamayoría de los usuarios de Internet queencargan el desarrollo de un sitio webcon Flash desconocen este término, porlo que se puede caer en un abuso decontenidos Flash.

Los sitios y las presentaciones desa-rrollados con Flash son visualmentemuy atractivos, pero pueden ser muypesados o innecesarios (en el caso delas presentaciones) para los usuarios.Por eso, cuando planeamos un sitio

con desarrollos Flash, tenemos que te-ner en cuenta principalmente el pú-blico al que va dirigido, ya que no to-dos los usuarios tienen la última ver-sión de Flash Player o conexión debanda ancha.

De todos modos, una de las ventajasque popularizó Flash, es que los archi-vos generados para la Web son más li-vianos que otro tipo de animaciones(por ejemplo, GIF).

En el capítulo 3, veremos algunas apli-caciones de Flash para sitios web y en elcapítulo 5, haremos una botonera senci-lla para poner en nuestra página.

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.


18


Pros y contras de usar Flash en eldesarrollo de sitios

Pros: empleo de gráficos vectoria-les, que consumen menos ancho debanda que los gráficos de mapas debits; posibilidad de controlar la posi-ción exacta de los objetos en la pan-talla; los archivos se cargan progresi-vamente, si el programador no definelo contrario; amplia compatibilidadde los archivos SWF con multitud deplataformas (Windows, Mac OS, Li-nux, etcétera); posibilidad de incor-porar imágenes, sonido y video; ca-pacidad de creación de aplicacionessofisticadas mediante el uso de Ac-tionscript; rapidez y facilidad de ins-talación y ejecución del reproductorasociado al navegador (plug-in); ani-maciones accesibles (se pueden verbien) en todo el mundo.

Contras: al crear sitios con Flashquedan deshabilitados los botones deadelante y atrás del navegador, y elusuario queda sujeto a los elementosde control que se presenten mediantela aplicación que está viendo; las espe-cificaciones del navegador de tamañode letra y color no se aplican a desarro-llos Flash, ésta es una de las críticasque se le hacen a Flash en cuanto a laaccesibilidad para personas con disca-pacidad, en la nueva versión de Flash(8) se incorporó un panel de accesibi-lidad que aporta soluciones en estaárea; las películas de Flash no se adap-tan al cambio de resolución de panta-lla o tamaño de ventana del navegador;los motores de búsqueda no indexancontenidos Flash, por lo cual se debencombinar animaciones con html paraque los buscadores incorporen la infor-

LENGUAJES ORIENTADOS A LOS OBJETOS

La programación orientada a objetos se ha ido expandiendo desde los añosochenta como una nueva manera de programar utilizando como base los obje-tos, dotados de identidad, estados y comportamientos. Éstos se agrupan combi-nándose para realizar tareas.En estos lenguajes, primero se piensa en los objetos y luego en los métodoso instrucciones que tendrán el control de sus acciones. A diferencia de loslenguajes tradicionales, en los que se piensa en los procedimientos y los da-tos manejados por éstos.Flash 8 incorpora este tipo de programación, orientada a objetos, medianteel lenguaje Actionscript 2.0.

›


19


mación (la última versión aporta algu-nas soluciones a este punto).

JUEGOSGracias a su lenguaje Actionscript,

Flash nos proporciona una ampliagama de alternativas en el momentode realizar un juego o una aplicacióninteractiva. Sólo es necesario un co-nocimiento básico de programación.La versión 8 de Flash aporta variasmejoras al panel de escritura y edi-ción de Actionscript, así como la in-corporación de algunas acciones au-tomatizadas (comportamientos).

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.

SITIOS DE JUEGOS

En Internet podemos encontrar unagran variedad de sitios que brindanacceso a juegos desarrollados enFlash. Gracias a sus ventajas, encuanto a economía de recursos, es-tos juegos pueden ser disfrutadosonline, aunque muchos tambiénpueden ser descargados desde laWeb para jugarlos sin necesidad deestar conectados. Uno de estossitios, por ejemplo, es Newgrounds(www.newgrounds.com).

›


20


Presentamos una serie de consignas y actividades para repasar los principalesconceptos tratados en este capítulo y, de esta manera, afianzar un poco más elaprendizaje:

> 1. Enumere al menos tres aplicaciones específicas de Flash. Piense enalguna otra que no haya sido mencionada en el texto.

> 2. Explique las ventajas que usted cree que aporta el uso de Flash para eldesarrollo que dichas aplicaciones.

> 3. ¿Cuáles son las extensiones disponibles para exportar imágenes enmapa de bits desde Flash?

> 4. ¿Cuál es la extensión de un documento de Flash? ¿Y la de una pelícu-la de Flash?

ACTIVIDADES DE AUTOEVALUACIÓN‹‹


para que sirve flash

Education