Cuprins:

DoReMi: 8 pași
DoReMi: 8 pași

Video: DoReMi: 8 pași

Video: DoReMi: 8 pași
Video: Cântecul Gamei - Cântece pentru copii | TraLaLa 2024, Noiembrie
Anonim
Image
Image
Creando Código En Arduino IDE
Creando Código En Arduino IDE

Dacă vrei să creezi acest instrument muzical multimedia "DoReMi" poți urmări acest pas la pas:

Provizii

Estos son los materiales que vas a necesitar:

1. Celular

2. Wemos Lolin32 (Cantitate: 1)

3. Protoboard (Cantitate: 1)

4. Cabluri pentru conectare (Dupont tipo Macho-Macho ó de cobre) (Cantitate: 7)

5. Papel

6. Carton

7. Aluminio

8. Tijeras

9. Regla

Pasul 1: Creando Código En Arduino IDE

Creando Código En Arduino IDE
Creando Código En Arduino IDE

El primer paso va conecta cables dupont in the pines táctiles del Lolin32 as se sample in the dos images de sus.

  • Pin tactic în GPIO 4
  • Pin tactic în GPIO 2
  • Pin tactic în GPIO 15
  • Pin tactic în GPIO 14
  • Pin tactic în GPIO 27
  • Pin tactic în GPIO 32
  • Pin tactic în GPIO 33

Luego trebuie să realizeze codul "Bluetooth" în software-ul Arduino IDE, care apare în partea inferioară.

Pasul 2: Creando Proyecto En App Inventor

Primul trebuie să dirijeze următorul link pentru a deschide aplicația inventor: App inventor

Luego en la parte de arriba a left left dar click en Create Apps e ingresar your email electronic for initiation session.

Pentru a crea un nou proiect, dați clic pe: Start new project și apoi adăugați 1 ecran dando faceți clic pe: add Screen.

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

Creando La Interfaz De Usuario De La Aplicación
Creando La Interfaz De Usuario De La Aplicación

Pentru proiectarea interfeței de utilizator:

Primero deberás poner de manera horizontal the screen, this se does dando click in the part derecha where dice: Screen1 y en where dice ScreenOrientation modifica opțiunea pentru Landscape.

Luego buscar en Pallete (ubicada en la parte left):

En Layout: opțiunea pe care o digați HorizontalArrangement și aruncați la interfață

În User interface: ListPicker (care este pentru că în aplicația se află o listă de elemente și utilizatorul poate alege) și în Properties, situat în partea dreaptă, poner în Text: Escanear. De asemenea, Etichetă (care este pentru a afișa text) și la fel ca ListPicker poner în Text: Estado: Conectat. Aceste două componente ar trebui să fie arestate la HorizontalArrangement

  • En sensor: Clock y deslizar a la interfaz.
  • Conectivitate: BluetoothClient y arrastrar a la interfaz.

Dacă vrei să observi cum ar trebui să rămâi, în partea superioară se găsește o imagine a interfeței de utilizator terminată.

Pasul 4: Importând imagini în aplicația Inventor

Importând imagini în App Inventor
Importând imagini în App Inventor
Importând imagini în App Inventor
Importând imagini în App Inventor
Importând imagini în App Inventor
Importând imagini în App Inventor

Pentru a importa imaginile care se vor întâlni în partea de sus, ar trebui să dirijeze Media, amplasată la dreapta de jos a Componentelor, și selectați: upload file și choose file.

După ce ar trebui să aibă Pallete (situat în partea stângă) și în User interface să arate la interfața la opțiunea pe care o imagine, apoi în Properties (în partea dreaptă) căutați Picture și în aceasta apară imagini pe care le-a adăugat anterior.

Notă: Pentru acomodarea imaginilor în centru, în Proprietăți modificați în Lățime și Înălțime pentru: Completați părintele. Toate imaginile (mai puțin la început) trebuie să fie dezactivate, pentru acest lucru în Proprietăți trebuie să se dezactiveze opțiunea Vizibil (care nu este albastru).

  1. Imagen de inicio (În AppInventor: Image1)
  2. Imagen Do (În AppInventor: Image2)
  3. Imagen Fa (În AppInventor: Image5)
  4. Imagen La (În AppInventor: Image7)
  5. Imagen Mi (În AppInventor: Image4)
  6. Imagen Re (În AppInventor: Image3)
  7. Imagen Si (În AppInventor: Image8)
  8. Imagen Sol (În AppInventor: Image6)

Pasul 5: Importând Sonidos în App Inventor

Pentru a importa sonorii care sunt în partea de jos trebuie să dirijeze Media, amplasată la dreapta de jos a Componentelor, și selectați: upload file și choose file.

După ce ar trebui să aibă Pallete (situat în partea stângă) și în Media arestează la interfața la opțiunea care digă Sound, după ce în Properties (în partea dreaptă) căutare Source și în acest aparentaj vor fi adăugate anterior.

  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)

Pasul 6: Creați codul în aplicația Inventor

Creando El Code En App Inventor
Creando El Code En App Inventor
Creando El Code En App Inventor
Creando El Code En App Inventor
Creando El Code En App Inventor
Creando El Code En App Inventor
Creando El Code En App Inventor
Creando El Code En App Inventor

Primer dar click en Blocks, situat în partea superioară la partea dreaptă de la Designer, pentru a putea realiza programarea componentelor.

După ce în Blocuri (amplasat în partea stângă) putem arunca blocurile pe care le avem nevoie.

1. În această parte se actualizează lista de bluetooth disponibile pentru când se face clic pe butonul aparezcan toate listate (Imagen1).

2. Acasă se conectează la bluetooth selectat și se schimbă textul aplicației de "Desconectat" la "Conectat" (Imagen2).

3. En esta parte se inițializează variabila în care se va a guardar lo que se recibe desde el arduino (Imagen3).

4. Cu aceasta este activă imaginea și sonorul notei "DO" și dispare imaginile (Imagen4).

5. Con este se activează imaginea și el sonido de la nota "RE" și dispare la imagini (Imagen5).

6. Con este se activează imaginea și el sonido de la nota "MI" și dispare la imagini (Imagen6).

7. Con este se activează imaginea și el sonido de la nota "FA" și dispare la imagini (Imagen7).

8. Con este se activează imaginea și sonorul de la nota "SOL" și dispare la imagini (Imagen8).

9. Con este se active la imagen y el sonido de la nota "LA" și dispare la imagini (Imagen9).

10. Con este se activează imaginea și sonorul notei "SI" și dispare imaginile (Imagen10).

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

Desarrollando El Piano Con Cartón, Papel Y Aluminio
Desarrollando El Piano Con Cartón, Papel Y Aluminio
Desarrollando El Piano Con Cartón, Papel Y Aluminio
Desarrollando El Piano Con Cartón, Papel Y Aluminio
Desarrollando El Piano Con Cartón, Papel Y Aluminio
Desarrollando El Piano Con Cartón, Papel Y Aluminio

Pentru a dezvolta acest instrument muzical multimedia puteți utiliza plantele care sunt în partea inferioară, și ultima imagine numită "Guía".

1. Înțelegeți-vă cablurile ca să se afișeze în imaginea1.

2. Realizați agujero în plantilla, en los cuadrados negros (Imagen2).

3. Introduceți cablurile pentru acești huecos (Imagen3).

4. Asigură plantila în carton, la fel ca protoboardul (Imagen4).

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

6. Recortează 7 trozos de aluminiu: 6cmx6cm (Imagen6).

7. Doblar el aluminio anterior recortado a mitad (Imagen7).

8. Pegar cuidadosamente, plasând cablul adentro del doblez (Imagen8).

9. Adaugă cintas care peguen all the trozos de aluminio (Imagen9).

10. Ajustar recortes con una regla (Imagen10).

11. Asigurați-vă cu mai multe centuri orizontale în trozos (Imagen11).

12. El total de las cintas pegadas horizontalmente a fost de: 3 (Imagen12).

13. Pegar plantilla de las teclas in the cartón (de minimum 18cmx26cm) y reforzar los lados (Imagen13).

14. Lo puedes decorar como desees (Imagen14).

Notă: Las imagini sunt situate în partea de sus în ordinea pașilor. Achí găsiás más información sobre los Capacitive Touch Sensor Pins, and the way of unirlo to aluminio

Pasul 8: Instrumento Musical Multimedia Terminado

În partea inferioară putem găsi el apk al proiectului pentru care lo puedas descărca în celular și de această manieră a aplica.

Recomandat: