OpenLaszlo: aplicaciones web en Flash

openlaszlo.pngOpenLaszlo es un entorno de desarollo opensource para crear “rich Internet applications”, consistente en tres aplicaciones: Compiler para compilar el código fuente en formato Flash, Runtime Framework que incluye la interfaz de usuario y componentes para ser usados y Servlet que admite otros tipos de archivos, SOAP y XML-RPC.

Con OpenLaszlo puedes crear aplicaciones mediante XMLs y Javascript, hacer un deploy desde cualquier navegador o desde una aplicación de servidor J2EE o servlets.

Demos

OpenLaszlo

96 efectos Flash opensource

Para los que no somos muy hábiles en Flash, y sobre todo si no tenemos mucha imaginación a la hora de pensar en qué hacer, esta colección de efectos en Flash nos puede venir muy bien.
levitated.png
Aunque así como son es posible que no podamos usarlo en nuestras aplicaciones, si que podemos sacar conceptos y usarlos de forma más sencilla en los efectos de nuestra página web.
Levitated
Vía / dzone

Incluye tus vídeos en tu web

si ya hace tiempo explicábamos cómo subir un vídeo en formato FLV a tu web y verlo mediante un visor incluido en la página web, ahora se trata de un artículo donde explican cómo hacer, de forma muy detallada, para casi todos los formatos de vídeo más comerciales, mostrar el vídeo en formato Flash (FLV).
En este caso se centran en los formatos de QuickTime, Windows Media y Abode Flash (aunque usando herramientas comerciales y no opensource como indicamos en el artículo anterior). Primero nos indican que debemos obtener la información del vídeo, luego codificarla y por último mostrarla.
Yo me sigo quedando con la alternativa opensource, pero es indiscutible que la explicación que nos ofrecen es de lo más completa.
The Rise of Flash Video, Part 3: Tackle your own project with this step-by-step primer

Anterior-siguiente con tu navegador válido para Flash

Es cierto que una de las cosas que menos uso son los botones de “Volver” que se incluyen en las páginas web, estoy demasiado acostumbrado a usar los del navegador, por eso cuando encuentro una página con Flash, siempre cometo el error de darle a navegador y no al botón que ellos ofrecen, con su correspondiente funcionamiento erróneo.
Esto se puede solucionar con una librería llamada SWFAddress, la cual nos permite que el funcionamiento de los botones de anterior y siguiente del navegador sea válido también para nuestras animaciones Flash. Para ello debemos usar también SWFObject, otra librería que nos incluye animaciones en nuestra web.
SWFAddress
Vía / AlexdwBlog()

Incluye sonido en tu web

Creo que no es necesario decir que cualquier exceso es malo, y que tampoco hay que demonizar ni al Flash ni al sonido en una web (esto me cuesta decirlo, pero es cierto). Pero en el caso de que queramos incluir sonido a nuestra página web y controlarlo mediante Javascript, si nos puede ser útil esta librería.

Se trata de Javascript Sound Kit, una clase Javascript que envuelve a un objeto ActionScript, en el cual se carga el sonido, que puede ser controlado por Javascript. Su uso parece bastante sencillo:

var mysound = new Sound();
mysound.loadSound("sonido.mp3", true);
mysound.setVolume(30);

Para aquellos que quieran criticar el uso ya sea de Flash o de sonido en la web (tienen todo mi apoyo), quizás les interese un ejemplo en el que puede ser útil, cuando tengo abierto GMail todo el rato, me avisa si llega un mensaje nuevo mediante un bip. Claro, que no lo necesito porque en Firefox tengo instalada una extensión que ya hace eso, pero no todo el mundo usa Firefox y no todo el mundo que usa Firefox tiene instalada la extensión para GMail.

Javascript Sound Kit

Vía / menéame

Puntos a favor de Flash

Ayer comentaba con amigo la entrada sobre las páginas realizadas totalmente en Flash y debo reconocer que a veces se critica mucho el Flash y las páginas hechas en Flash, cuando no siempre es totalmente cierto lo que se dice. Por eso, aquí va unos puntos a favor de Flash de mi propia cosecha.

  • No le eches la culpa al mensajero. Si una página hecha en Flash no te gusta, lo más probable es que el Flash no tenga nada que ver, sino el mal uso que ha hecho el diseñador. Si un logo no te gusta, no le echamos la culpa al Photoshop, si una pagina tiene un diseño horrible, no le echamos la culpa al HTML, ¿por qué si lo hacemos con el Flash?.
  • Los pequeños detalles sí importan. Como en el matrimonio, tener pequeños detalles es algo a tener en cuenta. Las opciones que nos ofrece Flash, nos permite añadir pequeños detalles en el diseño que pueden pasar desapercibidos, pero que sin ellos, el diseño podría no gustarnos tanto como nos gusta. Por ejemplo en este diseño sobre golf el que al principio el “golfista” golpee la bola o el que las nubes estén en movimiento continuo, es algo que quizás no nos demos cuenta, pero que completan mucho el diseño. Sí, se podría hacer algo parecido con HTML, pero no creo que sea lo mismo, hacerlo con Flash es mucho más sencillo e incluso eficiente.
  • Videos sin problemas. Los videos tipo YouTube o Google Video es uno de los mejores inventos que existen, estoy cansado tener que abrir un trailer de una película con IE desde mi Firefox, porque si abro un mov se me cierra el Firefox. Con los videos en Flash no tengo ese problema, a parte de que los navegadores te traen instalado el plugin de Flash y no tienes que instalar plugins adicionales para ver otro tipo de videos.
  • Reutilizar es fácil. La posibilidad de crearnos componentes hace que nos podamos ahorrar mucho tiempo de trabajo cuando ya hemos desarrollado nuestra pequeña librería.
  • No me toques. Una de las cosas que más me molestan de Flash es que no puedo guardar las fotos de la página ni copiar el texto con facilidad, sí, si lo quiero conseguir, lo puedo hacer, pero no sin que me lleve un tiempo. Como me comentaban ayer, si no quieren poner el texto que sea seleccionable en una página en Flash, será por algo, a mí me podrá fastidiar, pero el autor estará de lo más contento.
  • No solo de Arial vive la web. La posibilidad de incrustar fuentes de letra totalmente diferentes a las que nos ofrece normalmente un navegador, es algo fundamental para el diseño.
  • Cualquiera puede usarlo. Aunque también existen editores para HTML que hacen que no sea necesario conocer HTML, el hecho de que Flash sea como un programa de dibujo (y que me perdonen por lo que acabo de decir), hace que cualquiera pueda hacer una página en Flash que sea decente, claro, que si le quieres añadir ActionScript, vas a tener el mismo problema que con el HTML.
  • Libertad y facilidad en el diseño. A veces no es necesario el contenido, porque el diseño se vende solo. Un anuncio en una revista de un coche te puede vender el coche sin decirte ninguna de las prestaciones, lo mismo puede pasar gracias a Flash, aunque en HTML lo podríamos conseguir, gracias a Flash lo podemos hacer de forma más espectacular.

Habrá gente que esté a favor del Flash, los habrá en contra, pero creo que lo mejor es poner a cada uno en su sitio y saber cuando usarlos.

Flogby: tu blog en flash

Si el otro día hablábamos sobre la inconveniencia sobre crear sitios totalmente en Flash, ahora vamos a hablar sobre cómo tener nuestro blog totalmente en Flash, porque para gustos…
flogby.png
Se trata de Flogby un sistema de blog creado totalmente con Flash y XML. No es necesario usar una base de datos MySQL para configurar tu blog. Las entradas puede incluir HTML como negrita o subrayado, entre otras.
¿Algún valiente?
Flogby
Vía / dzone

Precarga múltiple en Flash

Uno de los problemas que comentábamos el otro día con los que nos encontrábamos a la hora de realizar sitios completamente en Flash, era la precarga completo del sitio. Algo más molesto es tener que estar esperando que se carguen y carguen las distintas partes del sitio, esperando más de lo habitual para una página web.
Una solución es precargar el sitio de forma completa al inicio, por lo que una vez cargado del todo, el visitante se olvida de tener que estar esperando para cada parte.
multipreload.png
Flash Multi-Preloader
Vía / Pixel Groovy

¿Páginas totalmente en Flash?

flash.pngSupongo que esto puede ser un tanto polémico, pero aquí va el resumen de una entrada en la que recomienda no hacer páginas totalmente en Flash. Supongo que hay gustos para todo, a mí el Flash no me gusta especialmente, pero está claro que se pueden hacer cosas increibles, aunque también otras horribles (de estas mejor no pongo enlace para no buscarme enemigos).

Motivos por los que no deberías crear un sitio totalmente en Flash:

  • Se ha buscado mala fama, algunos visitantes cuando ven que está completamente en Flash cierran el navegador. [yo a veces soy de esos]
  • Buenos diseñadores no tienen por qué ser buenos diseñadores web, por lo que diseños muy atractivos pueden tener una mala navegación. [te quedas loco viendo la espectacularidad, pero luego te pasas un par de minutos moviendo el ratón por todas partes para saber que es un enlace]
  • Puede influir negativamente en el buen contenido. Muchos usuarios acceden a un sitio para buscar información, y les gusta que sea de forma rápida y sencilla, lo cual a veces no es del todo sencillo con Flash. [odio cuando no se puede seleccionar el texto para hacer un copy/paste]
  • Aunque una de las ventajas del Flash es necesita un plugin para visualizarse por lo cual el problema de compatibilidad de navegadores no existe, no implica que el usuario tenga la ultima versión del plugin, y no todo el mundo se va a bajar la última versión para ver la página. [sin embargo ese es uno de los problemas de SVG, que aún usando el mismo plugin de Adobe, se visualiza de forma diferente en distintos navegadores]
  • Los motores de busqueda no hacen caso a los contenidos en Flash.
  • El que te permita hacer cosas multimedia muy elaboradas suele implicar tener que esperar bastante a que se cargue la película flash, aún cuando aparece el preloader, la espera no suele gustar.
  • Lo bueno del HTML es que primero carga la página y luego las imágenes, por lo que puedes acceder a la información mientras se cargan las imágenes. [claro que un buen diseñador puede hacer lo mismo en flash]

El texto entre corchetes son mis comentarios sobre cada punto, no es lo único que pienso sobre el flash, también creo que es a veces mejor usar flash que HTML, por ejemplo en la página de un artista puede ser más efectivo el flash que el HTML.

Should You Make Your Website in Flash?

Vía / dzone

Cómo crear un portfolio en flash

Un buen tutorial en el que se explica cómo crear un portfolio en el que se cargan las imágenes dinámicamente. Explicado de forma muy detallada y fácil de seguir. El flash mostrará tres thumbnails, que al pinchar sobre ellos cargará la imagen correspondiente, mostrando el título y la descripción.
portfolio.png
Como única pega, a parte de que está limitado a tres imágenes, yo hubiera cargado los datos en un XML, en vez de en 3 ficheros de texto independientes.
Creating a Dynamic Portfolio in Flash
Vía / Pixel Groovy