DoReMi - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:17

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

Lieferungen

Estos son los materiales que vas a necesitar:

1. Mobilfunk

2. Wemos Lolin32 (Kandidaten: 1)

3. Protoboard (Kandidat:1)

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

5. Papel

6. Cartón

7. Alu

8. Tijeras

9. Regla

Schritt 1: Creando Código und Arduino IDE

El Primer ist mit einer Reihe von Kabeln verbunden, die mit den Pins Táctiles von Lolin32 verbunden sind.

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

Luego deberás realizar el código "Bluetooth" und el Software Arduino IDE, que aparecerá en la parte inferior.

Schritt 2: Creando Proyecto En App Inventor

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

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

Para crear un nuevo proyecto dar click en: Neues Projekt starten und después añadir 1 screen dando click en: add Screen.

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

Para diseñar la interfaz de usuario:

Primero deberás poner de manera horizontal la pantalla, esto se hace dando click en la parte derecha donde dice: Screen1 und en donde dice 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

De Benutzeroberfläche: 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. También Label(que es para mostrar texto) y al igual que con ListPicker poner en Text: Estado:Conectado. Estos dos componentses deberás arrastrarlos al HorizontalArrangement

• En sensor: Clock y deslizar a la interfaz.
• En-Konnektivität: BluetoothClient und 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.

Schritt 4: Importieren Sie Imagenes En App Inventor

Para importar las Bilder, die encuentran en la parte de arriba deberás dirigirte a Media, ubicada a la derecha debajo de Components, und wählen Sie: Datei hochladen und Datei auswählen.

Después deberás ir a Pallete (ubicado en la parte izquierda) y en Benutzeroberfläche arrastrar a la interfaz la opción que diga Image, después en Properties(en la parte derecha) buscar Picture y en esta aparecerán las imagenes que añadiste anteriorment

Anmerkung: Para acomodar las imágenes en el centro, de Eigenschaften cambiar en Breite y Höhe por: Füllen Sie das Elternteil. 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)

Schritt 5: Sonidos En App Inventor importieren

Para importar los sonidos que están en la parte de abajo deberás dirigirte a Media, ubicada a la derecha debajo de Komponenten, und wählen Sie: Datei hochladen und Datei auswählen.

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 anteriorment

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)

Schritt 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. Ein Teil der Aktualisierung der Liste der Bluetooth-Verfügbarkeiten für den Zugriff auf den Zugriff auf die 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" und desaparecen las demás imagenes(Imagen4).

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

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

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

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

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

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

Schritt 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, y la ultima 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. 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 minimo 18cmx26cm) und reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Nota: Las imágenes están ubicadas en la parte de arriba und el orden de los pasos. Aquí encontrarás mes información sobre los kapazitiven Berührungssensor-Pins, y la Manera de unirlo al aluminio

Schritt 8: Instrumento Musical Multimedia Terminado

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