DoReMi: 8 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:26

Si quieres crear este instrumento musical multimedia "DoReMi" puedes seguir este paso a paso:

Forbrugsvarer

Estos son los materiales que vas a necesitar:

1. Celular

2. Wemos Lolin32 (Cantidad: 1)

3. Protoboard (Cantidad: 1)

4. Cables para conexión (Dupont tipo Macho-Macho ó de cobre) (Cantidad: 7)

5. Papel

6. Cartón

7. Aluminio

8. Tijeras

9. Regla

Trin 1: Creando Código En Arduino IDE

El primer paso será conectar cable dupont en los pines táctiles del Lolin32 como se muestra en las dos imágenes de arriba.

• PIN -kode til GPIO 4
• PIN -kode til GPIO 2
• Pin táctil en GPIO 15
• PIN -kode til GPIO 14
• Pin táctil en GPIO 27
• PIN -kode til GPIO 32
• Pin táctil en GPIO 33

Lukker op til realisering af "Bluetooth" og software Arduino IDE, som kan bruges til en lavere værdi.

Trin 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente link para abrir app inventor: App inventor

Luego en la parte de arriba a la izquierda dar click da Create Apps e ingresar tu correo electrónico for iniciar sesión.

For at få vist et nyt projekt, klik på: Start et nyt projekt og anvisninger 1 skærmbillede klik på: Tilføj skærm.

Trin 3: Creando La Interfaz De Usuario De La Aplicación

Para diseñar la interfaz de usuario:

Primero deberás poner de manera horizontal the pantalla, esto se hace dando click en la parte derecha donde terninger: Screen1 og en donde terninger ScreenOrientation cambiar la opción por Landscape.

Luego buscar en Pallete (ubicada en la parte izquierda):

En Layout: la opción que diga HorizontalArrangement og arrastrarla a la interfaz

En brugergrænseflade: ListPicker (que es para que en la aplicación har en liste over elementerne i el usuario pueda elegir) y en Properties, situada en la parte derecha, poner en Text: Escanear. También Label (que es para mostrar texto) y al igual que with ListPicker poner en Text: Estado: Conectado. Estos dos componentes deberás arrastrarlos al HorizontalArrangement

• En sensor: Ur og deslizar a la interfaz.
• En tilslutning: BluetoothClient og arrastrar a la interfaz.

Si deseas observar como debería quedar, en la parte superior se encuentra una imagen de la interfaz de usuario terminada.

Trin 4: Importando Imagenes En App Inventor

Para importar las imágenes que se encuentran en la parte de arriba deberás dirigirte a Media, ubicada a la derecha debajo de Components, and select: upload file y select file.

Después deberás ir a Pallete (ubicado en la parte izquierda) y da Brugergrænseflade kan bruges til at oprette en grænseflade Billede, después en Properties (en la parte derecha) buscar Billede og en anden aparation kan afbildes som en aniste anteriormente.

Bemærk: Para acomodar las imágenes en el centro, da Properties cambiar da Width y Height por: Fill parent. Todas las imágenes (menos la del inicio) deben desactivarse, para esto en Properties se debe desactivar la opción Synlig (que no esté azul).

1. Imagen de inicio (En AppInventor: Image1)
2. Imagen Do (En AppInventor: Image2)
3. Imagen Fa (En AppInventor: Image5)
4. Imagen La (En AppInventor: Image7)
5. Imagen Mi (En AppInventor: Image4)
6. Imagen Re (En AppInventor: Image3)
7. Imagen Si (En AppInventor: Image8)
8. Imagen Sol (En AppInventor: Image6)

Trin 5: Importando Sonidos En App Inventor

Para importar los sonidos que están en la parte de abajo deberás dirigirte a Media, ubicada a la derecha debajo de Components, and select: upload file y select file.

Después deberás ir a Pallete (ubicado en la parte izquierda) y en Media arrastrar a la interfaz la opción que diga Sound, después en Properties (en la parte derecha) buscar Source y en esta aparecerán los sonidos que añadiste anteriormente.

1. Sonido DO (En AppInventor: Sound1)
2. Sonido FA (En AppInventor: Sound4)
3. Sonido LA (En AppInventor: Sound6)
4. Sonido MI (En AppInventor: Sound3)
5. Sonido RE (En AppInventor: Sound2)
6. Sonido SI (En AppInventor: Sound7)
7. Sonido SOL (En AppInventor: Sound5)

Trin 6: Creando El Código En App Inventor

Primer klik og blokke, der kan bruges til at levere en høj kvalitet til designere, til programmer, der laver programmer til komponenter.

Después en Blocks (ubicado en la parte izquierda) podrás arrastrar los bloques que necesites.

1. Enesta parte is actual list of the bluetooth disponibles para que cuando can le the click al botón aparezcan todos los listados (Imagen1).

2. Acá se conecta al bluetooth select and se cambia el texto de la app de "Desconectado" og "Conectado" (Imagen2).

3. En esta parte se inicializa la variable en la que se va a guardar lo que se recibe desde el arduino (Imagen3).

4. Con este se activa la imagen y el sonido de la nota "DO" y desaparecen las demás imagenes (Imagen4).

5. Con este se activa la imagen y el sonido de la nota "RE" y desaparecen las demás imagenes (Imagen5).

6. Con este se activa la imagen y el sonido de la nota "MI" y desaparecen las demás imagenes (Imagen6).

7. Con este se activa la imagen y el sonido de la nota "FA" y desaparecen las demás imagenes (Imagen7).

8. Con este se activa la imagen y el sonido de la nota "SOL" y desaparecen las demás imagenes (Imagen8).

9. Con este se activa la imagen y el sonido de la nota "LA" y desaparecen las demás imagenes (Imagen9).

10. Con este se activa la imagen y el sonido de la nota "SI" y desaparecen las demás imagenes (Imagen10).

Trin 7: Desarrollando El Piano Con Cartón, Papel Y Aluminio

Para desarrollar este instrumento musical multimedia puedes utilizar las plantillas que están en la parte inferior, and la última imagen llamada "Guía".

1. Intentar que los cable queden como se muestra en la Imagen1.

2. Realizar agujero en la plantilla, en los cuadrados negros (Imagen2).

3. Ingresar los cable por estos huecos (Imagen3).

4. Asegurar la plantilla en el cartón, al igual que la protoboard (Imagen4).

5. Reforzar la parte de atrás (Imagen5).

6. Registrer 7 trozos de aluminio: 6cmx6cm (Imagen6).

7. Doblar el aluminio previamente recortado a la mitad (Imagen7).

8. Pegar cuidadosamente, colocando el cable adentro del doblez (Imagen8).

9. Añadir cintas que peguen todos los trozos de aluminio (Imagen9).

10. Ajustar recortes con una regla (Imagen10).

11. Asegurar con más cintas horizontales los trozos (Imagen11).

12. El total de las cintas pegadas horizontalmente fue de: 3 (Imagen12).

13. Pegar plantilla de las teclas en el cartón (de minimo 18cmx26cm) y reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Bemærk: Der kan fås flere oplysninger om kapacitive berøringssensorstifter, der kan bruges til aluminium

Trin 8: Instrument Musical Multimedia Terminado

En la parte inferior podrás encontrar el apk del proyecto para que lo puedas descargar en el celular y de esta manera probar la aplicación.