design-nation.blog/es

Si instalar el entorno para desarrollar aplicaciones AIR basadas en Ajax era sencillo, preparar lo necesario para trabajar con AS3 lo es aún más.

Antes de empezar, es necesario descargar la beta de Flex Builder 3. Una vez descargada, ha que proceder a su instalación, que se realiza sin casi intervención por el usuario.

Una vez concluida la instalación y arrancado Flex Builder, debe crearse un nuevo proyecto, obviamente, un proyecto AIR.

Una vez elegido el nombre del proyecto, Flex Builder crea los archivos necesarios para que éste sea funcional: el fichero descriptor de la aplicación, el mxml principal de la misma. Si se abre este último (en mi caso llamado HelloWorld.mxml, nombre que corresponde con el que he asignado al proyecto), y se pasa a la vista de diseño...

En la parte inferior izquierda (por defecto) de Flex Builder aparecerá la lista de componentes, entre los que se podría elegir, por ejemplo, el Label:

Que si se arrastra sobre el escenario, permite insertar un texto cualquiera, como por ejemplo "Hello World".

Si se compila el proyecto, el resultado salta a la vista

Ya se puede considerar completado el primer paso: tener un equipo preparado para el desarrollo de aplicaciones AIR, tanto basadas en Ajax como basadas en Flash. Ahora sólo falta desarrollarlas. Casi nada.

Publicado por Cesar Tardaguila a las 11:43 PM | Enlace permanente | Comentarios (0)

Abrimos nueva categoría en el blog, dedicada a AIR, con un post sencillo, en el que vamos a instalar todo lo necesario para comenzar a desarrollar aplicaciones AIR basadas en html y javascript.

Por "todo lo necesario" se entiende las siguientes tres cosas:

1. AIR runtime.
2. AIR SDK.
3. Aptana.

Una vez descargados tanto el runtime como el SDK se debe proceder a su instalación. La instalación del runtime la realiza un instalador

Mientras que la del SDK ha de hacerse a mano. En mi caso particular, he copiado los archivos que se encontraban en el dmg, en una carpeta dentro de mi estructura de directorios dedicada al código fuente. En concreto, la ruta del SDK será: /Users/ctarda/Subversion/airSDK

Una vez instalados el runtime y el sdk, es el momento de instalar y arrancar Aptana. Al terminar de arrancar, se presenta una pantalla de bienvenida, con enlaces directos a las descargas del runtime y el sdk, enlaces que ya no son necesarios.

Sin embargo, sí hay que instalar el plugin de AIR para Aptana. Al hacer clic en el paso rotulado con un 3 en la pantalla de bienvenida, se pasa a la típica pantalla de descarga e instalación de plugins de Eclipse.

Una vez seleccionado el plugin de AIR, no hay más que hacer clic en siguiente, y seguir las instrucciones. Tras la instalación, será necesario reiniciar el workspace de Aptana.

Tras el reinicio, hay que configurar el entorno para indicarle la localización del SDK. Se puede conseguir haciendo clic en la opción correspondiente de la pantalla de bienvenida, o en el menú Ventana-Preferencias, seleccionando en la ventana que se abre Aptana-Air SDKs. Debe añadirse la ruta del SDK previamente instalado.

Ya ha llegado el momento de crear un nuevo proyecto. En este caso, el nombre del proyecto ha sido HelloWorld, y el framework JS seleccionado ha sido prototype

A continuación, Aptana genera los ficheros necesarios para que el proyecto pueda ser ejecutado en el runtime AIR. Si se hace una pequeña modificación en el código fuente:


Y se ejecuta el proyecto:


Se puede comprobar cómo todo funciona como se espera.

Ahora es cuando ya se puede empezar a trabajar.

Publicado por Cesar Tardaguila a las 11:38 PM | Enlace permanente | Comentarios (1)