Ejercicio Prctico APP INVENTOR

Qu es App Inventor? App Inventor es un lenguaje de programacin

basado en bloques (como piezas de un juego de construccin), y orientado a eventos.
Sirve para indicarle al cerebro del dispositivo mvil qu queremos que haga, y cmo. Con
l pueden hacerse aplicaciones muy simples, y tambin muy elaboradas, que se ejecutarn
en los dispositivos mviles con sistema operativo Android.

Objetivo: Crear un APP que genere los sonidos de 5 animales

PASOS:
1. Crear una cuenta de Google.
Es necesario crear una cuenta Google o utilizar una cuenta ya existente, porque App
Inventor es un trabajo conjunto entre Google y el MIT. Recurdese que Android es de
Google.

2. Abrir el navegador. OJO, tiene que ser GOOGLE CHROME, Safari o Firefox. Internet
Explorer an no es compatible con App Inventor.

Ir a la pgina http://appinventor.mit.edu/explore/

3. Hacer click sobre

4. Acceder con la cuenta creada en el paso 1.

Por Gloria Dennys Hernndez Guarin

 Ejercicio Prctico APP INVENTOR

5. Aceptar los trminos del Servicio de app Inventor, por lo tanto debe hacer click en

6. Aparecer la siguiente ventana, dar clic en Never Take Survey

7. Dar click en Start new Project

8. Dar un nombre al proyecto. Para el ejemplo puede colocar: SonidosAnimales (sin

espacios ni smbolos) y click en OK.

Por Gloria Dennys Hernndez Guarin

 Ejercicio Prctico APP INVENTOR

9. Se mostrar el rea de trabajo as:

La pantalla del centro representa la pantalla del mvil, y sirve para DISEAR el aspecto
de la aplicacin, a sta la llamaremos Visor

10. Para efectos del ejercicio, vamos a crear 5 Screen con el botn Add Screen

Incluir un botn en la pantalla

11. Ubicndonos en el Screen1, arrastramos un botn Button

Por Gloria Dennys Hernndez Guarin

 Ejercicio Prctico APP INVENTOR

12. Descomprima el archivo enviado por la docente: ANIMALESYSONIDOS.rar

13. Se debe cargar la imagen de uno de los animales dentro de ese botn. Para esto, se
debe ir a las propiedades del lado derecho y buscar la casilla que diga Image y cargar
la imagen del animal deseado. Para nuestro ejemplo utilizaremos el perro.

Elegimos la opcin Subir archivo (Upload File) , y

despus Seleccionar archivo. Buscamos la imagen
deseada y damos clic en el botn Abrir.
Sobre la imagen aparace el textoText for Button1, para
quitarlo, nos ubicamos en la seccin del lado derecho
sobre la casilla que dice Text. y borramos la frase Text for
Button1.

14. Renombrar el nombre del boton con el animal correspondiente, para ello clic en el boton
Rename y coloca el nombre indicado a cada imagen (Ej: BotonPerro)

Por Gloria Dennys Hernndez Guarin

 Ejercicio Prctico APP INVENTOR

Aadir Botn Siguiente:

15. Este botn debe quedar ubicado debajo de la imagen para que posteriormente se pueda
programar. Para ello, arrastramos un botn Button y lo renombramos (Ej: Siguiente)
como en el paso anterior.

Aadir un sonido:
16. Ahora aadiremos un sonido a nuestra aplicacin, arrastrando hasta el visor el icono
Sonido, que est dentro del grupo Media (Medios), en la Paleta de la seccin izquierda.
Ojo, este objeto no se ver en el mvil o en el emulador, porque no es una imagen, ni un
botn, ni una etiqueta. Por eso aparece debajo del visor, en el apartado Componentes no
visibles. Carguemos el sonido respectivo:

Se debe ir a la seccion de Sensor (Sensores) y arrastrar sobre la imagen el

AccelerometerSensor1, para que al agitar o tocar la imagen, vibre y suene el sonido.
Estos pasos se deben realizar en cada uno de los 5 Screen creados. Una vez terminado
el diseo de todos los Screen, debemos iniciar la progracin.

Ahora a programar!!!

Por Gloria Dennys Hernndez Guarin

 Ejercicio Prctico APP INVENTOR

..Programando:
1. Ubiqumonos en el Screen1 y Hacemos clic en el botn Bloques Blocks situado en la
esquina superior derecha

2. Selecciona el botn llamado BotonPerro, de la seccin izquierda y realiza la siguiente

programacin:

Para mayor claridad, cada lnea roja indica en donde debe hacer click para arrastrar dicho
control al rea de programacin; como se muestra en la siguiente figura:

De la misma forma debes programar cada Screen.

NOTA: Para realizar pruebas de funcionamiento en los dispositivos mviles (solo con
sistema operativo android) es necesario descargar la aplicacin MIT AI2 Companion
desde la tienda de Google Play. LAS PRUEBAS DE FUNCIONAMIENTO SE HARAN
EL DIA QUE SE REVISE LA APLICACIN QUE USTED VA A PRESENTAR PARA SER
SELECCIONADA Y EXPUESTA EN EXPOSANJOSE.

Por Gloria Dennys Hernndez Guarin