El Diseño Gráfico hoy en día, la evolución de Internet, de los applets a flash
Actualizado (Jueves, 02 de Abril de 2009 19:28) Escrito por Gustavo Guillermo Perez (madgus) Jueves, 02 de Abril de 2009 05:41
Erase una vez cuando se Inventó Internet....
Que lo más importante no era el como se veía sino el contenido, más bien el acceso a la información, en esa época se acostumbraba a ver en pantallas de texto que no tenían la posibilidad de representar puntos de colores diferentes, eran monocromáticas de fósforo verde, naranja, el servicio que se accedía no es como hoy en día el HTTP, en esas épocas era Gopher.
Gopher era un servicio de texto con menúes que se movían con el teclado, no era necesario el mouse, y generalmente cuando se produjo la transición al HiperTexto las bibliotecas y universisades segían teniendo este servicio de texto activado.
El ftp, telnet, el correo electrónico y HTTP.
Posteriormente otras formas de comunicación sucedieron, como el acceso remoto, era una maravilla que con el comando telnet se pudiera entrar al servidor de una universidad y tener acceso a compiladores, documentos y todo tipo de archivos académicos, que también podían accederse por el protocolo ftp, el correo electrónico hace poco más de 10 años atrás en una universidad se accedía por medio de una consola remota basada en telnet y el famoso y popular PINE si lo habré usado......
Cuando inició el HyperTexto, y las interfaces gráficas, surgieron los navegadores web, el primero fue ViolaWWW, el que le siguió fue NSCA Mosaic y Netscape Navigator posteriormente los navegadores web fueron evoluvionando, pero algo curioso es que ViolaWWW tenía incluso un motor de script similar a JavaScript y la inclusión de contenido del lado del cliente que eso no existe ni jamás existirá en los navegadores actuales. Soportaba imágenes en BMP y sólo blanco y negro, y una versión muy enriquecida del estándar HTML, estos documentos se transmitían por el protocolo http.
Cuando surgieron todas estas aplicaciones y mecanismos para compartir información nadie sabía ni se imaginaba que el que fuera a triunfar era el correo electrónico, el acceso remoto fue lo que más se utilizaba en esa época para acceder a programas centralizados bancarios, de contabilidad o información reestringida.
Cuando se mejoró la calidad de las telecomunicaciones y las pantallas comenzaron a soportar más colores, nacieron las aplicaciones gráficas de edición de imágenes que permitieron crear animaciones bajo el formato GIF que por muchos años la patente dio dolores de cabeza a muchos programadores, las primeras animaciones que se vieron en la web eran en este formato, incluso había
reproductores especiales para verlas en interfaces de consolas, 
estas imágenes llamaban mucho la atención y en contraste con la etiqueta <blink> de NetsCape o la de la competencia <marquee> eran lo más utilizado en publicidad, como los letreros luminosos de neon que ya no existen.
LAS PRIMERAS APLICACIONES ANIMADAS.
Conforme pasó el tiempo los navegadores web tomaron otro papel en esta red de redes, no solo podían mostrar imágenes y texto, o ejecutar scripts dentro de las hojas, sino que podían correr aplicaciones, Java es muy antiguo, en las primeras épocas la máquina virtual de java se construia de acuerdo a las especificaciones y no era precisamente un plugin en el navegador, sino un componente embebido, los primeros programas en ser ejecutados fueron los applets, era increíble que miniaplicaciones fueran parte de la hoja web, estas podían hacer cálculos cientificos, mostrar imágenes, rotar gráficas en tercera dimensión y todo aquello que los expertos programadores pudieran idear, nacieron así las primeras aplicaciones que mostraban gráficos animados.
En la imagen, el mapa de la república mexicana y el del distrito federal son aplicaciones Java (Applets)
Entonces se hizo muy común ver aplicaciones (applets) y gifs animados, mezclados en el diseño, lo que daba un toque de histeria a los anuncios, o incluso le daba una parte viva a la pantalla, Después de esto surgieron tal vez antes o después los plugins o complementos que permitían navegar el hiperespacio web en 3d, el famoso VRML, que Silicon Graphics destruyó, la verdad hoy en día ese proyecto se debería retomar para que realmente Internet fuese como esa idea tan vieja recreada en Futurama hace poco con cascos de realidad virtual, deben ver ese episodio.
MUERE EL VRML, NACE FLASH
Cuando desaparece el VRML, las aplicaciones Java estuvieron primeras en todo tipo de diseños por mucho tiempo, pero sólo un grupo muy cerrado de creativos programadores podían diseñar applets que realmente fueran novedosos, por lo general un programador no se dedica al diseño gráfico por lo que muchas veces se tendía a preparar los applets con etiquetas de configuración que permitían manipular su comportamiento.
El promedio de los diseñadores publicitarios no tenía ni el más mínimo de idea sobre el lenguaje de programación Java, hasta tal punto que si se lo propusieran jamás aprenderían, ahí fue cuando la empresa macromedia lanzó sus primeras versiones de un producto inovador llamado Macromedia Director y Macromedia Flash que por medio de un núcleo similar al de Java pero sólo orientado a los gráficos permitía con un editor, y una línea de tiempo, animar cuadros, círculos textos y con muchos efectos de colores y transiciones, así nacían las primeras aplicaciones flash, Un ejemplo muy agresivo en la actualidad del uso de esta aplicación es www.cartoonnetwork.com que utiliza esta aplicación para generar juegos en línea.
EL ABUSO DE FLASH EN LAS WEB DE HOY EN DÍA Y COMO AFECTA A LOS MOTORES DE BÚSQUEDA
Flash es una herramienta multimedia costosa, digo costosa tanto porque requiere una licencia comercial para su uso y requiere un plugin que consume elevados recursos en una PC de escritorio, también así sus archivos por un diseñador inexperto o promedio pueden ser tan grandes que ni con un cargador o linea de progreso se retiene al visitante, esto se ve compensado con las computadoras de hoy en día que son mucho más veloces y rápidas y las conexiones de Internet que son más veloces. Los desarrollos hechos con macromedia flash son preciosos, pero no todos los dueños de esas webs sólo quieren que se vea así, también desean que salgan sus páginas listadas en los motores de búsqueda, leyendo el artículo de la wikipedia sobre el ranking de google para páginas web, vemos que el indexado de nuestras web depende del contenido, por lo tanto el texto que escribimos en nuestras webs es el que un robot de Internet como google bot puede leer y guardar en su base de datos para una posterior búsqueda.
Realizar una página web completamente en flash tiene los siguientes contras:
- Los motores de Búsqueda no tienen ni idea de que hay dentro de esos archivos.
- Si el documento animado tarda mucho en cargar, puede afectar la manera en la que se ve la web y hacerla desagradable.
- Si el usuario visitante es impaciente y no ve una línea de progreso de la carga del documento, se hartará y cambiará de página.
- Si el usuario visitante ve la linea de progreso y esta tarda demasiado, también cerrará la página a menos que esté comprometido con el contenido.
- En ciertos equipos puede no verse bien la misma animación.
Guardar un visitante es mejor que tener una web que parece película un equilibrio en la cantidad de texto y animaciones es lo mejor que se puede hacer como por ejemplo ciertas partes animadas, pero el texto que permanezca en html.
AL MISMO TIEMPO QUE PROLIFERÓ FLASH LO HIZO EL DHTML
Hoy en día el DHTML ha llegado muy lejos, partes de un documento en internet que pueden cambiar por sí mismas por medio de los eventos JavaScript, y cuadros de texto o capas (layers) que pueden se posicionadas con todo y coordenadas. Desde que netscape implementó la etiqueta <layer> hasta hoy en día que se usa <div> la compñía Intel siempre ha utilizado un menú dinámico hecho con capas, que desplegaban las subopciones como si fuera una aplicación embebida. Estos menúes crecieron tanto de popularidad que alguien perteneciente a la compañía netscape hizo un script llamado mm_menu.js que hasta el día de hoy aplicaciones como macromedia dreamweaber (Ahora de adobe) lo usan para generar los menúes dinámicos como plantilla web.
Por otro lado el javascript avanzó tanto que disponemos de una herramienta para efectos llamada mootools, esta herramienta permite utilizar las características del navegador para mostrar preciosos efectos.
Veamos unos ejemplos: [ABRAN ESTE ENLACE] y naveguen las fotos, hasta que dando click las puedan agrandar, ese efecto es parte de mootools que si están interesados en el proyecto pueden ver más información aquí: MooTools
AJAX y PHP LA NUEVA TECNOLOGÍA
No digo que Ajax y PHP vayan a sustituír a esas animaciones pesadas hechas con Macromedia Flash, siempre existiran diseñadores que no tienen experiencia, dispuestos a quedar así toda su vida, por lo tanto no toda la planta de diseñadores aprenderá estas tecnologias, aquellos que lo haga se beneficiaran:
- Estos contenidos son legibles por google, excepto lo que se trae por medio de ajax.
- Los efectos hechos con mootools son inmediatos porque el núcleo de javascript viene con el navegador.
- El código JavaScript Necesario es tan pequeño que no requiere tiempos de carga como ven en esta web de ejemplo:
- Los efectos no consumen recursos execivos del navegador y los tiempos de carga son los mismos que si simplemente se enlaza una imagen.
MANEJADORES DE CONTENIDO
Existen hoy en día otras maneras de crear una símple y vistosa página web, desarrollé un producto para mi empresa llamado Compunauta Anuncios, que permite crear una página web como si tuvieras un editor de texto en Internet para ir enriqueciendo con texto tu portal, el ejemplo que vemos a continuación es de uno de los primeros clientes, que gracias al sistema y los contenidos consistentes se ve beneficiado de la seriedad y que en el futuro saldrá en los listados de los motores de búsqueda, les muestro dos capturas de pantallas, una de ellas muestra el editor y la otra la web editada, si llegaras a estar interesado en probar este producto haz click en la imagen del panel de control.
Lo felicito ampliamente, cuente conmigo
Gustavo Varón U.