Daftar Isi:
- Langkah 1: Apa yang Anda Butuhkan
- Langkah 2: Sirkuit
- Langkah 3: Mulai Visuino, dan Pilih Jenis Papan Arduino UNO
- Langkah 4: Dalam Komponen ADD Visuino
- 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 menu dengan pilihan pilihan menggunakan OLED Display dan Visuino.
Tonton videonya.
Langkah 1: Apa yang Anda Butuhkan
- Arduino UNO (atau Arduino lainnya)
- Kabel jumper
- Tampilan OLED
- Papan tempat memotong roti
- Resistor 1K ohm
- Tombol
- Program Visuino: Unduh Visuino
Langkah 2: Sirkuit
- Hubungkan pin tampilan OLED [VCC] ke pin arduino [5V]
- Hubungkan pin tampilan OLED [GND] ke pin arduino [GND]
- Hubungkan pin tampilan OLED [SDA] ke pin arduino [SDA]
- Hubungkan pin tampilan OLED [SCL] ke pin arduino [SCL]
- Hubungkan Arduino 5V ke satu sisi resistor
- Hubungkan sisi lain resistor ke tombol
- Hubungkan sisi lain tombol ke pin digital Arduino[8] dan ke ground
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: Dalam Komponen ADD Visuino
- Tambahkan komponen "Penghitung"
- Tambahkan komponen "Integer Array"
- Tambahkan komponen "Integer Multi Source"
- Tambahkan komponen "SSD1306/SH1106 OLED Display (I2C)"
Langkah 5: Dalam Komponen Set Visuino
- Pilih komponen "Counter1" dan di jendela properti atur 'Max'>'Value' ke 2 dan 'Min>'Value' ke 0
- Klik dua kali pada "Array1" dan di jendela Elemen seret 3x 'Nilai' ke sisi kiri Pilih Item[1] dan di jendela properti setel nilai ke 20Pilih Item[2] dan di jendela properti setel nilai ke 40
- Pilih komponen "IntegerMultiSource1" dan di jendela properti atur 'Output Pins' ke 4
- Klik dua kali pada "DisplayOLED1" dan di jendela elemen -seret 3X "Draw Text" ke kiriPilih 'Draw Text1' dan di jendela properti atur warna ke tmcInvert, ukuran ke 2, teks ke 'Menu-1'Pilih 'Draw Text2 ' dan di jendela properti atur warna ke tmcInvert, ukuran ke 2, teks ke 'Menu-2', Y ke 20Pilih 'Draw Text3' dan di jendela properti atur warna ke tmcInvert, ukuran ke 2, teks ke 'Menu-3 ', Y ke 40-tarik "Draw Rectangle" ke kiri dan atur warna ke tmcWhite dan fillcolor ke tmcWhite, height ke 20, Width ke 128, pilih Y dan klik ikon Pin dan pilih 'Integer SinkPin'-drag "Fill Layar" ke kiri
Langkah 6: Dalam Komponen Visuino Connect
- Hubungkan pin digital Arduino[8] ke pin komponen "counter1"[In]
- Hubungkan pin komponen "Counter1" [keluar] ke pin "Array1" [Indeks]
- Hubungkan pin komponen "Array1"[out] ke pin "IntegerMultiSource1"[In]
- Hubungkan pin "IntegerMultiSource1"[0] ke DisplayOLED1>Fill Screen1 pin[clock]
- Hubungkan pin "IntegerMultiSource1" [1] ke DisplayOLED1> Gambarkan pin Rectangle1[Y]
- Hubungkan pin "IntegerMultiSource1"[2] ke DisplayOLED1>Draw Rectangle1 pin[Clock]
- Hubungkan pin "IntegerMultiSource1"[3] ke DisplayOLED1>Draw Text1 pin[Clock]
- Hubungkan pin "IntegerMultiSource1"[3] ke DisplayOLED1>Draw Text2 pin[Clock]
- Hubungkan pin "IntegerMultiSource1"[3] ke DisplayOLED1>Draw Text3 pin[Clock]
- Hubungkan "DisplayOLED1" pin I2C[Out] ke Arduino board I2c pin[In]
Langkah 7: Hasilkan, Kompilasi, dan Unggah Kode Arduino
Di Visuino, di bagian bawah klik pada Tab "Build", pastikan port yang benar dipilih, lalu klik tombol "Compile/Build and Upload".
Langkah 8: Mainkan
Jika Anda menyalakan modul Arduino UNO, dan layar OLED akan mulai menampilkan menu, Anda dapat menavigasi menu dengan menekan tombol.
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: