جدول المحتويات:

DoReMi: 8 خطوات
DoReMi: 8 خطوات

فيديو: DoReMi: 8 خطوات

فيديو: DoReMi: 8 خطوات
فيديو: Pink Panther Theme Song | Melodica Academy Tutorials 2024, شهر نوفمبر
Anonim
Image
Image
Creando Código En Arduino IDE
Creando Código En Arduino IDE

Si quieres crear este Instrumento الموسيقية الوسائط المتعددة "DoReMi" puedes seguir este paso a paso:

اللوازم

Estos son los materiales que vas a necesitar:

1. سيلولار

2 - ويموس لولين 32 (كانتيداد: 1)

3. Protoboard (Cantidad: 1)

4 - برقيات بارا كونيكسيون (Dupont tipo Macho-Macho ó de cobre) (Cantidad: 7)

5. بابيل

6. كارتون

7. Aluminio

8. تيجراس

9. Regla

الخطوة 1: Creando Código En Arduino IDE

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

El Primer paso será كبلات توصيلية دوبونت أون لوس باينز تاكاكتيلز ديل لولين 32 كومو مع موسترا في لاس دوس إيماجينس دي أريبا.

  • 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 en el software Arduino IDE، que aparecerá en la parte underferior.

الخطوة 2: Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente link para abrir مخترع التطبيق: مخترع التطبيق

Luego en la parte de arriba a la izquierda dar click en Create Apps e ingresar tu correo electronico para iniciar sesión.

Para crear un nuevo proyecto dar click en: ابدأ مشروعًا جديدًا وقم بتشغيل 1 screen dando click en: add Screen.

الخطوة 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

الفقرة diseñar la interazaz de usuario:

Primero deberás poner de maneraorizontal la pantalla، esto se hace dando click en la parte derecha donde dice: Screen1 and 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 الترتيب الأفقي y arrastrarla a la interaz

En واجهة المستخدم: ListPicker (que es para que en la aplicación se muestre una lista de elementos y el usuario pueda elegir) y en Properties، Sitada en la parte derecha، poner en Text: Escanear. También Label (que es para mostrar texto) y al igual que con ListPicker poner en Text: Estado: Conectado. Estos dos Compones deberás arrastrarlos al HorizontalArrangement

  • مستشعر En: Clock y deslizar a la interaz.
  • الاتصال En: BluetoothClient y arrastrar a la interazaz.

Si deseas Observar como debería quedar، en la parte Superior se encuentra una imagen de la interazaz de usuario terminada.

الخطوة 4: Importando Imagenes En App Inventor

Importando Imagenes En App Inventor
Importando Imagenes En App Inventor
Importando Imagenes En App Inventor
Importando Imagenes En App Inventor
Importando Imagenes En App Inventor
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 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: 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 Source y en esta aparecerán los sonidos que añadiste anteriormente.

  1. Sonido DO (En AppInventor: Sound1)
  2. Sonido FA (في AppInventor: Sound4)
  3. Sonido LA (Enventor: Sound6)
  4. Sonido MI (Enventor: Sound3)
  5. Sonido RE (في AppInventor: Sound2)
  6. Sonido SI (En AppInventor: Sound7)
  7. Sonido SOL (في AppInventor: Sound5)

الخطوة 6: Creando El Código En App Inventor

Creando El Código En App مخترع
Creando El Código En App مخترع
Creando El Código En App مخترع
Creando El Código En App مخترع
Creando El Código En App مخترع
Creando El Código En App مخترع
Creando El Código En App مخترع
Creando El Código En App مخترع

Primero dar click en Blocks ، ubicado en la parte Superior a la derecha al lado de Designer، para poder realizar la programación de los componentes.

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

1. En esta parte se الفعلي el listado de los bluetooth disponibles para que cuando se le de click al botón aparezcan todos los listados (Imagen1).

2. الاتصال بالبلوتوث سيلكيونادو وي سي كامبيا إل تيكستو دي لا التطبيق دي كونيكتادو أ "كونيكتادو" (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. كونه نشاطًا لا يمكن تخيله وتصور "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. قم بعمل ما تريده لتخيل نفسك "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. كون نشاطك على التخيل والتخيل "SI" y desaparecen las demás imagenes (Imagen10).

الخطوة 7: Desarrollando El Piano Con Cartón، Papel Y Aluminio

ديسارولاندو إل بيانو كون كارتون ، بابيل واي ألومينيو
ديسارولاندو إل بيانو كون كارتون ، بابيل واي ألومينيو
ديسارولاندو إل بيانو كون كارتون ، بابيل واي ألومينيو
ديسارولاندو إل بيانو كون كارتون ، بابيل واي ألومينيو
ديسارولاندو إل بيانو كون كارتون ، بابيل واي ألومينيو
ديسارولاندو إل بيانو كون كارتون ، بابيل واي ألومينيو

Para desarrollar este Instrumento Musical multimedia puedes useizar las plantillas que están en la parte inferior، y la última imagen llamada "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 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. دوبلار ألومينيو بريميننتي ريكورتادو لا ميتاد (Imagen7).

8. Pegar cuidadosamente ، كابل colocando el 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 الأفقية 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.

موصى به: