OLED 0.91 inch dengan resolusi 128x32 pixel merupakan modul tampilan kecil yang hemat daya dan sangat cocok untuk berbagai proyek mikrokontroler. Dengan menggunakan ESP32, kita bisa menampilkan teks, ikon, hingga gambar (bitmap) untuk memperkaya tampilan user interface.

Manfaat menampilkan gambar di OLED:

  • Menampilkan logo atau branding produk
  • Simbol status perangkat (WiFi, baterai, dsb)
  • Memperindah tampilan antarmuka mikrokontroler

Pentingnya Mengecek Alamat I2C

Salah satu penyebab umum OLED tidak menampilkan karakter atau gambar adalah kesalahan alamat I2C. Alamat I2C bisa berbeda tergantung pabrik pembuat modul OLED.

Contoh koding untuk scan I2C:

Gambar 1. Koding untuk scan I2C Address

Note: jangan lupa menghubungkan oled ke esp32 (SDA:5 dan SCL:18)

Wiring OLED dan Sintaks Dasar

Tabel 1. Wiring OLED - ESP32

OLED Pin ESP32 Pin
VCC 3.3V
GND GND
SDA GPIO 5
SCL GPIO 18

Contoh koding untuk menampilkan text pada OLED Display:

Gambar 2. Contoh koding untuk menampilkan text pada OLED Display

Konversi Gambar ke Array

Untuk menampilkan gambar pada OLED 0.91, gambar harus diubah menjadi array bitmap (monokrom hitam-putih). Ada beberapa tools yang dapat digunakan, salah satunya adalah tools online pada link berikut: https://www.teachmemicro.com/lcd-bitmap-converter-online/.

Gambar 3. Konversi Gambar ke LCD Array (1)

Pada bagian ini dapat diatur besaran pixel gambar yg akan di convert. Kemudian upload file gambar yang diinginkan.

Gambar 4. Konversi Gambar ke LCD Array (2)

Kemudian tekan tombol Export Bitmap, dan akan tambil nilai array dari gambar yang diupload. Array ini nanti yang akan dimasukkan ke dalam koding ESP32 supaya gambar tersebut dapat ditampilkan pada OLED (hitam putih).

Contoh implementasi ke koding ESP32

Gambar 5. Contoh implementasi ke koding untuk menampilkan gambar pada OLED

note: array logo adalah output dari hasil convert image sebelumnya. Dalam screenshot ini masih sebagian yg digunakan supaya tidak terlalu besar screenshotnya. (harap dimasukkan semuanya ya hasil convertnya).

Contoh implementasi hardware dan hasilnya
Berikut adalah contoh implementasi yang telah digabungkan antara menampilkan image (40x32), text dan fillrectangle pada OLED 0.91.

Gambar 6. Contoh implementasi pada hardware dan hasilnya

Keywords: ESP32, OLED 0.91, Image to LCD Converter, Arduino

SDG: 9 “Industry, Innovation and Infrastructure”

Referensi:

  1. https://randomnerdtutorials.com
  2. https://www.teachmemicro.com/lcd-bitmap-converter-online
  3. https://chatgpt.com/