Este documento describe los pasos para crear una aplicación simple para Android que dice un mensaje cuando el celular es agitado. Explica cómo crear un proyecto en App Inventor, agregar un fondo, un botón y sensores de aceleración. También incluye instrucciones para probar la aplicación escaneando un código QR desde el celular conectado a la computadora a través de la aplicación MIT AI2 Companion.

1. UNIVERSIDAD TECNOLÓGICA DEL
ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y
LA COMUNICACIÓN
DESARROLLO DE APLICACIONES III
APLICACIONES ANDROID
ARTEMIO GALLEGOS LÓPEZ
“5º A”

2. Agita el Celular
En esta ocasión mi aplicación es algo muy sencillo. Si agitas tu celular te dirá algún mensaje el
cual tú mismo le escribes al momento de realizar la aplicación (Tú decides que es lo que quieres
que tu aplicación diga al momento de agitar el celular).
Primero entramos a la página de “App Inventor” desde cualquier navegador, que es:
“appinventor.mit.edu”.
En mi caso yo use Google Chrome.
Después nos va a mandar a esta ventana, y aquí seleccionamos el botón naranja donde dice Create!

3. Al pulsar el botón naranja nos mandara a esta otra ventana, y lo único que tenemos que hacer es dar clic en el botón
Continue.
Ahora si prácticamente ya estamos dentro de App Inventor y ahora lo que hay que hacer es crear la aplicación. Para
esto le damos clic en la parte que dice Projects, y después en donde dice Start new project.

4. Ahora solo le asignas un nombre a tu nueva aplicación y seleccionas el botón OK. En mi caso yo la nombre
“Proyecto_10”.
Ahora que ya tienes tu interfaz puedes empezar a diseñar como quieres que se vea, en mi caso yo le agregue un
fondo. Para eso nos vamos en donde dice BackgroundImage.

5. Ahora seleccionamos el botón de Upload File para seleccionar la imagen que deseemos poner desde nuestro equipo.
Ahora presionamos el botón Seleccionar archivo seleccionamos desde nuestros archivos la imagen deseada.

6. Ahora seleccionamos el archivo y presionamos la tecla Enter.
Ahora agregamos un Button de la parte donde dice User Interface

7. Ahora podemos modificar algunas de las propiedades del Button desde la parte derecha de la pantalla, solo
seleccionamos la parte “Butto1” y nos muestra sus propiedades. En mi caso yo le cambie el color y le agregue un
mensaje dentro de él, que dice “Agita el Celular!”.
Ahora de la parte izquierda donde dice Media agregamos un TextToSpeech, el cual no se ve en la interfaz pero de
igual manera está ahí.

8. Ahora de la parte izquierda donde dice Sensors agregamos un AccelerometerSensor1, el cual tampoco se ve en la
interfaz pero de igual manera está ahí.
Ahora sí que ya tenemos nuestra interfaz, nos vamos al código que aquí viene siendo codificación con bloques. Para
esto seleccionamos el botón Blocks.

9. Ahora iremos extrallendo los blques según el que vallamos ocupando del apartado donde dice Blocks.
Ahora de la parte Control seleccionamos este bloque, que en si quiere decir “Cuando agites o muevas el celular”, o
algo así.
c c

10. Ahora de la parte Procedures seleccionamos este bloque, que es para mandar llamar al TextToSpeech.
Y por último de la parte de Text seleccionamos este bloque que es donde vamos a escribir el mensaje que dirá la
aplicación al mover o agitar el celular.
c
c

11. Ahora dentro del bloque escribimos el mensaje que queremos que diga (Puedes escribir lo que decees, de igual
manera lo leera, nadamas que tambien distingue cuando hay faltas de ortografia y si las hay pues lo leera mal)
Estas aplicaciones puedes irlas haciendo desde la PC y realizar pruebas a la vez desde tu celular (claro, siempre y
cuando tenga el sistema operativo Android) para saber si en realidad la aplicación va a funcionar.
Esto se logra gracias a una aplicación llamada MIT AI2 Companion que puede descargar totalmente gratisdesde Play
Store.
c
c
c

12. Para esto solo abrimos la aplicación, seleccionamos en la parte que dice scan QR code.
Despues nos va a mandar el Scaner para poder escanear el codigo de barras.
c

13. Despues de la PC seleccionamos la parte donde dice Conect, y despues seleccionamos AI Companion, para que nos
mande un codigo de barras y poder escanearlo con el celular. Y asi poder formar una conexión.
Ahora ya nos manda el codigo de barras, el cual podemos escanear con elcelular.
Escaneamos el codigo de barras con el celular. Y listo ya tenemos una conexión.
c
c

14. Y asi quedaria la interfaz final de nuestra aplicación.