HAFIDZ
Kembali ke proyek terpilih

STUDI KASUS

IoT / Web Application 2026

Sistem Monitoring Kotak P3K Berbasis IoT

Sistem monitoring kotak P3K berbasis IoT yang menghubungkan sensor pintu dan ESP32-CAM dengan aplikasi web Laravel. Sistem menangani deteksi pembukaan kotak, pengiriman bukti visual, notifikasi Telegram, review petugas, pencatatan item yang berkurang, pergerakan stok, dashboard monitoring, dan laporan.

TEKNOLOGI

Laravel 12 / PHP 8.2+ / MySQL / Bootstrap 5 / Tabler / ESP32-CAM / Arduino / C++ / MC38 Magnetic Door Switch / Telegram Bot API / Laravel Queue / FFmpeg / Laravel Excel / DomPDF

Pratinjau proyek Sistem Monitoring Kotak P3K Berbasis IoT

TANTANGAN

Pemantauan kotak P3K sebelumnya bergantung pada pemeriksaan manual berkala sehingga kekurangan item baru dapat diketahui saat pemeriksaan dilakukan. Proses tersebut juga belum menyediakan riwayat penggunaan yang terstruktur untuk membantu petugas menentukan kebutuhan pengisian ulang dan memantau penggunaan item P3K.

YANG DIBANGUN

  1. 01

    Pipeline IoT dari sensor pintu dan ESP32-CAM ke authenticated Laravel API.

  2. 02

    Perekaman berbasis frame dengan fallback foto dan pemrosesan video asynchronous.

  3. 03

    Notifikasi Telegram berbasis queue dengan tautan langsung ke detail event.

  4. 04

    Workflow review terintegrasi dengan pencatatan item yang berkurang dan pergerakan stok.

  5. 05

    Dashboard monitoring dan laporan terfilter dengan export PDF dan Excel.

PENDEKATAN

Sistem dikembangkan dengan mengintegrasikan magnetic door switch dan ESP32-CAM dengan device-authenticated Laravel API. Ketika kotak dibuka, perangkat merekam rangkaian frame JPEG dan mengunggahnya sebagai sebuah event ke server. Backend menyimpan bukti secara privat, memproses rekaman melalui queue, mengirim notifikasi Telegram, dan menyediakan halaman review bagi petugas untuk mencatat item yang berkurang. Hasil review kemudian dihubungkan dengan pergerakan stok, dashboard monitoring, dan laporan.

TAMPILAN TERPILIH

Halaman review event kamera dengan pemutar rekaman, informasi event, dan form pencatatan item P3K yang berkurang. Buka tampilan 01 dalam ukuran penuh
Tampilan 01 Petugas meninjau bukti visual dari event pembukaan kotak dan mencatat item yang berkurang sebelum hasil review diterapkan ke data stok.
Halaman manajemen perangkat ESP32-CAM yang menampilkan kode perangkat, kotak P3K terkait, status, dan waktu terakhir aktif. Buka tampilan 02 dalam ukuran penuh
Tampilan 02 Perangkat ESP32-CAM dikelola dan dihubungkan dengan kotak P3K sehingga status operasional setiap perangkat dapat dipantau dari aplikasi.
Riwayat pergerakan stok P3K yang menampilkan transaksi masuk dan keluar serta keterkaitannya dengan hasil review event. Buka tampilan 03 dalam ukuran penuh
Tampilan 03 Ledger stok mencatat perubahan jumlah item dari penyesuaian manual maupun hasil review event, termasuk referensi event yang menyebabkan pengurangan stok.
Halaman laporan monitoring P3K dengan filter periode, statistik penggunaan item, riwayat event, kondisi stok, serta export PDF dan Excel. Buka tampilan 04 dalam ukuran penuh
Tampilan 04 Laporan menggabungkan statistik event, item yang paling sering berkurang, riwayat review, dan snapshot stok dengan dukungan export PDF dan Excel.
Hasil export PDF laporan monitoring kotak P3K yang memuat statistik event, item yang berkurang, dan riwayat review. Buka tampilan 05 dalam ukuran penuh
Tampilan 05 Laporan monitoring dapat diekspor ke PDF untuk menghasilkan rekap event dan penggunaan item dalam format dokumen.

HASIL

Implementasi menghasilkan workflow monitoring end-to-end dari deteksi pembukaan kotak hingga review dan pelaporan. Sistem dapat mengelola bukti visual, mengubah rangkaian frame menjadi video ketika FFmpeg tersedia, mempertahankan playback berbasis frame sebagai fallback, mencatat item yang berkurang, memperbarui riwayat pergerakan stok, menampilkan statistik monitoring, serta menghasilkan laporan PDF dan Excel.

Punya kebutuhan sistem yang serupa?

Ceritakan proses kerja atau masalah yang ingin diselesaikan. Saya dapat membantu memetakan kebutuhan teknis dan pendekatan yang sesuai.

Diskusikan Kebutuhan