Isi kandungan:

Gunakan Widget Dashboard Dengan Magicbit [Magicblocks]: 5 Langkah
Gunakan Widget Dashboard Dengan Magicbit [Magicblocks]: 5 Langkah

Video: Gunakan Widget Dashboard Dengan Magicbit [Magicblocks]: 5 Langkah

Video: Gunakan Widget Dashboard Dengan Magicbit [Magicblocks]: 5 Langkah
Video: TUTORIAL FLUTTER 7 | CARA MUDAH MEMBUAT MENU DASHBOARD MENGGUNAKAN CARD WIDGET 2024, November
Anonim

Tutorial ini akan mengajar anda untuk menggunakan Magicblocks Dashboard Widgets dengan Magicbit anda. Kami menggunakan magicbit sebagai papan pengembangan dalam projek ini yang berdasarkan ESP32. Oleh itu, papan pengembangan ESP32 boleh digunakan dalam projek ini.

Bekalan

Magicbit - Pro

Langkah 1: Cerita

Halo dan Selamat Datang, Tutorial ringkas ini akan mengajar anda untuk menggunakan Dashboard Widgets dengan Magicbit menggunakan Magicblocks.

Mula-mula masuk ke akaun Magicblocks anda, Magicblocks adalah perisian pengaturcaraan visual yang mudah untuk memprogram magicbit anda. Sesiapa sahaja boleh memprogram pengawal mikro mereka dengan menggunakan magicblocks.io dan tidak perlu pengetahuan pengaturcaraan. Anda boleh mendaftar secara percuma.

Mulakan dan Buka Taman Permainan.

Seterusnya pastikan Magicbit anda disambungkan ke internet dan terpasang dan juga dihubungkan ke akaun anda melalui Pengurus Peranti.

Semua Selesai? kemudian tatal ke bawah ke Langkah 1.

Senarai Item Yang Diperlukan

Magicbit: Magicbit Merupakan platform pengembangan bersepadu berdasarkan ESP32 untuk pembelajaran, prototaip, pengekodan, elektronik, robotik, IoT dan merancang penyelesaian.

Langkah 2: Menyiapkan Analog di Blok

Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok
Menyiapkan Analog dalam Blok

1. Seret & lepaskan blok Analog In dari bahagian nod input di sebelah kiri skrin ke Aliran.

2. Klik dua kali pada blok Analog In dan ketik atau tampal id Peranti unik anda dari Tab Device Manager pada akaun Magicblocks anda. [Ini akan menghubungkan digital dengan Magicbit]

3. Pilih POT (39) dari menu lungsur PIN. (Bersambung dengan Potensiometer pada Magicbit anda)

4. Pilih Kaedah sebagai Gangguan dari menu lungsur.

Langkah 3: Sediakan Widget Papan Pemuka

Sediakan Widget Papan Pemuka
Sediakan Widget Papan Pemuka
Sediakan Widget Papan Pemuka
Sediakan Widget Papan Pemuka
Sediakan Widget Papan Pemuka
Sediakan Widget Papan Pemuka

1. Seret & Lepas Teks, Guage, Chart, Audio Out, Notification blocks dari bahagian Dashboard di sebelah kiri skrin ke Flow.

2. Blok Teks

Namakan semula Medan Teks [Pilihan]

3. Blok Guage

  • Namakan semula Label [Pilihan].
  • Tukar Julat Pengukur ke 0 - 4095.

4. Blok Carta

  • Namakan semula Label [Pilihan].
  • Tukar Carta Max & Min ke 0 - 4095.
  • Tukar skala paksi-X menjadi 2 minit [Pilihan].

5. Blok Keluar Audio

  • Tetapkan Suara TTS (Teks-Ke-Ucapan) dari menu lungsur turun.
  • Tandakan kotak centang 'Mainkan audio ketika tetingkap tidak dalam fokus'.

6. Blok Pemberitahuan

Tetapkan di mana anda memerlukan pemberitahuan untuk muncul

Langkah 4: Sediakan Blok Perubahan

Sediakan Blok Perubahan
Sediakan Blok Perubahan
Sediakan Blok Perubahan
Sediakan Blok Perubahan
Sediakan Blok Perubahan
Sediakan Blok Perubahan

(Node ini digunakan untuk mengubah input isyarat 0 & 4095 dari simpul Analog In ke teks apa pun untuk menggunakan audio Text-to-Speech feature.)

1. Seret & Lepas Ubah Blok dari bahagian fungsi fungsi di sebelah kiri skrin ke aliran.

2. Tambahkan peraturan baru dari Butang '+' untuk menggunakan 2 peraturan.

3. Ubah fungsi kedua peraturan dari Set ke Change dari menu drop-down.

4. Seterusnya ubah fungsi 'Search for' dari String (teks) menjadi Number di kedua-dua peraturan tersebut. Dan pastikan fungsi 'Ganti dengan' diatur ke String (teks).

5. Tetapkan peraturan.

  • Peraturan Pertama untuk mencari '4095' dalam input isyarat dan menggantinya dengan teks kami (mis. 'Maksimum')
  • Peraturan Kedua untuk mencari '0' dalam input isyarat dan menggantinya dengan teks kami (mis. 'Minimum')

[Pilihan] Import Sudah Menyiapkan Nod

Sekiranya anda menghadapi masalah mengatur node, anda boleh menggunakan ciri import di Magicblocks untuk mendapatkan node yang telah disiapkan.

  • Salin dahulu kod ini ke papan keratan anda.
  • Klik pada menu pilihan di sudut kanan atas skrin.
  • Selanjutnya arahkan kursor anda ke sub-menu Import.
  • Kemudian klik pada Clipboard dan tampal kod pada papan keratan anda ke medan teks.

  • Pilih aliran semasa atau aliran baru dan klik pada Import.

PENTING

Pastikan anda menaip id peranti anda pada kedua-dua sifat nod In Digital.

Langkah 5: Akhirnya Menggunakan Blok

Akhirnya Menggunakan Blok
Akhirnya Menggunakan Blok
Akhirnya Menggunakan Blok
Akhirnya Menggunakan Blok
Akhirnya Menggunakan Blok
Akhirnya Menggunakan Blok
  • Pastikan semua blok disambungkan.
  • Klik pada butang Terapkan di sudut kanan atas skrin.
  • Setelah menggunakan pergi ke ui dashboard dengan mengklik pautan ke dashboard URL di sudut kanan atas skrin.
  • Putar Potensiometer pada Magicbit anda dan widget papan pemuka akan berinteraksi dengan sewajarnya.

Maklumat Layout Widget (di bawah)

CATATAN - Ciri Teks-ke-Ucapan blok Audio Out akan didengar melalui audio sistem anda.

Penyelesaian masalah

  • Periksa sama ada Magicbit anda disambungkan ke internet.
  • Periksa sama ada PIN yang betul digunakan (mis. 'POT (39)').

Disyorkan: