DoReMi: 8 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:53

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

تدارکات

Estos son los materiales que vas a necesitar:

1. سلولی

2. Wemos Lolin32 (Cantidad: 1)

3. Protoboard (Cantidad: 1)

4. کابل ها برای ارتباط (Dupont tipo Macho-Macho ó de cobre) (Cantidad: 7)

5. پاپل

6. کارتون

7. آلومینیوم

8. تیجراس

9. Regla

مرحله 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 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

پیوند اصلی را برای اولین بار مخترع برنامه ایجاد کنید: مخترع برنامه

Luego en la parte de arriba a la izquierda dar کلیک کنید en ایجاد برنامه ها و برنامه های کاربردی برای برقراری ارتباط اولیه.

برای ایجاد یک برنامه جدید کلیک کنید: پروژه جدیدی را شروع کنید و 1 مرحله را انجام دهید و روی آن کلیک کنید: افزودن صفحه.

مرحله 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 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 al igual que con ListPicker poner en Text: Estado: Conectado. Estos dos componentes deberás arrastrarlos al HorizontalArrangement

• حسگر En: Clock y deslizar a la interfaz.
• قابلیت اتصال: BluetoothClient y 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 رابط کاربری 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.

توجه: 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 منبع 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 Blocks، ubicado en la parte superior a la derecha al lado de Designer ، برای اجرای برنامه های اجزای سازنده برنامه.

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

1. به منظور دسترسی به لیست بلوتوث disponibles برای برخی از مواردی که به آنها دسترسی دارید ، کلیک کنید و روی آن کلیک کنید (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).

مرحله 7: Desarrollando El Piano Con Cartón ، Papel Y Aluminio

برای استفاده از ابزارهای چند رسانه ای موسیقی ، می توانید از گیاهان استفاده کنید که در قسمت پایین تر ، و در تصویر لامادا "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 (Imagen3).

4. Asegurar la plantilla en el cartón، al igual que la protoboard (Imagen4).

5. Reforzar la parte de atrás (Imagen5).

6. Recordar 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 horizontalales 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).

توجه: 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: 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.