Es un evento de 8+ horas de duración (es decir podría durar más de 8 horas, depende de los asistentes) las primeras 4 horas serán en formato workshop impartido por instructores certificados por Adobe. El resto del tiempo será para desarrollar la aplicación, hacer networking y compartir ideas con la comunidad.

El tipo de aplicaciones en las cuales queremos centrar el hackaton son aplicaciones que aprovechen APIs (facebook, twitter, youtube, flickr, etc.) para construir mashups y explotar al máximo la experiencia de tener un dispositivo touch.

Beneficios:

• Todos los asistentes tendrán una constancia del workshop emitida por Activ un Adobe Authorized Training Center.
• Durante el hackaton contarás con las asistencia de expertos para resolver tus dudas sobre el desarrollo Flex para PlayBook.
• Se entregará una copia del libro Developing BlackBerry Tablet Applications with Flex de O’Reilly en caso de venir en equipo es una copia solamente.
• Las pizzas y bebidas energéticas van por nuestra cuenta!
• Entre los asistentes quién logre terminar o avanzar su aplicación se llevará una BlackBerry PlayBook a casa

El evento se llevará a cabo el viernes 2 de diciembre en las instalaciones de Activ, si te interesa el evento y quieres asistir solo tienes que inscribirte en la siguiente forma. Los lugares son muy limitados, por favor procura llenar muy bien los campos que describen la idea de tu aplicación, los asistentes serán confirmados la semana del 28 de Noviembre.

Recomendamos para irse familiarizando con el ambiente leer de forma anticipada la guía de Desarrollo Flex para PlayBook de que estamos publicando en Maestros del Web.

Para este tutorial usaremos una Blackberry Playbook aunque esto mismo aplica para cualquier otro tipo de dispositivo (Android o IOS).

Lo primero que haremos será crear un nuevo proyecto Mobile en Flash Builder; para crearlo podemos seguir las instrucciones de esta guía. Si deseas saber un poco más sobre los fundamentos o las herramientas necesarias para el desarrollo en esta tableta puedes revisar este artículo.

Es importante que al crear el proyecto mobile seleccionemos la opción "Automatically reorient" pues será la que nos dará permitirá reorientar nuestra aplicación con solo nombrar los estados. Si no lo haces siempre podras habilitarlo manualmente en el archivo descriptor de la aplicación con un true o false en la etiqueta "autoOrients"

<autoOrients>true</autoOrients>

Una vez configurado y creado el proyecto Mobile de Flex lo primero será crear 2 estados con los nombres/id's de "portrait" y "landscape". Con esto definido automáticamente la aplicación ya reconocerá el cambio en los estados y aplicará la orientación según la posición de nuestro dispositivo.

El código quedaría de la siguiente manera:

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    title.landscape="Vista Horizontal"
    title.portrait="Vista Vertical">
    <s:states>
        <s:State name="landscape"/>
        <s:State name="portrait"/>
    </s:states>
</s:View>

A partir de esto ya es posible agregar, mostrar o reubicar contenido o componentes según el estado u orientación en la que se encuentre el dispositivo. Puedes encontrar algo mas sobre los estados, su uso e implementación en este video.

La otra forma reorientar nuestra aplicación es a través de de as3 con eventos. Recordemos que los eventos es una característica importante en as3 y podemos tener 2 tipos de eventos: Eventos generados por la interacción del usuario y eventos generados por actividad de la aplicación. Para entender más sobre el funcionamiento y aplicación de los eventos recomiendo revisen esta guía.

No olviden activar la opción de "Automatically reorient" esta es vital para poder detectar los cambios en la orientación de la pantalla en cualquiera de las formas de implementar.

Lo primero que debemos hacer es agregar un listener al stage para escuchar cuando cambia de orientación el dispositivo y declarar el método que estará actuando en consecuencia.

stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, cambiaOrientacion)

El método "cambiaOrientacion" será el que identifique la orientación y por tanto aplique los cambios necesarios. Este método recibe como parámetro un evento del tipo "StageOrientationEvent" que en su propiedad "afterOrientation" las 4 orientaciones disponibles "Default, izquierda, derecha y al revés" por lo que podemos definir que si la orientación es izquierda o derecha la orientación es entonces portrait/vertical y por tanto la posición default y al revés la orientación es landscape/horizontal. El código quedaría de la siguiente manera:

private function cambiaOrientacion(e:StageOrientationEvent):void
{
    if (e.afterOrientation == StageOrientation.ROTATED_RIGHT || e.afterOrientation == StageOrientation.ROTATED_LEFT)
    {
        currentState = 'vertical';
    }
    else
    {
        currentState = 'horizontal';
    }
}

Ahora mostramos como quedan estos dos ejemplos corriendo directamente en la tableta:

El código de estos ejemplos está disponible para su descarga

Esperamos les sirva este tutorial! si tienen dudas sobre este u otros tópicos de la plataforma Flash no duden en preguntar por aquí, en la lista de distribución de Riactive o vía twitter en @RIActive.

Saludos y.... . Happy Coding!!!

Sergio Brito AKA @yacaFx

Una vez que decidiste aventarte a este mercado de desarrollo y de nuevas oportunidades para tu mundo profesional necesitas conocer algunas de las muchísimas formas de hacer desarrollo para móviles, aquí listare algunas maneras:

1. Las nativas. Son desarrollos basados en el lenguaje del sistema operativo que se esta corriendo la aplicación, por ejemplo: para desarrollar para iPhone/iPad necesitarías programar en el lenguaje Objecitve-C y en su sdk CocoaTouch. Para Android, el lenguaje nativo es C++ o Java y cada uno con un SDK. En el caso de las tablets BlackBerry Playbook necesitas programar en el sistema operativo que es basado en QNX. La desventaja es que necesitas hacer un desarrollo por plataforma móvil. La ventaja es que las aplicaciones de alto rendimiento(muchos datos, 3d, etc), corren mejor en forma nativa.
2. Las de HTML. Aplicaciones que funcionan como sitios web que ofrecen cierta funcionalidad para el usuario final. Si has hecho sitios web html y javascript, entonces esta manera no te será tan complicada. Aquí existen PhoneGap, SenchaTocuh y Titanium Mobile.
3. Las apps de Adobe Flash Platform. Son aplicaciones desarrolladas en Adobe Flash Pro, o en Adobe Flex Framework. Tienen una alta penetración en todos los dispositivos del mercado. Actualmente y después de mucho movimiento ya se pueden hacer apps para iPhone o iPad en Flash Platform y venderlas en las iTunes Store.

Los método de empaquetado como los que usan Html o Flash Platform, ofrecen estar presente en la mayoría de los dispositivos móviles actuales con un solo desarrollo. Es decir, nosotros hacemos una aplicación en html+js o en Flash Platform y la podemos publicar a todos los dispositivos del mercado.

Esto es particularmente útil cuando ya tenemos un backend (servicios en algún web server) desarrollados, o por que vamos a hacer una versión reducida de alguna aplicación web ya creada.

El desarrollo de video juegos para móviles también es un tema de gran facilidad en la plataforma Flash, ya que podemos hacer desde aplicaciones con 3d hasta juegos con gravedad y motores de física que serian los mismos que ya han usado en aplicaciones de flash player.

Particularmente el desarrollo para dispositivos móviles funciona para empresas que desean estar presentes en la vida de todos aquellos que ya tienen un smartphone. Sea cual sea el tu mercado objetivo, el desarrollo para dispositivos móviles es lo que hoy por hoy mantiene con trabajo a muchos en nuestro país.

Actualmente existen algunas guías de desarrollo referentes a cada plataforma, en Maestros del Web se encuentra publicada una guía que ha realizado nuestro manager del grupo, Edgar Parada respecto al desarrollo en móviles enfocado al desarrollo con la BlackBerry Playbook. La guía se encuentra aquí.

En otro articulo seguiremos hablando del desarrollo para móviles, un poco más enfocado a la plataforma Flash y los diferentes dispositivos. Saludos a todos y hasta la próxima!

Y para todos aquellos que no pudieron asistir les dejamos la conferencia grabada que amabablemente Enrique Diaz @nrikediaz de Androidtitlan nos ayudo a grabar.

Y para todos aquellos interesados en la aplicación que se desarrollo en vivo (Si! tiramos código en vivo!!!) aca se las dejamos lista para usarse. Esta app consume datos remotos, hace uso del acelerometro y gestos para manipular la aplicación. Recuerden que si tienen Blackberry Playbook, iPad o iPhone también pueden compilar esta aplicación y probarla directamente en su dispositivo.

Saludos y Happy Coding!!!
by Sergio Brito aka @yacaFx

Toda instalación de eclipse tiene la capacidad de instalar los múltiples plugins que existen. Solo hay 2 puntos que contemplar en el momento de instalar los plugins:

• La versión de eclipse con la que cuentas.
• Que la versión del plugins que deseas sea compatible con la versión de eclipse.

Los plugins son extensiones a la instalación de Eclipse que te ofrecen capacidades extra a las características de tu Flash Builder. Aquí te recomendare 4 plugins para que mejores un poco tu flujo de trabajo con Flash Builder y con tu código en el día a día.

Instalaciones

Existen dos formas de instalar los plugins, una por colocado de plugins y la otra con el administrador de Eclipse de plugins.

Por medio del administrador de plugins es muy fácil, solo colocas la url del repositorio y después será el doloroso proceso de siguiente>siguiente>acepto>finalizar

El otro medio es simplemente colocando el archivo JAR en la carpeta de plugins de tu instalación, re-inicias el Flash Builder y listo!

Flex Formatter

Este plugin es para todo aquel que le gusta tener su código súper organizado! La verdad es un plugin que no puede faltar en tu instalación de Flash Builder 4.5.

Las características principales de este plugin las podria enumerar de la siguiente forma:

• Identa el código de n maneras, pero la que trae por default hace muy legible el código.
• Re-organiza el orden de tus funciones, entonces las funciones y variables publicas estan arriba de las privadas. Están organizadas alfabéticamente.
• Coloca espacios y ordena cada linea de codigo.
• ASDoc fácil, muy fácil. Si tu tienes una clase ya hecha pero aun no documentas, no te preocupes. Con un simple botón flex formatter agrega las lineas de comentarios para ASDoc y coloca los argumentos junto con el valor de retorno, listo para que solo describas la funcionalidad del codigo.
• Y mucho más... Tiene muchas opciones totalmente listas para personalizar y con gran utilidad para los desarrolladores. De hecho cuando te encuentras con código ajeno y mal identado, Flex Formatter vendrá a salvarte.

Este plugin te lo recomiendo ampliamente.

TODO Task

Te has enfrentado a la situación de tener que entregar un modulo para un beta, y sabes que existen aun bugs pero no tienes tiempo para arreglarlos en ese momento? Incluso sabes como arreglarlo y en que linea tiene que ir la solución pero no tienes tiempo y quieres que alguien más de tu equipo o tu pero en otro momento lo arreglen?

Este plugin se dedicara a revisar las lineas de código que contengan la palabra //TODO o //FIXME y las agregara al TaskPanel de Flash Builder.

Entonces cuando tengas algo pendiente, o algo importante por arreglar en otro momento y no quieres volver a buscar en que linea se encontraba la posible solución, simplemente colocas "//TODO Mejorar el sistema de alertas" y listo, ese mensaje se ira a tu TaskPanel. Y con un doble clic en tu task y te enviara a la linea de código en la que colocaste el TODO o FIXME.

Muy útil cuando estas desarrollando y para cuando dejas "pendientitos" =P
Este plugin no esta tan afinado como el anterior. Si alguien tiene más experiencia con plugins para eclipse se puede poner en contacto con un servidor para afinarlo y mejorarlo para la comunidad.

Post con el plugin y aqui el JAR

Subclipse

Los siguientes dos plugins son para trabajo colaborativo, el primero que les mostrare trabaja con SVN.

Este plugin funciona muy bien, de hecho es el mejor que he visto para SVN. Puedes ver el historial de commits y desconectar tu proyecto en el momento que desees. Puedes saber que lineas son las que hacen conflicto y te va a detallar muy bien quien fue el culpable del ultimo cambio realizado en el proyecto.

Sitio oficial, http://subclipse.tigris.org/

URL plugin install: http://subclipse.tigris.org/update_1.6.x

EGit

Te gusta git? GitHub es tu segundo sitio web más visitado? y te gustaría tenerlo en tu Flash Builder? Entonces estos dos tutoriales de configuración son para ti.

Conrad realizo 2 artículos muy detallados respecto a la instalación de EGit, en el primero lo instala al Flash Builder 4 y en el segundo lo configura con GitHub.

• Egit con Flash Builder
• Egit con GitHub y Flash Builder

Siguiente...

Aquí dejo una presentación que muestra múltiples plugins para tu instalación de Flash Builder. Hay para construcción con Maven o con Ant, hay buscadores de malas practicas como FlexPMD entre otros.

• Presentación de Elad Elrom

Espero que este articulo les guste y los veré muy pronto en las reuniones del grupo! Byte!

Durante toda una semana habrá una serie de webinars en vivo y gratuitos de parte de expertos de tecnologías de Adobe. Aprenderemos a construir aplicaciones para dispositivos Android, BlackBerry Playbook y iOS aprovechando las características incluídas en herramientas como Flash Builder, Flash Catalyst y Flash Professional.

Durante las demostraciones se harán sesiones de preguntas donde los expertos responderán las dudas de la audiencia. Así que ya lo sabes, no importa si eres nuevo en Flex o todo un experto ya que habrá múltiples sesiones para todos los niveles de experiencia.

En la siguiente liga encontrarás el registro para el Adobe Developer Week 2011.

Si estás cerca de la Ciudad de México el 23 de Mayo no puedes perderte esta oportunidad, ya que solamente fueron algunas pocas ciudades seleccionadas para el MOTODEV App Summit Tour, donde entre otras cosas aprenderás: Las nuevas características de Android 3.0 (Honeycomb), Programar para MOTOROLA XOOM, Aplicaciones de smartphones y tablets, Uso HTML5 para crear aplicaciones en un MOTOROLA ATRIX y demás!

Así que no esperes más y regístrate que los lugares para el evento son limitados.

En esta segunda edición del #DuaneMx2011 Duane impartio un workshop de desarrollo de apps para móviles usando Flash Builder Burritov(el cual ya fue liberado) donde aprendimos a usar las características mas importantes de un dispositivo movil, que ahora, podemos darle salida para móviles o tabletas. Duane aprovechó también para grabar un capítulo de su show, Duane's World, en Adobe TV en el cual es muy probable que salgas si es que asististe al evento y que somos los primero en repetir .

Les dejamos fotos del evento acompañada de "509" de 22nd Century y el resumen de las charlas que antecedieron al workshop.

La agenda del día estuvo de la siguiente manera:

Primero Israel Gaytan @isragaytan con High Performance RIA Teams nos platicó sobre los pormenores y formas de trabajo en equipos dedicados al desarrollo de RIA's así como también nos dio unos cuantos tips para la administración y gestión de proyectos con metodologías como SCRUM, dejando muy en claro que algo tan básico como la comunicación es determinante en el éxito o fracaso de un proyecto. Aquí la presentación que dio.

Después Pedro Jimenez @creativepete nos mostró la fuerza que puede tener Flash Media Server con su charla "Improve your Flash-based RIA with VoIP". En ella hizo una interesante perspectiva al plantear como serian los sitios web si tuvieran implementados accesos VoIp y como estos mejorarían la experiencia del usuario al visitar estos sitios. Entre ejemplos y estadísticas Pedro nos dejo la cosquillita de la importancia y relevancia de la VoIp en las RIA's y como la VoIp a pesar de ser un concepto algo añejo puede seguir revolucionando el área del desarrollo de software. Aquí la presentación de Pedro y el código usado.

En la penúltima charla Claudio Nebbia @claudionebbia y David Rojas @rojasazules nos impresionaron con las capacidades que puede alcanzar Flash al integrarlo con Arduino en su charla "Arduino and Flash, making things move, shine and feel". Pudimos presenciar algo que habíamos visto en youtube o leido en algunos blogs sobre la potencia de arduino y lo simple y sencillo que es integrarlo con la Flash Platform y poder desarrollar RIA's interactuando la realidad física con la virtual. Aqui su presentación, el código usado y un post donde describen detalladamente el proceso usado para replicar el demo de su charla.

Esperamos que este evento les allá sido muy útil y estén pendientes al twitter de @riactive y el site en Facebook para mas noticias y nuevos eventos!

Saludos y Happy Coding!!!
by Sergio Brito aka @yacaFx

Eso no es todo!!!!!!! este Martes, SI este Martes 5 Abril tenemos una charla informal con Duane

Donde:   Hacker Room (a una cuadra del Angel de la Independencia)
Hora:      16:00 hrs
Posibles Temas: HTML5, Flash and AJAX to the Year 2020 , SEO Tips and Tricks, Music,Mobile Development, Technology and Culture.
Registro:  Secrets from Technoracle

Happy networking!!!!

El evento es el 6 de Abril en el auditorio de Adobe México. El cupo es limitado por lo que les recomendamos registrarse lo antes posible. Estaremos usando el siguiente hashtag #DuaneMx2011 para que publiquen y sigan la experiencia de Flash al extremo.

Recuerden que como el año pasado, Duane estará grabando clips para su show "Duane´s World"

Para ver la agenda y registrarse utilicen el siguiente enlace y para aquellos que no puedan asistir transmitiremos en linea el evento a través de Adobe Connect en esta liga

¡Alla nos vemos!