Manual Air, introducción y ejemplo

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

Favorites, Groups & Events

Manual Air, introducción y ejemplo - Presentation Transcript

  1. 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.
  2. 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.
  3. 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.
  4. 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í:
  5. 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.
  6. 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
  7. 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.
  8. 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.
  9. 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.
  10. 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
SlideShare Zeitgeist 2009

+ lasmovieslasmovies Nominate

custom

3580 views, 0 favs, 0 embeds more stats

Manual introductorio para instalar y montar el ento more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 3580
    • 3580 on SlideShare
    • 0 from embeds
  • Comments 1
  • Favorites 0
  • Downloads 28
Most viewed embeds

more

All embeds

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories