DoReMi: 8 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:01

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

Forniture

Estos son los materials que vas a necesitar:

1. Cellular

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. Cartone

7. Alluminio

8. Tijeras

9. Regola

Passaggio 1: Creando il codice in Arduino IDE

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

• 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

È necessario realizzare il codice "Bluetooth" nel software Arduino IDE, che appare nella parte inferiore.

Passaggio 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 en Create Apps e ingresar tu correo electrónico para iniciar sesión.

Per creare un nuovo progetto dar clic su: Inizia un nuovo progetto e dopo 1 schermo dando clic su: aggiungi Schermo.

Fase 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 ha dato click en la parte derecha donde dice: Screen1 e donde dice ScreenOrientation cambia l'opzione per Landscape.

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

En Layout: la opzione que diga HorizontalArrangement y arrastrarla a la interfaz

En Interfaccia utente: ListPicker (que es para que en la aplicación se muestre una lista di elementi e l'usuario pueda elegir) e en Properties, situada en la parte derecha, poner en Text: Escanear. También Label(que es para mostrar texto) e al igual que con ListPicker poner en Text: Estado:Conectado. Questi sono i componenti che possono essere arrangiati nell'arrangiamento orizzontale

• En sensor: Clock y deslizar a la interfaz.
• In connettività: BluetoothClient e 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.

Passaggio 4: importare immagini nell'inventore dell'app

Per importare le immagini che si desidera inserire nella parte di arrivo deberás dirigirte a Media, ubicada a la derecha debajo de Components, e selezionare: caricare il file e scegliere il file.

Después deberás ir a Pallete (ubicado en la parte izquierda) e it Interfaccia utente arrastrar a l'interfaz l'opción que diga Image, después en Proprietà(in la parte derecha) buscar Picture e questo è aparecerán les imagenes que añadiste anteriormente.

Nota: Para acomodar las imágenes en el centro, en Properties cambiar en Larghezza y Altezza por: Riempi genitore. Tutte le immagini (meno l'inizio) possono essere disattivate, per questo motivo le proprietà devono essere disattivate per l'opzione Visibile (che non è visibile).

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

Passaggio 5: Importando Sonidos En App Inventor

Per importare i suoni che si desidera in una parte deberás dirigirte a Media, ubicada a la derecha debajo de Components, e selezionare: caricare il file e scegliere il file.

Después deberás ir a Pallete (ubicado en la parte izquierda) e en Media arrastrar a l'interfaz l'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 App Inventor: Sound1)
2. Sonido FA (En App Inventor: Sound4)
3. Sonido LA (En App Inventor: Sound6)
4. Sonido MI (En App Inventor: Sound3)
5. Sonido RE (En App Inventor: Sound2)
6. Sonido SI (En App Inventor: Sound7)
7. Sonido SOL (En App Inventor: Sound5)

Passaggio 6: Creando El Código En App Inventor

Fare clic su Blocchi, posizionati in una parte superiore a quella del design, per realizzare la programmazione dei componenti.

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

1. In questa parte si aggiorna l'elenco degli elenchi Bluetooth disponibili per fare clic su un pulsante accanto a tutti gli elenchi (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 variabile 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" e desaparecen las demás imagenes(Imagen5).

6. Con este se activa la imagen y el sonido de la nota "MI" e 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).

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

Per desarrollar este instrumento musical multimedia puedes utilizar las plantillas que están en la parte lower, e l'ultima immagine llamada "Guía".

1. Intentare i cavi come se fosse 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. Registra 7 pezzi di alluminio: 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) e reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Nota: Le immagini sono disponibili in una parte di arrivo nell'ordine dei passi. Ulteriori informazioni su ulteriori informazioni sui pin del sensore tattile capacitivo e sull'unirlo in alluminio

Passaggio 8: Terminado Instrumento Musical Multimedia

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.