Bikin Dashboard Motor Listrik di HP Pakai ESP32 (Tanpa Aplikasi!)
Pernah
membayangkan motor listrik kesayanganmu bisa menampilkan data super lengkap
seperti tegangan baterai, arus, kecepatan, bahkan estimasi jarak tempuh
langsung ke layar HP?
![]()
tampilan dashboard motor listrik di HP
Mungkin
kamu berpikir, "Ah, itu mah fitur motor listrik mahal kelas
sultan!" Eits, tunggu dulu. Ternyata kita bisa bikin sendiri fitur
canggih itu tanpa perlu beli layar tambahan yang mahal dan tanpa instal
aplikasi apa pun. Cukup bermodalkan modul kecil bernama ESP32 dan
browser di HP-mu. Yuk, kita bedah rahasianya!
Masalahnya: Dashboard Bawaan Terlalu Pelit Informasi
Jujur saja, sebagian besar motor listrik (terutama model lama atau kelas entry-level) hanya punya indikator sederhana: sisa baterai (yang kadang tidak akurat karena cuma konversi tegangan) dan kecepatan.
![]() |
| aneka speedometer bawaan motor listrik Lama |
Padahal, sebagai pengguna motor listrik, kita butuh data lebih dalam seperti:
- Tegangan baterai
(Volt): Biar tahu kondisi
real baterai.
- Arus (Ampere): Biar tahu seberapa "boros" tarikan gas
kita.
- Konsumsi daya
(Watt): Menghitung
efisiensi berkendara.
Masalah
lainnya, motor listrik kelas atas yang punya fitur HP biasanya berbasis
Bluetooth dan aplikasinya seringkali cuma tersedia buat Android. Pengguna iOS
atau Windows sering dianaktirikan. Nah, solusi yang akan kita bahas ini
bersifat Universal.
Alur Kerja: Si Otak Kecil yang Cerdas
Bagaimana
cara kerjanya? Intinya ada pada ESP32. Modul mikrokontroler murah meriah
ini bertugas sebagai "otak" yang melakukan segalanya:
- Membaca Data
Pokok: ESP32 mengambil
data mentah dari sensor, seperti Volt, Ampere, RPM motor, dan waktu (timer).
- Mengolah Data
Turunan: Dari data mentah
tadi, ESP32 melakukan perhitungan matematika kilat untuk menghasilkan
informasi baru:
- Volt × Amper = Watt
(Daya saat ini).
- Data waktu + Arus
= Ah/Wh (Sisa kapasitas baterai).
- RPM motor +
ukuran ban = Kecepatan & Jarak Tempuh (Odometer).
- Kombinasi semuanya = Efisiensi berkendara & Estimasi jarak sisa.
![]() |
| pasang ke unit motor listrik |
- Fitur Tambahan: Karena memori ESP32 cukup lega, kita bahkan bisa
menambahkan fitur pintar seperti Safety Lock, Mode Parkir, Speed
Mode, hingga Alarm lewat satu sistem ini.
Kok Bisa Tampil di HP Tanpa Aplikasi?
Ini
bagian paling kerennya. ESP32 itu punya fitur Wi-Fi bawaan. Dia bisa bertindak
sebagai Access Point. Artinya, dia bisa memancarkan sinyal Wi-Fi sendiri
seperti tethering di HP.
Langkah
aksesnya semudah ini:
- Hubungkan Wi-Fi
HP-mu ke jaringan Wi-Fi si ESP32 (misal namanya:
"Dashboard-Motor-Ku").
- Buka browser
(Chrome, Safari, atau apa pun).
- Ketik alamat IP: 192.168.4.1.
- BUM! Halaman dashboard langsung muncul di layar HP.
Keunggulannya?
- ✅ Tanpa
Internet: Semua berjalan lokal di motor.
- ✅ Tanpa
Instal Aplikasi: Tidak memenuhi memori HP.
- ✅ Lintas
Platform: Bisa dibuka di iPhone, Android, bahkan laptop sekalipun.
Tampilan UI: Untuk Evaluasi, Bukan Untuk "Cari Bahaya"
Satu
hal yang perlu diingat: Keselamatan adalah nomor satu. Tampilan
dashboard di HP ini sebaiknya tidak digunakan untuk memantau kecepatan secara real-time
sambil memegang HP saat berkendara. Itu sangat berbahaya!
Idealnya,
UI (antarmuka) yang kita buat difokuskan untuk Statistik dan Evaluasi
setelah selesai riding. Begitu sampai rumah atau saat sedang istirahat,
kita bisa cek:
![]() |
| UI di HP lebih cocok untuk bahan evaluasi |
- "Tadi habis
berapa persen baterai ya buat jarak 10 km?"
- "Gaya
berkendara saya tadi efisien nggak ya?"
- "Berapa sisa
kapasitas baterai sebenarnya dalam satuan Ah?"
Kesimpulan
Cukup
dengan satu modul ESP32 dan sedikit sentuhan pemrograman web sederhana, motor
listrik biasa bisa punya fitur monitoring kelas atas. Kamu nggak butuh layar
tambahan yang ribet atau sistem mahal yang terkunci di satu merek HP saja.
Ini
bukan cuma soal gaya-gayaan, tapi soal mengenal "kesehatan" motor
listrik dengan lebih baik. Modifikasi ini juga membuka peluang besar untuk
proyek monitoring lainnya!
Tertarik pengen tahu skema kabel Wiring, ada disini.
![]() |
| wiring diagram |
![]() |
| upload code Flash |
![]() |
| aneka dokumentasi |


.jpeg)
.jpg)
.jpeg)
.jpeg)
.jpeg)


.jpeg)
.jpeg)
.jpeg)


.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)