Daftar Isi:
- Langkah 1: Apa yang Anda Butuhkan
- Langkah 2: Sirkuit
- Langkah 3: Mulai Visuino, dan Pilih Jenis Papan Arduino UNO
- Langkah 4: Di Visuino Tambahkan Komponen
- Langkah 5: Dalam Komponen Set Visuino
- Langkah 6: Dalam Komponen Visuino Connect
- Langkah 7: Hasilkan, Kompilasi, dan Unggah Kode Arduino
- Langkah 8: Mainkan
2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-13 06:57
Dalam tutorial ini kita akan belajar cara membuat stasiun cuaca sederhana menggunakan Arduino, sensor DHT11, Layar OLED dan Visuino untuk Menampilkan Suhu dan Kelembaban.
Tonton video demonstrasi.
Langkah 1: Apa yang Anda Butuhkan
- Arduino UNO (atau Arduino lainnya)
- Tampilan OLED
- Sensor suhu / kelembaban DHT11
- Kabel jumper
- Program Visuino: Unduh Visuino
Langkah 2: Sirkuit
- Hubungkan pin sensor DHT11 (VCC atau +) ke pin Arduino (5V)
- Hubungkan pin sensor DHT11 (GND atau -) ke pin Arduino (GND)
- Hubungkan pin sensor DHT11 (S) ke pin digital Arduino (7)
- Hubungkan pin Tampilan OLED (VCC) ke pin Arduino (5V)
- Hubungkan pin Tampilan OLED (GND) ke pin Arduino (GND)
- Hubungkan pin Tampilan OLED (SCL) ke pin Arduino (SCL)
- Hubungkan pin Tampilan OLED (SDA) ke pin Arduino (SDA)
Langkah 3: Mulai Visuino, dan Pilih Jenis Papan Arduino UNO
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 Arduino UNO! Visuino: https://www.visuino.eu juga perlu diinstal. Jalankan Visuino seperti pada gambar pertama Klik tombol "Tools" pada komponen Arduino (Gambar 1) di Visuino Ketika muncul dialog, pilih "Arduino UNO" seperti pada Gambar 2
Langkah 4: Di Visuino Tambahkan Komponen
- Tambahkan komponen "SSD1306/SH1106 OLED Display (I2C)"
- Tambahkan 2X komponen "Analog To Text"
- Tambahkan komponen "Kelembaban dan Termometer DHT11/21/22/AM2301"
Langkah 5: Dalam Komponen Set Visuino
- Pilih komponen "AnalogToText1" dan di jendela properti atur "Precision" ke 0 (Gambar1)
- Pilih komponen "AnalogToText2" dan di jendela properti atur "Precision" ke 0 (Gambar1)
- Pilih komponen "DisplayOLED1" dan klik dua kali di atasnya. (gambar2)
- Di jendela elemen seret 2X "Draw Bitmap" ke kiri (Gambar2)
- Di jendela elemen seret 2X "Bidang Teks" ke kiri (Gambar2)
- Di jendela Elemen Pilih "Draw Bitmap1" di sebelah kiri dan di jendela properti atur "Y" menjadi 30 dan pilih "Bitmap" dan klik pada 3 titik.
- Di "Transparency Bitmap Editor" klik tombol "Muat" dan Muat bitmap "Cloud" dari file. Catatan: Bitmap "Cloud" tersedia di sini untuk diunduh atau Anda dapat menelusuri lebih lanjut di sini,
- Tutup "Editor Bitmap Transparansi"
- Di jendela Elemen Pilih "Draw Bitmap2" di sebelah kiri dan di jendela properti atur "X" ke 75 dan pilih "Bitmap" dan klik pada 3 titik.
- Di "Transparency Bitmap Editor" klik tombol "Load" dan Muat bitmap "Drop" dari file. Catatan: Bitmap "Drop" tersedia di sini untuk diunduh atau Anda dapat menelusuri lebih lanjut di sini,
- Tutup "Editor Bitmap Transparansi"
- Di jendela Elemen pilih "TextField1" dan di jendela properti atur "ukuran" ke 4, "X" ke 5, "Y" ke 5
- Di jendela Elemen pilih "TextField2" dan di jendela properti atur "ukuran" ke 2, "X" ke 105, "Y" ke 5
Langkah 6: Dalam Komponen Visuino Connect
- Hubungkan pin komponen "DisplayOLED1" [Out] ke pin Arduino I2C [In]
- Hubungkan pin komponen "HumidityThermometer1" [Sensor] ke pin digital Arduino [7]
- Hubungkan pin komponen "HumidityThermometer1" [Temperature] ke pin AnalogToText1 [In]
- Hubungkan pin komponen "HumidityThermometer1" [Humidity] ke pin AnalogToText2 [In]
- Hubungkan pin "AnalogToText1" [Keluar] ke "DisplayOLED1"> pin komponen TextField1 [Masuk]
- Hubungkan pin "AnalogToText2" [Keluar] ke "DisplayOLED1"> pin komponen TextField2 [Masuk]
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 Arduino UNO, suhu ruangan dan tingkat kelembaban akan ditampilkan pada layar OLED.
Selamat! Anda telah menyelesaikan proyek Anda dengan Visuino. Juga terlampir adalah proyek Visuino, yang saya buat untuk Instruksi ini, Anda dapat mengunduhnya di sini dan membukanya di Visuino: