DoReMi: 8 Kauj Ruam

2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:25

Si quieres crear este instrumento suab paj nruag multimedia "DoReMi" puedes seguir este paso a paso:

Khoom siv

Estos son los materiales que vas vas 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

Kauj ruam 1: Creando Código En Arduino IDE

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

• Pin Pin in GPIO 4
• Pin pin in GPIO 2
• Pin Pin in GPIO 15
• Pin pin in GPIO 14
• Pin pin in GPIO 27
• Txuas tus pin rau GPIO 32
• Pin pin in GPIO 33

Luego deberás realizar el código "Bluetooth" en el software Arduino IDE, que aparecerá en la parte qis dua.

Kauj ruam 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente txuas rau abrir app tus tsim tawm: App inventor

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

Para crear un nuevo proyecto dar nyem en: Pib qhov haujlwm tshiab y después añadir 1 screen dando nyem en: ntxiv Screen.

Kauj Ruam 3: Creando La Interfaz De Usuario De La Aplicación

Rau kev tiv thaiv kab mob ntawm kev siv:

Primero deberás poner de manera kab rov tav la pantalla, esto se hace dando click en la parte derecha donde dice: Screen1 y en donde dice ScreenOrientation cambiar la opción por Toj roob hauv pes.

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

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

En Tus neeg siv cuam tshuam: ListPicker (que es para que en la aplicación se muestre una lista de elementos y el usuario pueda elegir) y en Properties, situada en la parte derecha, poner en Text: Escanear. Daim ntawv lo También (que es para mostrar texto) y al igual que con ListPicker poner en Text: Estado: Conectado. Estos dos componentes deberás arrastrarlos al HorizontalArrangement

• En sensor: Clock y deslizar a la interfaz.
• Kev sib txuas: BluetoothClient thiab tus tsim tawm hauv kev cuam tshuam.

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

Kauj ruam 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, y seleccionar: upload file y xaiv cov ntawv.

Después deberás ir a Pallete (ubicado en la parte izquierda) y en Tus neeg siv cuam tshuam nrog kev cuam tshuam los ntawm kev cuam tshuam la opción que diga Duab, después en Properties (en la parte derecha) buscar Duab y en esta aparecerán las imagenes que añadiste anteriormente.

Nota: Para acomodar las imágenes en el centro, en Properties cambiar en Width y Height por: Sau niam txiv. Todas las imágenes (menos la del inicio) deben desactivarse, para esto en Properties se debe desactivar la opción Pom tau (que no esté azul).

1. Imagen de inicio (En AppInventor: Duab 1)
2. Imagen Do (En AppInventor: Duab 2)
3. Imagen Fa (En AppInventor: Duab 5)
4. Imagen La (En AppInventor: Duab 7)
5. Imagen Mi (En AppInventor: Duab 4)
6. Imagen Re (En AppInventor: Duab 3)
7. Imagen Si (En AppInventor: Duab 8)
8. Imagen Sol (En AppInventor: Duab 6)

Kauj ruam 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, y seleccionar: upload file y xaiv cov ntawv.

Después deberás ir Pallete (ubicado en la parte izquierda) y en Media arrastrar a la interfaz la opción que diga Suab, 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: Suab 1)
2. Sonido FA (En AppInventor: Suab 4)
3. Sonido LA (En AppInventor: Suab 6)
4. Sonido MI (En AppInventor: Suab 3)
5. Sonido RE (En AppInventor: Suab 2)
6. Sonido SI (En AppInventor: Suab 7)
7. Sonido SOL (En AppInventor: Suab 5)

Kauj Ruam 6: Creando El Código En App Inventor

Primero dar click en Blocks, ubicado en la parte superior a la derecha al lado de Designer, para poder realizar la programación de los tivthaiv.

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

1. En esta parte se actualiza el listado de los bluetooth disponibles para que cuando se le de click al botón aparezcan todos los listados (Imagen1).

2. Acá se conecta al bluetooth seleccionado y se cambia el texto de la app de "Desconectado" a "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).

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

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

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

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

3. Ingresar los cables 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. Recortar 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 mínimo 18cmx26cm) y reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Nota: Las imágenes están ubicadas en la parte de arriba en el orden de los pasos. Aquí encontrarás más información sobre los Capacitive Touch Sensor Pins, y la manera de unirlo al aluminio

Kauj Ruam 8: Instrumento 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.