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.

En el caso de AIR, es un entorno de ejecución multiplataforma para la construcción de aplicaciones RIA (Rich Internet Applications) utilizando Flash, Flex, HTML y/o AJAX, las cuales pueden usarse como aplicaciones de escritorio o móviles.

Si quieren conocer estas dos tecnologías no pueden perderse ambos talleres como parte de Aldea Digital. Los horarios son los siguientes:

Taller de Phonegap impartido por Edgar Parada (@edgarparada), Sábado 19 de Noviembre de 2pm a 4pm.

Taller de AIR para móviles impartido por Sergio Brito (@yacaFX), Domingo 20 de Noviembre de 11am a 1pm.

Nos vemos en Aldea Digital!

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!

La conferencia lleva el título de Best Practices for UX and UI Using the Adobe Flash Platform, en la misma se hablará de las mejores técnicas que existen al momento de crear aplicaciones móviles con la Plataforma Flash, en concreto para dispositivos como la BlackBerry PlayBook.

En el evento también estarán presentes otras comunidades de Adobe como BlocketPC representado por Marcos González @qmarcos y Raúl Jiménez @elecash o el ARFUG con la presencia de Mariano Carrizo @kiwox

En este evento se esperan algunos anuncios importantes por parte del equipo de RIM, por lo que les recomendamos estar atentos a la cuenta de @RIActive desde donde daremos cobertura a las noticias más importantes durante el evento. Así mismo les recomendamos revisar la guía de Desarrollo Flex para PlayBook publicada en Maestros del Web y creada por el equipo de RIActive.

Es un evento gratuito enfocado a estudiantes, diseñadores, desarrolladores y demás profesionales entusiastas de la tecnología. Los conferencistas internacionales confirmados son: Marlon Ceballos, Elder Vázquez, Carlos Solis y Mariano Carrizo líderes de la comunidad de Adobe en Latinoamérica quiénes nos mostrarán las mejores técnicas de desarrollo AIR para Android, iOS y BlackBerry Playbook.

Te recomendamos hacer tu registro lo antes posible ya que el cupo es limitado!

En el sitio de Labs comentan que Edge recibirá actualizaciones de forma regular para agregar nuevas funciones conforme vayan evolucionando los estándares web y se reciba feedback de parte de los usuarios hasta alcanzar la mejor experiencia posible. Estamos apenas ante una herramienta en su etapa inicial por lo que seguramente veremos evolucionar rápidamente a esta tecnología.

Si quieren ver las posibilidades de esta herramienta les recomendamos revisar el sitio "The Expressive Web" que acompaña al lanzamiento, mientras tanto ¿qué esperan para descargar Adobe Edge y compartirnos sus comentarios?

En esta ocasión Campus Party México, presentará la cultura de responsabilidad en el uso de la tecnología con el programa #somethingbetter, un movimiento de concientización que busca, a través de los “Campuseros” y comunidades, transmitir positivos mensajes y acciones en la sociedad, a través del uso correcto de la Internet.

Algunos de los conferencistas de la tercera edición de Campus Party México serán personalidades como:

• Al Gore, Vicepresidente de Estados Unidos en la administración de William Clinton, Premio Nobel de la Paz y una de los principales impulsores del Internet Libre.
• Sir Tim Berners-Lee, considerado como el padre de la www (world wide web).
• Vinton G. Cerf, Co-diseñador del Protocolo TCP/IP y el arquitecto de Internet.
• Neil Harbisson, artista visual y compositor británico, presidente de la Fundación Cyborg y reconocido como la primera persona “cyborg”, entre otros importantes arquitectos de la tecnología, el diseño y la creatividad.

Campus Party continúa con sus esfuerzos para cumplir con los objetivos iniciales, que son el Impacto Científico y Tecnológico, que ofrezca cientos de horas de información educativa en torno a cuatro principales temáticas; Ciencia, Innovación, Cultura Digital y Ocio Digital, en las cuales se incluye la participación de ponentes reconocidos a nivel mundial.

Como segundo objetivo, se encuentra el Impacto Económico, donde a través de los cientos de “Campuseros”, se busca impulsar a jóvenes emprendedores a crear negocios para innovar en el área tecnología en beneficio para su país. Impacto social y cultural es el último, que busca romper las fronteras del conocimiento especializado acercando a la gente en situación de marginación tecnológica a través del Programa de Inclusión Digital abierto al público en general.

Nos vemos en Campus Party en muy poco tiempo!

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

Espero que estén bien! En esta segunda parte haremos la botonera o botones de nuestra galería flash, de cero a cien, si no te interesa la galería en este video aprenderás a crear botones animados y listos para usarse.

Pasaremos del outline a algo totalmente personalizado a través de las herramientas básicas de flash, es sencillo y se pueden crear efectos muy profesionales.

Después de tener la animación de los estados de Sobre, Fuera y Click colocaremos las etiquetas y stops correspondientes, además de crear el nombre de instancia a cada botón para tener todo listo al momento de programar en AS3.

Si quieres estar al pendiente de los nuevos tutoriales o de lo que sucede en Batata Studio, te recomiendo darle “like” al facebook y seguirnos en twitter, además de suscribirte a los RSS para que te lleguen de inmediato los nuevos tutoriales a tu mail.

Si quieres bajar el video en HD y los archivos editables:
http://batatastudio.com/blog/tutorialesflash/flash-galeria-basica-pt2/