Adobe en vivo

En este link http://www.adobenvivo.com/online/  podemos seguir una serie de  conferencias sobre aplicaciones de adobe muy interesantes. Igualmente daremos un resumen de las conferencias más importantes entre estas estarán  juegos en flash , flash catalyst y actionscript 3.0

Flex y catalyst

A partir del 1 junio del 2009 se encuentran disponibles las versiones betas de flex 4 , que es la versión para construcción de aplicaciones RIA . Flash catalyst es un producto de adobe que viene con flash builder 4 ambos se utilizan para el desarrollo de aplicaciones web  con contenido en flash. Con flash catalyst se pueden importar imágenes desde photoshop o fireworks y añadirles interactividad, viene de la mano acompañada para el diseñador, mientras que flash builder 4 se incluirá para aplicaciones web para el desarrollador integrando base de datos y  otro tipo de técnicas que ayudan a mejorar el flujo de trabajo.

 Más información

What’s new flash Builder 4?

What’s new flex 4?

differences between Flex 3 and flex 4

 Descargas

Descargar flash builder 4

Comentarios de facebook en nuestros sitios web

Cuando de RIA se trata, para nadie es un secreto que facebook ha tomado gran ventaja; a partir de la red social y de la plataforma de desarrollo es posible crear cualquier cantidad de aplicaciones para compartir con nuestros círculos sociales. ahora han lanzado el primer widget para su plataforma facebook connect: la inclusión de formularios tipo facebook para los sitios web, tocará esperar si la idea prospera y saber si facebook se convertirá en el gran integrador de aplicaciones sociales y RIAs; mientras tanto les dejo un video acerca de cómo integrar el widget y en el fin de semana haremos pruebas para ver si es posible integrarlo a este blog:

How To: Create a Comments Box with Facebook Connect in 5 Minutes from Pete Bratach on Vimeo.

Evento Adobe Hispano

El Grupo de Usuarios Adobe en Colombia - Xpert te invita a participar de tres increíbles días dedicados a las tecnologías y aplicaciones Adobe donde reconocidos expertos de diferentes países de habla hispana nos compartirán sus conocimientos y experiencias. Te esperamos entre el 27 de Febrero y 1 de Marzo para que conozcas técnicas de video, sonido, medios impresos, web y RIAs (Rich Internet Applications).

Más información

Open Screen Project

Actualmente se vive una gran diversificación de productos digitales, que permiten acceder a contenido multimedia y presentarnos experiencias de usuario enriquecidas (PDAs, Smart phones, portátiles, ultraportátiles, Pcs de escritorio, televisión digital) y los consumidores cada vez demandan mayores funcionalidades y acceso total a sus aplicaciones, sin importar el tipo de dispositivo o sistamea operativo sobre el que se está ejecutando, partiendo de este precepto Adobe lidera el proyecto open screen, que pretende crear RIA (rich internet aplications) sobre cualquier plataforma, siguiendo la filosofía WORE (write once, run everywhere), usando como nexo para esto Flash, que servirá como entorno de despliege para contenidos en distintos dispositivos.

EL objetivo del proyecto es que usandola plataforma Flash (que es el estándar de facto para la producción de contenido multimedia enriquecido) los desarrolladores puedan crear contenidos para ser desplegados en cualquier dispositivo digital, sin necesidad de generar contenidos especializados para cada elemento.

si quieren mas información puede visitar el sitio del proyecto

Aplicación en Flex

Aqui expongo una aplicación realizada en flex totalmente, podemos destacar el paginado , el buscador y la manera como despliega dicha información, el manejo de tags, tops etc.

parleys.com

Galeria de Fotos con AS3

En este tutorial vamos a explicar como implementar una galeria en AS3 leyendo un archivo XML para su configuración.

1- Creamos nuestro archivo .fla bajo el nombre de galeria.fla y le decimos que como archivo AS3.
2- Ahora sabemos que son una serie de fotos que debemos guardar en una carpeta, Se necesita crear una carpeta Imagenes.
3- Todas estan fotos van hacer llamadas desde un archivo xml , para eso debemos pensar como crear el archivo XML.

Debes crear ciertas etiquetas (nodos) donde cada etiqueta represente una foto con sus propiedades como id_foto, descripcion, imagen.

Podriamos tener lo siguiente:

<galeria titulo=”titulo galeria”>

    <foto id=”1”  imagen=”imagenes/foto1.jpg” descripcion=”texto 1”/>

   <foto id=”2”  imagen=”imagenes/foto1.jpg” descripcion=”texto 2”/>

</galeria>

 

Con esto observamos como si tuvieramos una tabla galeria y foto es cada uno de sus registros correspondientes a las fotos de la galeria .

El nombre asignado del xml : galeria.xml

4. Ahora debemos proceder a cargar el archivo xml dentro del flash

Cargamos el siguiente código:

var loader:URLLoader = new URLLoader();
var XmlExterno:XML;
var lista:XMLList;

URLLoader , sirve para verificar la carga del archivo.
URLRequest, sirve para cargar un archivo externo.

loader.addEventListener(Event.COMPLETE,cargarXML); //evento de cargar
loader.load(new URLRequest(”galeria.xml”)); //cargar el archivo XML

En donde hemos agregado un listener para detectar que se ha cargado completamente el archivo ,aqui tenemos presente que cuando carga el archivo “galeria.xml” el evento ejecuta una función llamada cargarXML.

function cargarXML(event:Event){
var cargador:URLLoader = event.target as URLLoader;
XmlExterno = new XML(cargador.data);
lista=XmlExterno.children();
total=lista.length();

}

Esta función cargo el XML el contenido del archivo “galeria.xml” y con la variable lista que declare tipo XMLlist puedo leer la lista de los hijos de mi nodo principal

Que serían:

 

 

 

    <foto id=”1”  imagen=”imagenes/foto1.jpg” descripcion=”texto 1”/>

   <foto id=”2”  imagen=”imagenes/foto2.jpg” descripcion=”texto 2”/>

 

5. Ahora que ya hemos leido el XML continuamos en agregar codigo AS3 para leer las fotos cada vez que doy clic sobre un boton de avanzar e igual tendre un boton de atras para devolver a las fotos anteriores.

Con esto debemos tener 2 botones que pueda ir leyendo los nodos hijos

Los dos botones tendrán los nombres respectivos boton1 y boton2

boton1.addEventListener(MouseEvent.CLICK,siguiente);
boton2.addEventListener(MouseEvent.CLICK,atras);

Para el evento clic de cada uno de los botones leerá la función siguiente y atras.

function siguiente(event:MouseEvent){

   if(i<total-1)i++;

   descripcion.text=lista[i].attribute(”descripcion”);

   fotos.load(new URLRequest(lista[i].attribute(”imagen”)));

}

function atras(event:MouseEvent){

   if(i>0)i–;

   descripcion.text=lista[i].attribute(”descripcion”);

   fotos.load(new URLRequest(lista[i].attribute(”imagen”)));

}

Observamos que en cada función tenemos una variable i que para avanzar se incrementará y para ir atras se decrementará.

Además cada vez que avance o retrocede debe cargar la imagen y la descripción de esa imagen leyendo los atributos imagen y descripción dentro del nodo hijo foto.

 

    <foto id=”1”  imagen=”imagenes/foto1.jpg” descripcion=”texto 1”/>

 

Declaramos una variable que se encargara de cargar la foto , esta es la manera cuando utilizabamos loadMovie en AS2

var fotos = new Loader();
addChild(fotos);

Descargar Fuente

Manejo de acciones de botones en as3

en un post anterior, se mostró el funcionamiento y la creación de un sencillo botón en Action Script 3.0, en este post incluimos un video tutorial en el que nos inspiramos para hacer el post.

Video tutorial de creación de botones.

Además el manejo de las acciones en actionscript 3, permite obtener datos de las acciones y programar comportamientos mas dinámicos tal y como se muestra en este post

Cocomo

codename “cocomo” es un plataforma acompañada de un SDK que permite a los desarrollores de flex agregar capacidades en tiempo real a sus aplicaciones ya maneja la parte social permite construir juegos para multiples jugadores o aplicaciones sociales.

los siguientes módulos que contiene son:

- Voz VOIP
- VideoCam
- Chat
- Tableros multiusuario
- Compartir archivos
- Controles de rol y permiso
- Mensajes de datos

El SDK esta disponible dentro del siguiente link cocomo si usted es usuario de adobe puede ingresar con el mismo usuario y clave asignado en adobe

Flex 4

Conocido  bajo el nombre clave “Gumbo” es una de las proximas versiones de adobe flex , donde traen nuevas cosas sobre este framework.

Se creo un nuevo namespace MXML 2009 donde cambiaran los estados e igualmente nuevos lenguajes de tags se han incluido. También tiene compatibilidad con las nuevas funciones del flash 10.

Igualmente se creara un nuevo formato de archivo FXG ,para la creación te intercambio de gráficos similares además  permitirá una integración con thermo y flash.

Sus temas principales serán:

- Ofrecer un framework donde puedan interaccionar diseñador - desarrollador.

- Mejorar el rendimiento del compilador y agregar productividad al lenguaje en manejo de datos.

- Aprovechar las capacidades del flash player 10 para el desarrollo de este nuevo framework.

Para Más información

Para instalarlo:

  1. Decargamos el último Adobe Flex SDK desde aquí, una vez descargado, se descomprime el zip en cualquier carpeta para necesitarlo más adelante.
  2. Instalamos el Flash Player 10 .
  3. Abrimos el Flex builder para adiccionar el SDK para los que trabajan con eclipse –>Windows–>Preferences –> Flex –>Installed Flex SDKs  y adicionamos el SDK en la carpeta donde los descomprimimos. y Le damos clic sobre aplicar.
  4. Se crea un proyecto Flex con cualquier nombre. Una vez creado haz clic derecho en el proyecto -> Properties -> Flex Complier. Y cambia el SDK por uno específico, es decir, el Flex 4. Además cambia el “Require Flash Player version” a 10.0.0 y pulsa OK para terminar.