Los webmasters y en general, la mayoría de la comunidad internacional dentro del mundo de Internet, tendemos a despreciar Flash y consecuentemente, Actionscript, basándonos en su invisibilidad para buscadores y en las directivas que Jakob Nielsen estableció para la Usabilidad de los websites, dada la dificultad de ajustar el objeto History del DOM HTML a los contenidos flash, haciendo difícil la existencia de un botón ‘Atrás’ efectivo. Hasta ahora, la solucion a este problema estaba hasta hace poco en crear framesets, lo cual es aún más horripilante para todos los que sabemos algo de estandarización y SEO.
Otro factor de peso, y que es el más importante en estos tiempos de web 2.0, y el que más nos interesa a los optimizadores de código para buscadores, es la invisibilidad de los contenidos.

Ésta es la verdadera lacra de los diseñadores flash: pero todo evoluciona, todo crece: Adobe y Google tienen buenas relaciones, y los últimos pasos de Adobe demuestran cierto aperturismo que sobre todo nos beneficia a los SEO de todo el mundo: hablo de la apertura del código fuente del reproductor flash, el cual estaba plenamente desarrollado por Adobe.

Este es un paso de gigante pues va a permitir, incluso a los mismos desarrolladores de Google, experimentar con nuevos métodos para la lectura de Flash por parte de las arañas de los buscadores. También puede además, dada la alta demanda por parte de las empresas, inspirar una estandarización W3C a la inclusión de contenido multimedia en Internet, mejor que la que hasta ahora se ha llevado a cabo. También puede que, además, los desarrolladores de navegadores empiecen a incluir el plugin en el mismo ejecutable de instalación.

Muchos Flash developers pueden argumentarme que Google si lee ya flash. Pero el especificador de búsquedas ‘filetype:swf’ ha sido un abanderado que debe desaparecer e ignorarse, pues la solución no es que Google te devuelva páginas Flash si se lo pides, y si no no (que es el 99,999% de los casos): hagámonos a la idea: de momento, Google no lee Flash. la solución entonces es ponérselo fácil. Si lee el flash, será estupendo: pero si hay que esperar a que su ‘araña flash’ llegue hasta tu website, pueden pasar meses antes de que se sepa nada de la existencia del Sitio.

La mejor solución creada hasta la fecha se llama swfObject(). Este es un proyecto Open-source en base al código creado primeramente por Geoff Sterns. Es un archivo .js totalmente gratuíto disponible para su descarga pública, y es una referencia obligada en todas las carpetas de librerías javascript. Esta API permite la inclusión dinámica de contenido flash en páginas HTML, con la perfecta adición de parámetros para el embed, un montón de posibilidades de inclusión, y el añadido (que en realidad era la intención primaria) de evitar la comprobación de controles ActiveX por parte de la actualización EOLAS de Internet Explorer, además de funcionar a la perfección con Firefox, Opera y Safari.
Este código javascript se incluye en cualquier parte del código HTML, y reescribe el contenido de una etiqueta con ID, preferentemente un <div>.

La ‘magia SEO‘ de este swfObject() está en eso mismo: en local, el contenido de ese <div> es totalmente sustituido por el código javascript creado que inserta el swf… pero si el navegador que lo visita (o la araña que lo visita…) no tiene el plugin de flash, ese contenido permanece. Con poca imaginación, o con pocos recursos de servidor, este div puede utilizarse para introducir la típica comprobación de plugin. Pero no sería lo más acertado a nivel SEO. Y afortunadamente, los usuarios con NOScript son más bien pocos. Pero es recomendable crear el aviso de que esta web funciona mejor con javascript activado.

Este div debe ser el ‘content’ que almacene toda la información en HTML, incluida también en el swf, de un modo usable y fácil por parte de un usuario tonto, como es la araña de Google. La idea es que el usuario normal vea el contenido en modo flash, y las arañas puedan leer a su vez todo el contenido creado sin tener que aventurarse en la caja negra del Flash. Este contenido, en una web ‘perfecta’, sería generado por un archivo php que consultase directamente a base de datos, al igual que el flash, que llamaría a otro archivo php que también buscaría la base de datos para devolver al flash la estructura de un XML. Esto obviamente es un trabajo extra para los creadores…, que nadie dijo que fuera fácil ni barato: pero sí la mejor manera, la más óptima, que es lo que buscamos los SEO. Si eres SEO, y tu jefe reconoce la importancia de tu trabajo, no dudes en pedirle los medios para hacer que tu RIA o tus embeds se vean de manera óptima por todos.

En cuanto al botón de historia… lo dejaré para otro post, pues el tema lo merece.

En julio me llamó un viejo colega que hacía muchísimo tiempo que no veía: compañero de curro en la época de ALC, me encantó no solo que me llamara sino que además, por un viaje a Jaén que iba a hacer, me pillaba de paso hacerle una visita, lo cual además le vino de perlas a él, y a mí,  pues me propuso crear la web a la nueva empresa donde está trabajando. El viaje me serviría para verle y acordarnos de… dos años atrás, en verdad (pedazo de fiesta por Vallecas nos dimos) y además, para hacer una visita de trabajo a sus nuevas oficinas. Me resulta tan anodino esto de llamarlo ‘visitas de trabajo’. Me hace pensar que debería haber ido de traje y corbata. Y tal vez, haberme cortado las rastas (¿No te fastidia?). Me gusta pensar que fui a conocerles para hacer negocios, simplemente.Cada reto nuevo me lo tomo como algo personal, y eso creo que es algo que ha quedado plasmado en el resultado final. Desde el principio querían que crease una web sencilla, blanca y cristalina, con los colores y formas corporativas. A esas formas yo les quise dar movimiento para crear una web ‘líquida’, viva, que los pasos entre una sección y otra fueran suaves y elegantes, y que hubiese un cierto grado de aleatoriedad para que la web fuese algo distinta cada vez que entras.

La experiencia ha resultado excitante en cuanto que cada web que hago, a su vez, me sirve para experimentar con nuevas clases de Actionscript (oh, my Fuse!), nuevas técnicas, y recordar cosas que se me habían olvidado con tanto jQuery, CSS y XHTML. Recordarlas ha sido un alivio, y un buen aliciente a todos mis estudios de Flash.

La web está terminada, únicamente a la espera de corrección de algunos bugs casi imperceptibles. Si alguien se anima a decirme errores que vea… ¡Está invitado!

Desde aquí, un saludo a Coach Comunicación y las gentes que componen este genial grupo de trabajo.

Esta web, Liquid Journey, la conocí hace muchos años ya (como 5, podría decir), navegando por webs de expertos en eso que se llamaba Flash y que aún no sabía muy bien de qué iba. Y esta web me ayudó mucho a entender lo que es, a entender porqué Flash es una herramienta más orientada a diseñadores que a programadores, pues en un sentido amplio, Stasiuk reduce la belleza a ’simples’ fórmulas matemáticas.

Screenshot de Liquid Journey

El propósito de liquidjourney es una entidad de la web que vas entendiendo conforme la navegas. Es algo sorprendente que Gary publica no solo los resultados de su creatividad, sino también el código fuente en flash que crea la magia. Y, cuando descargas cualquiera de sus archivos, lo primero que encuentras es un txt con esta leyenda:

Open Source Flash/ActionScript //Flash/Actionscript de código abierto.
Modify and/or extend the code in this file… // Modifica y/o extiende el código de este archivo
Return any breakthroughs of brilliance //Reenviad cualquier ocurrencia brillante
Please give credit where credit is due. //Si ganáis pasta con esto, acordaos de mi.

En verdad, a Gary Stasiuk solo lo conozco por su obra, y por la respuesta que me dio hace tiempo cuando le preguntaba por una parte de su código que no entendía bien (Una función global). Al buscar Gary Stasiuk en Google, puedes ver la cara detrás de la pantalla que ha creado todo esto… y se refleja en ella. Su cara es un libro abierto: un libro de matermáticas, física y creatividad, todas juntas pero no revueltas.

Además, el creador es ’speaker’ en varias conferencias internacionales, sobre todo de FITC, Flash in the Can, una web orientada a los desarrolladores canadienses. Y es que en Canadá están varios de los más importantes creativos y gurús Flash de esta época. Stasiuk tiene en el ‘recibidor’ de su web varios enlaces: los tres de la página principal, y otros tantos abajo del todo que son enlaces a sus presentaciones para estas conferencias… auténticas joyas que muestran (in)formación acerca de la simulación de inteligencia artificial, comportamientos aleatorios, y un review muy completo acerca de la clase BitmapData.

Es también muy interesante la gran lista de enlaces de que dispone, muchos relacionados con el ‘opensource’, otros tantos orientados a Flash en general, y otros enlaces más generalistas.

Pero la magia de Gary está en el apartado ‘Source’ que es donde crecen sus contenidos y donde publica todas sus ocurrencias fla. Son de especial mención la sección ‘Favorites’, ‘Ai’, ‘Recursion’, … bueno, en realidad todas son muy interesantes…

En definitiva, liquid journey es una gran muestra de trabajos que además sirven para que aprendamos y para enriquecernos la vista y la creatividad durante un buen ratillo.

Aunque suelo devorar libros de programación en Flash que me apasionan (la mayoría de ellos de la editorial Anaya), en ocasiones encuentro algunas joyas que me resultan apasionantes de leer y que me abstraen de lo demás por su calidad y por lo que me aportan, que en este caso es de una magnitud que ninguna variable sería capaz de almacenar. Es el caso de este libro: “Foundation Actionscript Animation”. Ya está anticuado pues habla del AS2 (existe una edición para el 3). Aun así, es increiblemente completo. A través del enlace de amazon podéis ver, haciendo clic sobre la miniatura del libro, un ‘preview’ de sus contenidos, aquí.

Imagen obtenida de la web de Friends of Ed

Este libro, de Keith Peters, es una auténtica maravilla. Que yo sepa, no ha sido traducido al castellano, ni distribuido en España bajo ninguna Editorial. La que lo publica en los EEUU es ‘Friends of Ed’, y la única manera de conseguirlo fue a través de Amazon. Lo conocí por medio del videotutorial de uno de mis gurús, Lee Brimelow, autor de la genial página www.gotoandlearn.com, y que está muy relacionado, por lo poco que sé, con 2advanced Studios. En uno de sus videotutoriales, L.B. para el disurso para recomendar este libro, cosa que no suele hacer. Y no lo hizo en vano, puedo asegurar.

El libro trata temas matemáticos de utilidad creciente conforme avanzas en el libro. Lo primero es hablar de la animación en sí (su breve historia) y luego entra en flash para explicar las cuatro tonterías que los que empezamos con Flash 5 ya tenemos más que leidas (aunque no por ello es bueno saltárselo pues acota pequeños truquillos que son buenos de saber y utilizar). Pero el siguiente capítulo entra en materia con un lenguaje directo y brutal que te hace entenderlo todo (claro está, si sabes un inglés medio-avanzado relativo a programación) con una contundencia envidiable. Habla de senos, cosenos, tangentes y cotangentes, funciones de trigonometría espacial. Mi caso, que fue el de un chaval que odiaba la física y las matemáticas, duda de sí mismo leyendo este libro que trae a colación las típicas funciones que creía que jamás utilizaría (Discúlpenme ingenieros y demás gente de ciencias: yo estudié latín y griego). Una función sinusoidal resulta de extrema utilidad en Flash, así como el teorema de pitágoras.

Pero la magia de este libro la he visto residir en su capacidad creativa a nivel pedagógico. Con el capítulo de la trigonometría/geometría, y el siguiente, que habla de la API de dibujo ‘runtime’, ya se me han venido ocurriendo a lo largo de toda la mañana cientos de cosas, como una gaviota aleteando, o las olas del mar… solo habiendo leído tres capítulos del libro, y en casi todas, utilizando funciones sinusoidales. Y otra gran ventaja es que ahora entiendo un poquito mejor el código de Gary Stasiuk, el genial matemático/programador, creador de Liquid Journey. Otro de mis gurús, a quien nombraré más de una vez en mi bitácora.

Conste que estas dos APIs, la de geometría y la de dibujo, ya me eran conocidas… aunque puedo decir sin tapujos que mi conocimiento de estas APIs ha ‘renacido’ y se ve con más posibilidades que nunca.

No veo la hora de acabar hoy en el trabajo para entrar al metro a seguir leyendo tan fascinante obra, y llegar a casa para probar lo que en el metro he maquinado con lo (muy) poquito que sé.