Loading image 1...

01/02

EONRadiator

Aplikasi React Native Lintas Platform untuk Perawatan Radiator dan Perhitungan Cairan Pendingin di Lapangan

Client
PT Eonchemicals Putra (EON), Indonesia
Year
2025
Timeline
3 bulan
Category
Pengembangan Mobile / Aplikasi
UI Goal
Membuat perhitungan dan pencatatan radiator selesai di lokasi, dalam sekali jalan.
VISUAL STYLE
Tampilan lugas dan berkontras tinggi, mengingat pemakaiannya di lapangan dan bukan di meja kerja.
LAYOUT SYSTEM
Alur satu arah dari data unit menuju hasil hitung dan catatan perawatan.
PRIMARY DEVICE TARGET
Teknisi lapangan EON, serta tim kantor yang membaca hasilnya lewat CMS.
EON Radiator
Karya Unggulan

EON Radiator

Aplikasi React Native Lintas Platform untuk Perawatan Radiator dan Perhitungan Cairan Pendingin di Lapangan

Gambaran

Aplikasi React Native Lintas Platform untuk Perawatan Radiator dan Perhitungan Cairan Pendingin di Lapangan

PT Eonchemicals Putra adalah produsen kimia khusus asal Indonesia yang produk pendingin radiatornya dipakai di kendaraan dan alat berat. Javapixa membangun EON Radiator, aplikasi React Native lintas platform untuk iOS dan Android yang mencatat perawatan radiator dan menghitung konsumsi cairan pendingin langsung di lokasi, berjalan di atas REST API Laravel, dengan CMS admin Next.js sebagai sisi kantornya. Aplikasinya terbit sebagai EONRadiator di Google Play dan App Store.

Tantangan

Masalah

Perhitungan cairan pendingin selama ini dikerjakan di lapangan, di dekat unitnya, sering kali di atas kertas. Cara itu bisa berjalan untuk satu teknisi, tetapi menyulitkan ketika perusahaan ingin melihat pola pemakaian lintas armada: catatannya tersebar di banyak buku catatan, dan angkanya baru sampai ke kantor jauh setelah pekerjaannya selesai.

Solusi

Perhitungannya dipindahkan ke dalam aplikasi, sehingga teknisi memasukkan data unit dan aplikasi yang menghitung, bukan sebaliknya. Riwayat perawatan tersimpan bersama hasil hitungnya, jadi satu unit punya satu catatan yang utuh. CMS admin dibangun dengan Next.js agar tim kantor melihat data yang sama tanpa menunggu rekap manual. Aplikasinya didistribusikan lewat Google Play, sehingga teknisi memasang dan memperbaruinya seperti aplikasi biasa.

PerjalananVisual

Showcase Proyek

Loading image 1...

Tangkapan Layar 1

Visualisasi proyek dan desain antarmuka

01/03
Navigasi

StackTeknologi

01

React Native

Aplikasi Mobile (iOS & Android)

02

Laravel

Backend REST API

03

Next.js

CMS Admin

04

Google Play & App Store

Distribusi

FiturUtama

[01]

Perhitungan Cairan Pendingin

Teknisi memasukkan data unit dan aplikasi menghitung kebutuhan cairan pendinginnya, sehingga hasilnya konsisten antar teknisi dan antar lokasi.

[02]

Catatan Perawatan

Setiap pekerjaan perawatan tersimpan bersama hasil hitungnya, jadi riwayat satu unit bisa dibaca sebagai satu rangkaian, bukan potongan yang terpisah.

[03]

Pemantauan Konsumsi

Pemakaian tercatat dari waktu ke waktu, sehingga polanya terlihat di tingkat armada dan bukan hanya per kunjungan.

[04]

CMS Admin Next.js

Sisi kantor dibangun terpisah dengan Next.js, agar tim administrasi membaca data lapangan tanpa harus membuka aplikasi mobilenya.

[05]

Distribusi lewat Google Play dan App Store

Aplikasi terbit sebagai EONRadiator di Google Play dan App Store, sehingga pemasangan dan pembaruan mengikuti alur toko aplikasi yang sudah dikenal teknisi, di Android maupun iOS.

ProsesKami

Pandangan detail tentang bagaimana kami mewujudkan proyek ini dari konsep hingga kenyataan melalui metodologi kami yang terbukti.

01
Durasi
3 minggu

Pemetaan Alur Lapangan

Menelusuri bagaimana perhitungan dan pencatatan dikerjakan saat ini di lokasi, lalu menentukan bagian mana yang layak dipindahkan ke aplikasi.

Hasil
Pemetaan Alur Kerja
Rumus Perhitungan
Alur Aplikasi
02
Durasi
1,5 bulan

Aplikasi Mobile dan CMS

Membangun REST API Laravel, aplikasi React Native untuk iOS dan Android, serta CMS admin Next.js, dengan struktur data perawatan dan konsumsi yang dipakai bersama.

Hasil
REST API Laravel
Aplikasi React Native (iOS & Android)
CMS Admin Next.js
03
Durasi
1 bulan

Uji Lapangan dan Rilis

Menguji aplikasi pada kondisi pemakaian sebenarnya, menyesuaikan hasil masukan teknisi, lalu menerbitkannya di Google Play dan App Store.

Hasil
Uji Lapangan
Penyesuaian
Rilis Google Play & App Store
  • 01Konsumsi cairan radiator dihitung di dalam aplikasi, bukan dikira-kira manual di lokasi.
  • 02Riwayat perawatan dan konsumsi berada di satu tempat, bukan tersebar di catatan tiap teknisi.
  • 03REST API Laravel melayani aplikasi mobile dan CMS admin dari satu sumber data yang sama.
  • 04CMS admin Next.js memberi tim kantor pandangan atas apa yang dicatat di lapangan.
  • 05Satu basis kode React Native mencakup iOS dan Android, bukan dua pembangunan native terpisah.
  • 06Terbit di Google Play dan App Store, sehingga distribusi ke teknisi tidak perlu pemasangan manual.
  • 07TODO: lengkapi dengan hasil yang dapat diverifikasi dari klien bila tersedia.

Ingin sesuatu seperti ini?

Berikut layanan Javapixa yang mengerjakan proyek ini.

EON Radiator - Portfolio | Javapixa Creative Studio