DoReMi: 8 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:46

Si quieres crear este instrumento երաժշտական մուլտիմեդիա «DoReMi» - ը ներկայացնում է հետևյալը.

Պարագաներ

Estos son los materiales que vas a necesitar:

1. Բջջային

2. Վեմոս Լոլին 32 (Cantidad: 1)

3. Protoboard (Cantidad: 1)

4. Մալուխներ համակցված (Dupont tipo Macho-Macho ó de cobre) (Cantidad: 7)

5. Պապել

6. Կարտոն

7. Ալյումինիո

8. Տիժերաս

9. Ռեգլա

Քայլ 1: Creando Código En Arduino IDE

El primer paso será conectar մալուխներ dupont en los pines táctiles del Lolin32 como 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

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

Քայլ 2. Creando Proyecto En App Inventor

Առաջնահերթ ուղղություն ՝ հղում կատարելով հավելվածի գյուտարարին ՝ հավելվածի գյուտարարին

Սեղմեք en arriba a la izquierda dar սեղմեք en Ստեղծեք sրագրեր և էլեկտրոնային էլեկտրոնիկա, որոնք նախատեսված են ձեզ համար:

Ստեղծեք նոր նախագիծ կտտացրեք en: Սկսեք նոր նախագիծ և պատրաստեք 1 էկրան և կտտացրեք en: ավելացնել էկրանին:

Քայլ 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 in 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:

Օգտագործողի միջերես ՝ ListPicker (որն օգտագործվում է որպես հիմնական տարրերի և տարրերի ցուցակ, որոնք պարունակում են տարրեր և տարրեր), ինչպես նաև Հատկություններ, տեղայնացման վայր, տեղայնացում և տեքստ ՝ Escanear: También Label (que es para mostrar texto) y igual que con ListPicker poner en Text: Estado: Conectado. Estos dos componentes deberás arrastrarlos al HorizontalArrangement

• Սենսոր. Clամացույց և հեռացում
• Միացման հնարավորություն ՝ BluetoothClient և 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.

Քայլ 4: Importando Imagenes En App Inventor

Որպես ներմուծում, որը թույլ է տալիս մուտքագրել մի մաս, որն ապահովում է լրատվության միջոցների օգտագործումը, այնուհետև բաղադրիչների բաղադրիչները, ընտրելով ՝ վերբեռնեք ֆայլը և ընտրեք ֆայլը:

Después deberás ir a Pallete (ubicado en la parte izquierda) y en Օգտվողի միջերես, որը ներառում է պատկերի, պատկերների և հատկությունների (ընդհանրապես հեռու) պատկերի պատկեր, որը պատկանում է նախորդ պատկերներին:

Նշում. Para acomodar las imágenes en el centro, en Properties cambiar en Լայնություն և բարձրություն: Լրացրեք ծնողը: Todas las imágenes (menos la del inicio) deben desactivarse, para esto en Properties se debe desactivar la opción Տեսանելի (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)

Քայլ 5: Importando Sonidos En App Inventor

Որպես ներմուծում, մենք պետք է մասնակցենք մեդիայի, ինչպես նաև բաղադրիչների հեռացման մի մասի, ընտրելով ՝ ֆայլը վերբեռնելու և ֆայլը ընտրելու համար:

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)

Քայլ 6. Creando El Código En App Inventor

Primero dar click en Արգելափակումներ, որոնք օգտագործվում են բարձրակարգ դիզայներների նախագծման համար, որոնք նախատեսված են ծրագրի բաղադրիչների իրականացման համար:

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

1. En esta parte se actualiza el listado de los bluetooth disponibles para que cuando se le de de click to botón aparezcan todos los listados (Պատկեր 1):

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

Քայլ 7: Desarrollando El Piano Con Cartón, Papel Y Aluminio

Երաժշտական մուլտիմեդիա գործիքների օգնությամբ դուք կարող եք օգտագործել plantillas que están en la parte inferior, y lalima պատկերները 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 մալուխներ 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 (Պատկեր 5):

6. Կրկնօրինակեք 7 ալյումինե տրոզոս ՝ 6 սմ x6 սմ (Պատկեր 6):

7. Doblar el aluminio previamente recortado a la mitad (Պատկեր 7):

8. Pegar cuidadosamente, colocando el cable adentro del doblez (Imagen8):

9. Añadir cintas que peguen todos los trozos de aluminio (Պատկեր 9):

10. Ajustar recortes con una regla (Imagen10):

11. Asegurar con más cintas horizontalales los trozos (Imagen11):

12. El total de las cintas pegadas horizontalmente fue de: 3 (Պատկեր 12):

13. Pegar plantilla de las teclas en el cartón (de mínimo 18cmx26cm) y reforzar los lados (Պատկեր 13):

14. Lo puedes decorar como desees (Imagen14):

Նշում. 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 aluminium

Քայլ 8: Գործիքային երաժշտական մուլտիմեդիա տերմինադո

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.