DoReMi: 8 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:35

Si quieres crear este instrumento musical multimídia "DoReMi" puedes seguir este passo a passo:

Suprimentos

Estos filho, perde material que vas a necesitar:

1. Celular

2. Wemos Lolin32 (Cantidad: 1)

3. Protoboard (Cantidad: 1)

4. Cabos para conexão (Dupont tipo Macho-Macho ó de cobre) (Cantidad: 7)

5. Papel

6. Cartón

7. Alumínio

8. Tijeras

9. Regla

Etapa 1: Criar Código En Arduino IDE

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

• Pin táctil em GPIO 4
• Pin táctil em GPIO 2
• Pin táctil en GPIO 15
• Pin táctil en GPIO 14
• Pin táctil en GPIO 27
• Pin táctil em GPIO 32
• Pin táctil en GPIO 33

Tente realizar o código "Bluetooth" no software Arduino IDE, que será instalado na parte inferior.

Etapa 2: Criar 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 en Create Apps e ingresar tu correo electrónico para iniciar sessão.

Para criar um novo projeto dar clique em: Iniciar novo projeto e depois añadir 1 tela dando clique em: adicionar tela.

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

Para diseñar la interfaz de usuario:

Primeiro 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 muda a 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 Interface do usuário: ListPicker (que é para que na aplicação se muestre uma lista de elementos e o usuário pode elegir) y en Propriedades, situada na parte inferior, poner en Texto: Escanear. También Label (que é para mostrar texto) e igual que com ListPicker poner en Texto: Estado: Conectado. Estos dos componentes deberás arrastrarlos al HorizontalArrangement

• No sensor: Clock y deslizar a la interfaz.
• Conectividade: 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.

Etapa 4: Importando Imagenes En App Inventor

Para importar as imagens que se encuentram na parte de arriba deberás dirigir uma mídia, liberar para derecha debajo de componentes, e selecionar: fazer upload do arquivo e escolher o arquivo.

Después deberás ir a Pallete (ubicado en la parte izquierda) y en Interface do usuário arrastrar 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.

Nota: Para acomodar as imagens no centro, em Propriedades cambiar em Largura e Altura por: Preencher pai. Todas as imagens (menos la del inicio) deben desactivarse, para esto en Propriedades 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)

Etapa 5: Importando Sonidos En App Inventor

Para importar os sons que estão na parte de abajo deberás dirigir a mídia, ubicada a derecha debajo de Components, y selecione: upload file y Choose file.

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

Etapa 6: Criar El Código no App Inventor

Primero dar click en Blocks, ubicado en la parte superior la derecha al lado de Designer, para poder realizar a programação de los componentes.

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

1. Nesta parte, atualize a lista dos bluetooth disponíveis para que você possa clicar no botón aparezcan todos os defeitos (Imagen1).

2. Acá se conecta ao bluetooth selecionar e mudar o texto do aplicativo de "Desconectado" a "Conectado" (Imagen2).

3. En esta parte, se inicializa a variável en la que se va a guardar la que se recibe desde o arduino (Imagen3).

4. Con este se activa a imagem e o som da nota "FAZER" y desaparecen las demás imagenes (Imagen4).

5. Con este se activa a imagem e o som da nota "RE" y desaparecen las demás imagenes (Imagen 5).

6. Con este se activa a imagem e o som da nota "MI" y desaparecen las demás imagenes (Imagen6).

7. Con este se activa a imagem e o som da nota "FA" y desaparecen las demás imagenes (Imagen7).

8. Con este se activa a imagem e o som da nota "SOL" y desaparecen las demás imagenes (Imagen8).

9. Con este se activa a imagem e o som da nota "LA" y desaparecen las demás imagenes (Imagen9).

10. Con este se activa a imagem e o som da nota "SI" y desaparecen las demás imagenes (Imagen10).

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

Para desarrollar este instrumento musical multimídia puedes utilizar las plantillas que están en la parte inferior, y la última imagen llamada "Guía".

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

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

3. Ingresar los cabos por estos huecos (Imagen3).

4. Assegurar a planta no cartão, igual ao protoboard (Imagem 4).

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 impregnado, colocando o cabo adentro del doblez (Imagen8).

9. Añadir cintas que peguen todos los trozos de aluminio (Imagen9).

10. Ajustar recortes con una regla (Imagen10).

11. Assegurar 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 imagens están ubicadas na parte de arriba na orden de los pasos. Aquí encontre más información sobre los Capacitive Touch Sensor Pins, y la manera de unirlo aluminio

Etapa 8: Instrumento Musical Multimídia Terminado

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