DoReMi: 8 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:28

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

Kieszonkowe dzieci

Estos son los materiales que vas a necesitar:

1. Komórkowy

2. Wemos Lolin32 (Cantidad: 1)

3. Płyta prototypowa (Cantidad:1)

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

5. Papel

6. Kartóń

7. Aluminium

8. Tijeras

9. Regały

Krok 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 obrazy de arriba.

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

Luego deberás realizar el código „Bluetooth” pl el oprogramowanie Arduino IDE, que aparecerá pl la parte inferior.

Krok 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente link para abrir app wynalazca: wynalazca aplikacji

Luego pl la parte de arriba la izquierda dar kliknij pl pl Utwórz aplikacje e ingresar tu correo electrónico para iniciar sesión.

Para crear un nuevo proyecto dar click en: Rozpocznij nowy projekt y después añadir 1 screen dando kliknij en: add Screen.

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

Para diseñar la interfaz de usuario:

Primero deberás poner de manera pozioma, aby uzyskać dostęp do gry, kliknij, aby uzyskać dostęp do kostek: Screen1 i rzucaj w kości ScreenOrientation, aby wybrać opcję w krajobrazie.

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

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

Pl Interfejs użytkownika: ListPicker(que es para que en la aplicación se muestre una lista de elementos y el usuario pueda elegir) y en Właściwości, situada pl la parte derecha, poner pl Tekst: Escanear. También Label(que es para mostrar texto) y al igual que con ListPicker poner en Tekst: Estado:Conectado. Estos dos components deberás arrastrarlos al Układ poziomy

• En sensor: Clock y deslizar a la interfaz.
• En łączność: BluetoothClient y arrastrar a la interfaz.

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

Krok 4: Importuj obrazy 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: prześlij plik i wybierz plik.

Después deberás ir a Pallete (ubicado en la parte izquierda) y pl Interfejs użytkownika arrastrar a la interfaz la opción que diga Image, después pl Properties (en la parte derecha) buscar Picture y en esta aparecerán las imagenes que añadiste anteriore.

Nota: Para acomodar las imágenes en el centro, pl 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)

Krok 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: prześlij plik i wybierz plik.

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

1. Sonido DO (En AppInventor: Dźwięk1)
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: Dźwięk5)

Krok 6: Creando El Código En App Inventor

Primero dar click pl Blocks, ubicado pl 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 sectualiza el listado de los bluetooth disponibles para que cuando se le de click al boton 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).

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

Para desarrollar este instrumento muzyczne multimedialne 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 (zdj.3).

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) 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

Krok 8: Instrumento Musical Multimedia Terminado

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