DoReMi: 8 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:15

Dit maakt het mogelijk om het instrument van de muzikale multimedia "DoReMi" samen te voegen:

Benodigdheden

Estos son los materiales que vas a necesitar:

1. Mobiel

2. Wemos Lolin32 (Cantidad:1)

3. Protobord (Cantidad:1)

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

5. Papel

6. Karton

7. Aluminium

8. Tijeras

9. Reglement

Stap 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 image 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

Lees meer over de code "Bluetooth" en de software Arduino IDE, die een deel van de inferieure is.

Stap 2: Creando Proyecto En App Inventor

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

Luego en la parte de arriba a la izquierda dar click nl Apps maken en ingresar t correo electrónico para iniciar sesión.

U kunt een nieuw project maken door te klikken op: Start een nieuw project en start met 1 screen dando klik op: scherm toevoegen.

Stap 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 y en donde dice ScreenOrientation cambiar de weergave van Landscape.

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

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

Nl Gebruikersinterface: ListPicker(que es para que en la aplicación muestre un 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) en al igual que con ListPicker poner en Tekst: Estado:Conectado. Er zijn onderdelen van de arrastrarlos al HorizontalArrangement

• En sensor: Clock y deslizar a la interfaz.
• En connectiviteit: BluetoothClient en arrastrar a la interfaz.

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

Stap 4: Importando Imagenes En App Inventor

Voor het importeren van afbeeldingen die u kunt gebruiken om een bestand te uploaden naar de media, kunt u kiezen voor het uploaden van een bestand en het kiezen van een bestand.

Después deberás ir a Pallete (ubicado en la parte izquierda) y nl Gebruikersinterface 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 anteriormente.

Nota: Para acomodar las imágenes en el centro, en Eigenschappen cambiar en Breedte y Hoogte por: Vul ouder. Er zijn afbeeldingen (menos la del inicio) die desactivarse, para esto en Eigenschappen die desactivar la opción Visible (que no esté azul) zijn.

1. Afbeelding de inicio (En AppInventor: Image1)
2. Imagen Do (En AppInventor: Image2)
3. Afbeelding Fa (En AppInventor: Afbeelding5)
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)

Stap 5: Importando Sonidos En App Inventor

U kunt kiezen uit verschillende bronnen voor de media die u kunt gebruiken om de componenten te selecteren, en selecteer: upload bestand en kies bestand.

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)

Stap 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. Als u wilt weten of er een lijst beschikbaar is van bluetooth-disponibles, kunt u hier klikken om op de lijst te klikken (Imagen1).

2. Maak verbinding met Bluetooth en selecteer een app voor "Desconectado" en "Verbinding" (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 active la imagen y el sonido de la nota "DO" y desaparecen las demás imagenes(Imagen4).

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

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

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

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

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

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

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

Het is een instrument dat muzikale multimedia gebruikt om gebruik te maken van planten die in het onderste deel van de wereld staan, en een afbeelding van de lama "Guía".

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

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

3. Ingresar los kabels 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) en reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Nota: Las imagenes están ubicadas and la parte de arriba and el orden de los pasos. Aquí encontrarás more more sobre los Capacitive Touch Sensor Pins, y la manera de unirlo al aluminio

Stap 8: Instrumento Musical Multimedia Terminado

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