Manual sobre adobe air.

¿Qué es AIR?

Adobe AIR, cuyo nombre clave es Apolo, es un entorno de ejecución multiplataforma para la construcción de aplicaciones RIA (Rich Internet Applications) utilizando Adobe Flash, Adobe Flex, HTML y Ajax, las cuales pueden usarse como aplicaciones de escritorio.

El 19 de marzo de 2007, Adobe liberó una versión preliminar de AIR (llamada Apolo) junto con un SDK (Software Development Kit) y una extensión para el desarrollo de aplicaciones Apolo con Adobe Flex. El 10 de junio de 2007, pasó a llamarse AIR (Adobe AIR) y se liberó una versión beta del entorno de ejecución. La segunda versión beta de AIR SDK fue publicada el 1 de octubre de 2007. La beta 3, publicada el 12 de diciembre de 2007. Finalmente, la versión 1.0 se liberó el 25 de febrero de 2008 (2008­02­25).

Un versión alfa de AIR para Linux fue publicada el 31 de marzo de 2008. AIR intenta ser un entorno de ejecución versátil, ya que permite que el código Flash, HTML o JavaScript existentes sea reutilizado para construir programas tradicionales de escritorio. Adobe lo posiciona como un entorno de ejecución sin navegador para que aplicaciones ricas de Internet (RIA) se puedan desplegar en el escritorio, en lugar de un framework de aplicaciones. Las diferencias entre cada paradigma de despliegue proporciona a ambas ventajas y desventajas. Por ejemplo, una aplicación rica de Internet desplegada en un navegador no requiere instalación, mientras que una desplegada con AIR requiere que sea empaquetada, firmada digitalmente, e instalada en el sistema de archivos local de los usuarios. Sin embargo, esto último ofrece almacenamiento local ilimitado y acceso al sistema de archivos, mientras que las aplicaciones desplegadas en el navegador están limitadas por las restricciones del mismo, y donde los datos, por lo general, se eliminan periódicamente. Sin embargo, en la mayoría de los casos, las aplicaciones ricas de Internet almacenan los datos de los usuarios en sus propios servidores, pero la capacidad para consumir y trabajar con datos en el sistema de archivo local de un usuario permite una mayor flexibilidad cuando una aplicación está trabajando sin conexión. Aplicaciones

Las aplicaciones AIR pueden funcionar sin conexión a internet y, a continuación, activar aún más la funcionalidad de carga de datos o cuando la conexión esté disponible. Un ejemplo de ello es eBay Desktop,que permite a los vendedores completar una lista fuera de línea y luego subirlo cuando están conectados a Internet.Otras compañías usan actualmente AIR incluyendo AOL para el servicio de Top 100 Music Videos, NASDAQ Market Replay así como y finetune para sus aplicaciones de escritorio.

Entorno de Desarrollo

Actualmente, Adobe ofrece tres formas de desarrollar aplicaciones AIR:

* HTML/AJAX, a través de Adobe Dreamweaver CS3 u otros programas de edición de HTML junto con AIR SDK.

* Adobe Flex Builder 3 * Adobe Flash CS3

Opciones de Datos

AIR actualmente tiene cuatro maneras de trabajar con datos:

* Servidor de base de datos a través de servicios web

* Archivo local de XML * Base local de datos de SQLite enviadas con AIR

*Almacenamiento de cifrado local incluido con AIR

Tomado de: http://es.wikipedia.org/wiki/Adobe_Integrated_Runtime

Crear aplicación de escritorio desde flash cs3 1. Descargar el instalador de adobe air 1.5 del sitio:

http://get.adobe.com/es/air/

2. Ir a la pagina de adobe http://www.adobe.com/es/products/air/ para descargar 2 plugins que se instalan como complemento del flash cs3.

Estos plugins son:

flash9_es_es_9_0_2_update.exe, se descarga de http://download.macromedia.com/pub/flash/updates/902/win/es/flash9_es_es_9_0_2_update.exe

flash9­es_ES_9_0_3_Update.exe, se descarga de http://download.macromedia.com/pub/flash/updates/903/win/es/flash9­es_ES_9_0_3_Update.exe

Se debe cerrar flash, antes de instalar estos plugins, luego se ejecuta primero la versión 02 y luego la 03.

Listo con estos dos pasos ya tenemos configurado el entorno de desarrollo desde flash cs3. Para verificar que la instalación se realizó correctamente se abre flash y se verifica que en la pantalla inicial aparezca la opción para crear aplicaciones AIR.

Vamos a crear una aplicación air, que consulte el estado del tiempo de un servicio de yahoo.

Lo primero es preparar la interfaz, así:

Creamos un TextArea llamado t1, y un botón cerrar. Esto sobre el lienzo por defecto de flash 550 por 440, también agregamos un fondo que permita resaltar la aplicación teniendo en cuenta que la aplicación va a tener fondo trasparente, así:

Una vez lista la interfaz gráfica, asignamos la siguiente programación:

1. var myxml:XML = new XML(); 2. var xmlurl:String = "http://xml.weather.yahoo.com/forecastrss?p=UKXX0021&u=C";

3. var myxu:URLRequest = new URLRequest(xmlurl); 4. var ml:URLLoader = new URLLoader(myxu);

5. ml.addEventListener("complete",mlf); 6.

7.function mlf(event:Event):void 8.

9. myxml = XML(ml.data); 10. t1.htmlText = myxml.channel.item.description;

11. 12.

1. Se declara el objeto XML, el cual contendrá la estructura del documento xml que retorna el servicio del tiempo de yahoo.

2. Ruta donde esta ubicado el servicio, la respuesta es un archivo xml.

3. Se crea una pentición al servicio. 4. Se prepara la carga de la petición.

5. Se agrega un evento para que cuando se termine la carga del xml, se pueda manipular la información.

La función mlf procesa el archivo xml, y asigna el valor de la descripción al TextArea.

Por último, es necesario programar un botón para poder salir de la aplicación una vez lanzada.

1. btnclose.addEventListener(MouseEvent.CLICK,cerrar); 2.

3. function cerrar(event:MouseEvent) 4.

5. var myWin:NativeWindow; 6. myWin = stage.nativeWindow;

7. //myWin.minimize(); 8. myWin.close();

9.

1. Se agrega un evento click al botón cerrar.

3. La función cerrar se ejecuta cada vez que se presiona el botón, y permite cerrar la ventana.

Probamos la película CTRL +ENTER en flash. Es necesario antes de crear el instalador de la aplicación tener el swf funcionando, ya que este archivo luego se utiliza para generar el air “ejecutable”. Luego se crea el paquete air, por medio de la herramienta “AIR ­ Configuración de aplicación e instalador” que se encuentra en el menú bajo la opción comando.

Luego hay que configurar el nombre del archivo air, en la siguiente ventana

Vemos por ejemplo que podemos cambiar el estilo del fondo de la aplicación en este caso es

transparente y tiene como nombre ejemploair2.air

En este punto hay un paso importante, donde se configura el certificado digital de la aplicación, Vamos a donde dice firma digital y le damos click en cambiar.

Nos aparece esta ventana, presionamos crear.

Por último llenamos los datos que se piden según la información del proyecto que estemos realizando, ponemos una contraseña cualquiera y presionamos aceptar. Verificamos la creación del certificado en la carpeta de la aplicación, por medio del siguiente icono:

Cuando terminamos con la creación del certificado vamos y publicamos la aplicación air

Ingresamos la contraseña del certificado y damos click en aceptar. Nota: Posiblemente salga una alerta “Error al conectar con el servidor de marca de fecha y hora. Puede que no haya conexión a la red o que el servidor presente un problema. Si elige deshabilitar la marca de fecha, la aplicación AIR no se podrá instalar cuando caduque el certificado digital.”, esto es cuando se trabaja en un ambiente bajo un proxy, para poder hacer pruebas deshabilitamos la marca de fecha.

Obtenemos el mensaje de confirmación de creación de la aplicación, revisamos la carpeta de la aplicación y buscamos el archivo con extensión air, o con el icono de la caja café.

Damos click en el ícono ejemploair2.air y procedemos con la instalación del ejemplo:

Primero vemos una alerta de seguridad, porque el certificado digital como es de ejemplo no se puede verificar, persionamos instalar para continuar.

Nos pregunta la ubicación donde se instalará la palicación y si va a tener acceso directo en el escitorio. Presionamos continuar.

Vemos el avance de la instalación y al finalizar vemos un ícono en el escritorio con el nombre de la aplicación que acabamos de instalar.

Al presionar el ícono, se lanza la aplicación:

Documento creado por Andrés Bedoya tobón.

www.lasmovies.com/blog

and1res@hotmail.com