Xilófono

 

HOLAA!! En clase hemos estado creando una aplicación para el móvil con la aplicación  MIT app inventor. Consiste en un xilófono y cuando pulsas sus teclas sonarán sonidos diferentes. En esta entrada os contaré paso por paso como programarlo 

- PRIMER PASO:

Lo primero que tenéis que hacer es grabar siete sonidos con el móvil, correspondientes a las siete teclas del instrumento. Pueden ser fragmentos de canciones, sonidos aleatorios... como queráis. Después los pasáis a vuestro gmail para poder descargarlos y tenerlos en el ordenador.

- SEGUNDO PASO

Entramos en MIT app inventor y comenzamos a crear el xilófono. En la columna de la izquierda, pinchamos sobre disposición y arrastramos siete disposiciones horizontales a la pantalla. Tras esto, debemos ajustar el alto de cada disposición al contenedor en la columna de la derecha y el ancho podéis ajustarlo como queráis. En mi caso, he puesto 100 de porcentaje en la primera disposición y he ido restado cinco en las demás.

Una vez realizado esto, os tendría que haber quedado la pantalla como en esta foto.

- TERCER PASO:

En la columna de la izquierda pinchamos sobre interfaz de usuario y arrastramos un botón dentro de cada disposición horizontal de la pantalla. Después, ajustamos su alto y ancho al contenedor en la columna de la derecha.

Una vez hecho esto, en la columna de la derecha borráis el texto del botón y podéis cambiar el color de los botones.

- CUARTO PASO:

En la columna de la izquierda vais a medios y arrastráis siete sonidos hacia la pantalla y se os colocarán abajo. Pincháis en cada sonido, y en origen subís el archivo de audio que previamente habéis descargado de vuestro gmail.

- QUINTO PASO:

Con lo anterior ya tendríamos hecho el xilófono y solo nos quedaría programarlo. En la esquina superior de la derecha pinchamos en bloques y nos llevará al sitio de programación.

En la columna de bloques, pinchamos en botón1 y arrastramos al centro "cuando botón1 .clic: ejecutar". Y así con todos los demás botones.

- SEXTO PASO:

Ahora pinchamos en sonido1 y arrastramos el bloque "llamar sonido1 .Reproducir" a el bloque del boton1. Así con todos los demás sonidos.

- SÉPTIMO PASO:

Con lo anterior ya tendríamos el xilófono terminado y solo nos faltaría crear un icono para la aplicación. Para ello, te descargas una fotografía (la que tu quieras) en Google. Después, en app inventor, en la esquina superior de la derecha pinchamos a diseñador. Una vez allí nos vamos a la columna de propiedades donde hay un apartado que viene icono. Pinchamos allí y subimos nuestra imagen.

-OCTAVO PASO:

Ya sola faltaría descargarte la aplicación. Para ello, en la parte superior de la página damos a generar app con un código QR. En el móvil descargamos la aplicación de app inventor. damos a escanear código QR y escaneamos el código del xilófono. Con esto ya tendrías tu aplicación descargada.

 Espero que te haya servido de ayuda mi explicación :)