En la pgina principal de MIT App Inventor, ubicar el cursor sobre el men Resources
(Recursos) y dar clic sobre Get Started (comenzar):
Desplazarse hasta la mitad de pgina que se muestra. Tenemos 3 opciones para trabajar y
probar nuestras aplicaciones, en este caso trabajaremos con la segunda opcin.
Dar clic en Instructions (instrucciones):
En la pgina que se muestra, dar clic en Instructions for Windows (instrucciones para
Windows):
En la siguiente ventana, dejamos por defecto el destino de instalacin, hacer clic en el botn
Next:
Listo, ya est instalado el emulador de MIT App Inventor. Hacer clic en el botn Finish.
Se abrir una nueva pgina donde se pide acceder a una cuenta de Google (Gmail):
Ahora nos pide responder a una encuesta, hacen clic en Take Survey Later (tomar la encuesta
ms tarde) o en su defecto Never Take Survey (nunca tomar encuesta):
10
Luego se mostrar otro mensaje de bienvenida, simplemente hacer clic en cualquier rea de la
ventana para que desaparezca el cuadro de bienvenida.
11
Vuelve a mostrase el mensaje para contestar una encuesta, damos clic en Abrirlo ms tarde o
en No rellenar el formulario.
Tambin vuelve aparecer el mensaje de Bienvenida, dar clic en Continuar.
(en
mi
caso
lo
denomin:
12
13
Es conveniente renombrar cada componente de tal manera que podamos reconocer cul es su
funcin dentro de la aplicacin.
En este caso renombramos el componente Etiqueta1 de la siguiente manera:
Clic en el botn Cambiar nombre.
En el cuadro de dilogo que se muestra escribimos el nuevo nombre: etiqTitulo (se
recomienda utilizar al inicio las siglas o primeras letras del componente, en este caso
utilizo etiq para saber que este componente es una etiqueta).
Finalmente clic en el botn OK.
14
15
16
Botn2: btnCerdo
Botn3: btnGallo
Botn4: btnGato
Botn6: btnOveja
Botn7: btnPato
Botn8: btnPerro
Botn9: btnVaca
Ahora vamos a insertar la imagen respectiva en el botn btnCaballo, para ello damos clic en
este botn. En Propiedades, ubicamos Imagen y clicar en Ninguno, luego en Subir archivo,
en el cuadro de dilogo que se muestra dar clic en Seleccionar archivo:
17
18
Ahora vamos a subir los audios de los animales, para ello nos ubicamos en Medios, clic en
Subir archivo Seleccionar archivo:
19
20
Seguir este proceso para insertar el audio de los dems animales, quedando de la siguiente
manera:
21
Sonido1: sonCaballo
Sonido2: sonCerdo
Sonido3: sonGallo
Sonido4: sonGato
Sonido5: sonLeon
Sonido6: sonOveja
Sonido7: sonPato
Sonido8: sonPerro
Sonido9: sonVaca
22
PROGRAMANDO LA APLICACIN
Clicar en Bloques (se encuentra en la parte superior derecha de la ventana)
Visor, donde colocaremos los bloques para programar nuestra app y darle
funcionamiento.
Ahora clicar en btnCaballo, se muestra una lista de bloques y clicar en el bloque que se indica
en la imagen, el cual indica que al hacer clic en el botn Caballo de ejecutar lo que est
dentro de este bloque, que debe ser el sonido del caballo:
23
24
25
Realizamos el mismo proceso para todos los botones y sonidos, debiendo quedar de la
siguiente manera:
26
EJECUTANDO LA APLICACIN
Para probar el funcionamiento de la aplicacin debemos ejecutar aiStarter
(programa auxiliar que permite que el navegador se comunique con el emulador,
aiStarter se instal al instalar el paquete de instalacin de App Inventor).
Ubicar aiStarter (por defecto se crea un acceso directo en el escritorio) y le
damos doble clic:
Ahora regresamos a la ventana de MIT App Inventor y damos clic en Conectar Emulador,
tal como se muestra en la imagen:
27
28
NOTA: Esta aplicacin es bastante bsica y se hizo para principiantes que desean sumergirse
en este fascinante mundo de la creacin de apps. Espero sea de su entendimiento y agrado,
hay muchsimo ms que explorar y aprender, as que adelante!.
Muchas gracias!