|

Como utilizar uploaders Flash con PHP

ByLuis

No soy muy amigo de Flash, no soy enemigo, pero sinceramente, prefiero hacer las cosas en HTML, CSS y Javascript, tampoco voy a entrar en la polémica HTML vs Flash. Pero sí es cierto, que subir ficheros desde la web puede ser un poco desesperante, sobre todo para aplicaciones web tipo galerías de imágenes en donde se suelen subir varios ficheros simultáneamente.

Subir ficheros mediante Flash nos aporta varias ventajas frente a el HTML normal: puedes poner filtros de archivos, tratar los ficheros previamente, subidas multiples, indicador de progreso, … Y aunque nos pese, el cliente/usuario siempre tiene la razón, y estas comodidades son muy bien valoradas por los usuarios.

El tutorial que os paso explica cómo crear el uploader Flash y como realizar la parte PHP, a mi me va a venir de perlas.

How to Use Flash for File Upload with PHP

|

jQuery File Upload Plugin: subir archivos con jQuery y Flash

ByLuis

jQuery File Upload Plugin es un plugin para jQuery que usando Flash nos permite subir archivos a nuestro servidor con opciones ampliadas respecto a la ventana de selección de archivos que ofrece el navegador, ya que, entre otras cosas, permite indicar el tipo de archivos que se permiten subir o subir varios archivos de una sola vez.
Yo estoy en contra de este tipo de controles, ya que no es lo que viene por defecto en el navegador, pero siendo realistas, muchos clientes, sobre todo cuando se desarrolla para empresas y su visión de una aplicación web es que haga lo mismo que una aplicación de escritorio, siempre piden que al subir un archivo se pueda indicar el tipo de archivo que se permite subir.
jQuery File Upload Plugin
Vía / @benjarriola

Razones por las que Flash no es bueno para el SEO

ByLuis

No soy un experto en SEO (casi todo lo contrario), por lo que este artículo me ha parecido bastante interesante. Se trata de algunos motivos por los que crear sitios en Flash no es bueno para el SEO, aun cuando ahora Google lo indexa:

  • Diferente contenido no son diferentes URLs: al igual que pasa con algunas aplicaciones basadas en Ajax, diferentes contenidos pueden estar dentro de un mismo Flash.
  • Problemas con el texto: debido a la realización de efectos o de la disposición de este, en muchas ocasiones el texto se divide en líneas, objectos o en letras (por ejemplo para animaciones).
  • Animaciones incrustadas: es típico que unas animaciones estén dentro de otras, lo cual, al no haber URLs que referencien, indica que va a tener poco PageRank o similar.
  • No se sabe cómo Google indexa: al ser un método propietario, no se sabe qué y cómo indexa Google los contenidos Flash, por lo que se va un poco a ciegas en este sentido.
  • Faltan las bases para el SEO: en Flash no hay enlaces (<a>), negritas (<strong>), o cabeceras (<h1> .. <h6>).
  • No se indexa todo: Google dice que ni ejecuta Javascript ni indexa contenidos externos llamados desde Flash, algo que es muy común.

Flash and SEO – Compelling Reasons Why Search Engines & Flash Still Don’t Mix

Vía / CSS Globe

Flashing de elementos con Mootools

ByLuis

Una librería para MooTools que permite realizar flash en los elementos. Permite indicar el color de origen, final, el número de repeticiones y el tiempo del efecto y la posibilidad de incluir propiedades al elemento (por ejemplo backgroud-color).

Su uso es sencillo y nos ofrece ejemplos de cómo utilizarlo:

/* flash on click */
$('flash-link').addEvent('click', function () {
$('flash-me').flash('#fff','#fffea1',5,'background-color',500);
});
/* flash on ajax complete */
$('flash-link-ajax').addEvent('click', function () {
//make the ajax call
var req = new Request({
method: 'get',
url: 'element-flashing.php',
data: { 'do' : '1' },
onRequest: function() {  },
onComplete: function(response) {
$('flash-me-ajax').set('text', response).flash('#fff','#fffea1',5,'background-color',500);
}
}).send();
});
/* flash on scroll completion */
$('flash-link-scroll').addEvent('click', function() {
var scroller = new Fx.Scroll(window, {
onComplete: function() {
$('scroll-to-me').flash('#fff','#fffea1',10);
}
}).toElement('scroll-to-me');
});

Eso sí, no olvidar que no hay que abusar de este efecto.

MooTools Gone Wild: Element Flashing

Vía / CSS Globe

iTunes Cover Flow con Flash

ByLuis

Los usuarios de iTunes o del iPhon/iPod Touch disponen de un visor de carátulas muy dinámico que permite recorrerlas todas con un efecto muy atractivo.
itunesalbum.png
Los datos sobre los álbumes y los artistas se mandan mediante un XML y enlazan mediante texto a las respectivas páginas.
Echo en falta un efecto de scroll mediante el movimiento del ratón, pero bueno, supongo que vendrá en versiones posteriores.
El código está diponible para Flash CS3 y Flash 8.
Flash iTunes Cover Flow – Version 2
Vía / WebAppers

Papervision3D: motor 3D para Flash

ByLuis

papervision3d2.pngPapervision3D es un motor 3D para Flash, el cual acaba salir de una beta privada. Los ejemplos que nos muestran son bastante espectaculares y seguro que alguno ya está pensando mil cosas que le sacarán partido a esta librería.
papervision3d.png
Válido para ActionScript 8 y 9, aunque algunas características necesitará de la versión 9 debido a su mayor rapidez de procesamiento. Se trata de un proyecto opensource bajo licencia MIT.
Estoy deseando ver qué resultados se obtienen con esta librería.
Papervision3D
Vía / dzone

Nueva versión de FlowPlayer

ByLuis

FlowPlayer es un visor de vídeos en formato FLV, del que ya hablamos en otra ocasión. Desde entonces, hace casi un año, esta aplicación ha sacado nuevas versiones.

El punto actual de desarrollo es el siguiente:

  • Amplia configuración: permite varias opciones de configuración. Es sencillo de empezar con valores por defecto.
  • Listas: combina varios vídeos en un solo stream, incluso puedes añadir imágenes.
  • Descarga progresiva: la forma más sencilla de proporcionar un vídeo Flash a los usuarios, como en YouTube.
  • Streaming: soporta servidores de streaming como Flash Media Server.
  • Thumbnails: acceso rápido a capítulos específicos en el último vídeo.
  • API de scripts: controla el visor desde Javascript y otras películas Flash.
  • Protección contra hotlinking: previene accesos directos a vídeos o imágenes.
  • Soporte para publicidad: permite añadir publicidad antes de un vídeo.
  • Modo pantalla completa.

FlowPlayer

|

OpenLaszlo: aplicaciones web en Flash

ByLuis

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

ByLuis

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

Anterior-siguiente con tu navegador válido para Flash

ByLuis

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()