Intip GearGauge: Inovasi Mahasiswa yang Jadi Solusi Terpadu Pencarian Data Mobil

Tim mahasiswa mata kuliah Pemrograman Berbasis Platform (PBP) memperkenalkan aplikasi  inovatif bertajuk GearGauge , sebuah platform digital yang dirancang untuk menyajikan  informasi spesifikasi mobil secara lengkap, terstruktur, dan mudah diakses. Aplikasi ini  dikembangkan oleh Kelompok 2 UAS PBP 2024C. 

                                 

GearGauge dihadirkan sebagai respon atas kebutuhan masyarakat akan referensi otomotif yang  terintegrasi. Selama ini, informasi mengenai spesifikasi kendaraan sering tersebar di berbagai  situs pabrikan, portal berita otomotif, hingga forum bold, sehingga menyulitkan pengguna  dalam melakukan pencarian dan perbandingan. Dengan memanfaatkan teknologi Flutter Web  dan Mobile , GearGauge berupaya menjadi pusat informasi yang konsisten, ringkas, dan  mudah diakses dalam satu aplikasi terpadu. 

Dalam kasus ini menjelaskan bahwa tantangan utama dalam dunia otomotif saat ini bukan  hanya banyaknya data, tetapi juga penyebarannya yang terpecah. GearGauge menawarkan  solusi melalui integrasi API yang menampilkan data secara real-time, sehingga pengguna dapat  memperoleh informasi aktual tanpa harus membuka banyak situs berbeda. 

Selain memenuhi kebutuhan pengguna umum, proyek ini sekaligus menjadi sarana penerapan  materi pembelajaran seperti penggunaan DIO , Cubit , GoRouter , konsep OOP , penerapan  Clean Architecture , hingga pembuatan desain antarmuka yang adaptif dan responsif.

Fitur-Fitur Utama Aplikasi GearGauge 

1. Splash Screen Sinematik 

Aplikasi menampilkan tampilan pembuka bernuansa modern dengan animasi fade-in dan fade-out . Logo aplikasi muncul secara halus, kemudian mengalihkan pengguna ke  halaman utama setelah durasi tertentu. Efek visual ini memberikan kesan profesional  sejak awal penggunaan. 

2. Sistem Login dan Registrasi 

Halaman autentikasi dirancang dengan tampilan menarik menggunakan video latar  belakang dan efek buram. Formulir login dan pendaftaran dilengkapi validasi setiap  input untuk memastikan keamanan dan kenyamanan pengguna. Fitur ini diatur melalui  manajemen negara AuthCubit . 

3. Layar Beranda dengan Efek Visual Sinematik 

Halaman utama menampilkan Cinematic Hero Section berupa latar video yang  bergerak dinamis mengikuti guliran layar, sehingga menghasilkan efek paralaks yang  lembut. Data daftar mobil ditampilkan dalam bentuk guliran horizontal menggunakan  ListView yang mengambil data langsung dari API. 

4. Detail Spesifikasi Mobil 

Setiap model mobil dapat dibuka secara terpisah, menampilkan informasi seperti nama,  merek, harga, serta kelompok spesifikasi teknis lainnya. Struktur data ini dikelola  menggunakan model CarModel yang dirancang dengan konsep OOP. 

5. Halaman Profil Pengembang 

Bagian “About Us” dibuat menggunakan grid dinamis yang memuat foto,  nama,sosmed, dan peran setiap anggota tim. Data disusun dalam daftar terstruktur  sehingga memudahkan pengembang menambahkan atau memperbarui informasi di  kemudian hari. 

Teknologi, Arsitektur, dan Pendekatan Modern 

GearGauge salah satu contoh aplikasi pelajar yang dibangun dengan pendekatan mendekati  standar industri. Sejumlah teknologi kunci yang digunakan antara lain:

• DIO sebagai klien HTTP untuk memuat data mobil dan merek secara real-time • Cubit (BLoC) untuk mengatur keadaan agar tetap konsisten dan tidak berubah secara  langsung 

• GoRouter untuk navigasi modern berbasis URL, termasuk rute dinamis • Clean Architecture yang membagi kode berdasarkan fitur sehingga lebih cepat dan  mudah dikembangkan 

• UI Adaptif–Responsif yang menyesuaikan tampilan sesuai perangkat dan pergerakan  pengguna 

• Permission Handler dan Image Picker untuk mengelola pemilihan gambar dengan  sistem izin yang aman 

Pendekatan ini menunjukkan pemahaman mahasiswa terhadap praktik pengembangan aplikasi  modern yang terstruktur, efisien, dan terukur. 

Pada setiap halaman aplikasi mulai dari Splash Screen, Sign Up, Login, Home Screen, Detail  Mobil, hingga halaman About us telah dirancang dengan estetika yang konsisten dan responsif.  Visual yang modern dikombinasikan dengan animasi halus menunjukkan perhatian tinggi  terhadap pengalaman pengguna. 

GearGauge berhasil menjadi aplikasi katalog spesifikasi mobil yang informatif sekaligus  menjadi bukti penerapan materi perkuliahan secara nyata. Proyek ini menampilkan  implementasi konsep OOP, API real-time, hingga arsitektur bersih yang fleksibel. Dengan fitur  yang lengkap dan tampilan profesional, GearGauge dinilai layak dijadikan portofolio pelajar  dalam bidang pemograman berbasis platform. 

Aplikasi ini tersedia dalam versi web maupun file APK untuk perangkat Android 

Anggota kelompok 

1. Rizma Indra Pramudya ( 24111814117 ) 

2. Muhammad Abdullah Ro’in ( 24111814054 ) 

3. Putera Al Khalidi ( 24111814077 ) 

4. Rendy Agus Dwi Satrio ( 24111814094 ) 

5. Muhammad Dava Firmansyah ( 24111814030 ) 

6. Naufal Akbar Putra Pradana ( 24111814027 ) 

7. Naufal Yudantara Saputra ( 24111814023 )