Handover Shift Monitoring

Portal Monitoring Handover Pekerjaan Shift Berbasis PHP dan JSON Tanpa SQL

Sistem portal monitoring handover shift berbasis PHP dan JSON menampilkan solusi praktis tanpa ketergantungan pada database SQL. Memadukan struktur data file JSON yang efisien dengan pengolahan backend PHP murni, sistem ini menghadirkan fungsi lengkap CRUD, filtering, notifikasi, pengelolaan absensi dan jadwal shift, serta fitur laporan yang dapat diekspor secara interaktif. Implementasi UI/UX responsif dengan Bootstrap 5, Chart.js, dan html2pdf.js memperkuat pengalaman pengguna sekaligus menyediakan keamanan optimal untuk lingkungan shared hosting standar.

2. Temuan Utama

Struktur Data & Backend PHP

  • Data terstruktur di file JSON khusus (handovers.json, attendance.json, shifts.json, dll) mendukung penyimpanan terpisah dan efisien tanpa database.
  • Manipulasi JSON di PHP menggunakan fungsi baca-tulis dengan mekanisme penguncian file untuk mencegah kondisi balapan (race condition).
  • Terapkan proteksi keamanan backend: CSRF, sanitasi input, dan header keamanan HTTP seperti Content-Security-Policy.

Gambar 2.1: Distribusi file JSON dan proses backend berbasis PHP untuk pengelolaan data shift.

UI/UX & Frontend Bootstrap

  • Antarmuka menggunakan Bootstrap 5 dan Bootstrap Icons untuk navbar dinamis, toast notification, dan kartu statistik.
  • Form input sudah divalidasi secara client-side, tabel dukung sorting, paging, dan multiple filtering.
  • Integrasi Chart.js & html2pdf.js untuk visualisasi statistik dan export laporan PDF langsung dalam browser.

Gambar 2.2: Statistik ringkasan UI komponen frontend dan pengalaman pengguna.

Fungsi Bisnis & Fitur Tambahan

Fitur Deskripsi Keterangan Teknikal
CRUD Handovers Buat, baca, ubah, hapus data handover Update JSON lewat PHP dengan sinkronisasi UI
Filtering Data Filter berdasarkan user, tanggal, shift, status Filter dinamis di tabel dan kalender
Notifikasi Feedback visual real-time Toast Bootstrap event-triggered asinkron
Absensi Rekaman absensi otomatis/manual Sinkronisasi ke attendance.json, validasi input
Jadwal Shift Pengaturan shift harian dan mingguan Manipulasi file shifts.json dengan render kalender
Laporan Laporan per periode dan ringkasan shift user Ekspor PDF/CSV melalui html2pdf.js dan custom
Export-Import Impor-ekspor data JSON cadangan Validasi format dan upload sebelum impor
Multi-select User Pilih banyak user untuk handover dan laporan UI kartu bootstrap multi-pilih interaktif

Integrasi API & Panduan Deploy

  • Sinkronisasi otomatis file hari libur nasional dari API pemerintah Indonesia, membuat perhitungan absensi dan jadwal shift akurat.
  • Timezone PHP diatur di Asia/Jakarta (WIB) untuk konsistensi waktu kerja.
  • Instalasi di shared hosting dengan penempatan file dan konfigurasi permission, tanpa database, dengan pengaturan keamanan .htaccess standar.

3. Analisis Rinci

3.1 Struktur Data & Backend PHP

Data JSON yang digunakan sistem dipisah secara logis untuk setiap kategori, sehingga menjaga modularitas dan memudahkan pemeliharaan. Backend PHP memanfaatkan fungsi bawaan seperti file_get_contents(), json_decode(), json_encode(), dan file_put_contents() yang diatur dengan mekanisme penguncian file untuk menghindari race condition saat pengaksesan simultan.

Keamanan diprioritaskan melalui proteksi CSRF yang dikombinasikan dengan sanitasi input menggunakan filter_var(). Selain itu, penerapan HTTP header keamanan seperti Content-Security-Policy, X-Frame-Options, dan X-Content-Type-Options memperkuat pertahanan dari serangan web umum.

Ilustrasi Backend PHP dan JSON
Gambar 3.1: Ilustrasi arsitektur backend PHP dan struktur file JSON.

3.2 UI/UX & Frontend Bootstrap

Penggunaan Bootstrap 5 dan Bootstrap Icons menghasilkan antarmuka yang responsif dan mudah dipahami. Navbar dinamis memudahkan navigasi antar modul utama. Toast notification memberikan umpan balik pengguna secara real-time tanpa mengganggu alur kerja.

Form input dan tabel data dirancang dengan validasi client-side untuk menjamin integritas data sebelum dikirim ke backend. Fitur sortir, paging, dan filter multi-kriteria meningkatkan kemudahan pencarian dan penyaringan data dalam banyak skenario penggunaan.

Ilustrasi UI Bootstrap
Gambar 3.2: Contoh komponen UI Bootstrap 5 dan interaksi pengguna.

3.3 Fungsi Bisnis & Fitur Tambahan

Implementasi fungsi bisnis mencakup seluruh siklus hidup data handover shift, pengelolaan absensi serta pengaturan jadwal shift harian dan mingguan. Fitur notifikasi dan ekspor laporan dalam format PDF/CSV mempermudah monitoring dan dokumentasi.

Mekanisme multi-select user meningkatkan fleksibilitas dalam manajemen tugas dan pembuatan laporan yang melibatkan banyak personel sekaligus.

Fungsi Bisnis Portal
Gambar 3.3: Fitur-fitur utama dalam portal handover berbasis PHP dan JSON.

3.4 Integrasi API & Panduan Deploy

Integrasi API libur nasional dari pemerintah Indonesia memungkinkan otomatisasi update hari libur yang akan digunakan dalam kalkulasi absensi dan penjadwalan shift. Pengaruh setting timezone Asia/Jakarta memastikan konsistensi data jam kerja sesuai kebutuhan.

Panduan deploy menekankan kesederhanaan, cukup dengan upload file PHP dan folder data ke root webserver Apache serta konfigurasi permission JSON file agar dapat ditulis secara efektif tanpa kompleksitas database.

Baca dokumen lengkap di contoh URL panduan deploy.

3.5 Perbandingan Sistem Database SQL Tradisional dengan JSON Flat File

Fitur Database SQL Tradisional JSON Flat File (PHP-based)
Kebutuhan Infrastruktur Memerlukan server MySQL/PostgreSQL Cukup shared hosting dengan PHP dan filesystem
Kecepatan Akses Data Lebih cepat pada data besar & query kompleks Cukup baik untuk data kecil hingga menengah
Kemudahan Deployment Setup DB server lebih kompleks Mudah, cukup copy dan paste file
Keamanan Manajemen akses lebih kompleks Harus kelola sanitasi & file dengan ketat
Skalabilitas Sangat fleksibel, dapat shard/cluster Terbatas, cocok SMB dan skala kecil-menengah

4. Kesimpulan & Pandangan Masa Depan

Pembuatan portal monitoring handover pekerjaan shift berbasis PHP dan JSON tanpa SQL menghadirkan solusi efisien dan praktis, terutama bagi organisasi kecil-menengah yang mendambakan implementasi cepat dan mudah di lingkungan shared hosting. Fungsi lengkap mulai CRUD, filtering, notifikasi, absensi, jadwal shift, hingga ekspor laporan menjamin kebutuhan monitoring terpenuhi tanpa kompleksitas database.

Fokus pada aspek keamanan, seperti proteksi CSRF, sanitasi input, dan HTTP header membuat sistem lebih tangguh terhadap serangan umum. Dukungan integrasi API libur nasional serta pengaturan timezone WIB memastikan kesesuaian dengan kebutuhan lokal.

Pengalaman pengguna didukung desain UI/UX Bootstrap 5 dan library modern seperti Chart.js dan html2pdf.js yang membuat aplikasi interaktif dan mudah dioperasikan. Ke depan, pengembangan fokus pada peningkatan skalabilitas penyimpanan data JSON, optimasi performa pengguna besar, dan integrasi cloud API untuk analitik lanjutan.

Solusi ini memenuhi kebutuhan bisnis shift secara praktis dengan efisiensi operasional yang maksimal.

5. Metodologi Penelitian

6. Referensi & Sumber