DoReMi: 8 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:40

Ez quieres crear este instrumentento music multimedia "DoReMi" puedes seguir este paso a paso:

Kellékek

Estos son los materiales que vas a necesitar:

1. Celular

2. Wemos Lolin32 (Cantidad: 1)

3. Protoboard (Cantidad: 1)

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

5. Papel

6. Cartón

7. Aluminio

8. Tijeras

9. Regla

1. lépés: Creando Código En Arduino IDE

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

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

Luego deberás realizar el código "Bluetooth" és az Arduino IDE szoftver.

2. lépés: 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 hu Alkalmazások létrehozása és a korrekt elektrónia az első kezdeményezéshez.

Para crear un nuevo proyecto dar click en: Új projekt indítása y después añadir 1 képernyő dando kattintás en: Add Screen.

3. lépés: Creando La Interfaz De Usuario De La Aplicación

Para betegségei interfaz de usuario:

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

En Felhasználói felület: ListPicker (que es para que en la aplicación se muestre una list 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) és igual que con ListPicker poner en Text: Estado: Conectado. Estos dos összetevők deberás arrastrarlos al HorizontalArrangement

• En sensor: Clock y deslizar a la interfaz.
• Csatlakozás: BluetoothClient és arrastrar interfész.

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

4. lépés: Importálja az Imagenes En App Inventor alkalmazást

Ha importálni szeretné a képeket, írja be a médiát, írja be a médiát, és válassza ki a Components a derecha debajo de Components elemét, és válassza ki: töltse fel a fájlt és válassza ki a fájlt.

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

Megjegyzés: Para acomodar las imágenes en el centro, en Properties cambiar en Szélesség y Magasság 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. Képalkotás (In AppInventor: Image1)
2. Imagen Do (En AppInventor: Kép2)
3. Imagen Fa (En AppInventor: Image5)
4. Imagen La (En AppInventor: Image7)
5. Imagen Mi (En AppInventor: Image4)
6. Imagen Re (En AppInventor: Kép3)
7. Imagen Si (En AppInventor: Image8)
8. Imagen Sol (En AppInventor: Image6)

5. lépés: Importálja a Sonidos En App Inventor alkalmazást

Ha importálni szeretné a Sonidos que están en la parte de abajo deberás dirigirte a Media, ubicada a la derecha debajo de Components, és válassza ki: töltse fel a fájlt és válassza ki a fájlt.

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 (App Inventor: 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)

6. lépés: Creando El Código En App Inventor

Primer dar click en Blocks, ubicado en la parte superior a la derecha al lado de Designer, para poder realizar la programción de los komponensek.

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

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

2. Válassza ki a bluetooth választást és válassza ki a kambodzsai elnevezést a "Desconectado" és a "Conectado" (Imagen2) alkalmazásokból.

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

7. lépés: Desarrollando El Piano Con Cartón, Papel Y Aluminio

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

1. Intentar que los kábelek queden como se muestra en la Imagen1.

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

3. Ingyenes kábelek 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 horizontontales 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) y reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Megjegyzés: Las imágenes están ubicadas en la parte de arriba en el orden de los pasos. Aquí encontrarás más information of sobre los Capacitive Touch Sensor Pins, y la manera de unirlo al aluminio

8. lépés: 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 aplicación.