Оглавление:

DoReMi: 8 шагов
DoReMi: 8 шагов

Видео: DoReMi: 8 шагов

Видео: DoReMi: 8 шагов
Видео: Милана Хаметова - Шаг Вперёд (Выступление на Детском радио) 2024, Ноябрь
Anonim
Image
Image
Creando Código в среде Arduino IDE
Creando Código в среде Arduino IDE

Si Quieres Crear Este Instruo Music Multimedia "DoReMi" puedes seguir este paso a paso:

Запасы

Estos son los materiales que vas a necesitar:

1. Celular

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

3. Протоборд (Кантидад: 1)

4. Cables para conexión (Dupont tipo Macho-Macho ó de cobre) (Кантидад: 7)

5. Папел

6. Картон

7. Алюминио

8. Тиерас

9. Регла

Шаг 1. Creando Código в среде Arduino IDE

Creando Código в среде Arduino IDE
Creando Código в среде Arduino IDE

El primer paso será conectar cable 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, который доступен на более низком уровне.

Шаг 2. Creando Proyecto En App Inventor

Primero deberás dirigirte al siguiente link для abrir изобретателя приложения: изобретатель приложения

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

Чтобы создать новый проект, нажмите на: Начать новый проект и удалите 1 экран и нажмите: добавить экран.

Шаг 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

Paradiseñ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: вариант настройки HorizontalArrangement и расположение в интерфейсе

En Пользовательский интерфейс: ListPicker (que es para que en la aplicación se muestre una lista de elementos y el usuario pueda elegir) и en Properties, situada en la parte derecha, poner en Text: Escanear. También Label (que es para mostrar texto) и aligual que con ListPicker poner en Text: Estado: Conectado. Estos dos components deberás arrastrarlos al HorizontalArrangement

  • Датчик En: Часы и deslizar a la interfaz.
  • Возможности подключения: BluetoothClient и устройство с интерфейсом.

Si deseas observar como debería quedar, en la parte superior se encuentra una imagen de la interfaz de usuario terminada.

Шаг 4. Импортируйте изображения в приложение 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 Пользовательский интерфейс, созданный с использованием интерфейса пользователя, того изображения, Después en Properties (en la parte derecha) buscar Picture y en esta aparecerán las images 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. Изображение начального (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: Импортируйте 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 (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

Creando El Código En App Inventor
Creando El Código En App Inventor
Creando El Código En App Inventor
Creando El Código En App Inventor
Creando El Código En App Inventor
Creando El Código En App Inventor
Creando El Código En App Inventor
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 для того, чтобы вы могли щелкнуть по ботону, чтобы просмотреть список списков (Imagen1).

2. Выберите один из вариантов bluetooth и выберите текстовое приложение «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 image y el sonido de la nota "DO" y desaparecen las demás imagenes (Imagen4).

5. Con este se activa la image y el sonido de la nota "RE" y desaparecen las demás imagenes (Imagen5).

6. Con este se activa la image y el sonido de la nota "MI" y desaparecen las demás imagenes (Imagen6).

7. Con este se activa la image y el sonido de la nota "FA" y desaparecen las demás imagenes (Imagen7).

8. Con este se activa la image y el sonido de la nota "SOL" y desaparecen las demás imagenes (Imagen8).

9. Con este se activa la image y el sonido de la nota "LA" y desaparecen las demás imagenes (Imagen9).

10. Con este se activa la image y el sonido de la nota "SI" y desaparecen las demás imagenes (Imagen10).

Шаг 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

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

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

2. Realizar agujero en la plantilla, en los cuadrados negros (Изображение2).

3. Ingresar los кабели por estos huecos (Imagen3).

4. Asegurar la plantilla en el cartón, al igual que la protoboard (Изображение 4).

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

6. Recortar 7 trozos de aluminio: 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. Аджустар записывает без правил (Изображение 10).

11. Asegurar con más cintas Horizontales los trozos (Изображение 11).

12. Всего лас 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: Музыкальное Мультимедийное Терминадо Instrumento

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.

Рекомендуемые: