Crea tu primera aplicaciĆ³n para Android

Vamos a crear un apk o aplicaciĆ³n para Android sencilla para conocer las herramientas principales de App Inventor

 

¡Empezamos!

Una vez configurado en castellano pulsamos el botĆ³n Comenzar un proyecto nuevo...
y le damos a nuestro proyecto el nombre “Miau”

Esto nos lleva a la ventana principal de App Inventor.

 

La pantalla que estamos viendo se divide en partes:

- A la izquierda estƔn los objetos que vamos a usar para diseƱar la pantalla de nuestra
aplicaciĆ³n. Botones, imĆ”genes, dibujos, etc. Es como la paleta de un pintor.


- DespuƩs explicaremos la parte derecha.


- ¿QuĆ© es la pantalla del centro? Representa la pantalla del mĆ³vil, y sirve para DISEƑAR
el aspecto de la aplicaciĆ³n. La llamaremos Visor.


Arriba a la izquierda hay un botĆ³n importante: Conectar. Para poder probar cĆ³mo
funciona lo que vamos haciendo necesitamos transferirlo a un mĆ³vil, o usar el
emulador incluido en App Inventor (esta opciĆ³n es menos recomendable).


Para conectar App Inventor con el mĆ³vil hacer clic en Conectar, y elegir la opciĆ³n AI
COMPANION. Se abrirĆ” una pantalla como esta:



Instalar MIT AI2 Companion en el dispositivo Android, o conocer el emulador

Para poder utilizar nuestro dispositivo como banco de pruebas tenemos que
descargarnos de Google Play Store una aplicaciĆ³n que se llama “AI2 Companion”.
Buscarla en Google Play Store con ese nombre y descargarla ahora. Ocupa poco, y sĆ³lo
harĆ” falta descargarla una vez.


Abriremos ahora en el mĆ³vil la aplicaciĆ³n que hemos descargado, haciendo clic sobre
el icono MIT AI2 Companion. Puede estar en la pƔgina principal o dentro del grupo de
Aplicaciones.


Cuando se abra, elegiremos Connect with code (color naranja), y escribiremos el
cĆ³digo de letras y nĆŗmeros (alfanumĆ©rico) que aparece en la pantalla del ordenador.
Quien pueda leer cĆ³digos QR puede hacerlo desde la pantalla ahora pulsando en el
botĆ³n azul scan QR code. Para que esto sea posible el ordenador y el dispositivo deben
estar en la misma red, es decir, que deben tomar la IP del mismo rango, tĆ­picamente
del mismo enrutador (router). Si no disponemos de WIFI podremos utilizar el
emulador, o una conexiĆ³n USB (ver detalles para USB en la web de App Inventor).


Para abrir el emulador, haremos clic sobre Conectar y elegiremos la opciĆ³n Emulador.
No hay que hacer nada mƔs, tarda un poco, pero una vez que cargue se verƔ la pantalla
en blanco de nuestra aplicaciĆ³n.












Una vez establecida la conexiĆ³n entre App Inventor y el mĆ³vil veremos una pantalla en
blanco con el tĆ­tulo Screen1.

Comentarios

Lo mƔs visto...