Tag Archives: flex

Detectar cuando un usuario deja nuestra aplicación Flex

Desde hace un par de días volví a darle movimiento a mi cuenta de LinkedIn uniéndome a groupos y tratando de participar activamente en estos, no con el fín de buscar trabajo (pues no lo estoy haciendo) sino de seguir ampliando mi red e ir forjándome una buena reputación.

En uno de los grupos surgió una pregunta a la cual yo ya me había enfrentado hace algunos años cuando comenzaba con Flex: Como detectar si un usuario sale de la aplicación y no cierra sesión o deja algo sin salvar. Mi respuesta (y la de otros que ya habían hecho comentarios similares) fue la misma: Usar JavaScript para detectar el evento y tomar las acciones adecuadas.

Considero este ejemplo bastante fácil de entender si sabemos un poco de JavaScript y un poco de Flex. Lo más difícil podría ser entender como dividir las tareas y saber que le toca a cada quien (Flex, JavaScript). Si son como yo pueden saltarse la explicación para analizar el ejemplo pueden ir directamente al código fuente y regresar mas tarde si no entienden algo.

Continue reading

Flex 4: DataGroup e ItemRenderers

El dia de hoy me toco hacer un ejemplo de lo que viene a reemplazar a los Repeaters en Flex 4: DataGroups.

Abajo se puede ver el resultado (en un iframe) de como consumo un RSS (cortesia de Dosis Diarias de Alberto Montt). Como siempre para ver (y descargar) el ejemplo basta con hacer click derecho en este una vez que este completamente cargado.

En caso de no verse el iframe de arriba, pueden ver el resultado en una ventana nueva

Empezando con Flex 4

Llevo años trabajando con Adobe Flex como uno de mis principales lenguajes de programación, me ha dado de comer por lo menos por 4 años ya y si no me pongo las pilas en avanzar a la version 4 me voy a quedar estancado; no queremos que eso pase verdad?

Asi que siguiendo mis propias recomendaciones empiezo hoy con el “Flex in a week” y con mis propios ejemplos clasicos.
El primer ejemplo satisfactoriamente realizado es el acceso a la webcam. Aqui un autoretrato :)
Para ver el ejemplo funcionando basta con hacer click en la imagen. Para ver (y descargar) el codigo basta con hacer click derecho en el ejemplo y seleccionar “View Source”.

Flex + AMFPHP

En la academia de Flex que estoy dando hice un pequeño ejemplo para demostrar lo facil que es integrar Flex y PHP usando AMFPHP.

El ejemplo sencillo lo que hace es mostrar un DataGrid y una AreaChart con LineChart cuyos datos se van actualizando cada 1 segundo, dando la apariencia de un monitor de alguna clase de datos. Los datos son generados de forma aleatoria por PHP contando este con dos Servicios: initialLoad que genera 20 datos aleatorios y getAlert que genera un dato aleatorio.

Dejo disponible para su descarga el codigo completo de Flex y de PHP. Como consideraciones el codigo de Flex (realmente es solo el archivo Main.mxml) es un proyecto de FlashDevelop, pero puede copiarse la clase dentro de Flex/Flash Builder sin ningun problema. El codigo de PHP consta solo de las clases usadas, las cuales deberan descomprimirse en la carpeta services de AMFPHP.

El codigo de este ejemplo lo comparto bajo licencia BSD.

Creando una aplicación CRUD con Flex y PHP

Y listo quedo el fruto de la inspiración que me llego el fin de semana pasado :)

Es muy común el necesitar que una aplicación Flex se comunique con una base de datos. En esta guía enseño como hacer un ABC (Altas, Bajas, Cambios/Consultas) o en inglés CRUD (Create, Request, Update, Delete) desde cero usando Adobe Flex (con el framework Swiz) y PHP (con los frameworks AMFPHP y ADODB).

Debido a la longitud del contenido preferí dejarla como un archivo PDF y comprimirlo junto con el código fuente. El contenido del archivo ZIP es el siguiente:

    • www: Carpeta con todas las librerias de PHP usadas incluyendo AMFPHP, ADODB y el código de la guía

 

  • flex: Carpeta con todo el proyecto de Flex Builder

 

 

  • fpcrud.pdf: Guía en formato PDF.

 

 

El contenido de la guía esta bajo licencia Creative Commons Reconocimiento-No comercial-Compartir. El código fuente esta bajo licencia BSD.

http://dl.dropbox.com/u/4438871/fpcrud.zip