Inhoudsopgave:

Dashboard-widgets gebruiken met Magicbit [Magicblocks] - Ajarnpa
Dashboard-widgets gebruiken met Magicbit [Magicblocks] - Ajarnpa

Video: Dashboard-widgets gebruiken met Magicbit [Magicblocks] - Ajarnpa

Video: Dashboard-widgets gebruiken met Magicbit [Magicblocks] - Ajarnpa
Video: Панель администратора Laravel Filament: [8] Переводы и виджеты 2024, Juli-
Anonim

Deze tutorial leert je om Magicblocks Dashboard Widgets te gebruiken met je Magicbit. We gebruiken magicbit als ontwikkelbord in dit project dat is gebaseerd op ESP32. Daarom kan elk ESP32-ontwikkelbord in dit project worden gebruikt.

Benodigdheden

Magicbit - Pro

Stap 1: Verhaal

Hallo en welkom, Deze korte tutorial leert je om Dashboard Widgets te gebruiken met Magicbit met behulp van Magicblocks.

Log eerst in op uw Magicblocks-account, Magicblocks is een eenvoudige visuele programmeersoftware voor het programmeren van je magicbit. Iedereen kan zijn microcontroller programmeren met magicblocks.io en programmeerkennis is niet nodig. U kunt zich gratis aanmelden.

Start en open de speeltuin.

Zorg er vervolgens voor dat uw Magicbit is verbonden met internet en is aangesloten en ook is gekoppeld aan uw account via Apparaatbeheer.

Helemaal klaar? scrol vervolgens omlaag naar stap 1.

Lijst met benodigde items

Magicbit: Magicbit is een geïntegreerd ontwikkelingsplatform op basis van ESP32 voor leren, prototyping, codering, elektronica, robotica, IoT en het ontwerpen van oplossingen.

Stap 2: Het analoge in-blok instellen

Het analoge in-blok instellen
Het analoge in-blok instellen
Het analoge in-blok instellen
Het analoge in-blok instellen
Het analoge in-blok instellen
Het analoge in-blok instellen
Het analoge in-blok instellen
Het analoge in-blok instellen

1. Sleep het Analog In-blok van het invoerknooppuntengedeelte aan de linkerkant van het scherm naar de Flow.

2. Dubbelklik op het Analog In-blok en typ of plak uw unieke apparaat-ID van het tabblad Apparaatbeheer op uw Magicblocks-account. [Dit zal de digitale in met de Magicbit linken]

3. Kies POT(39) in het vervolgkeuzemenu PIN. (Verbindt met de Potentiometer op uw Magicbit)

4. Selecteer de Methode als Interrupt in het vervolgkeuzemenu.

Stap 3: Stel de Dashboard-widgets in

De dashboardwidgets instellen
De dashboardwidgets instellen
De dashboardwidgets instellen
De dashboardwidgets instellen
De dashboardwidgets instellen
De dashboardwidgets instellen

1. Sleep de tekst-, maat-, grafiek-, audio-uit- en meldingsblokken van het Dashboard-gedeelte aan de linkerkant van het scherm naar de Flow.

2. Tekstblok

Hernoem het tekstveld [Optioneel]

3. Maatblok

  • Hernoem het label [Optioneel].
  • Wijzig het bereik van de meter in 0 - 4095.

4. Kaartblok

  • Hernoem het label [Optioneel].
  • Verander de Grafiek Max & Min in 0 - 4095.
  • Wijzig de schaal van de X-as in 2 minuten [Optioneel].

5. Audio-uitgangsblok

  • Stel de TTS-stem (Text-To-Speech) in in het vervolgkeuzemenu.
  • Vink het selectievakje 'Audio afspelen wanneer venster niet in focus is' aan.

6. Meldingsblok

Stel in waar in het scherm de melding moet verschijnen

Stap 4: Stel het wijzigingsblok in

Stel het wijzigingsblok in
Stel het wijzigingsblok in
Stel het wijzigingsblok in
Stel het wijzigingsblok in
Stel het wijzigingsblok in
Stel het wijzigingsblok in

(Dit knooppunt wordt gebruikt om de 0 & 4095-signaalinvoer van het analoge ingangsknooppunt te wijzigen in tekst om de tekst-naar-spraakfunctie voor audio-uit te gebruiken.)

1. Sleep het blok Wijzigen vanuit het gedeelte met functieknooppunten aan de linkerkant van het scherm naar de stroom.

2. Voeg een nieuwe regel toe via de '+'-knop om 2 regels te gebruiken.

3. Wijzig de functie van beide regels van Instellen in Wijzigen in het vervolgkeuzemenu.

4. Wijzig vervolgens de functie 'Zoeken naar' van String(tekst) naar Getal in beide regels. En zorg ervoor dat de functie 'Vervangen door' is ingesteld op String(tekst).

5. Stel de regels op.

  • De eerste regel om te zoeken naar '4095' in signaalinvoer en deze te vervangen door onze tekst (bijv. 'Maximum')
  • De tweede regel om te zoeken naar '0' in signaalinvoer en deze te vervangen door onze tekst (bijv. 'Minimum')

[Optioneel] Reeds ingestelde knooppunten importeren

Als je problemen had met het instellen van knooppunten, kun je de importfunctie in Magicblocks gebruiken om de knooppunten te krijgen die al zijn ingesteld.

  • Kopieer eerst deze code naar je klembord.
  • Klik op het optiemenu in de rechterbovenhoek van het scherm.

  • Beweeg vervolgens uw cursor over het submenu Importeren.
  • Klik vervolgens op Klembord en plak de code op je klembord in het tekstveld.
  • Selecteer huidige stroom of nieuwe stroom en klik op Importeren.

BELANGRIJK

Zorg ervoor dat u uw apparaat-ID typt in beide eigenschappen van het Digital In-knooppunt.

Stap 5: Eindelijk de blokken implementeren

Eindelijk de blokken inzetten
Eindelijk de blokken inzetten
Eindelijk de blokken inzetten
Eindelijk de blokken inzetten
Eindelijk de blokken inzetten
Eindelijk de blokken inzetten
  • Zorg ervoor dat alle blokken zijn aangesloten.
  • Klik op de knop Deploy in de rechterbovenhoek van het scherm.
  • Ga na de implementatie naar de dashboard-ui door op de link naar de dashboard-URL in de rechterbovenhoek van het scherm te klikken.
  • Draai aan de potentiometer op uw Magicbit en de dashboardwidgets zullen dienovereenkomstig samenwerken.

Informatie over widgetlay-out (hieronder)

OPMERKING - De tekst-naar-spraakfunctie van het audio-uitgangsblok is te horen via uw systeemaudio.

Probleemoplossen

  • Controleer of je Magicbit is verbonden met internet.
  • Controleer of de juiste pincode is gebruikt (bijvoorbeeld 'POT(39)').

Aanbevolen: