Use los widgets del tablero con Magicbit [Magicblocks]: 5 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:40

Este tutorial le enseñará a usar los widgets del tablero de Magicblocks con su Magicbit. Estamos utilizando magicbit como placa de desarrollo en este proyecto que se basa en ESP32. Por lo tanto, en este proyecto se puede utilizar cualquier placa de desarrollo ESP32.

Suministros

Magicbit - Pro

Paso 1: historia

Hola y bienvenido, este breve tutorial le enseñará a usar Dashboard Widgets con Magicbit usando Magicblocks.

En primer lugar, inicie sesión en su cuenta de Magicblocks, Magicblocks es un sencillo software de programación visual para programar su magicbit. Cualquiera puede programar su microcontrolador usando magicblocks.io y no es necesario tener conocimientos de programación. Puedes registrarte gratis.

Inicie y abra el patio de juegos.

Luego, asegúrese de que su Magicbit esté conectado a Internet y enchufado y también vinculado a su cuenta a través del Administrador de dispositivos.

¿Todo listo? luego desplácese hacia abajo hasta el Paso 1.

Lista de elementos necesarios

Magicbit: Magicbit es una plataforma de desarrollo integrada basada en ESP32 para aprendizaje, creación de prototipos, codificación, electrónica, robótica, IoT y diseño de soluciones.

Paso 2: Configurar el bloque analógico en

1. Arrastre y suelte el bloque Analog In desde la sección de nodos de entrada a la izquierda de la pantalla hasta el flujo.

2. Haga doble clic en el bloque Analog In y escriba o pegue su ID de dispositivo único desde la pestaña Administrador de dispositivos en su cuenta de Magicblocks. [Esto vinculará lo digital con el Magicbit]

3. Elija POT (39) en el menú desplegable PIN (se conecta con el potenciómetro en su Magicbit)

4. Seleccione el Método como interrupción en el menú desplegable.

Paso 3: configurar los widgets del panel

1. Arrastre y suelte los bloques de texto, indicador, gráfico, salida de audio y notificación desde la sección Panel de control a la izquierda de la pantalla hasta el flujo.

2. Bloque de texto

Cambie el nombre del campo de texto [Opcional]

3. Bloque de calibre

• Cambie el nombre de la etiqueta [Opcional].
• Cambie el rango del indicador a 0 - 4095.

4. Bloque de gráfico

• Cambie el nombre de la etiqueta [Opcional].
• Cambie Chart Max & Min a 0 - 4095.
• Cambie la escala del eje X a 2 minutos [Opcional].

5. Bloque de salida de audio

• Configure la voz TTS (Text-To-Speech) en el menú desplegable.
• Marque la casilla de verificación 'Reproducir audio cuando la ventana no esté enfocada'.

6. Bloque de notificaciones

Establezca en qué parte de la pantalla necesita que aparezca la notificación

Paso 4: Configurar el bloque de cambios

(Este nodo se usa para cambiar la entrada de señal 0 y 4095 del nodo de entrada analógica a cualquier texto para usar la función de salida de audio de texto a voz).

1. Arrastre y suelte el bloque de cambios desde la sección de nodos de función a la izquierda de la pantalla hasta el flujo.

2. Agregue una nueva regla desde el botón '+' para usar 2 reglas.

3. Cambie la función de ambas reglas de Establecer a Cambiar en el menú desplegable.

4. A continuación, cambie la función 'Buscar' de Cadena (texto) a Número en ambas reglas. Y asegúrese de que la función 'Reemplazar con' esté configurada en Cadena (texto).

5. Establezca las reglas.

• La primera regla para buscar '4095' en la entrada de señal y reemplazarlo con nuestro texto (por ejemplo, 'Máximo')
• La segunda regla para buscar '0' en la entrada de señal y reemplazarlo con nuestro texto (por ejemplo, 'Mínimo')

[Opcional] Importar nodos ya configurados

Si tuvo problemas para configurar los nodos, puede usar la función de importación en Magicblocks para obtener los nodos que ya se han configurado.

• Primero copie este código en su portapapeles.
• Haga clic en el menú de opciones en la esquina superior derecha de la pantalla.
• A continuación, coloque el cursor sobre el submenú Importar.
• Luego haga clic en Portapapeles y pegue el código en su portapapeles en el campo de texto.
• Seleccione el flujo actual o el nuevo flujo y haga clic en Importar.

IMPORTANTE

Asegúrese de escribir la identificación de su dispositivo en ambas propiedades del nodo Entrada digital.

Paso 5: finalmente implementar los bloques

• Asegúrese de que todos los bloques estén conectados.
• Haga clic en el botón Implementar en la esquina superior derecha de la pantalla.
• Después de la implementación, vaya a la interfaz de usuario del panel de control haciendo clic en el enlace a la URL del panel de control en la esquina superior derecha de la pantalla.
• Gire el potenciómetro en su Magicbit y los widgets del tablero interactuarán en consecuencia.

Información de diseño de widgets (a continuación)

NOTA: la función Text-To-Speech del bloque Audio Out se escuchará a través del audio de su sistema.

Solución de problemas

• Compruebe si su Magicbit está conectado a Internet.
• Compruebe si se utiliza el PIN correcto (por ejemplo, 'POT (39)').