DoReMi: 8 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:54

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

Perlengkapan

Estos son los materiales que vas a necesitar:

1. Seluler

2. Wemos Lolin32 (Cantidad:1)

3. Protoboard (Cantidad:1)

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

5. Papel

6. Karton

7. Aluminium

8. Tijeras

9. Regulasi

Langkah 1: Creando Código En Arduino IDE

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

• Pin táctil di GPIO 4
• Pin táctil di GPIO 2
• Pin táctil di GPIO 15
• Pin táctil di GPIO 14
• Pin táctil di GPIO 27
• Pin táctil di GPIO 32
• Pin táctil di GPIO 33

Luego deberás realizar el código "Bluetooth" dan perangkat lunak Arduino IDE, dengan apa yang lebih rendah.

Langkah 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente link para penemu aplikasi: Penemu aplikasi

Luego en la parte de arriba a la izquierda dar klik id Buat Aplikasi dan ingres ke correo electrónico untuk memulai sesi.

Para crear un nuevo proyecto dar klik en: Mulai proyek baru y después añadir 1 layar dando klik en: tambahkan Layar.

Langkah 3: Creando La Interfaz De Usuario De La Aplikasi

Para diseñar la interfaz de usuario:

Primero deberás poner de manera horizontal la pantalla, esto se hace dando klik en la parte derecha donde dice: Layar1 dan donde dadu ScreenOrientation cambiar la opción por Landscape.

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

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

En Antarmuka pengguna: 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 Teks: Escanear. Label También(que es para mostrar texto) y al igual que con ListPicker poner en Teks: Estado:Conectado. Estos dos componentes deberás arrastrarlos al HorizontalArrangement

• En sensor: Jam dan deslizar a la interfaz.
• Konektivitas en: BluetoothClient dan 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.

Langkah 4: Pentingkan Imagenes En App Inventor

Para importir las imágenes que se encuentran en la parte de arriba deberás dirigirte a Media, ubicada a la derecha debajo de Components, y pilih: unggah file y pilih file.

Después deberás ir a Pallete (ubicado en la parte izquierda) y en Antarmuka pengguna arrastrar a la interfaz la opción que diga Gambar, después en Properties(en la parte derecha) buscar Gambar 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: Fill parent. Todas las imágenes (menos la del inicio) deben desactivarse, para esto en Properties se debe desactivar la opción Visible (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)

Langkah 5: Importando Sonidos En App Inventor

Para importir los sonidos que están en la parte de abajo deberás dirigirte a Media, ubicada a la derecha debajo de Components, y seleccionar: unggah file y pilih 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 Suara, después en Properties(en la parte derecha) buscar Sumber y en esta aparecerán los sonidos que añadiste anteriormente.

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

Langkah 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 componentes.

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

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

2. Akses ke koneksi bluetooth untuk memilih aplikasi dari "Desconectado" dan "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" dan desaparecen las demás imagenes(Imagen4).

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

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

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

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

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

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

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

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

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

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

3. Ingresar los kabel untuk 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. Rekortar 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. Aadir 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) dan 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

Langkah 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 aplikasi.