3 de Septiembre de 2011

[ LA ANIMACIN GRFICA EN EL DISEO DE PGINAS WEB ] - Curso FLASH: Animacin Profesional

LA ANIMACIN GRFICA EN EL DISEO DE PGINAS WEB

La animacin, o pelculas como algunos le nombran a esta tcnica, no siempre resulta el mejor mtodo para publicar informacin en el web. Por: Ing. Jorge A. Mendoza

Imagine Usted por un momento que se encuentra hojeando una revista especializada en deportes, modas, sociedad, arte o cultura, seleccione la de su preferencia, donde en cada pgina se pueden apreciar bellas e impresionantes imgenes que captan toda su atencin. A Usted le toma el mismo tiempo ir de una pgina a la otra no importando si la pgina contiene nicamente texto o est saturada de estas atractivas imgenes. Esto no ocurre igual con las pginas Web. El visitante paga el precio por desplegar imgenes impactantes en Internet y no todos estn dispuestos a otorgarnos el tiempo de espera que resulte necesario. Una imagen dice ms que mil palabras. Esta es la razn fundamental por la que muchos diseadores grficos deciden incorporar las tecnologas de animacin grfica a sus proyectos de desarrollo de Sitios Web. Sin embargo, la decisin de utilizar o no el software de animacin grfica Flash de Macromedia para el desarrollo del sitio va ms all de la simple inquietud de contar con un sitio que luzca ms atractivo. Una mala decisin puede llevar su proyecto directamente al fracaso, por lo que nos hemos dado a la tarea de presentar a Usted los pormenores de esta tecnologa. No todos los sitios requieren de "adornos y campanitas". La mayora lucir mucho mejor con un diseo sencillo, sobrio, especialmente si existe mucha informacin para publicar.

Qu es la animacin grfica?
La animacin grfica en Internet est compuesta de todas aquellas imgenes en movimiento que Usted observa al desplegar una pgina web. Cuando estas imgenes son pequeas y ocupan slo parte de la zona de despliegue de las pginas web, se trata muy probablemente de GIFs animados (por sus siglas en Ingls Graphics Interchange Format), que no son otra cosa que una secuencia de imgenes que dan la apariencia de movimiento. El tiempo que toma descargar estas imgenes es desde luego mucho mayor al de una imagen sin movimiento.

Ambientes Virtuales de Aprendizaje

3 de Septiembre de 2011

[ LA ANIMACIN GRFICA EN EL DISEO DE PGINAS WEB ] - Curso FLASH: Animacin Profesional

Cuando la animacin grfica es ms sofisticada y llega a tener la dimensin del total de la zona de visualizacin de las pginas, creando un ambiente global de imgenes en movimiento y un men de navegacin grfico, se trata entonces de una pgina web desarrollada con Flash, que es la tecnologa en la que deseamos centrar nuestra atencin en este artculo.

Adobe Flash
Combinando grficos de vector de rpido despliegue con una interface "drag-and-drop", Flash se ha ganado la preferencia de muchos desarrolladores profesionales de Sitios Web, convirtindose indiscutiblemente en el software por excelencia para aadir animacin interactiva a los sitios. Es el producto lder en este mercado. Flash es un software muy popular comercializado por Adobe, que se utiliza para crear programas de animacin en Internet basados en vectores grficos, empleando una interface de navegacin de pantalla completa, que produce archivos en formato SWF (Shockwave flash file format) lo bastante pequeos para fluir a travs de una conexin de un mdem estndar va telefnica. El software, actualmente en su versin CS5, se ha convertido en un estndar en el Web, debido a su velocidad y a la forma tan suave y sencilla de presentar los grficos. Disney, Volkswagen, Citibank, The New York Times, Cisco, Coca-Cola e IBM son algunas de los miles de empresas que usan, o han usado, Flash para desplegar animacin grfica sin sacrificar los tiempos de respuesta. Introducido en el ao de 1996, Flash fue originalmente llamado FutureSplash Animator y fue creado por la empresa FutureWave, desarrolladora de software en San Diego, California, USA. Se el dio el nombre de Flash cuando Macromedia la adquiri en 1997. Flash puede convertir al web en un medio capaz de comunicar a travs de mensajes visuales y auditivos, con un contenido altamente interactivo, siempre y cuando el visitante disponga del correspondiente software para ejecutar la programacin desarrollada en Flash.

Cundo usar Flash

Flash es sin duda un sorprendente medio, sin embargo existen otras opciones para transmitir un mensaje. Cuando seleccionemos a Flash para crear el contenido de nuestro Sitio Web debemos estar seguros que las caractersticas de este medio satisfacen nuestras necesidades de comunicacin. Por ejemplo, Flash no es una herramienta apropiada en el

Ambientes Virtuales de Aprendizaje

3 de Septiembre de 2011

[ LA ANIMACIN GRFICA EN EL DISEO DE PGINAS WEB ] - Curso FLASH: Animacin Profesional

caso de que el contenido sea simplemente un extenso documento de texto como el que Usted est leyendo en estos momentos. Las facilidades de Flash no estn orientadas a publicar este tipo de contenido. Expertos en mercadotecnia concuerdan que Flash es un excelente medio para publicar lo que ellos llaman Sitios Web de "alto impacto". Aun cuando este trmino suena bien, ciertamente no nos dice en forma precisa para qu sirve Flash en el Internet. Especficamente, Flash es el medio por excelencia cuando los siguientes factores son de gran relevancia en el proyecto: Animacin Sonido Control visual preciso sobre elementos grficos Un alto nivel de compatibilidad con diversos navegadores

Cuando descubra ms facilidades de Flash que sean importantes para Usted, antelas. Contar con una lista detallada de las fortalezas y debilidades de Flash le permitir a Usted tomar mejores decisiones.

Cundo usar programacin estndar

Flash no es siempre el mejor medio para publicar informacin. La programacin estndar tiende a proveer un mejor medio para la creacin y mantenimiento de Sitios Web basados en texto. Seleccione programacin estndar cuando los siguientes elementos sean factores clave: Manejo de contenido con mucho texto Desplegar fcilmente muchos prrafos con texto Permitir control sobre el tamao de letra Permitir que el texto pueda ser seleccionado Texto muy legible, an en tamao pequeo Permitir al usuario controlar el nmero de caracteres por lnea Permitir diferentes tamaos de letra Facilidad en la codificacin de pginas Codificacin de pginas usando cualquier editor de texto en cualquier sistema de cmputo Facilidad para el formato de documentos, como la indentacin y las vietas Soporte para caracteres internacionales Llegar al 100% de la posible audiencia a travs de cualquier software de navegacin Maximizar la exposicin al lograr que el contenido de cada pgina sea examinado e indexado por los motores de bsqueda

Ambientes Virtuales de Aprendizaje

3 de Septiembre de 2011

[ LA ANIMACIN GRFICA EN EL DISEO DE PGINAS WEB ] - Curso FLASH: Animacin Profesional

Cundo no usar Flash

Al desarrollar con tecnologa Flash de Adobe, se debe estar consciente de que Flash no est instalado en los programas de navegacin de todos los visitantes. Por tanto se debe facilitar el acceso para descargar el plugin correspondiente y que se puedan visualizar los contenidos animados sin mayores inconvenientes. En algunas ocasiones es muy fcil dar una respuesta. En el caso de una caricatura animada, el contenido no puede ser comunicado sin animacin, por lo que en este caso Flash es necesario. Sin Flash, no habra caricatura. Sin embargo, para Sitios Web con mucho contenido escrito, la decisin no es tan obvia. Con el propsito de obtener lo mejor de dos mundos, algunas empresas han decidido crear dos versiones de su contenido: Una en Flash y la otra en cdigo estndar. Sin embargo, crear dos versiones de un sitio es obviamente ms trabajo, por lo que seguramente terminar Usted formulndose la siguiente pregunta: "Valdr la pena crear una segunda versin completa de mi sitio slo para atender aquellos usuarios que no cuentan con el software de Flash?". Ya que cada caso es muy particular, es imposible idear un nico grupo de reglas que gobiernen la decisin de usar Flash o no. Al tomar su decisin, Usted nunca debe olvidar su audiencia. Sin ellos, su mensaje suena como un aplauso con una sola mano. Nunca olvide el objetivo de su comunicacin; enfocarse a ese objetivo le ayudar a decidir como tratar a su audiencia.

Algunos usos comunes de Flash

Banners publicitarios Mdulos interactivos Entrenamiento Capacitacin y adiestramiento Entretenimiento Animacin Juegos Audio

Ventajas de la tecnologa Flash

Animacin grfica atractiva Comunicacin visual y auditiva Efectos multimedia Estndar en la industria Ambientes Virtuales de Aprendizaje 4

3 de Septiembre de 2011

[ LA ANIMACIN GRFICA EN EL DISEO DE PGINAS WEB ] - Curso FLASH: Animacin Profesional

Gran difusin Compatibilidad

Desventajas de la tecnologa Flash

Requiere "plug-in" instalado. Pero se puede o bien dejar un link directo de descarga o que se detecte automticamente la no presencia del plugin y este sea solicitado para su descarga enlazando de forma instantnea para el navegante. Tiempo de descarga El texto se maneja como imagen En ocasiones el texto no es legible No facilita la indexacin de la informacin Existen diferentes versiones de Flash Su comunicacin nunca llegar al 100% de la audiencia Obliga a tener redundancia de pginas Mayores costos de mantenimiento Tomar las decisiones ms apropiadas con respecto a la integracin de las tecnologas de Internet en su negocio no slo implica seleccionar el socio tecnolgico ms conveniente para su organizacin, sino tambin la definicin de la plataforma de desarrollo ms adecuada en base a los requerimientos de su empresa. Ambas decisiones son muy importantes para cumplir satisfactoriamente sus objetivos de negocio, por lo que resulta doblemente importante mantenerse muy bien informado acerca de estas nuevas tecnologas.

Ambientes Virtuales de Aprendizaje