DoReMi: 8 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:33

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

Προμήθειες

Estos son los materiales que vas a necesitar:

1. Celular

2. Wemos Lolin32 (Cantidad: 1)

3. Protoboard (Cantidad: 1)

4. Καλώδια για σύνδεση (Dupont tipo Macho-Macho ó de cobre) (Cantidad: 7)

5. Παπέλ

6. Cartón

7. Αλουμίνιο

8. Tijeras

9. Regla

Βήμα 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.

• Καρφίτσωμα táctil en GPIO 4
• Καρφίτσωμα 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

Πραγματοποιήστε το λογισμικό "Bluetooth" και το λογισμικό Arduino IDE, το οποίο είναι χαμηλότερο.

Βήμα 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente link for abrir app inventor: App inventor

Κάντε κλικ για να δημιουργήσετε εφαρμογές και να δημιουργήσετε εφαρμογές που θα σας βοηθήσουν να κάνετε την πρώτη σας περιήγηση.

Για να δημιουργήσετε ένα νέο πρόγραμμα για να κάνετε κλικ στο κουμπί: Ξεκινήστε ένα νέο έργο και επιλέξτε 1 οθόνη και κάντε κλικ στο: Προσθήκη οθόνης.

Βήμα 3: Creando La Interfaz De Usuario De La Aplicación

Para Disñ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 (είναι απαραίτητο να χρησιμοποιήσετε μια λίστα με τα στοιχεία και τα στοιχεία που χρησιμοποιείτε) και en Ιδιότητες, τοποθεσία εν μέρη, αλλά και κείμενο: 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

• Αισθητήρας: Ρολόι και αφαιρέστε το 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 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.

Σημείωση: Para acomodar las imágenes en el centro, en Properties cambiar en Πλάτος y ightψος για: Γεμίστε τον γονέα. 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: 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. Εν ολίγοις, μπορείτε να κάνετε μια λίστα με τα bluetooth disponibles για να κάνετε κλικ και να κάνετε κλικ σε όλα τα αρχεία του καταλόγου (Imagen1).

2. Acá se conecta al bluetooth seleccionado y se cambia el texto de la app de "Desconectado" και "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. 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 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.