jueves, 31 de enero de 2008

AS2, EventDispatcher modificado

En algunas ocasiones los listeners de nuestra aplicación se quedan vivos aún cuando ya no los necesitamos y eso nos acarrea que la aplicación tenga unos resultados poco esperados (esto sucede sobre todo si usamos interfaces o programamos de afan :) ).
Por esa razón he modificado ligeramente la clase EventDispatcher de Macromedia añadiéndole algunas funcionalidades interesantes que listaremos a continuación...

1. A la función addEventListener se le añadió un nuevo argumento llamado "tagName":
Es un String con el cual podemos agrupar listeners de la misma funcionalidad. Se ve mejor con un ejemplo...

this.addEventListener("clic", onClic, "botones");
this.addEventListener("focus", onFocus, "botones");
this.addEventListener("exit", onExit, "botones");

Como ven todos tienen el mismo tagName ("botones" en este ejemplo).

2. Se añadió una nueva función estática "removeEventListenersForTagName":
Con esta podemos eliminar todos los listeners que tengan cierto tagName.

EventDispatcher.removeEventListenersForTagName("botones");
EventDispatcher.removeEventListenersForTagName("registro");
EventDispatcher.removeEventListenersForTagName("juego1");

3. Se añadió una nueva función estática "removeEventListenersForEvent":
Con esta podemos eliminar todos los listeners que tengan cierto evento y fueron registrados por nuestro EventDispatcher.

EventDispatcher.removeEventListenersForEvent("clic");
EventDispatcher.removeEventListenersForEvent("focus");
EventDispatcher.removeEventListenersForEvent("exit");

Hay que tener cuidado con esta función ya que se busca ese nombre de evento en toda la aplicación.

4. Se añadió una nueva función estática "removeEventListenersForScope":
Con esta podemos eliminar todos los listeners de cierta clase u objeto.

EventDispatcher.removeEventListenersForScope(this);
EventDispatcher.removeEventListenersForScope(this.oMain);
EventDispatcher.removeEventListenersForScope(RegisterManger);

5. Se añadió una nueva función estática "removeAllEventListeners":
Con esta eliminamos todos (repito, TODOS) los listeners que fueron registradas por nuestro EventDispatcher.

EventDispatcher.removeAllEventListeners();

6. A la función dispatchEvent se le añadió un nuevo argumento llamado "deleteListener": Es un Boolean que le indica a la función si debe eliminar el listener después de ejecutarlo. Si es True entonces despacha el evento y lo borra inmediatamente, si el False o undefined o null lo despacha pero no lo borra.

this.dispatchEvent({type:"clic", target:this}, true);
this.dispatchEvent({type:"clic", target:this}, false);
this.dispatchEvent({type:"clic", target:this});



Como ven no tenemos que ponernos a eliminar uno por uno los listeners que creamos, solo los agrupamos por un tagName o los encapsulamos en cierta clase y los matamos todos de un solo golpe.

Otra ventaja es que es 100% compatible con el EventDispatcher de Macromedia entonces podemos cambiar tranquilamente el import de mx.events.EventDispatcher por el de nuestro EventDispatcher.
Las demás funciones siguen igualitas y se utilizan de la misma manera (incluido el "initialize").

EventDispatcher.as


Quedo en espera de comentarios, dudas o correcciones.

miércoles, 30 de enero de 2008

AS3, JSON vs XML

Tenía mis dudas con respecto a si JSON sería más ágil que XML en AS3 dado el brusco cambio que hicieron los de Adobe con la nueva implementación de ECMAScript para XML (E4X).
Pues decidí verificarlo y esto fue lo que sucedió...

1. Descargué el "as3corelib" de Adobe (http://code.google.com/p/as3corelib/). Es un proyecto de los laboratorios de Adobe que finalmente lo lanzaron al público y lo colocaron en los servidores de Google. Permite la codificación / decodificación de JSON y otras cositas cheveres como MD5, SHA1, etc.

2. Cree un archivo de Flash con 2 DataGrid, el primero lo llamé "dataj_dg" y el otro "datax_dg".

3. Le cree una clase al documento:


Básicamente lo que hace es cargar un JSON y un XML (con los mismos datos) y convertirlos en un DataProvider para pasárselos al los Datagrid. Al final traza el tiempo que demoró procesando cada archivo (la carga no cuenta).

4. Cree los archivos de datos (el JSON lo saqué del ejemplo del as3corelib y el XML de la conversión de este).

mashedpotato.json


mashedpotato.xml


5. Lo ejecuté y... taraaaaan!!


Tiempo JSON: 21
Tiempo XML: 4

6. No contento con los resultados, calculé el tiempo tanto del JSON como del XML después de creado y parseado los datos, y el el resultado fue:

Tiempo JSON: 4
Tiempo XML: 2

7. Valla!!! que diferencia. Tonces traté de hacer modificaciones como cargar primero el XML y después el JSON, pasar el JSON decodificado directamente o convertido a Objeto pero finalmente el resultado fue el mismo.

El test se hizo en un portatil Celeron 2.59 GHz con 512 de RAM.

Conclusión:
Es muy difícil competir con un objeto nativo como lo es el XML dentro de AS3.
El tiempo de parseo de JSON es relativamente alto. Su lectura después de eso es buena.
No es que JSON sea una mala opción solo que las mejoras que hicieron en AS3 son muy buenas :)

Quedo en espera de comentarios, dudas o correcciones.

martes, 22 de enero de 2008

Dónde aprender?

No creo conveniente crear un manual de los lenguajes de nuestro interés ya que por Internet hay muchos de ellos muy buenos, completos y en español. Por esa razón vamos a listar algunos links que podrían ayudarnos en la laboriosa tarea de aprender...

ActionScript
* La ayuda de Flash:
El mejor lugar para aprender AS2 y AS3 de mano de sus propios creadores.
* CristaLab:
Excelente sitio con muy buena información sobre AS2 y AS3, además de otros temas tecnológicos.

Ahora unos libros super recomendados...
* Essential ActionScript
(Inglés) Excelente libro que se extiende en el aprendizaje de AS. Hay versión para AS2 y otra para AS3.
Está en inglés pero se que existe una en español de la versión AS2 que la distribuye Anaya Multimedia.
* ActionScript Cookbook
(Inglés) Libro lleno de código con soluciones a problemas comunes en AS. Hay versión para AS2 y otra para AS3

AJAX
* El rincón de AJAX 2.0:
En esta página se encuentra un tutorial de AJAX excelente.

PHP
* La ayuda de PHP:
La referencia oficial de PHP en el formato e idioma que prefieras.
* Taller de PHP:
Un PDF muy completo, algo viejito pero enseña PHP de manera sencilla.

A medida que consiga más links los iré añadiendo, pero de momento hay mucho que leer.

Nace otro blog...

Si, así es. En esta ocasión trataremos temas sobre programación web, entre los cuales estarán tecnologías como HTML, CSS, AJAX, PHP, ActionScript (Flash) y Flex. Nos centraremos especialmente en estas dos últimas. Es posible que hablemos de otras (un tanto olvidadas por mi pero no por la humanidad) como .Net y JSP.

Como ven, hay muchos temas por hablar en este nuevo blog.

Trataremos (nótese la negrilla) de tener un nuevo artículo cada semana, así que recomiendo añadan esta dirección en su lector RSS favorito.

No es más, estaré atento a sus comentarios y/o aportes a esta comunidad.