Utiliser les widgets du tableau de bord avec Magicbit [Magicblocks] : 5 étapes

2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-13 06:57

Ce tutoriel vous apprendra à utiliser les widgets de tableau de bord Magicblocks avec votre Magicbit. Nous utilisons magicbit comme carte de développement dans ce projet basé sur ESP32. Par conséquent, n'importe quelle carte de développement ESP32 peut être utilisée dans ce projet.

Fournitures

Magicbit - Pro

Étape 1: Histoire

Bonjour et bienvenue, Ce court tutoriel vous apprendra à utiliser les widgets de tableau de bord avec Magicbit à l'aide de Magicblocks.

Tout d'abord connectez-vous à votre compte Magicblocks, Magicblocks est un logiciel de programmation visuelle simple pour programmer votre magicbit. N'importe qui peut programmer son microcontrôleur en utilisant magicblocks.io et il n'y a pas besoin de connaissances en programmation. Vous pouvez vous inscrire gratuitement.

Démarrez et ouvrez le terrain de jeu.

Ensuite, assurez-vous que votre Magicbit est connecté à Internet et branché et également lié à votre compte via le Gestionnaire de périphériques.

Terminé? puis faites défiler jusqu'à l'étape 1.

Liste des éléments requis

Magicbit: Magicbit est une plate-forme de développement intégrée basée sur ESP32 pour l'apprentissage, le prototypage, le codage, l'électronique, la robotique, l'IoT et la conception de solutions.

Étape 2: Configuration de l'analogique dans le bloc

1. Faites glisser et déposez le bloc Analog In de la section des nœuds d'entrée à gauche de l'écran vers le flux.

2. Double-cliquez sur le bloc Analog In et saisissez ou collez votre identifiant de périphérique unique à partir de l'onglet Gestionnaire de périphériques de votre compte Magicblocks. [Cela reliera le numérique avec le Magicbit]

3. Choisissez POT (39) dans le menu déroulant PIN. (Se connecte au potentiomètre de votre Magicbit)

4. Sélectionnez la méthode comme interruption dans le menu déroulant.

Étape 3: Configurer les widgets du tableau de bord

1. Faites glisser et déposez les blocs Texte, Jauge, Graphique, Sortie audio et Notification de la section Tableau de bord à gauche de l'écran vers le flux.

2. Bloc de texte

Renommez le champ de texte [facultatif]

3. Bloc de jauge

• Renommez l'étiquette [Facultatif].
• Modifiez la plage de la jauge à 0 - 4095.

4. Bloc graphique

• Renommez l'étiquette [Facultatif].
• Modifiez le graphique Max & Min sur 0 - 4095.
• Modifiez l'échelle de l'axe X à 2 minutes [Facultatif].

5. Bloc de sortie audio

• Définissez la voix TTS (Text-To-Speech) dans le menu déroulant.
• Cochez la case « Lire l'audio lorsque la fenêtre n'est pas mise au point ».

6. Blocage des notifications

Définissez où sur l'écran vous avez besoin que la notification s'affiche

Étape 4: Configurer le bloc de changement

(Ce nœud est utilisé pour changer l'entrée de signal 0 et 4095 du nœud d'entrée analogique en n'importe quel texte pour utiliser la fonction Text-To-Speech de la sortie audio.)

1. Faites glisser et déposez le bloc de modification de la section des nœuds de fonction à gauche de l'écran vers le flux.

2. Ajoutez une nouvelle règle à partir du bouton '+' pour utiliser 2 règles.

3. Modifiez la fonction des deux règles de Définir à Modifier dans le menu déroulant.

4. Modifiez ensuite la fonction « Rechercher » de Chaîne (texte) en Nombre dans les deux règles. Et assurez-vous que la fonction « Remplacer par » est définie sur String (texte).

5. Configurez les règles.

• La première règle pour rechercher '4095' dans l'entrée du signal et le remplacer par notre texte (par exemple 'Maximum')
• La deuxième règle pour rechercher '0' dans l'entrée du signal et le remplacer par notre texte (par exemple 'Minimum')

[Facultatif] Importer des nœuds déjà configurés

Si vous avez eu des problèmes pour configurer des nœuds, vous pouvez utiliser la fonction d'importation dans Magicblocks pour obtenir les nœuds qui ont déjà été configurés.

• Copiez d'abord ce code dans votre presse-papiers.
• Cliquez sur le menu d'options en haut à droite de l'écran.
• Passez ensuite votre curseur sur le sous-menu Importer.
• Cliquez ensuite sur Presse-papiers et collez le code de votre presse-papiers dans le champ de texte.
• Sélectionnez le flux actuel ou le nouveau flux et cliquez sur Importer.

IMPORTANT

Assurez-vous de saisir l'identifiant de votre appareil dans les deux propriétés du nœud Digital In.

Étape 5: enfin déployer les blocs

• Assurez-vous que tous les blocs sont connectés.
• Cliquez sur le bouton Déployer dans le coin supérieur droit de l'écran.
• Après le déploiement, accédez à l'interface utilisateur du tableau de bord en cliquant sur le lien vers l'URL du tableau de bord dans le coin supérieur droit de l'écran.
• Faites tourner le potentiomètre sur votre Magicbit et les widgets du tableau de bord interagiront en conséquence.

Informations sur la disposition des widgets (ci-dessous)

REMARQUE - La fonction Text-To-Speech du bloc Audio Out sera entendue via l'audio de votre système.

Dépannage

• Vérifiez si votre Magicbit est connecté à Internet.
• Vérifiez si le code PIN correct est utilisé (par exemple, 'POT(39)').