¿Y que mas hubo en Campus Party? Se compuso de ponencias, talleres, esparcimiento y una impresionante conexión a Internet que a más de uno encanto y que al regresar a una conexión estándar la extrañaremos sin duda. Todas las actividades que se llevaron a cabo estuvieron divididas en áreas de interés como Desarrollo, Diseño, Música, Ocio, Software Libre etc ., cosa que se presto para reunir a personalidades sobresalientes del medio nacional como internacional y reunir a esos viejos conocidos por twitter que solo conocemos en la red.


Lo sobresaliente de este evento es que no solo se hablo sobre un tema o tecnología en especifico, si no que hubo una carta variada y nutrida que fue desde nuestra amada Flash Platform hasta astronomía, lo que permitió que pudiéramos conocer y darnos cuenta de que la cultura digital que vivimos en la actualidad es bastante extensa y muy interesante en muchos tópicos.

Este evento sirvió para muchas cosas, desde aprender nuevas tecnologías y tendencias como conocer grandes personajes del medio y emprender nuevos proyectos. El networking e intercambio de conocimiento fue verdaderamente impresionante. Es también de considerar el gran impacto que tuvo el evento pues en prensa escrita y televisada fue un tema recurrente a lo largo de esta semana.

Cabe destacar que la gente que vino a campus no se limito en edades pues había desde gente adulta con gran experiencia hasta niño desde los 10 años acompañados de sus padres compartiendo y disfrutando de la tecnología en todos sus ámbitos.

Si no tuviste la oportunidad de asistir la gran mayoría de las ponencias están grabadas y puedes verlas en el sitio oficial de Campus Party Mexico y por supuesto ojalá y tengas la oportunidad de vivir esta experiencia el año que viene.

Mientras tanto te dejamos algunas fotografías del evento de cómo los campuseros de este año vivimos la Campus Party

Saludos y… Happy Coding!!!

• Cuando: Miércoles 2 de Junio
• Donde: http://experts.na3.acrobat.com/livedataaug/
• Hora: 8:00 pm

Tour de Flex tiene la finalidad de ser una referencia para los desarrolladores Flex con y sin experiencia. En el primer caso permite conocer de manera rápida los componentes y su comportamiento; para los principiantes, representa un primer acercamiento a la tecnología.

Por otro lado, Tour de Flex da la posibilidad a los desarrolladores de exponer y compartir sus desarrollos en Flex. Se deben cumplir ciertos requerimientos para que los ejemplos se adapten a las medidas de visualización del sitio y otros más.

Existe una aplicación de Tour de Flex desarrollada en AIR y la versión Web, la diferencia entre una y otra es que la versión Web no contiene los ejemplos que solo pueden hacerse mediante AIR.

La aplicación esta actualizada con ejemplos de componentes de AIR 2.0 y Flex 4, además de:  acceso a datos, Cloud API’s,  mapas, Text Layout Framework, Frameworks de trabajo y muchas, muchas cosas más.

Recomiendo que chequen el desarrollo del dashboard on line que ilustra el uso en el mundo de la app de Tour de Flex, es realmente un gran desarrollo.

El mirar y analizar ejemplos, es uno de los tantos métodos que se tienen para aprender nuevas tecnologías o formas de desarrollar. Dicho lo anterior, tenemos mas de 200 ejemplos que analizar en esta aplicación.

Hasta pronto.

Las características que se mostraron dejan la puerta abierta para consultarlas todas en tv.adobe.com, cosas realmente necesarias para poder trabajar mejor, que van desde mejoras en la selección de imágenes en Photoshop hasta colaboración en proyectos.


Diseñadores, Photoshop, TLF y Premiere

Se mostró a Mercury, el nuevo Playback Engine de Premiere y la integración de TLF (Text Layout Framework) para Flash que nos da grandes ventajas y mejoras en el manejo de texto.

Los Online Collaboration Services son un set de herramientas, que fue complementada para integrarse en los flujos de trabajo de la Suite CS5 y que simplifica en muchas formas el trabajo en equipo.

Desarrolladores, Flash Platform, Flash Builder, Catalyst y Player 10.1

Momento de mención el tan esperado packager del iPhone que es funcional, y para muestra las aplicaciones existentes, aunque actualmente se encuentra en la discusión con las nuevas políticas de Apple al respecto. Solo recordemos que CS5 no solo es este packager, hay muchas cosas más en la suite que nos ayudan en nuestro trabajo diario y me atrevo a decir, cosas más interesantes pues no todo en el mundo es iPhone

Tampoco olvidar el Nuevo formato de documento .XFL para Flash CS5.

Otra de las nuevas características es la integración de Omniture para obtener métricas que nos permitan evaluar la experiencia del usuario con nuestras aplicaciones o websites y brinda una funcionalidad realmente necesaria pues antes era bastante complicado darle seguimiento al desempeño de nuestra creación

Flash Catalyst hace su aparición oficial dentro de la suite al ser incluida formalmente dentro del workflow de desarrollo de Rich Internet Applications.

Tuvo su momento el Flash Player 10.1 pues juega un papel estratégico al ser usado ya en casi cualquier dispositivo y para muestra bastaron los demos en el Nexus One, en la tablet Slate de HP (muy utilizada por los presentadores) y la gran iniciativa del Open Screen Project.

A grandes rasgos la presentación fue bastante ilustrativa y creo que media hora fue más que suficiente para lograr encender la curiosidad de muchos e indagar a fondo sobre las demás características de la nueva CS5 y pues no nos queda más que descargar los trials y probarlos y hacernos nuestra opinión del producto de nuestra preferencia

Saludos y …. Happy Coding!!!
Sergio Brito AKA @yacaFx

Para esto AIR en su objeto "NativeApplication" dispara un par de eventos con el cual podemos darle tracking a la presencia del usuario. Dichos eventos son USER_IDLE con el cual se detecta si el usuario no esta haciendo uso de la computadora y el evento USER_PRESENT para el caso contrario. Cabe mencionar que estos eventos están a la escucha de los eventos del S.O. y por tanto no importa en ventana de las aplicaciones que se tengan abiertas este el focus. Es decir los escuchas a estos eventos se activan si estas haciendo uso o no de cualquier aplicación.

Estos eventos son nativos de AIR por lo que las aplicaciones desarrolladas para web no disponen de esta funcionalidad.

En este post te mostramos como usar estos eventos y te dejamos la app AIR para ser instalada y usada =) ** Este ejemplo fue desarrollado con Flash Builder 4 y Flex SDK 4 aunque funciona igual y sin problemas para SDK's previos como el 3.5

Comencemos detallando lo que hará esta aplicación para poder comprender mejor los eventos.

a) Esta app se compone de dos estados,
1.- Estado "Inicial" que simula la aplicación abierta
2.- Estado "Bloqueado" que simula la aplicación bloqueada.

b) Se asigna a la propiedad idleThreshold el valor del tiempo (5 segundos) que tendrá que esperar la aplicación para disparar el evento USER_IDLE a la propiedad.

c) El evento USER_IDLE se dispara después de 5 segundos de inactividad y cambiará del estado "Inicial" al estado "Bloqueado".

d) El evento USER_PRESENT se dispara al presentarse algún movimiento del puntero del mouse o al pulsar cualquier tecla. Este evento solo sucede si y solo si el evento USER_IDLE ha sido disparado y la computadora se encuentra en estado de inactividad. Al dispararse este evento se cambia del estado "Bloqueado" al estado "Inicial"

Ahora si a tirar código!!!! =)

Primero declaramos los 2 estados que necesitamos.

-----------------------------------------------------------------------------------

Ahora incluimos 2 label's que nos indicaran con texto y colores el estado activo de la aplicación.

-----------------------------------------------------------------------------------

Generamos el script para inicializar la aplicación y poder disparar los eventos

-----------------------------------------------------------------------------------

Aquí el código completo de la aplicación

-----------------------------------------------------------------------------------

Ya solo nos queda correr nuestra aplicación y probarla dejando pasar los 5 segundos que se asignaron, después de eso pruebala seleccionando otra ventana, pero sin perder de vista tu app, y espera otra vez 5 segundos =)

Espero les sirva este tuto y les dejo el AIR para instalarlo y si quieren el código fuente solo den click derecho =) y cualquier duda comentario o sugerencia ya saben, por aquí, la lista de distribución o por el twitter.

Saludos y Happy Coding!!!
Sergio Brito AKA @yacaFx

AMFPHP Genie! es una herramienta que nos facilita mucho la vida para generar nuestros Value Objects o nuestras clases (para PHP y Flex) desde una Base de Datos MYSQL. Este interesante proyecto hace uso de asSQL 2.7 Beta que es un driver que nos ayuda a conectar directamente nuestras aplicaciones Flash/Flex con MySQL.

Actualmente se encuentra en su versión 0.2 y acorde al website vienen cosas interesantes para esta herramienta ademas del buen uso que le dan a las características de una app en AIR

Les recomiendo le hechen un vistazo y créanme si hacen uso de AMFPHP esta herramienta les facilitará enormemente la vida =)

Les dejo aquí unos screenshoots de la app en uso, la url del proyecto para su instalación.

http://dannykopping.co.za/amfphp-genie/

Saludos y Happy Coding!!!

Si quieres un disco solo tienes que decirnos en los comentarios de este post que tecnología de la Plataforma Flash utilizas más y cuál es tu grupo de rock favorito, te contactaremos por mail para darte instrucciones de donde recoger tu premio.

Por cierto esta iniciativa salió de una charla entre Duane (@duanechaos), Sergio (@yacaFX) y Edgar (@edgarparada) la cual les compartimos también.

A primera vista podemos destacar una interfaz atractiva que no se parece a los clásicos portales tradicionales de banco, ya que Blink es un banco virtual que no tiene sucursales toda la actividad se realiza por internet, su lema dice “Don’t Bank, Blink!”

Flex para el Frontend

Si accedemos a la versión de prueba del servicio podremos jugar con la interfaz de usuario que muestra todas las posibilidades del banco virtual en un componente acordeón horizontal, seguramente de Flex Lib o desarrollado de manera interna porque recordemos que el acordeón nativo no tiene esa funcionalidad.

El manejo de los colores para sugerir la usabilidad de la aplicación es una de las características que salta a primera vista, en los grids hay diferentes tonalidades de acuerdo a la gama de colores seleccionados e inclusive es posible cambiar el color de toda la interfaz de acuerdo al estado de ánimo del usuario, un detalle bastante cool por cierto
En cuando a la experiencia de usuario podemos rescatar ciertas interacciones tipo drag&drop y algunos detalles de sensibilidad de acuerdo a la posición del cursor muy agradables. Hay algunos dashboards de la interfaz para revisar los índices de IPC, Dow Jones y NASDAQ, aunque en futuras versiones se agradecerían drill downs para hacer más dinámico el control de los datos.

Acceso a Datos

El acceso a datos en una aplicación que maneja muchas transacciones tiene que ser algo de lo más importante a considerarse y por el tipo de desempeño que vemos en Blink podríamos apostar nuestros 2 centavos a que están usando Remoting en alguna de sus variantes (Blaze, WebOrb, LCDS...)
Otro punto notable es que al cargar la aplicación, desde que se ejecuta podemos notar cierto bootstrapping de elementos comunes como iconografía y algunos estilos y controles, de otra manera no podríamos explicarnos su buen desempeño inclusive con anchos de banda algo limitados.
Queda el pendiente de revisar la aplicación con datos reales puesto que utilizamos la versión de prueba pero esperamos que se comporte igual de bien al momento de estar “transaccionando”.

Redes Sociales

Ninguna aplicación que se precie de ser 2.0 en este momento puede ignorar el poder de las redes sociales. En el caso de Blink ya están usando Twitter y Facebook, aunque hay que decirlo todavía a un nivel muy básico. Yo esperaría que en un futuro la integración fuera tal que inclusive cuando hicieras una transacción, el sevicio te mandara instantáneamente un DM por Twitter como alternativa al clásico SMS que utilizan la mayoría de bancas electrónicas.
Así mismo sería interesante que hubiera un apartado de wishlists de tus amigos en FaceBook que te permitiera rápidamente acceder a tiendas en línea a través del portal de Blink. En definitiva el target al cuál va orientado este servicio (estudiantes universitarios y recién egresados) poco a poco exigirá a sus desarrolladores mayor integración con Social Media y esperemos ver innovaciones interesantes al respecto.

Tecnologías Móviles

En este rubro Blink le apuesta a una buena estrategia abarcando las 3 plataformas de smartphones con más usuarios en este momento: iPhone, BlackBerry y Windows Mobile.
La aplicación de iPhone que fue la que tuvimos oportunidad de probar mantiene buenas críticas en la App Store y llega a ser un buen complemento a la aplicación de stocks original del dispositivo. Destaca también el que incluye un lector de RSS para mostrar las noticias financieras más relevantes así como los tipos de cambio del día.

Conclusiones

En definitiva Blink nos ha gustado mucho, hace tiempo que los portales financieros en México solamente se ocupaban del tema de seguridad y responsabilidad social, dejando muy olvidado el tema de experienciencia de usuario. Esperamos en un futuro ver más apuestas por Flex en proyectos en México que permitan ver las bondades de esta tecnología. Así mismo los invitamos a que nos dejen un comentario sobre su opinión al respecto.

Al comienzo, nos encontraremos con muchos conceptos nuevos así es que vale la pena que los tengamos bien claros.

Visualmente, conoceremos una nueva arquitectura de componentes llamada Spark, la cual viene a mejorar a la anterior llamada Halo. Spark contará con cerca de 30 nuevos componentes para su uso en Flash Builder. Dado que la apuesta de Adobe es unificar la plataforma en un flujo de trabajo para Flash Builder contaremos con soporte para FXG, que es el formato para intercambio de información gráfica en Flash Plataform, lo que nos abrirá las puertas a aprovechar el trabajo que realicemos en PhotoShop, Illustrator, etcétera. Aunado a lo anterior se hicieron mejoras en: los motores de animación para crear efectos y transiciones.

Una vez codificando, Flash Builder también tiene sorpresas para nosotros ya que se ha mejorado el desempeño del compilador. Además, contaremos con Binding de 2 vías, lo cual significa que las afectaciones a un destino pueden ser reflejadas en el origen de la información. La documentación ha sido mejorada, podremos contar con ayuda de cada uno de los componentes AS o MXML sobre los que trabajemos.

Dado que esta es una versión Beta, esto nos lleva a entender que aún hay cosas en las que se esta trabajando, la proyección de la herramienta se enfocará en aprovechar e integrar las nuevas bondades que ofrece el Flash Player 10, por ejemplo el manejo del texto, lo cual desembocará en nuevos componentes Spark que obviamente estarán a nuestra disposición en la versión final de Flash Builder.

Les recomiendo que bajen su versión de Flash Builder Beta y que entre todos contribuyamos a encontrar “Bugs” o a sugerir nuevas funcionalidades en los foros que para este fin tiene Adobe.

Happy Coding.

El objetivo de la charla será mostrar las bondades y maravillas de Flex así como detectar a los interesados e invitarlos a formar parte de RIActive.

Hay mucho talento oculto y con ganas de hacer cosas interesantes con la Flash Plataform. Lo cual nos da mucho gusto pues significa que crece la comunidad interesada en Flash/Flex.

Ya les daremos detalles de como le fue a Sergio y se compartiran los slides después de ese dia así como el código usado dentro de la demo.
Si quieres y estas interesado en que algún miembro de la comunidad vayamos a tu escuela y demos una charla mandanos un correo a info@riactive.com o contactanos por twitter (@riactive)

Saludos y... Happy Coding!!!!