AppInventor es una herramienta gráfica, basada en bloques ensamblables similares a Scratch y Blockly Games, para la programación de aplicaciones para dispositivos Android. Con AppInventror, y sin conocimientos avanzado de programación, podremos crear e instalar nuestras primeras aplicaciones para móviles.

En este tutorial vamos a ofrecer una breve introducción al entorno de desarrollo de AppInventor y aprenderemos a:

• Acceder al editor de AppInventor desde el navegador web
• Instalar AI2 Companion en tu dispositivo Android, para depurar tu aplicación mientras desarrollas
• Exportar tu aplicación en formato .apk para poder instalarla en cualquier dispositivo Android
• Exportar el código fuente de tu aplicación para compartir con otros desarrolladores amigos

Pero como solemos decir por aquí:

¡Vallamos por partes!

Requisitos

Para poder seguir este tutorial necesitaras lo siguiente:

• Un ordenador o portátil con navegador Chrome o Firefox, Internet Explorer no funcionara..
• Un dispositivo Android (ya sea un móvil o tablet) conectado por WI-FI a la misma red local que el ordenador o portátil.
• Una cuenta de usuario de google para acceder a AppInventor

¿Estamos listos? ¡Pues vamos allá!!

Accediendo al editor de AppInventor

Acedemos al edito de AppInventor a través de la dirección web http://ai2.appinventor.mit.edu/ donde deberemos autenticarnos con nuestra cuenta de usuario de google.

Una vez dentro del entorno de AppInventor podremos seleccionar el idioma en que queremos ver la interfaz y tanto crear un proyecto nuevo como a acceder a los proyectos que hayamos creado anteriormente. Al contrario de Scratch, AppInventor no posee una comunidad online que permita compartir nuestros proyectos con otros usuario.

Instalando AI2 Companion en el dispositivo Android

Con AI2 Companion podremos ver nuestra aplicación en el dispositivo Android en tiempo de desarrollo. Para ello es necesario que el dispositivo Android se encuentre conectado vía WiFi a la misma red local que el navegador ejecutando AppInventor. Si no te es posible conectarte vi WiFi a la misma red local, en la pagina oficial explican otras alternativas, aunque no son tan sencillas.

Instalamos AI2 Companion en el dispositivo Android a través de Google Play:

Una vez instalada AI2 Companion podremos visualizar y ejecutar nuestra aplicación mientras la desarrollamos, para ello nos conectaremos desde el menú de AppInventor Conectar > AI Companion:

Esto nos ofrecerá un código que deberemos escanear o teclear en nuestro dispositivo Android et voila!

Exportar tu aplicación en formato .apk

Con AI Companion podemos ver nuestra aplicacion mientras desarrollamos, pero desaparecera del movil en el momento que la desconectemos del editor. Para instalar la aplicación de modo permanente debemos exportarla en formato .apk:

Este archivo APK lo podremos copiar vía WiFi o USB e instalarlo en cualquier dispositivo Android que tengamos.

Exportar el código fuente de tu aplicación para compartir con otro desarrolladores amigos

AppInventor no ofrece una comunidad donde compartir el código fuente (que son las instrucciones de nuestro programa) nuestros proyectos con otros desarrolladores amigos. Así si queremos compartir el código fuente deberemos exportarlo en el formato propio de AppInventor .aia

¿Y ahora que?

Ahora que ya tenemos nuestro entorno para desarrollar con AppInventor, permanece atento a nuevos tutoriales donde exploraremos la programación de Apps para moviles…

¡Nos vemos en el próximo tutorial!