Dashboard-Widgets mit Magicbit verwenden [Magicblocks] - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:15

In diesem Tutorial erfahren Sie, wie Sie Magicblocks Dashboard-Widgets mit Ihrem Magicbit verwenden. In diesem auf ESP32 basierenden Projekt verwenden wir magicbit als Entwicklungsboard. Daher kann jedes ESP32-Entwicklungsboard in diesem Projekt verwendet werden.

Lieferungen

Magicbit - Pro

Schritt 1: Geschichte

Hallo und Willkommen, In diesem kurzen Tutorial lernen Sie, Dashboard-Widgets mit Magicbit mit Magicblocks zu verwenden.

Loggen Sie sich zunächst in Ihr Magicblocks-Konto ein, Magicblocks ist eine einfache visuelle Programmiersoftware zum Programmieren Ihres Magicbits. Jeder kann seinen Mikrocontroller mit magicblocks.io programmieren und es sind keine Programmierkenntnisse erforderlich. Sie können sich kostenlos anmelden.

Starten und öffnen Sie den Spielplatz.

Stellen Sie als Nächstes sicher, dass Ihr Magicbit mit dem Internet verbunden und angeschlossen sowie über den Geräte-Manager mit Ihrem Konto verknüpft ist.

Alles erledigt? Scrollen Sie dann nach unten zu Schritt 1.

Liste der erforderlichen Elemente

Magicbit: Magicbit ist eine integrierte Entwicklungsplattform basierend auf ESP32 für Lernen, Prototyping, Codierung, Elektronik, Robotik, IoT und Lösungsdesign.

Schritt 2: Einrichten des Analogs im Block

1. Ziehen Sie den Analog In-Block aus dem Eingabeknotenbereich auf der linken Seite des Bildschirms per Drag & Drop in den Flow.

2. Doppelklicken Sie auf den Block Analog In und geben oder fügen Sie Ihre eindeutige Geräte-ID aus der Registerkarte Geräte-Manager in Ihrem Magicblocks-Konto ein. [Dies wird das Digitale mit dem Magicbit verknüpfen]

3. Wählen Sie POT(39) aus dem PIN-Dropdown-Menü.(Verbindet sich mit dem Potentiometer auf Ihrem Magicbit)

4. Wählen Sie die Methode als Interrupt aus dem Dropdown-Menü aus.

Schritt 3: Einrichten der Dashboard-Widgets

1. Ziehen Sie die Blöcke Text, Guage, Diagramm, Audioausgang und Benachrichtigung aus dem Dashboard-Bereich auf der linken Seite des Bildschirms in den Flow.

2. Textblock

Benennen Sie das Textfeld um [Optional]

3. Messblock

• Benennen Sie das Etikett um [Optional].
• Ändern Sie den Bereich des Messgeräts auf 0 - 4095.

4. Diagrammblock

• Benennen Sie das Etikett um [Optional].
• Ändern Sie das Diagramm Max & Min auf 0 - 4095.
• Ändern Sie den Maßstab der X-Achse auf 2 Minuten [Optional].

5. Audioausgangsblock

• Stellen Sie die TTS-Stimme (Text-To-Speech) aus dem Dropdown-Menü ein.
• Aktivieren Sie das Kontrollkästchen "Audio abspielen, wenn das Fenster nicht im Fokus ist".

6. Benachrichtigungssperre

Legen Sie fest, wo auf dem Bildschirm die Benachrichtigung angezeigt werden soll

Schritt 4: Einrichten des Änderungsblocks

(Dieser Knoten wird verwendet, um den 0 & 4095-Signaleingang vom Analog In-Knoten in einen beliebigen Text zu ändern, um die Text-To-Speech-Funktion für die Audioausgabe zu verwenden.)

1. Ziehen Sie den Änderungsblock per Drag & Drop aus dem Funktionsknotenbereich auf der linken Seite des Bildschirms in den Flow.

2. Fügen Sie über die Schaltfläche '+' eine neue Regel hinzu, um 2 Regeln zu verwenden.

3. Ändern Sie die Funktion beider Regeln von Set zu Change aus dem Dropdown-Menü.

4. Als nächstes ändern Sie die Funktion 'Suchen nach' von String(text) in Number in beiden Regeln. Und stellen Sie sicher, dass die Funktion 'Ersetzen durch' auf String(text) eingestellt ist.

5. Richten Sie die Regeln ein.

• Die erste Regel, um in der Signaleingabe nach '4095' zu suchen und sie durch unseren Text zu ersetzen (z. B. 'Maximum')
• Die zweite Regel, um in der Signaleingabe nach '0' zu suchen und sie durch unseren Text zu ersetzen (z. B. 'Minimum')

[Optional] Bereits eingerichtete Knoten importieren

Wenn Sie Probleme beim Einrichten von Nodes hatten, können Sie die Importfunktion in Magicblocks verwenden, um die bereits eingerichteten Nodes zu erhalten.

• Kopieren Sie diesen Code zunächst in Ihre Zwischenablage.
• Klicken Sie auf das Optionsmenü in der oberen rechten Ecke des Bildschirms.
• Bewegen Sie als Nächstes den Cursor über das Untermenü Importieren.
• Klicken Sie dann auf Zwischenablage und fügen Sie den Code aus Ihrer Zwischenablage in das Textfeld ein.
• Wählen Sie aktuellen Flow oder neuen Flow aus und klicken Sie auf Importieren.

WICHTIG

Stellen Sie sicher, dass Sie Ihre Geräte-ID in beiden Eigenschaften des Digital In-Knotens eingeben.

Schritt 5: Endlich die Blöcke bereitstellen

• Stellen Sie sicher, dass alle Blöcke verbunden sind.
• Klicken Sie auf die Schaltfläche Bereitstellen in der oberen rechten Ecke des Bildschirms.
• Rufen Sie nach der Bereitstellung die Dashboard-Benutzeroberfläche auf, indem Sie auf den Link zur Dashboard-URL in der oberen rechten Ecke des Bildschirms klicken.
• Drehen Sie das Potentiometer an Ihrem Magicbit und die Dashboard-Widgets interagieren entsprechend.

Informationen zum Widget-Layout (unten)

HINWEIS - Die Text-to-Speech-Funktion des Audioausgangsblocks wird über Ihr Systemaudio gehört.

Fehlerbehebung

• Überprüfen Sie, ob Ihr Magicbit mit dem Internet verbunden ist.
• Prüfen Sie, ob die richtige PIN verwendet wird (z. B. 'POT(39)').