Manual Air, introducción y ejemplo - Presentation Transcript
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 (20080225).
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
flash9es_ES_9_0_3_Update.exe, se descarga de
http://download.macromedia.com/pub/flash/updates/903/win/es/flash9es_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
Manual introductorio para instalar y montar el ento more
Manual introductorio para instalar y montar el entorno de desarrollo de aplicaciones flash air, y explicación de la implementación de un breve ejemplo lector de rss. less
1 comments
Comments 1 - 1 of 1 previous next Post a comment