Tutorial Arduino ESP32 Menampilkan Data Ke Display P10. ESP32 adalah mikrokontroler yang digunakan dalam berbagai berbagai macam proyek IoT (Internet of Things) karena memiliki fitur komunikasi Wi-Fi dan Bluetooth Low Energy (BLE), serta performa yang lebih baik dibandingkan dengan pendahulunya yaitu ESP8266. Pada post kali ini salah satu aplikasi ESP32 adalah untuk mengontrol panel LED seperti P10. Panel P10 adalah display LED matrix yang umumnya digunakan untuk membuat papan reklame atau display informasi di ruang publik.
Apa Itu Display P10?
Panel P10 adalah jenis display LED yang disusun secara matrix yang terdiri dari 32 kolom dan 16 baris LED. Setiap LED dapat menyala atau mati secara independen, memungkinkan tampilan karakter, gambar, atau pola sederhana. Panel ini biasanya digunakan dalam konfigurasi modul yang bisa di gabungkan dengan beberapa panel untuk membentuk display yang lebih besar.
Panel P10 menggunakan antarmuka paralel untuk mengirim data, sehingga butuh mikrokontroler yang dapat mengatur timing dan data dengan tepat, seperti ESP32.
Sebelum memulai, ada beberapa komponen yang perlu disiapkan:
- ESP32. Mikrokontroler utama.
- Panel P10. Display LED yang akan digunakan.
- catu Daya. Panel P10 memerlukan daya yang cukup besar, biasanya 5V dengan arus yang bervariasi tergantung pada ukuran panel.
- Kabel jumper. Untuk menghubungkan ESP32 ke panel P10.
- Driver P10. Sebuah library untuk mengontrol display P10.
Langkah-Langkah Implementasi ESP32 Terhubung Display P10
Menghubungkan ESP32 ke Panel P10 Panel P10 memiliki konektor HUB75 yang memiliki beberapa pin, antara lain pin A, B, C, D, CLK, LAT, OE, dan pin data R1 dan R2. Anda harus menghubungkan pin-pin ini ke pin GPIO ESP32. Contoh pengkabelan dapat mengikuti konfigurasi berikut:
ESP32 GPIO ke Panel P10 HUB75:
GPIO 12 -> A
GPIO 13 -> B
GPIO 14 -> C
GPIO 15 -> D
GPIO 16 -> CLK
GPIO 17 -> LAT
GPIO 18 -> OE
GPIO 19 -> R1 (data)
GPIO 21 -> R2 (jika menggunakan panel dua warna)
Instalasi Library di Arduino IDE
Buka Arduino IDE.
Pergi ke Sketch -> Include Library -> Manage Libraries….
Cari dan instal library PxMatrix atau PxLEDMatrix, yang dirancang khusus untuk mengendalikan panel LED seperti P10 dengan ESP32.
Kode Program Berikut adalah contoh kode dasar untuk menampilkan teks pada display P10 menggunakan ESP32 dan library PxMatrix.
#include <PxMatrix.h>
// Definisikan ukuran panel P10
#define P10_WIDTH 32
#define P10_HEIGHT 16
// Inisialisasi panel
PxMatrix display(P10_WIDTH, P10_HEIGHT, 12, 13, 14, 15, 16, 17, 18, 19);
void setup() {
display.begin(8); // Memulai display dengan tingkat kecerahan 8
display.setTextColor(display.color565(255, 0, 0)); // Warna teks merah
display.setTextSize(1); // Ukuran teks
display.setCursor(0, 0); // Letakkan teks di posisi awal
}
void loop() {
display.fillScreen(display.color565(0, 0, 0)); // Bersihkan layar
display.print(“Hello, World!”); // Tampilkan teks
display.showBuffer(); // Menampilkan buffer ke layar
delay(1000); // Tunggu 1 detik sebelum update berikutnya
}
Penjelasan Kode
PxMatrix display(): Inisialisasi objek display untuk panel P10.
display.begin(): Memulai tampilan dengan tingkat kecerahan tertentu.
setTextColor(): Menentukan warna teks.
setTextSize(): Menentukan ukuran teks.
setCursor(): Menentukan posisi awal teks di layar.
print(): Menampilkan teks.
showBuffer(): Mengirim buffer gambar ke panel P10.
Dalam loop, teks “Hello, World!” akan ditampilkan di layar dan diperbarui setiap detik.
Pengujian Setelah menyusun program dan mengunggahnya ke ESP32, display P10 seharusnya menampilkan teks “Hello, World!” secara statis. Untuk membuat teks berjalan, Anda bisa mengubah posisi kursor secara dinamis dalam loop.
