DoReMi: 8 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:50

Si quieres crear este instrumento музикална мултимедия "DoReMi" puedes seguir este paso a paso:

Консумативи

Estos son los materiales que vas a necesitar:

1. Клетъчен

2. Wemos Lolin32 (Кантидад: 1)

3. Protoboard (Cantidad: 1)

4. Кабели за свързване (Dupont tipo Macho-Macho ó de cobre) (Кантидад: 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.

• Закачване на GPIO 4
• Прикрепете тапет към GPIO 2
• Закачване на GPIO 15
• Закачване на GPIO 14
• Прикрепете тапет към GPIO 27
• Прикрепете тапет към GPIO 32
• Прикрепете тапет към GPIO 33

Потребителят трябва да реализира "Bluetooth" и софтуер Arduino IDE, който е по -нисък от aparecerá.

Стъпка 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente връзка за abrir изобретател на приложение: изобретател на приложения

Luego en la parte de arriba a la izquierda dar click en Създаване на приложения и въвеждане на корекция на електроника за начална сесия.

Para crear un nuevo proyecto dar click en: Стартиране на нов проект y después añadir 1 екран да щракнете en: add Screen.

Стъпка 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 HorizontalArriage y arrastrarla a la interfaz

En Потребителски интерфейс: ListPicker (que es para que en la applicación se muestre una list de elementos y el usuario pueda elegir) y en Properties, situada en la parte derecha, poner en Текст: Escanear. También Label (que es para mostrar texto) y al igual que con ListPicker poner en Текст: Estado: Conectado. Това са компоненти, които са аранжирани в HorizontalArrange

• En сензор: Часовник 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

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: качете файл y изберете файл.

Después deberás ir a Pallete (ubicado en la parte izquierda) y bg Потребителски интерфейс arrastrar a la interfaz la opción que diga Image, después en Properties (en la parte derecha) buscar Снимка y en esta aparecerán las imagenes que añadiste anteriormente.

Забележка: Para acomodar las imágenes en el centro, en 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: Изображение 1)
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

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: качете файл y изберете файл.

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

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, за да се реализира програмата на los компоненти.

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

1. En esta parte се актуализира el listado de los bluetooth disponibles para que cuando se le de click al botón aparezcan todos los listados (Imagen1).

2. Acá se conecta al bluetooth seleccionado y se cambia el texto de la app de "Desconectado" и "Conectado" (Imagen2).

3. En esta parte се 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

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

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

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

3. Ingresar los cable 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. Запис на 7 трозови алуминиеви профила: 6 см x 6 см (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) 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 al aluminio

Стъпка 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.