RIA212» AS3

Recordar usuarios localmente con Shared Objects en Flex

Juan Manrique — Fri, 27 Aug 2010 04:15:35 +0000

Los Shared Objects son objetos gestionados por el Flash Player que sirven para almacenar datos en el disco duro de la máquina donde se está ejecutando una película Flash. Aunque no lo son, los Shared Objects pueden entenderse como los cookies del Flash Player, con la diferencia de que son mucho más poderosos que los cookies tradicionales en varios aspectos:

Los cookies expiran por defecto; los Shared Objects no expiran.
Por lo general, los cookies tienen un límite máximo de 20 por cada sitio web; los Shared Objects no tienen ese límite.
Por lo general, los cookies están limitados a un tamaño de 4kb cada uno. Por defecto, los Shared Objects tienen un tamaño de 100kb pero se les puede configurar un tamaño ilimitado.
Los cookies pueden ser transmitidos a un servidor vía HTTP. Los Shared Objects no pueden ser transmitidos a un servidor ni pueden ser compartidos entre aplicaciones de distintos dominios (por defecto, aunque se puede permitir), características que suponen una ventaja a nivel de seguridad sobre los cookies.

Otras características interesantes de los Shared Objects y los cookies que pueden ser consideradas como ventajas o desventajas dependiendo del punto de vista, son:

Los cookies pueden ser deshabilitados en su totalidad o para un sitio específico desde el navegador. Los Shared Objects escapan a esta configuración. Deben ser gestionados desde la aplicación, haciendo clic derecho sobre la película Flash y seleccionando la opción “Configuración” o “Settings”, o desde el Panel de configuración de Flash Player oficial de Adobe .

Los cookies pueden ser eliminados desde las opciones del navegador. Los Shared Objects permanecen cuando se ejecuta esta opción ya que no son cookies.
Los cookies, por lo general, almacenan datos de tipo texto. Los Shared Objects almacenan varios tipos de dato binarios, entre ellos: Array, ArrayCollection (de String), Boolean, Date, etc.

Esta tecnología es propia de Flash, está bastante madura a la fecha y su uso es tan simple como difundido. Los Shared Objects, junto con los cookies tradicionales, han sido motivo de pleitos legales en diversos países debido a lo intrusivos que pueden resultar cuando se utilizan de manera agresiva y desmedida en actividades como el rastreo de hábitos de navegación de usuarios con fines publicitarios. De hecho, en Reino Unido se han creado regulaciones que impiden la utilización de cookies y Shared Objects para rastrear hábitos de usuarios sin su consentimiento. Definitivamente, esta tecnología es mas poderosa de lo que aparenta y puede resultar sumamente útil en nuestras aplicaciones RIA. Particularmente, y debido al tamaño ilimitado que puede alcanzar un Shared Object, los considero una buena alternativa al momento de almacenar datos de formularios en aplicaciones sin conexión a Internet (offline) para su posterior envío al servidor (obviamente, cuando la conexión a Internet este disponible).
Sobre esto haré un ejemplo pronto.

Por ahora, les dejo un ejemplo de un buen uso (nada de intrusiones publicitarias, esta vez) de Shared Objects para almacenar los datos de autenticación de un usuario en una aplicación Flex. Lo interesante del ejemplo se encuentra en la clase LoginModel.

Dudas y comentarios son bien recibidos.

Juan Manrique.

Nota: Gracias a Daniel Terraza por darme pistas sobre Shared Objects en Flex.

Recordar usuarios con Shared Objects en Flex
Código

Información oficial sobre Shared Objects
Panel de configuración de Flash Player oficial de Adobe
Curiosidades de los Shared Objects

La imagen de Caracas es de aquí.

Copyright © 2008
This feed is for personal, non-commercial use only.
The use of this feed on other websites breaches copyright. If this content is not in your news reader, it makes the page you are viewing an infringement of the copyright. (Digital Fingerprint:
)

Infinitas cámaras en Flash Player mediante Flex

Juan Manrique — Fri, 16 Jul 2010 05:09:41 +0000

No tengo idea de por qué pero hace unas semanas atras me surgió la duda sobre cuántas cámaras se pueden conectar en una misma aplicación Flex. Sobran los artículos sobre conexión de webcams remotas; de hecho, hace un tiempo atras hice algunas pruebas de streaming de video de una webcam mediante Red5, pero realmente no recuerdo haberme cruzado con algún código que conectara varias camaras a la vez de manera local.

Así que para no quedarme con la duda, comencé a codificar mis intentos y el resultado lo comparto aquí con ustedes, esperando, como siempre, que pueda ser de ayuda para alguien. Lo interesante de este ejemplo se encuentra en la línea 86 del código, ya que al invocar el método getCamera, podemos pasar el número específico de la cámara que queremos encender como parámetro, pero debe indicarse como String y no como un entero:

80
81
82
83
84
85
86
87
88
89
90
91
92

/**
* Carga la camara correspondiente al indice indicado y la agrega a la lista de camaras
* listas.
**/
private function cargarCamara( indice : uint ):void
{
var camara : Camera = Camera.getCamera( String( indice ) );
if ( camara != null )
{
camara.addEventListener( ActivityEvent.ACTIVITY, camaraActivityEventHandler, false, 0, true );
camarasListas.push( camara );
}
}

Ignoro si conectar varias camaras a la vez pueda servir para algo. El único uso útil que se me ocurrió para esto fue hacer una aplicación AIR que grabara videos desde distintos ángulos (¿?). Al don rafaelochoa se le ocurrió que podría servir para hacer una aplicación de vigilancia, tipo circuito cerrado. Queda de parte de ustedes intentar desarrollar algo útil. Me gustaría leer en los comentarios qué se les ocurre, así como cualquier duda que tengan.

Juan Manrique.

Nota: Obviamente, no tiene sentido probar el ejemplo si no se dispone de, al menos, 2 camaras.

Infinitas cámaras en Flex
Código

Innovación y Flash

rafaelochoa — Wed, 02 Jun 2010 16:41:24 +0000

A continuación una presentación resumiendo las innovaciones de la plataforma Flash, bastante visual restandole importancia a que este escrita en ingles:

Algunos ejemplos:

Detección de movimiento
Reconocimiento Facial
Realidad Aumentada.
Reconocimiento de Voz.
Emulación del Intel8080 CPU.
Emulación de Street Fighter CPU
Simulaciones físicas (movimientos y ambiente) Alchemy C++ 2D Engine
Efectos 3D usando Pixel Bender.
Minko 3D.
Generación de Sonido.

Fuente: RIAgora

twitter:rafaelochoa

Realidades de Flash Player

rafaelochoa — Mon, 31 May 2010 22:32:40 +0000

Buscando algo de información para un componente que estoy desarrollando, me consegui con estas cifras y quise compartirlas:

98% de las computadoras conectadas a Internet tiene Flash Player.
85% del Top 100 de sitios web usa Flash.
75% del video distribuido en internet usa Flash Player.
70% de los juegos de Internet usan Flash Player.
3.5 millones de desarrolladores apoyan la plataforma Flash.
19/20 de las productoras mas grandes de dispositivos moviles estan interesadas en colocar Flash Player en sus dispositivos.

Fuente: Adobe

twitter:rafaelochoa

Imagenes como ItemRenderers en gráficos

Juan Manrique — Tue, 25 May 2010 01:47:21 +0000

Hace unos días fuí contratado para implementar un componente de gráficas bastante particular y configurable (que espero poder mostrarles pronto) por lo que me ví en la necesidad de codificar unos cuantos subcomponentes elementales, herederos de la clase ChartElement, para poder lograr los detalles requeridos. Uno de estos subcomponentes era un Series (BarSeries y ColumnSeries) que debía permitir el cambio de color de cada uno de sus items, independientemente de que pertenecieran al mismo Series. No resulto dificil encontrar las propiedades que debía modificar para cumplir con este requirimiento. Sin embargo, tuve que hacer unas cuantas lecturas para poder implementar el ItemRenderer de manera adecuada. En unas de estas lecturas me topé con un código que me resultó sumamente interesante, ya que hace uso de imagenes como ItemRenderers o ItemEditors de Series en Charts, lo que permite crear gráficos muy llamativos y de codificación muy sencilla cuyas barras, columnas, tortas, puntos y otros, sean imagenes de cualquier tipo.

Como de costumbre, hice un ejemplito sencillo en el que se aprecia el código necesario para utilizar imágenes como ItemRenderers o ItemEditors de Series de gráficos en Flex 3. Las dudas y comentarios, siempre bien recibidos.Juan Manrique.

Chart con imagenes en Series
Código
Las imágenes de los trenes del Metro son de aquí.

Prueba de velocidad en Android: Flash Vs. HTML5

rafaelochoa — Wed, 05 May 2010 22:16:14 +0000

Para seguir con la discusión respecto a ambas tecnologías, vemos el video mostrado en el a nálisis de themaninblue .com acerca del rendimiento de HTML5 con respecto a Flash en los dispositivos móviles.

twitter:rafaelochoa

Eventos de teclado simples y combinados en Flex

Juan Manrique — Fri, 05 Feb 2010 17:31:39 +0000

Hace unos meses atras hicieron una pregunta bastante interesante en nuestro grupo de Google, Flexairve. La duda trataba sobre cómo capturar los mismos eventos del teclado a los que responde el navegador, como por ejemplo, Ctrl + W para cerrar una pestaña, Ctrl + P para imprimir una página web, etc. En esa oportunidad, se hizo referencia a varias opciones ofrecidas por Flex y la plataforma Flash, en las que sobresalieron el uso de JavaScript desde Flex mediante diversos mecanismos y la captura de eventos de teclas combinadas. Aparte de indicar varios enlaces donde se puede encontrar información sobre este importantísimo tema, preparé un ejemplo donde se apreciaban algunas de las posibilidades para resolver problemas de interacción de ese tipo. Aquí les presento nuevamente el ejemplo y, en caso de requerir más información al respecto, pueden dirigirse al mensaje original o indicar comentarios o dudas por aquí mismo.

Juan Manrique.

EventosTeclado
Código

Más sobre AlivePDF…

Juan Manrique — Fri, 05 Feb 2010 00:30:55 +0000

Definitivamente, AlivePDF es el mejor esfuerzo que se ha realizado hasta ahora en la comunidad open source para el manejo de documentos PDF desde Action Script. Buscar una mejor alternativa para la creación y edición de documentos de este tipo desde clientes Flash o Flex, es simplemente perder el tiempo. Esta librería, creada por Thibault Imbert, ha estado en manos de la comunidad de desarrolladores desde el año 2007, por lo que ha transitado un camino de depuración colaborativa bastante extenso y conveniente, dando como resultado una librería muy simple de usar pero más poderosa de lo que parece a simple vista, al manipular archivos PDF.

Preparé un ejemplo donde se puede apreciar algunas de las capacidades de esta librería:

Rendering de texto
Rendering de imagenes
Rendering de enlaces a sitios web (links) sobre texto e imagenes

Demás está recomendarles que revisen la documentación sobre esta librería. Particularmente, cada vez que la utilizo, termino descubriendo, al menos, una funcionalidad desconocida para mi. El ASDoc viene incluido en el archivo de descarga, junto con un par de códigos de ejemplo en Flash y Air.

El código fuente está algo comentado pero, como siempre, las dudas son oídas con gusto.

Juan Manrique.

EjemploPDFRia212
Código

Sobre AlivePDF y la clase FileReference

Aplicaciones para iPhone creadas en Actionscript 3

rafaelochoa — Tue, 02 Feb 2010 14:49:04 +0000

En el video Adrian Ludwig muestra algunos demos de aplicaciones creadas en Adobe Flash CS5 en Actionscript 3, luego tendremos la posibilidad de crearlo en Flash Builder 4.

Bastante interesante el uso de Adobe Connect desde el iPhone OS (iPhone, iPad y iPod Touch) para conferencias, compartir archivos, chat, audio y video sin necesidad de una computadora.

twitter:rafaelochoa

Sobre AlivePDF y la clase FileReference

Juan Manrique — Wed, 20 Jan 2010 15:53:31 +0000

Hace un tiempo estuve buscando información sobre cómo trabajar con archivos PDF en Flex y, particularmente, como guardar texto en archivos de este tipo y me topé con un popular ejemplo en el que se presenta una pantalla donde es posible dibujar garabatos con el mouse para luego guardar dicha imagen en un archivo PDF. Este ejemplo hace uso de la famosa librería AlivePDF para la manipulación de archivos PDF desde Flex.

Una característica interesante de esta librería es que el procesamiento del archivo PDF se hace en el mismo cliente Flex. Sin embargo, viendo el código del ejemplo mencionado me di cuenta de que al momento de guardar el archivo a disco, se hace una invocación a un script PHP en algún servidor remoto que, supongo, genera el archivo PDF y lo reenvía al cliente Flex para que sea descargado. Esto me pareció algo inconveniente, pues todo el procesamiento del archivo PDF se hace en el cliente Flex, pero no se accede a disco desde Flex al momento de guardarlo. Me pregunte entonces si sería posible acceder a disco desde el cliente Flex para poder crear y guardar un documento PDF sin hacer uso de ninguna tecnología de servidor. Lo que encontré fue que Flash Player 10 incluye una clase especial para la carga y descarga de archivos hacia y desde un servidor, respectivamente: la clase FileReference. Esta clase logra acceder a disco abriendo un cuadro de dialogo “Guardar como” del sistema operativo. Así que si se desea manejar archivos PDF exclusivamente en el cliente Flex, me parece adecuado hacer uso de esta clase para guardar a disco el archivo PDF sin hacer uso de ningún servicio remoto.

Comentando una línea y agregando solo tres más al ejemplo original, fue posible crear y guardar a disco un archivo PDF mediante la librería AlivePDF y la clase FileReference. La librería AlivePDF posee un método save() mediante el cual es posible generar el documento PDF. Este método tiene dos constructores en los cuales se indica si la generación del documento será de manera remota (en un servidor) o de manera local (en el cliente Flex). Como es de esperarse, comenté la línea donde se invoca a este método de manera remota en el ejemplo original y agregué la invocación al mismo método pero de manera local. Las dos siguientes líneas son triviales cuando se hace uso de la librería FileReference.

Espero que les guste el ejemplito. Se aceptan comentarios y dudas.

Juan Manrique.

DrawingDemoRIA212
Codigo