Daftar Isi:

Tampilkan Teks di OLED Melalui Internet: 9 Langkah
Tampilkan Teks di OLED Melalui Internet: 9 Langkah

Video: Tampilkan Teks di OLED Melalui Internet: 9 Langkah

Video: Tampilkan Teks di OLED Melalui Internet: 9 Langkah
Video: Tutorial OLED Display 0.96" I2C dengan ESP32 pada Arduino IDE 2024, November
Anonim
Image
Image

Halo dan Selamat Datang, Tutorial singkat ini akan mengajarkan Anda untuk menampilkan teks pada Magicbit menggunakan Magicblocks.

Ada 2 metode utama untuk mencapai tujuan ini;

  1. Dengan menggunakan Inject Block.
  2. Dengan menggunakan Dasbor.

Pertama-tama masuk ke akun Magicblocks Anda, Magicblocks adalah perangkat lunak pemrograman visual yang mudah untuk memprogram magicbit Anda. Siapa pun dapat memprogram pengontrol mikro mereka dengan menggunakan magicblocks.io dan tidak perlu pengetahuan pemrograman. Anda dapat mendaftar secara gratis.

Mulai dan Buka Taman Bermain.

Selanjutnya pastikan Magicbit Anda terhubung ke internet dan dicolokkan dan juga ditautkan ke akun Anda melalui Device Manager.

Semua selesai? lalu gulir ke bawah ke Metode 1

Langkah 1: Daftar Item yang Diperlukan

Magicbit: Magicbit adalah platform pengembangan terintegrasi berdasarkan ESP32 untuk pembelajaran, pembuatan prototipe, pengkodean, elektronik, robotika, IoT, dan perancangan solusi

Langkah 2: Menyiapkan Blok Injeksi [Metode 1]

Menyiapkan Blok Injeksi [Metode 1]
Menyiapkan Blok Injeksi [Metode 1]
  1. Seret & jatuhkan blok Inject dari bagian node input di sebelah kiri layar ke Flow.
  2. Klik dua kali pada blok dan pilih jenis muatan dari menu tarik-turun ke input teks (string).
  3. Selanjutnya ketik teks yang perlu Anda tampilkan di Magicbit.

Langkah 3: Menyiapkan Blok Tampilan [Metode 1]

Menyiapkan Blok Tampilan [Metode 1]
Menyiapkan Blok Tampilan [Metode 1]
Menyiapkan Blok Tampilan [Metode 1]
Menyiapkan Blok Tampilan [Metode 1]
Menyiapkan Blok Tampilan [Metode 1]
Menyiapkan Blok Tampilan [Metode 1]
  1. Seret & jatuhkan blok Tampilan dari bagian simpul Magicbit di sebelah kiri layar ke alur.
  2. Klik dua kali pada blok tampilan dan ketik atau rekatkan id Perangkat unik Anda dari Tab Pengelola Perangkat di akun Magicblocks Anda. [Ini akan menghubungkan blok tampilan dengan tampilan Magicbit Anda]

Langkah 4: [Opsional] Impor Sudah Setup Nodes

[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node

Jika Anda kesulitan mengatur node, Anda dapat menggunakan fitur impor di Magicblocks untuk mendapatkan node yang telah disiapkan.

Pertama salin kode ini ke clipboard Anda;

[{"id":"26470285.48c0ee", "type":"inject", "z":"b4f698b2.ff2c68", "name":"", "topic":"", "payload":"", "payloadType":"str", "repeat":"", "crontab":"", "once":false, "onceDelay":0.1, "x":190, "y":160, "wires":

  • Klik menu opsi di sudut kanan atas layar.
  • Selanjutnya arahkan kursor Anda ke sub-menu Impor.
  • Kemudian klik Clipboard dan rekatkan kode di clipboard Anda ke bidang teks
  • Pilih aliran saat ini atau aliran baru dan klik Impor.

PENTING

Pastikan Anda mengetikkan id perangkat Anda pada properti simpul tampilan dan ketik teks yang Anda butuhkan di dalam simpul injeksi.

Langkah 5: Akhirnya Menyebarkan Blok [Metode 1]

Akhirnya Menyebarkan Blok [Metode 1]
Akhirnya Menyebarkan Blok [Metode 1]
Akhirnya Menyebarkan Blok [Metode 1]
Akhirnya Menyebarkan Blok [Metode 1]
  1. Hubungkan blok injeksi dengan node tampilan.
  2. Klik tombol Deploy di sudut kanan atas layar.
  3. Setelah menyebarkan klik pada kotak di sisi kiri blok injeksi untuk mengaktifkannya dan ini akan menampilkan teks yang diketik ke dalam blok injeksi.

Penyelesaian masalah

  1. Periksa apakah itu menunjukkan terhubung di bawah blok tampilan jika tidak periksa kembali id perangkat yang Anda ketikkan ke dalam blok tampilan.
  2. Periksa apakah Magicbit Anda terhubung ke internet.

Langkah 6: Menyiapkan Blok Input Teks [Metode 2]

Menyiapkan Blok Input Teks [Metode 2]
Menyiapkan Blok Input Teks [Metode 2]
Menyiapkan Blok Input Teks [Metode 2]
Menyiapkan Blok Input Teks [Metode 2]
  1. Seret & jatuhkan blok input Teks dari bagian simpul dasbor ke Alur.
  2. Klik dua kali pada simpul input teks dan atur ui dasbor dasar [antarmuka pengguna] dari menu tarik-turun dan nama untuk bidang Anda.
  3. Pilih Mode sebagai input teks dari menu tarik-turun.

Langkah 7: Menyiapkan Blok Tampilan [Metode 2]

Menyiapkan Blok Tampilan [Metode 2]
Menyiapkan Blok Tampilan [Metode 2]
Menyiapkan Blok Tampilan [Metode 2]
Menyiapkan Blok Tampilan [Metode 2]
  1. Seret & jatuhkan blok Tampilan dari bagian simpul Magicbit di sebelah kiri layar ke alur.
  2. Klik dua kali pada blok tampilan dan ketik atau rekatkan id Perangkat unik Anda dari Tab Pengelola Perangkat di akun Magicblocks Anda. [Ini akan menghubungkan blok tampilan dengan tampilan Magicbit Anda]

Langkah 8: [Opsional] Impor Sudah Setup Nodes

[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node
[Opsional] Impor Sudah Setup Node

Jika Anda kesulitan mengatur node, Anda dapat menggunakan fitur impor di Magicblocks untuk mendapatkan node yang telah disiapkan.

Pertama salin kode ini ke clipboard Anda;

[{"id":"458b634b.ddbbbc", "type":"ui_text_input", "z":"b4f698b2.ff2c68", "name":"", "label":"Input Text", "group": "64afd566.2c4e9c", "order":0, "width":0, "height":0, "passthru":true, "mode":"text", "delay":300, "topic":"", "x": 180, "y":300, "kabel":

  • Klik menu opsi di sudut kanan atas layar.
  • Selanjutnya arahkan kursor Anda ke sub-menu Impor.
  • Kemudian klik Clipboard dan rekatkan kode di clipboard Anda ke bidang teks
  • Pilih aliran saat ini atau aliran baru dan klik Impor.

PENTING

Pastikan Anda mengetikkan id perangkat Anda pada properti node tampilan.

Langkah 9: Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]

Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]
Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]
Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]
Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]
Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]
Akhirnya Menyebarkan Blok & Menggunakan UI Dasbor untuk Mengaksesnya [Metode 2]
  1. Hubungkan blok input teks dengan node tampilan.
  2. Klik tombol Deploy di sudut kanan atas layar.
  3. Setelah menerapkan, buka ui dasbor dengan mengeklik tautan ke URL dasbor di sudut kanan atas layar.
  4. Di Dasbor Anda dapat mengetik teks Anda di bidang yang Anda buat menggunakan blok input teks dan ini akan menampilkan teks itu di Magicbit Anda.
  5. Salin URL Dasbor Anda dan ini dapat diakses melalui internet untuk menampilkan teks ke Tampilan Magicbit Anda dari mana saja di Dunia.

Penyelesaian masalah

  1. Periksa apakah itu menunjukkan terhubung di bawah blok tampilan jika tidak periksa kembali id perangkat yang Anda ketikkan ke dalam blok tampilan.
  2. Periksa apakah Magicbit Anda terhubung ke internet.
  3. Periksa apakah Anda mengetik teks di bidang teks yang ditautkan dengan benar dan juga di dasbor yang benar yang Anda buat

Jika Anda memerlukan bantuan atau tidak dapat memahami langkah, pastikan untuk melihat video youtube kami dengan mengklik di sini: Video Youtube

Direkomendasikan: