Utilizați widgeturile tabloului de bord cu Magicbit [Magicblocks]: 5 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:41

Acest tutorial vă va învăța să utilizați Magicblocks Dashboard Widgets cu Magicbit. Folosim magicbit ca placă de dezvoltare în acest proiect care se bazează pe ESP32. Prin urmare, orice placă de dezvoltare ESP32 poate fi utilizată în acest proiect.

Provizii

Magicbit - Pro

Pasul 1: Poveste

Bună ziua și Bine ați venit, acest scurt tutorial vă va învăța să utilizați Dashboard Widgets cu Magicbit folosind Magicblocks.

În primul rând, conectați-vă la contul dvs. Magicblocks, Magicblocks este un software ușor de programare vizuală pentru programarea magicbitului tău. Oricine își poate programa microcontrolerul folosind magicblocks.io și nu este nevoie de cunoștințe de programare. Vă puteți înscrie gratuit.

Porniți și deschideți locul de joacă.

Apoi, asigurați-vă că Magicbit este conectat la internet și conectat și conectat la contul dvs. prin intermediul Managerului de dispozitive.

Totul este gata? apoi derulați în jos la Pasul 1.

Lista articolelor necesare

Magicbit: Magicbit este o platformă de dezvoltare integrată bazată pe ESP32 pentru învățare, prototipare, codificare, electronică, robotică, IoT și proiectarea soluțiilor.

Pasul 2: Configurarea blocului analogic

1. Glisați și fixați blocul Analog In din secțiunea noduri de intrare din stânga ecranului în Flow.

2. Faceți dublu clic pe blocul Analog In și tastați sau lipiți ID-ul dispozitivului unic din fila Device Manager din contul dvs. Magicblocks. [Aceasta va conecta digitalul cu Magicbit]

3. Alegeți POT (39) din meniul derulant PIN (se conectează cu potențiometrul de pe Magicbit)

4. Selectați Metoda ca întrerupere din meniul derulant.

Pasul 3: configurați widgeturile tabloului de bord

1. Glisați și fixați textul, Ghidul, Diagrama, ieșirea audio, blocurile de notificări din secțiunea Tablou de bord din stânga ecranului în Flux.

2. Bloc text

Redenumiți câmpul de text [Opțional]

3. Bloc Guage

• Redenumiți eticheta [Opțional].
• Schimbați gama Gage la 0 - 4095.

4. Bloc diagramă

• Redenumiți eticheta [Opțional].
• Schimbați diagrama Max & Min la 0 - 4095.
• Schimbați scala axei X la 2 minute [Opțional].

5. Bloc de ieșire audio

• Setați vocea TTS (Text-To-Speech) din meniul derulant.
• Bifați caseta de selectare „Redare audio când fereastra nu este focalizată”.

6. Bloc de notificare

Setați unde pe ecran aveți nevoie de notificare pentru a apărea

Pasul 4: Configurați blocul de schimbare

(Acest nod este utilizat pentru a schimba semnalul de intrare 0 și 4095 de la nodul de intrare analogică la orice text pentru a utiliza funcția de redare a textului către vorbire.)

1. Trageți și fixați blocul de schimbare din secțiunea noduri funcționale din stânga ecranului în flux.

2. Adăugați o regulă nouă din butonul „+” pentru a utiliza 2 reguli.

3. Schimbați funcția ambelor reguli din Setare în Modificare din meniul derulant.

4. Apoi schimbați funcția „Căutare” din Șir (text) în Număr în ambele reguli. Și asigurați-vă că funcția „Înlocuiți cu” este setată la Șir (text).

5. Configurați regulile.

• Prima regulă pentru a căuta „4095” în semnalul de intrare și a o înlocui cu textul nostru (de exemplu, „Maxim”)
• A doua regulă pentru a căuta „0” în intrarea semnalului și a o înlocui cu textul nostru (de exemplu, „Minim”)

[Opțional] Importați deja noduri de configurare

Dacă ați avut probleme la configurarea nodurilor, puteți utiliza funcția de import din Magicblocks pentru a obține nodurile care au fost deja configurate.

• Mai întâi copiați acest cod în clipboard.
• Faceți clic pe meniul de opțiuni din colțul din dreapta sus al ecranului.
• Apoi plasați cursorul peste submeniul Import.
• Apoi faceți clic pe Clipboard și lipiți codul din clipboard în câmpul de text.
• Selectați fluxul curent sau fluxul nou și faceți clic pe Import.

IMPORTANT

Asigurați-vă că introduceți ID-ul dispozitivului pe ambele proprietăți ale nodului Digital In.

Pasul 5: În cele din urmă implementarea blocurilor

• Asigurați-vă că toate blocurile sunt conectate.
• Faceți clic pe butonul Deploy în colțul din dreapta sus al ecranului.
• După implementare, accesați ui-ul tabloului de bord dând clic pe linkul către adresa URL a tabloului de bord din colțul din dreapta sus al ecranului.
• Rotiți potențiometrul pe Magicbit, iar widget-urile tabloului de bord vor interacționa corespunzător.

Informații despre aspectul widgetului (mai jos)

NOTĂ - Funcția Text-to-Speech a blocului Out audio va fi auzită prin sistemul audio al sistemului.

Depanare

• Verificați dacă Magicbit este conectat la internet.
• Verificați dacă este utilizat codul PIN corect (de ex. „POT (39)”).