Aplikasi Mobile Company Profile PLN
Pengembangan aplikasi profil perusahaan mobile untuk PLN menggunakan Flutter, manajemen state GetX, serta integrasi backend Laravel dan Firebase.
CONTENTS
TECH STACK
- Flutter
- Dart
- GetX
- Firebase Services
- Laravel
- REST API
- UI Slicing
Ringkasan
Proyek ini berfokus pada pembuatan aplikasi mobile profil perusahaan untuk PLN guna menyajikan informasi layanan, pencapaian, serta berita terbaru kepada publik secara interaktif. Aplikasi ini dibangun menggunakan SDK Flutter untuk memastikan performa yang mulus di platform Android dan iOS.
Proses pengerjaan mencakup slicing desain UI/UX dari tim desainer menjadi kode visual Flutter yang responsif, serta mengintegrasikan API eksternal yang disokong oleh backend Laravel dan notifikasi real-time dari Firebase.
Tantangan
Memastikan transisi dan animasi antarmuka berjalan lancar (60fps) pada perangkat dengan spesifikasi rendah.
Mengintegrasikan REST API Laravel dengan proteksi token serta sinkronisasi state data secara real-time melalui Firebase.
Menerapkan layout responsif yang menyesuaikan berbagai ukuran layar handphone dan tablet tanpa merusak proporsi desain asli.
Solusi Teknis
Menggunakan framework Flutter dikombinasikan dengan GetX untuk manajemen state dan dependency injection yang ringan. Optimasi rendering dilakukan dengan menghindari pembangunan ulang widget secara berlebihan (re-render optimization). Komunikasi data menggunakan client http (Dio) dengan interceptor untuk penanganan token refresh otomatis.
Kontribusi Utama
- State Management Implementation: Menerapkan GetX Controller secara modular untuk memisahkan logika bisnis dari komponen tampilan (UI).
- Pixel-Perfect Slicing: Menerjemahkan layout Figma menjadi kode Flutter yang responsif dengan presisi warna, margin, dan tipografi yang sangat akurat.
- API & Authentication Integration: Menghubungkan aplikasi dengan REST API Laravel, mengimplementasikan secure storage untuk token JWT, dan menyetel Firebase Cloud Messaging untuk notifikasi.
Output
Aplikasi mobile yang responsif, stabil, dan berkinerja tinggi, berhasil dipublikasikan di internal portal, serta memberikan pengalaman interaktif yang modern bagi pengguna dalam mengakses informasi PLN.