NODEMCU DAN VISUINO MENAMPILKAN BERITA LANGSUNG DARI INTERNET: 8 Langkah

2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-23 14:49

Dalam tutorial ini kita akan menggunakan NodeMCU Mini, OLED Lcd, dan Visuino untuk menampilkan BERITA langsung setiap beberapa detik dari internet di LCD. Tonton video demonstrasi.

Langkah 1: Apa yang Anda Butuhkan

• NodeMCU Mini
• LCD OLED
• Papan tempat memotong roti
• Kabel jumper
• Program Visuino: Unduh Visuino

Langkah 2: Sirkuit

• Hubungkan GND dari NodeMCU ke pin papan tempat memotong roti (gnd)
• Hubungkan pin 5V dari NodeMCU ke pin papan tempat memotong roti (positif)
• Hubungkan pin 0 (SCL) dari NodeMCU ke pin LCD OLED (SCL)
• Hubungkan pin 1 (SDA) dari NodeMCU ke pin LCD OLED (SDA)
• Hubungkan pin LCD OLED (VCC) ke pin papan tempat memotong roti (positif)
• Hubungkan pin LCD OLED (GND) ke pin papan tempat memotong roti (GND)

Langkah 3: Mulai Visuino, dan Pilih NodeMCU ESP-12

Untuk mulai memprogram Arduino, Anda harus menginstal Arduino IDE dari sini:

Perlu diketahui bahwa ada beberapa bug kritis di Arduino IDE 1.6.6. Pastikan Anda menginstal 1.6.7 atau lebih tinggi, jika tidak, Instruksi ini tidak akan berfungsi! Jika Anda belum selesai, ikuti langkah-langkah dalam Instruksi ini untuk mengatur Arduino IDE untuk memprogram ESP 8266!

Visuino juga perlu diinstal. Jalankan Visuino seperti terlihat pada gambar pertama Klik tombol "Tools" pada komponen Arduino (Gambar 1) di Visuino

Saat dialog muncul, pilih "NodeMCU ESP-12" seperti yang ditunjukkan pada Gambar 2

Langkah 4: Pengaturan WiFi

Pilih NodeMCU ESP-12 dan di editor Modules>WiFi>Access Points, klik tombol […], sehingga jendela "Access point" akan terbuka

Dalam editor ini seret titik akses WiFi ke sisi kiri.

• Di bawah "SSID" masukkan nama Jaringan WiFi Anda
• Di bawah "Kata Sandi" masukkan kata sandi akses untuk jaringan WiFi Anda

Tutup jendela "Titik akses"

Di sebelah kiri di editor pilih Modules>Wifi>Sockets, klik tombol […], sehingga jendela "Sockets" akan terbuka

Seret Klien TCP dari kanan ke kiri

Di bawah jendela Properties set port: 80

Langkah 5: Di Visuino Tambahkan Komponen

Tambahkan komponen CharToText1

Tetapkan Panjang Maks 1000

Tambahkan Tampilan OLED I2C

Klik dua kali dan di jendela seret Bidang Teks ke kiri

Tambahkan Teks Terformat

letakkan ini di bawah nilai "teks": DAPATKAN

Terima: teks/html, aplikasi/xhtml+xml, aplikasi/xml;q=0.9, gambar/webp, gambar/apng, */*;q=0.8

Terima-Chartset: *.*

Bahasa Terima: en-US, en;q=0.7, sl;q=0.3

Tuan rumah: feeds.reuters.com

DNT: 1

Tambahkan Ganti Teks (ReplaceText1)

1. atur "Dari Nilai":
2. atur "ToValue" menjadi kosong

Tambahkan Ganti Teks (ReplaceText2)

1. (lihat gambar) set "Dari Nilai":TAB TAB
2. atur "ToValue" menjadi kosong

• Tambahkan Panjang Teks (TextLength2)
• Tambahkan BerisiTeks (BerisiTeks1)

1. Setel nilai "teks": TAB TAB

   (Lihat gambarnya)

   • Tambahkan Ingat Teks

   • Tambahkan logika DAN

   • Tambahkan Nilai Tambah

   1. atur Nilai: 1

      • Tambahkan BandingkanValue (CompareValue1)

        1. atur "comparetype": ctSmallerOrEqual

        2. atur "nilai": 2

        • Tambahkan CompareValue (CompareValue3)

          1. atur "comparetype": ctBigger
          2. atur "nilai":3

          Langkah 6: Di Visuino: Menghubungkan Komponen

          

          • Hubungkan NodeMCU ESP-12 > Modules WiFi Sockets TCP Client1 > Pin[Out] ke CharToText1 pin [In]
          • Hubungkan pin CharToText1 [keluar] ke pin ReplaceText1[in]
          • Hubungkan pin ReplaceText1 [keluar] ke pin TextLength2 [in] dan pin UsingText1 [in] dan ke pin RememberText1 [in]
          • Hubungkan pin TextLength2 [keluar] ke pin CompareValue3 [masuk]
          • Hubungkan pin CompareValue3 [out] ke pin And1[1]
          • Hubungkan pin BerisiText1 [keluar] ke pin And1[0]
          • Hubungkan pin And1 [keluar] ke pin AddValue1[in]
          • Hubungkan AddValue1 pin[out] ke CompareValue1 pin[in]
          • Hubungkan pin CompareValue1 [out] ke RememberText1 pin [remember] dan pin[recall]
          • Hubungkan pin RememberText1 [keluar] ke pin ReplaceText2 [masuk]
          • Hubungkan pin ReplaceText2 [out] ke pin NodeMCU ESP-12 serial0 pin [in] dan ke pin bidang teks elemen DisplayOLED1 [in]
          • Hubungkan pin DisplayOLED1 [out] ke pin NodeMCU ESP-12 I2C [in]

          Langkah 7: Hasilkan, Kompilasi, dan Unggah Kode Arduino

          

          

          Di Visuino, Tekan F9 atau klik tombol yang ditunjukkan pada Gambar 1 untuk menghasilkan kode Arduino, dan buka Arduino IDE

          Pada Arduino IDE, klik tombol Unggah, untuk mengkompilasi dan mengunggah kode (Gambar 2)

          Langkah 8: Mainkan

          Jika Anda menyalakan modul NodeMCU, Lcd OLED akan mulai menampilkan Berita Dunia Terbaru.

          Selamat! Anda telah menyelesaikan proyek Berita Langsung Anda dengan Visuino. Juga terlampir adalah proyek Visuino, yang saya buat untuk Instructable ini. Anda dapat mengunduh dan membukanya di Visuino: Tautan unduhan