Blog de Iker Perez de Albeniz

Crear un cliente de Gtalk con Adobe Air

1 04 2008

Según comentan en Barrapunto Adobe lanza Flex y Air para Linux. A mi no me decía mucho, ya que conocía estas tecnologías de oídas, y la verdad es que no tenia ni idea de que se trataban.

En el artículo comentan que Air es algo similar al Prism de Mozilla, por lo que me he podido hacer una idea inicial y no he tardado en intentar hacer algún script de ejemplo.

Instalando la SDK

Lo primero que tienes que hacer es instalar el “interprete” de AIR para poder ejecutar tus aplicaciones.

http://get.adobe.com/air/
o
http://airdownload.adobe.com/air/win/download/1.0/AdobeAIRInstaller.exe

Una vez instalado el intérprete tienes que instalar la SDK que es posible descargar desde este enlace:

http://airdownload.adobe.com/air/win/download/1.0/AdobeAIRSDK.zip

Descomprimimos el ZIP y añadimos al PATH el directorio /bin

Creando un Ejemplo Básico

Creamos un Directorio llamada GTalk y dentro de este dos archivos: GTalk-app.xml y GTalk.html

Gtalk-app.xml

<?xml version=”1.0″ encoding=”UTF-8″?>
<application xmlns=”http://ns.adobe.com/air/application/1.0″>
<id>google.gmail.GTalk</id>
<version>0.1</version>
<filename>Googel Talk</filename>
<initialWindow>
<content>GTalk.html</content>
<visible>true</visible>
<width>300</width>
<height>600</height>
</initialWindow>
</application>

Donde Indicamos propiedades como el nombre de la aplicación o las dimensiones de la ventana de la aplicación.

GTakl.html

<html>
<head>
<title>Google Talk</title>
</head>
<body>
<iframe src =”http://talkgadget.google.com/talkgadget/popout” width=”100%” height=”100%” name=”gtalk” frameborder=”0″> </iframe>
</body>
</html>

Es un archivo HTML normal. En el head editamos la etiqueta titulo para definir el titulo que aparecerá en la ventana. En el body editamos una etiqueta iframe que se enlazara con el cliente flash de Gtalk propio de Google.

Si abrimos GTakl.html podemos ver que el cliente funciona correctamente.

Por tanto es hora de probar que funciona nuestro scripr de AIR. Por tanto ejecutaremos el comando ADL

$~ [ruta_air_sdk]\adl.exe GTalk-app.xml

Y veremos ejecutarse nuestra aplicación de AIR.

Finalmente “compilaremos” nuestra aplicación para generar un .air instalable y redistribuible.

Para ello deberemos primero crear un certificado.

$~ [ruta_air_sdk]\adt -certificate -cn SelfSigned 1024-RSA sampleCert.pfx samplePassword

Y finalmente generar a instalador.

$~ [ruta_air_sdk]\adt -package -storetype pkcs12 -keystore sampleCert.pfx GTalk.air
GTalk-app.xml GTalk.html

Ya disponemos de una aplicación GTalk basada en Adobe AIR multiplataforma.

Comments : No Comments »
Categories : Uncategorized

Instalando ANDROID + ECLIPSE en WINDOWS (2000 o XP)

15 11 2007

En el artículo anterior explicábamos como instalar ANDROID y ECLIPSE en UBUNTU. Ahora toca el turno a Windows y puesto que la configuración de eclipse es la misma en ambos sistemas operativos solo se explicara como se instalan el SDK y ECILSE en el ordenador.

El primer paso es instalar el SDK, para lo cual nos lo descargaremos de esta dirección:

http://dl.google.com/android/android_sdk_windows_m3-rc20a.zip

Una vez descargado y descomprimida cambiamos el nombre de la carpeta “android_sdk_windows_m3-rc20a” por “android_sdk” y la movemos a nuestro C:\Archivos de Programa\.

Para terminar la instalación solo falta añadir la ruta del SDK al path, para lo cual vamos a INICIO> Configuración > Panel de Control y entramos en Sistema.

Dentro del panel de Sistema vamos a la pestaña Opciones Avanzadas y pulsamos en Variables de Entorno

Se nos mostraran dos listas de variables: Variables de usuario para usuario y variables del sistema. En nuestro caso añadiremos una variable y cambiaremos el path en la lista de Variables del sistema para que todos los usuarios tengan acceso al SDK.

Por tanto pulsaremos en Nueva y nos aparecerá un cuadro de dialogo donde meteremos el nombre de la variable y su ruta. En el caso del SDK pondremos como nombre SDK_ROOT y la ruta C:\Archivos de Programa\android_sdk y pulsamos Aceptar. La nueva variable se añadirá a la lista.

Ya solo falta añadir la ruta al path, por tanto, buscamos la variable PATH de la lista de Variables del sistema, y pulsamos sobre ella dos veces. Se nos aparecerá el mismo cuadro de dialogo de antes peor esta vez completo con el nombre PATH un montón de rutas que están añadidas al path separadas por “;”. Por tanto añadiremos los siguiente al final del campo Valor de la variable: ;%SDK_ROOT%\tools

NOTA: no olvidar el “;” ni los “%”

Pulsamos Aceptar a todas las ventanas hasta cerrarlas todas y ya tenemos el SDK instalado.

Y asolo faltaría instalar Eclipse. Para instalar eclipse solo hay que descargarse eclipse del siguiente enlace, descomprimirlo y mover la carpeta a C:\Archivos de Programa\. (para que esté todo mas ordenado..)

A partir de aquí faltaría configurar y plugin de android para eclipse. Los pasos son idénticos que en Ubuntu así que podéis seguir los mismos pasos que se indican en el articulo anterior.

Comments : No Comments »
Categories : Uncategorized

Instalando ANDROID + ECLIPSE en UBUNTU

14 11 2007

En este artículo vamos a explicar mas detalladamente la instalación de ANDROID SDK, ECLIPSE y el PLUGIN DE ANDROID para eclipse en UBUNTU. Básicamente son las mismas instrucciones que aparecen en la pagina de google pero un poco mas comentadas y con imágenes, para que aquellos que siempre se os atraviesan las instalaciones lo tengáis mas fácil.

NOTA: En esta guía supondremos que hacemos una instalación para el usuario de nombre “user”.

Lo primero descargar ABDROID SDK, podes hacerlo con vuestro navegador o por consola con wget. Por tanto abrimos una consola y nos situamos en nuestro home. Descomprimimos y cambiamos en nombre del directorio “android_sdk_linux_m3-rc20a” por “android_sdk”

user@ubuntu:~$ wget http://dl.google.com/android/android_sdk_linux_m3-rc20a.zip
user@ubuntu:~$ unzip android_sdk_linux_m3-rc20a.zip
user@ubuntu:~$ mv android_sdk_linux_m3-rc20a android_sdk

Finalmente para terminar la instalación tendremos que añadir el SDK al path, por tanto editaremos el archivo .bashrc de nuestro /home con cualquier editor de texto (vi, gedit, kate…) y añadiremos las siguientes des lineas al final del documento:

user@ubuntu:~$ vi /home/user/.bashrcexport SDK_ROOT=/home/user/android_sdk
export PATH=$SDK_ROOT/tools:$PATH

Y atenemos el SDK instalado y es posible acceder a sus aplicaciones desde consola, por tanto ahora nos queda instalar un IDE para programar cómodamente nuestras aplicaciones. Para eso el IDE idóneo es ECLIPSE ya que existen plugins para trabajar con ABDROID de forma sencilla.Por tanto, en caso de que no lo hubiéramos instalado, pasamos a instalar ECLIPSE:

user@ubuntu:~$ apt-get install eclipse

Tras descargarse, se instalara automáticamente gracias a APT por lo que una vez finalizada la instalación ya podremos lanzar eclipse. En caso de que no dispongas de ningún acceso directo a la aplicación podéis acceder por consola.

user@ubuntu:~$ eclipse

Una vez iniciado eclipse nos vamos al menú Help > Software Updates > Find and Install….

Seleccionamos Search for new features to install y pulsamos Next.

Pulsamos New Remote Site y se nos mostrara un dialogo que nos pedirá una URL y un nombre para identificar el “repositorio”. Por nombre podemos poner “Android” y en la URL introducimos la siguiente dirección:

https://dl-ssl.google.com/android/eclipse/

y pulsamos OK.

Se nos añadirá un repositorio a la lista, lo seleccionamos (si no lo esta) y pulsamos Finish.

Nos aparecerá ahora un árbol con la siguiente estructura: Android Plugin > Eclipse Integration > Android Development Tools, los seleccionamos todos y pulsamos Next.