Fechas con un día menos en Flex y Java usando BlazeDS

   Cuando trabajamos con fechas en entornos con Flex y Java debemos tener cuidado de un curioso efecto, al cargar una fecha correcta en Java en Flex puede verse con un día menos.

   Este efecto se debe a como son transferidas las fechas entre un servidor Java y un cliente Flex, para ello se serializa la fecha en UTC, es decir sin información de la zona horaria. La conversión a la hora local se realiza a nivel del protocolo de forma automática, por lo tanto si el servidor no conoce la zona horaria del cliente no podrá transformarla adecuadamente. Dependiendo de la aplicación puede ser deseable almacenar/recuperar los datos en la zona horaria del cliente que los guarda, pero en la mayoría de los casos no lo es.

La solución (tal como se indica en el CookBook de Flex) consiste en forzar que la fecha se intercambie sin la información de la zona horaria. Para ello modificaremos los métodos accesores (getters y setters) de las fechas tanto del objeto java, como en el objeto en actionscript de forma que intercambiemos la fecha como el numero de milisegundos desde 1970 menos la cantidad añadida por la zona horaria (para que la trate como en GMT+0). Los objetos quedarían  así:
Java

package com.fraguaDigital;
 
import java.io.Serializable;
import java.util.Date;
import java.util.TimeZone;
 
public class MiClase implements Serializable {

    // ... Otros atributos ...
 
 private Date _fecha;
 public Date getFecha() {
  Date newDate = new Date(_fecha.getTime() - TimeZone.getDefault().getOffset(_fecha.getTime()));
  return newDate;
 }
 public void setFecha(Date value) {
  Date newDate = new Date(value.getTime() + TimeZone.getDefault().getOffset(value.getTime()));
  this._fecha = newDate;
 }
}

ActionScript (Flex)

package com.fraguaDigital
{
 [RemoteClass(alias="com.fraguaDigital.MiClase")]
 public class MiClase
 {
     // ... Otros atributos ...
  
  public var _fecha:Date;
  public function set fecha(value:Date):void {
   var newDate:Date = new Date(value.valueOf() - value.timezoneOffset);
   this._fecha = newDate;
  }
  
  public function get fecha():Date {
   var newDate:Date = new Date(_fecha.valueOf() + _fecha.timezoneOffset);
   return newDate;
  }
 }
}

Con esto ya las fechas llegarán correctamente al cliente.

Características del sistema desde un cliente Flex/Flash

Cuando desarrollamos aplicaciones web debemos tener en cuenta que nuestra aplicación se puede utilizar desde diferentes plataformas, y por tanto tenemos que tener en cuenta las posibilidades de cada plataforma. Un ejemplo claro de está situación es la pantalla, para un dispositivo móvil puede tener resoluciones más pequeñas que para un ordenador de sobremesa, así mismo cada sistema puede tener configuradas diferentes resoluciones o profundidad de color.

Vista esta situación, cuando desarrollamos una aplicación, podemos adaptar nuestra aplicación al entorno en el que se ejecutará. Para esto, tenemos una gran ayuda en la clase flash.system.Capabilities, esta clase proporciona propiedades que describen el sistema y el runtime del host. Dicha clase nos permite conocer, entre otras cosas, lo siguiente: 

• Tamaño de la pantalla: ancho y alto de la pantalla por searado en las variables screenResolutionX screenResolutionY respectivamente.
• Si tenemos información de depuracion: variable isDebugger.
• La arquitectura de la CPU: variable cpuArchitecture.
• Si podemos usar audio, vídeo, si tenemos codecs para audio y vídeo, o si podemos reproducir streams de audio y/o vídeo.
• Si el host puede imprimir
• etc.

Podemos ver la lista completa de propiedades en la documentación de la clase.

Como veis, es una buena idea adaptar nuestras aplicaciones al host donde se ejecutará, ya sea la resolución, la reproducción de audio o vídeo (dependiendo de la naturaleza de la aplicación), para de esta forma conseguir una mejor experiencia de usuario.

Identificador único en objetos Java

Recientemente hice una pequeña investigación sobre la mejor forma  de identificar una instancia de un objeto de forma única, de forma que podamos utilizar dicho UID (Unique identifier). Este identificador puede ser muy útil a la hora de cachear instancias , por ejemplo en un HashMap.

Documentándome un poco por la red, he leído muchas "soluciones", algunas más acertadas y otras menos, y he aquí el verdadero motivo de que escriba esta entrada.

Cualquier desarrollador con un poco de experiencia en Java sabrá que esto se resuelve usualmente mediante el método hashCode, el cuál genera un código de hash para un objeto, que nos permite indexarlo fácilmente. Pero, ¿que pasa cuando se han sobrecargado dicho método generando un override del objeto que cambia su funcionalidad?. Este escenario es bastante habitual, ya que se suelen generar los métodos equals y hashCode, para poder comparar objetos y saber a igualdad de datos si se trata del mismo objeto.

Una cosa que ha llamado mi atención en particular es que en muchos sitios proponen usar el método toString, para obtener a un identificador único, siempre y cuando no se halla sobreescrito dicho método en las clases. Esta suposición no es errónea per se,  pero resulta curiosa la forma de usar dicho método, y las limitaciones que conlleva (ya que no podremos modificar el método toString). Este método se basa en la implementación del método toString en la clase java.lang.Object, el cuál concatena el nombre de la clase con el hashcode y no con la dirección de memoria como cree mucha gente. El formato de la String devuelta  puede verse en la documentación de Java):

public String toString() {
   return getClass().getName() + '@' + Integer.toHexString(hashCode());
 }

Si esto es así, dicha solución tampoco funcionará en todos los casos, si hemos hecho un override del método hashCode basándonos en algunos datos, o cuando menos no podemos decir que la "resistencia a colisiones" sea alta.

En estas situaciones lo mejor sería utilizar el método hashCode original de la clase Object, el cual asegura que dos instancias distintas, aún cuando tengan los mismo datos, devolverán un hashCode diferente. Esto se debe a que el calculo de los datos se hace de forma nativa en base a la dirección de memoria donde se encuentra la instancia:

public int hashCode() {
   return VMMemoryManager.getIdentityHashCode(this);
 }

Para acceder al método de forma independiente de si lo hemos sobreescrito podemos usar la clase System, llamando al metodo identityHashCode.

System.identityHashCode(object);

Otra opción un poco más "delicada" es usar la clase sun.misc.Unsafe, para obtener la dirección real de memoria, podemos leer un poco más sobre ello aquí. esto es algo totalmente irrecomendable, que tiene cabida sólo como investigación para aquellos que gusten de saber como funcionan las cosas (Para que la llamaron Unsafe si no querían que trasteáramos con ella. XD).

Primeras impresiones de Bonita 5 (aka Bonita Open Solution)

Bueno después de haber avanzado allá por Octubre la preview de la versión 5 de Bonita me había olvidado un poco de ella, pero hoy he comenzado a instalar y probar la versión 5.0.1 (ya ha salido la 5.02) y quería compartir mis primeras impresiones.

Para empezar diré que la estructura se mantiene más o menos igual. se puede desplegar la aplicación web y personalizar ciertos aspectos o bien desplegar el "runtime" en un servidor de aplicaciones para conectarnos a el mediante RMI.

Les dejo una pequeña valoración inicial con algunos aspectos que he encontrado en este primer acercamiento:

Aspectos positivos:

• A nivel de la API han habido algunos cambios, ya que ha cambiado algo el modelo y se han añadido ciertas funcionalidades como por ejemplo la "reparacion de casos".
• Donde se observan las mayores diferencias es en el cliente web. Han desarrollado un cliente totalmente nuevo, algo muy acertado a mi juicio, ya que el anterior fallaba bastante.
• El BonitaStudio (desarrollado sobre eclipse), parece mucho más completo que las versiones anteriores de las herramientas de diseño.
  

Aspectos negativos:

• El proceso de instalación es el mayor problema que he encontrado hasta el momento, el cuál es complicado y la documentación al respecto es insuficiente. Personalmente he trabajado con versiones anteriores de Bonita y esto parece ser un problema recurrente, imagino como sufrirá un usuario nuevo para llevar a cabo la instalación. Quién haya instalado antes Nova Bonita , no tendrá problemas para isntalar el runtime pero la aplicación web puede que le ed algún que otro problemilla.
  
• No existe documentación para la API, o no esta disponible, tán sólo podemos acceder al javadoc de la API. He podido detectar algunos cambios gracias a los proyectos existentes con librerías (bonita-client) anteriores.
• No hay compatibilidad con flujos anteriores. Esto hay que matizarlo, yo puedo importar un Bar de Bonita 4, pero hay una alta probabilidad de que no funcione si contenía lógica, por ejemplo Hooks. Se puede importar al BonitaStudio pero la importación no es del todo correcta y hay que arreglar los flujos. Además no trabajamos con un fichero XPDL sino que importaríamos el .bar.
  

Una vez que se ha instalado y comprobado que funciona correctamente, es necesario migrar las aplicaciones para usar la nueva API y hay que aprender a usar la nueva herramienta de diseño, ya que ha cambiado completamente. Esto implica que una migración requiere un coste relativamente alto, esto sin hablar de migrar las instancias existentes en un sistema antiguo al nuevo.

Seguiré comentando. Saludos.

Felicidades

Este post, aunque haya tardado un poco, es para celebrar que hay una nueva ingeniera informática en la familia, Felicitaciones a Amelia por haber presentado su proyecto final de carrera, titulado: "Adquisición de datos de una red de anemómetros.", cuya funcionalidad se basa en la recogida de muestras de viento a partir de sensores (anemómetros), para almacenarlas en una base de datos.

A dichos datos puede accederse a partir de una aplicación web rica. Toda la aplicación ha sido desarrollada con tecnologías openSource (Java, Spring, Hibernate en el servidor y Flex con BlazeDS en el cliente).

Espero que de ahora en adelante pueda participar más en el Blog .

BlazeDS: NetConnection.Call.Failed

Bueno como ya había comentado antes, durante las últimas semanas, he tenido una "batalla" con BlazeDS, y parece que finalmente a acabado con un resultado algo inesperado, quedando BlazeDS totalmente exonerado.

El problema consiste en la perdida de conexión entre el cliente y el servidor (Java). Tras realizar una llamada a un servicio si esté se demora mucho (o si colocamos un breakpoint) se pierde la conexión con el servidor y tras el timeout se informa al cliente, con un evento NetStatusEvent con el código NetConnection.Call.Failed, el cuál vuelve a realizar la llamada teniendo así varios hilos ejecutando la misma llamada.

He pasado mucho tiempo comprobando los logs (tanto de servidor como de cliente), variando las configuraciones del BlazeDS, depurando el código de BlazeDS, el código de la librería RPC del FLEX SDK (en varias versiones) sin encontrar un motivo aparente del error, ya que realmente el funcionamiento era correcto. En este proceso siempre llegaba al mismo punto que era la serialización del AMF Request, pero realmente la hacía bien, pero en ese punto era cuando perdía la conexíon.

La sorpresa salta cuando probando en otro entorno con un servidor de aplicaciones Tomcat no se reproduce el error, por lo que decidimos revisar el servidor de aplicaciones Jetty que usamos en desarrollo y encontramos que se debe a una actualización del servidor Jetty que hasta al fecha funcionaba correctamente, pero que había sido actualizado.

El problema radica en la versión 6.1.24 de Jetty, el cuál ha modificado la forma en que se tratan los request HTTP (probablemente exista algún bug). No he profundizado en el tema pues las versiones anteriores de Jetty funcionan correctamente y nos hemos pasado a una anterior, pero creo que el problema anda por la clase HttpParser la cual se encarga de leer (parsear) los request.

Saludos.

Charles (Proxy Depurador Web)

Buenas a tod@s.

Esta semana he tenido una guerra particular con el BlazeDS (de la cuál hablaré en otro momento cuando tenga más tiempo), y en tales circunstancias he encontrado una herramienta que me ha sido bastante útil. Se trata de Charles, una aplicación que sirve de proxy para las peticiones web y que te permite tanto ver los request/response como depurar las peticiones.

Es cierto que para ver las peticiones del BlazeDS tan sólo s necesario activar el login, pero obviamente es menos legible, y ademas Charles te da cierta información acerca de que está sucediendo y porqué.

Desaparecen los imports en Flex Builder 3

Hace un tiempo que un compañero se encontro con este problema y hasta hace poco no sabía porque se daba este comportamiento extraño. El problema en cuestión es que al usar el asistente de código (con Ctrl + Espacio) el Flex builder elimina algunos imports, sobre todo los del paquete flash. Esta situación es bastante molesta, ya que obliga al desarrollador a tener que asegurarse de si los imports están correctos antes de cada guardado suponiendo una falta de eficiencia y una fuente inmensa de errores. Otra problema que se puede apreciar es que no encuentra algunas clases al usar el asitente de código y ni siquiera podemos ver sus métodos.

Indagando un poco he encontrado el porque de éste problema y su solución. El problema realemente es una combinación de circunstancias un poco peculiar, pero que se da con frecuencia.

Por un lado tenemos la opción de "organizar los import" y "eliminar los imports no usados", las cuales las encontramos en "Window->preferences->Flex-> actionScript Code". Dichas opciones suelen estar activadas y yo recomiendo que sigan así. En algunos foros he leíio que hay quien las ha desactivado para evitar el problema, pero de esta forma sólo conseguiremos evitar que elimine los imports pero el problema seguirá "latente", ya que seguiremos sin poder usar el asistente de código.

Por el otro lado tenemos el SDK que usamos en la aplicación, que es el verdadero causante de este problema. Este error suele surgir cuando hemos cambiado de SDK o cuando se crea un proyecto nuevo con un SDK superior al 3.2 y estamos compilando para la maquina Flash Player 10. Se debe a que han cambiado la ruta en la que se encuentra la libreria playerglobal.swc, para tener compatibilidad con la máquina Flash 9 y 10, esto es lo que hace que no se carguen las clases y por tanto no aparezcan el el asistente de código y asímismo, dado que no encuentra las clases, elimina sus imports por no estar siendo utilizados.

Por tanto para solucionarlo tenemos que asegurarnos que se cargue la libreria playerglobal.swc correspondiente a la máquina Flash Player con la que trabajemos. Esto podemos hacerlo de varias formas:

Opción 1
En las propiedades del proyecto ir a "Flex Build Path" -> "Library Path" y eliminamos dicha librería del SDK, para luego añadirla manualmente.

Opción 2

Modificar el fichero ${FLEX_SDK}/frameworks/flex-config.xml para configurarlo correctamente para la la Flash player 10.

1. Editar el tag <target-player>, reemplazando 9.x.x por 10.0.0:
   <target-player>10.0.0</target-player>
2. En el tag , editar el "path-elelment" para el playerglobal.swc reemplazando 9 por 10
   <external-library-path>
   <path-element>libs/player/10/playerglobal.swc</path-element>
   </external-library-path>
3. Hacer lo mismo con el tag <library-path>
   <library-path>
   <path-element>libs</path-element>
   <path-element>libs/player/10</path-element>
   <path-element>locale/{locale}</path-element>
   </library-path>

Si queremos alternar el uso de las versiones 9 y 10 de Flash Player podemos hacerlo reemplazando el 10 por {targetPlayerMajorVersion}, con lo que el usara el "major version" del flash Player que establezcamos en el compilador.

Desde mi punto de vista recomiendo la segunda opción ya que la primera aunque parezca más simple habría que repetirla en cada proyecto que tengamos y nadie garatiza que no se quede alguno atras.

Pueden ver más en el sitio oficial de adobe aqui.

Cumplimos un año

El próximo domingo (28/03/2010) se cumple un año desde que empezara a escribir este blog, y por ese motivo me gustaría hacer un pequeño repaso de lo que ha sido este año.

Inicialmente empecé a escribir con la idea de compartir, ya que creo firmemente en la máxima de Compartir el conocimiento. Si la informática ha llegado a ser lo que es hoy es gracias a dicha máxima ("Si yo se sumar y te enseño, quizás tu mañana me enseñes a multiplicar.").

Durante el año se han escrito 27 entradas (contando ésta última), me gustaría haber escrito algunas más pero nunca tengo el tiempo suficiente. Se han tocado diversos temas : Optimización, Flex, Java, Frameworks, etc. tratando siempre de enfocarlos de manera práctica y sencilla, además siempre he querido publicar "todo aquello que en su día busqué y no encontré", claro esta esto no es aplicable a todos los artículos, hay cosas de cosecha propia y otras que ido aprendiendo con el tiempo.

En cuanto al seguimiento del blog, decir que el número de visitas ha superado lo que yo esperaba en el primer año. Esperaba tener pocas visitas ya que los temas tratados son bastantes especializados y encima lo he escrito en español, pero justamente eso es lo que quería, ya que casi todo esta en inglés y quiero que quede bien claro que los hispano-hablantes también sabemos de esto (XD). Lo que no ha sino muy alto es la participación externa (via comentarios, en el grupo, etc), cosa que me gustaría mejorar para el año que viene, así que os animo a participar, ya sabeís que "El conocimiento es lo único bien que crece cuando se comparte".

Ahora les dejo unos datos (actualizados hasta el 23/03/2010):



Saludos.

Mejorar el rendimiento de las aplicaciones.

Todo el que haya trabajado con una aplicación con un tamaño considerable se da cuenta en algún momento de que ciertas acciones provocan cierto "stress" en el sistema, es decir, hay acciones que sobrecargan el sistema y tardan mucho en ejecutarse. Este hecho no sólo provoca una pérdida de tiempo productivo para el usuario, sino que ve mermada seriamente la experiencia de usuario (del ingles User Experience). Por tanto es necesario optimizar nuestro código para que no sólo funcione sino que lo haga de forma óptima.

A continuación desglosaremos unos cuantos aspectos que pueden ayudar a mejorar el rendimiento de nuestra aplicación :

1) Limpiar todo lo que dejemos a nuestro paso.

Siempre es buena idea mantener nuestro código limpio y no tan solo en el sentido de mantenerlo legible y formateado. Todos los objetos que creemos deberán ser destruidos cuando dejemos de utilizarlos, de no ser así podremos crear "fugas de memoria" (memory leaks) importantes.

En lenguajes antiguos como C++ existían los destructores (en contraposición a los Constructores que instancian un objeto), que se encargaban de liberar la memoria., en Java podemos sobreescribir el método finalize (pero este depende de cuando se ejecute el garbage collector), como norma general podemos decir que deberíamos limpiar manualmente tras finalizar el uso de un objeto, para ello podemos poner las instancias a nulo.

Asimismo, es importante eliminar los listeners de eventos que tengamos una vez que no se vayan a usar. En sistemas que usen garbage collector como Flex y Java, si mantenemos un listener de un evento que ya no existe puede provocar que el garbage collector no elimine ciertos objetos, dado que su contador de referencias no está a cero (pueden leer un poco más sobre el garbage collecctor en un post anterior "Introducción a Flex Profiler"). Como nota práctica decir que en Flex podemos definir los listener con "weak references" lo cuál aliviará este problema.

En el caso de Flex,cada vez que usemos los cargadores (loaders), para cargar un fichero SWF, una imagen, etc. es altamente recomendable descargar el objeto una vez que ya no se use, para ello podemos usar la función unloadAndStop.

2) Evitar acciones innecesarias.
¿Para que vamos a hacer acciones que no se usan para nada?.

a)Tener mucho cuidado con el manejo de las colecciones:

• Tener mucho cuidado al iterar en las colecciones (ya hablé de esto en otro post).
• Si tenemos la colección bindada o asociada a un evento, y se ejecuta cierto código cada vez añadimos, eliminamos o actualizamos un elemento, quizás sea recomendable realizar todas las operaciones que deseemos y luego lanzar el evento o ejecutar el binding. Supongamos que tenemos una colección en la que insertamos 1000 objetos, y cada vez que se inserte un objeto se ejecuta un binding para mostrar los datos en una tabla, el código para mostrar se ejecutará 1000 veces, cuando s. En Flex podemos usar la función disableAutoUpdate para que no se lancen los bindings mientras iteramos.

b) Podemos usar la instanciación aplazada (deferred instantiation), que consiste en no instanciar los objetos (como contenedores, tabNavigators, etc), hasta que realmente sean necesarios. En Flex podemos usar la propiedad creationPolicy para que los hijos se creen en diferentes momentos, pero esto es muy delicado. Otra opción es no crear los hijos en el constructor y sobreescribir el método createChildren() para que nuestros componentes creándose de forma aplazada.

c) Reciclar objetos. Es menos costoso reusar un objeto ya instanciado que crear uno nuevo.

d) No invalidar y revalidar los objetos si nada ha cambiado, es decir ¿para que repintamos una pantalla que se va a mantener igual?. En flex, podemos hacer uso de los métodos para invalidar (invalidateProperties, invalidateSize e InvalidateDisplayList), para forzar una invalidación y que tenga que revalidarse el componente, esto es útil en algunas circunstancias, como cuando cambia de tamaño.

En Flex, cada vez que se invalida un componente debemos realizar el proceso de validación en el cuál debemos realizar tres pasadas sobre la jerarquía de componentes, esto supone que para una jerarquía muy grande el tiempo de computo es considerable, en estos casos debemos ser muy cuidadoso y tener en cuenta los aspectos antes mencionaos (a,b y c), asimismo debemos eliminar los objetos y contenedores intermedios que realmente no se estén usando, ya que muchas veces se anidan Box, VBox y HBox, para simplificar la forma en la que escribimos nuestros componentes, de esta forma podemos eliminar complejidad de la jerarquía de objetos.

3) Consideraciones sobre las propiedades

Otro factor a tener en cuenta es usar las propiedades correctas, a la hora de ocultar/visualizar objetos, ya que una práctica común poco acertada es establecer el valor alfa para que no sea visible, pero esto no deshabilita la interacción del componente, en mi opinión lo más acertado es hacer uso de las propiedades visible e includeInLayout, la primera aparte de no visualizar el objeto deshabilita la interacción con el usuario, y la segunda hace que el componente no este en el displayList (la jerarquía de objetos en pantalla), y por tanto no se tendrá en cuenta al recorre dicha jerarquía.


Bueno espero que estos consejos les sirvan, y no haberme liado mucho al explicarlos, ya que he tratado de separarlos un poco pero están íntimamente relacionados.

No se pudo encontrar la clase (VerifyError: Error #1014)

Hola a todos.

Una buena práctica a la hora de desarrollar con Flex es usar las RSLs (y en general en cualquier tecnología siempre que permita algo parecido), pero al usarlas es posible introducir ciertos errores que no son tan obvios y lo digo por experiencia personal. Me refiero al famoso error VerifyError Error #1014, este error llevaba un tiempo dándome la lata ya que usamos librerías compartidas entre varios proyectos y funcionaba en unos si y en otros no.

Con este panorama no queda otra que investigar un poco y resulta que el error es bien simple de solucionar. Este error se produce en tiempo de ejecución y se debe al orden de carga de las librerías, ya que si cargamos una librería A antes que otra B y A hace uso de B nos dará este error, ya que no encuentra las clases de B, porque no se han cargado.

Para solucionarlo tan solo debemos ir a nuestro proyecto y definir el orden correcto de las librerias.

• Si usamos Flex Builder, pulsamos el botón derecho sobre el proyecto y vamos a propiedades (o Alt+Enter) --> "Flex Build Path" --> pestaña "Library path" y usamos los controles "Up" y "Down" para situar las librerías en el orden correcto.
• O podemos modificarlo directamente en el fichero .actionScriptProperties en los tags
  
  

Personalmente, les recomiendo la primera opción por ser más simple, intuitiva y menos propensa a errores.

Saludos.