Taller de aplicaciones Android Creando una botonera de sonidos

Receta #1: Una botonera de sonidos divertidos

Objetivo: Crear una aplicación que muestra una serie de botones que podemos presionar para escuchar distintos sonidos divertidos RISA GORILA CARTOON

Descargar sonidos

Paso 1: Descargando los sonidos Ingresa a http://www.sonidosmp3gratis.com Elige una categoría en el lado derecho:

Elige sonidos de tu gusto. Para reproducirlos haz click en el cuadrado con tres puntos. Presiona “Descargar” si te gusta.

Descargas Recuerda que lo que descargas en tu PC queda en la carpeta «Descargas». Luego debemos ir ahí para buscar los archivos de sonido MP3.

Conectando el computador

Paso 2: Conectando el PC Ir a Google y buscar «App inventor» / Hacer click en el primer resultado

Hacer click en «Create apps»

Inicia sesión con tu cuenta de Gmail

Presiona el botón «Start new project» Luego ingresa el nombre de tu proyecto y presiona «Ok»

Ahora verás la ventana de trabajo y podrás comenzar 

Conectando el teléfono

Paso 3: Conectando el teléfono Instala «MIT AI2 Companion» en tu teléfono

Presiona el botón «Connect» y luego «AI Companion» En el PC Presiona el botón «Connect» y luego «AI Companion»

Aparecerá un código QR en la pantalla En el PC Aparecerá un código QR en la pantalla

En el teléfono Abre la aplicación y presiona el botón «scan QR code»

Apunta al código y podrás ir viendo como avanza tu app En el teléfono Apunta al código y podrás ir viendo como avanza tu app

No te olvides del wifi! Para que la conexión entre el PC y el teléfono funcione el celular debe estar conectado a la misma red wifi que el computador! También funcionará si el PC esta conectado por cable de red al equipo que emite la señal wifi.

Manos a la obra! Introducción a MIT APP Inventor

Inserta un botón (Desde «User Interface»)

Mira tu celular! El botón que acabas de insertar debería aparecer en la pantalla de tu teléfono. Cada vez que hagas cambios podrás visualizarlos en tu movil.

Inserta un sonido (Desde «Media»)

Atención: Algunos elementos como los sonidos no aparecerán en la «Pantalla» (Viewer), pero si en la lista de «Componentes»

En «Componentes» presiona «Sound1» Luego presiona «Source» y selecciona el archivo de sonido en tu PC

Haz click en «Blocks» (Arriba a la derecha)

Luego arrastra el siguiente elemento: Haz click en «Button1» Luego arrastra el siguiente elemento:

Luego arrastra y encaja el siguiente elemento: Haz click en «Sound1» Luego arrastra y encaja el siguiente elemento:

Pruébalo! Al presionar el botón en tu teléfono deberías oír el sonido

App #2: El teléfono me habla Utilizando «Texto a voz»

Entra en http://bit.ly/tallercompu1 para ver el video que explica el procedimiento

Receta #2: Botón que lee texto ingresado en el código

Receta #3: Botón que lee lo que ingresemos en un cuadro de texto

Hagamos nuestro propio “Pictionary” Receta #4: Hagamos nuestro propio “Pictionary”

Paso 1: Agreguemos 1 botón y 1 etiqueta (“label”)

Paso 2: Creamos una lista vacía 00

Paso 2: Agregamos elementos a la lista La instrucción significa: “Cuando la pantalla (“Screen”) se abra por primera vez añadir los elementos (animales) a la lista vacía creada anteriormente”.

¿Se te acabó el espacio en la lista? Para añadir más elementos a la lista presiona el botón con forma de engranaje

Paso 2: Hacemos que el botón muestre un elemento al azar La instrucción significa: “Al hacer click en ‘Botón 1’ poner como texto de la etiqueta 1 un elemento al azar de la lista creada anteriormente”.

Jorge.molina@somosinformaticos.com /+56 981817242 Jorge Molina Núñez Jorge.molina@somosinformaticos.com /+56 981817242