STUDI KASUS
IoT & Web
Pemantauan Lokasi Kucing Berbasis GPS
Aplikasi web yang menerima lokasi dari perangkat GPS dan menampilkan posisi kucing, jaraknya dari rumah, serta riwayat pergerakan harian.
TEKNOLOGI YANG DIGUNAKAN
Laravel 10 / PHP / MySQL / Blade / Bootstrap 4 / JavaScript / Leaflet / OpenStreetMap
MASALAH
Titik GPS yang datang berkala sulit dipahami jika hanya berupa deretan koordinat. Pemilik perlu melihat posisi terbaru di peta, tahu apakah perangkat masih mengirim data, dan meninjau kapan kucing berada dekat atau jauh dari rumah.
FITUR UTAMA
-
01
Penerimaan titik GPS
Endpoint API memvalidasi lintang dan bujur dari perangkat sebelum mencatatnya.
-
02
Peta dan lokasi terkini
Dashboard menampilkan titik lokasi pada peta serta jaraknya dari rumah.
-
03
Status dekat, jauh, dan offline
Status dihitung dari radius rumah dan waktu pembaruan lokasi terakhir.
-
04
Log GPS dan laporan per tanggal
Riwayat lokasi dapat ditelusuri; laporan merangkum jarak dan pergerakan per hari.
-
05
Notifikasi opsional
Notifikasi email tersedia saat lokasi melewati radius, jika fitur diaktifkan.
IMPLEMENTASI
Backend Laravel menerima lintang dan bujur melalui API, lalu menghitung jarak setiap titik dari koordinat rumah. Radius dekat/jauh dan batas waktu perangkat dianggap offline dapat diatur lewat konfigurasi. Dashboard menampilkan peta Leaflet dengan OpenStreetMap, status perangkat, jarak saat ini, serta lima lokasi terakhir. Ada log GPS yang dipaginasi dan laporan harian yang merangkum titik dekat/jauh, jarak terpendek dan terjauh, serta total pergerakan. Jika diaktifkan, notifikasi email dapat dikirim saat posisi melewati radius yang ditentukan.
TAMPILAN PROYEK
Buka tampilan 01 dalam ukuran penuh
Buka tampilan 02 dalam ukuran penuh
Buka tampilan 03 dalam ukuran penuh
Buka tampilan 04 dalam ukuran penuh
HASIL
Posisi terbaru, status pembaruan perangkat, dan riwayat GPS tersedia dalam satu panel. Laporan per tanggal membantu membaca pola pergerakan tanpa menghitung jarak dari koordinat secara manual.
Ingin membuat aplikasi dengan kebutuhan serupa?
Jelaskan siapa penggunanya, bagaimana prosesnya berjalan, dan fitur apa yang dibutuhkan. Saya akan mempelajarinya sebelum membahas solusi teknis.
Bahas Proyek