Aplikasi Web
Sistem Terintegrasi SD Islam An-Nahl
Klien: SD Islam An-Nahl
Berawal dari permintaan sederhana — company profile sekolah — proyek ini berkembang jadi sistem operasional penuh yang dipakai setiap hari oleh admin, bendahara, guru, wali kelas, kepala sekolah, siswa, dan orang tua. Dibangun dari nol di atas PHP native tanpa framework.
🔗 Kunjungi situs live →10+
Tabel database baru
13
Modul Portal Wali Kelas
5
Tingkat peran admin
2
Integrasi pihak ketiga
- Website sekolah dengan PWA — bisa "diinstal" langsung di HP seperti aplikasi
- Absensi digital 3 lapis: QR Code, verifikasi wajah, dan GPS geofencing
- Sistem keuangan SPP dengan integrasi payment gateway (iPaymu) dan verifikasi webhook berlapis
- Kasir koperasi sekolah lengkap dengan manajemen stok
- Portal orang tua — cek tagihan, riwayat pembayaran, bayar online
- Portal wali kelas dengan 13 modul (nilai, jurnal mengajar, absensi, tugas, dll)
- 5 tingkat peran admin dengan kontrol akses berlapis
- Notifikasi real-time ke Telegram setiap ada transaksi masuk
PHP Native
MySQL
JavaScript
face-api.js
iPaymu
Telegram Bot API
PWA
Lihat detail teknis & tantangan pengembangan
Setiap fitur dirancang berdasarkan kebutuhan nyata yang muncul di lapangan — termasuk menemukan dan memperbaiki bug redirect (PRG) yang berulang di banyak file, memastikan kompatibilitas dengan versi PHP hosting yang lebih lama, menangani exception mode MySQLi modern saat import data massal, dan mendesain ulang input data kelas dari teks bebas menjadi dropdown setelah ditemukan ketidaksesuaian format data di lapangan. Sistem peran divalidasi dua lapis: menu disembunyikan di sidebar untuk peran yang tidak berhak, dan halaman itu sendiri menolak akses kalau URL ditebak langsung.
Aplikasi Web
Sistem Distribusi Zakat Digital
Klien: LAZ Persis KLP Kawalu
Sebelumnya, penyaluran zakat dicatat manual lewat kertas dan grup WhatsApp — sulit diaudit, laporan lambat direkap, dan pengurus tidak punya cara mudah memastikan setiap mustahik terjadwal benar-benar menerima haknya. Sistem ini mengubah proses itu jadi digital penuh: petugas relawan mencatat penyaluran langsung dari HP di lapangan lengkap dengan foto bukti berwatermark otomatis, sementara pengurus memantau semuanya secara real-time dari satu dashboard.
🔗 Kunjungi situs live →
✓
Watermark real-time
Harian
Backup otomatis
14 hari
Retensi backup
.xlsx
Export native
- Kamera live in-app — foto bukti diambil langsung dari live-preview kamera, menutup celah upload foto lama dari galeri
- Watermark otomatis (tanggal, jam, petugas, GPS) "dibakar" langsung ke piksel foto
- Data mustahik terjadwal via import Excel — petugas tinggal pilih dari daftar dengan pencarian
- PWA — bisa dipasang di layar HP seperti aplikasi native
- Dashboard real-time dengan filter petugas, kategori, dan rentang tanggal
- Export laporan ke Excel asli (.xlsx) ditulis dari nol tanpa library eksternal
- Jadwal periode distribusi — admin bisa membatasi kapan petugas boleh input data baru
- Backup database otomatis harian dengan retensi 14 hari
PHP Native
MySQL
Vanilla JavaScript
getUserMedia API
PWA
Lihat detail teknis & tantangan pengembangan
Beberapa tantangan nyata selama pengembangan: kamera & GPS yang tidak konsisten diakses di beberapa perangkat Android diselesaikan dengan migrasi total ke live-preview kamera berbasis getUserMedia + canvas, menggantikan atribut capture HTML yang perilakunya tidak stabil antar browser. Watermark yang kadang terpotong di foto beresolusi kecil diperbaiki dengan auto-scaling font berdasarkan lebar foto. Foto kamera HP yang besar dikompres otomatis di sisi klien sebelum upload, penting untuk sinyal lemah di lapangan. Saat migrasi ke hosting produksi, ditemukan error collation MySQL yang tidak kompatibel dan diselesaikan dengan penyesuaian dump SQL, serta kamera/lokasi yang diblokir browser ternyata disebabkan domain belum dipaksa HTTPS penuh. Keamanan diterapkan berlapis: password di-hash bcrypt, prepared statement di semua query, dan folder upload diproteksi dari eksekusi script.
Aplikasi Web · Audit Teknis
Pembangunan Ulang mutiarabumi.com
Klien: PT. Prabu Agro Mandiri
Pembangunan ulang penuh website katalog benih pertanian dari Joomla CMS ke sistem PHP & MySQL custom — meninggalkan CMS generik demi kode yang dibangun presisi mengikuti alur bisnisnya sendiri. Dilanjutkan dengan audit SEO teknis, penguatan keamanan panel admin, dan rekayasa ulang alur upload foto yang sebelumnya gagal diam-diam.
🔗 Kunjungi situs live → 📄 Baca studi kasus lengkap →79
Halaman ditemukan Google (dari 4)
10
Halaman admin diperbaiki
0
Error kritis data terstruktur
- Migrasi penuh dari Joomla CMS ke PHP & MySQL custom, struktur data dirancang mengikuti alur bisnis benih
- Bug canonical kritis diperbaiki — sebelumnya tiap halaman produk memberi sinyal "duplikat" ke Google
- Sitemap statis (4 halaman) diganti sistem dinamis yang membaca langsung dari database
- Audit keamanan 20 halaman admin — ditemukan & diperbaiki 10 halaman dengan validasi sesi yang salah urutan
- Kompresi gambar sisi-klien (Canvas API) memperbaiki upload foto dari kamera HP yang gagal diam-diam
- Data terstruktur (Schema.org Product) diverifikasi valid 100% di Google Search Console
PHP
MySQL
JavaScript
Canvas API
Apache mod_rewrite
Schema.org
Technical SEO
Lihat detail teknis & tantangan pengembangan
Audit menyeluruh terhadap 20 halaman admin menemukan pola sistemik: sejumlah proses simpan/hapus data berjalan sebelum sesi login diperiksa. Satu file admin yang bocor tanpa proteksi di folder publik dihapus, dan baris kode debug yang membocorkan info server ke publik dibersihkan. Sebagian isu hanya muncul setelah rilis di lingkungan produksi — termasuk path relatif yang rusak akibat struktur URL baru, dan izin folder server yang tiba-tiba read-only — ditelusuri langsung dari laporan lapangan hingga akar penyebabnya. Catatan jujur: laporan ini tidak menyertakan angka benchmark kecepatan dibanding versi Joomla lama, karena situs lama sudah tidak aktif untuk dibandingkan langsung.
Aplikasi Web
Sistem Absensi Digital Berbasis QR, Wajah & GPS
Klien: MTs Persis 7 Cempakawarna, Kota Tasikmalaya
Menggantikan absensi manual berbasis kertas yang rawan dititipkan, sulit direkap, dan mudah hilang. Sistem menggabungkan tiga lapis validasi kehadiran sekaligus — QR Code pribadi, verifikasi wajah otomatis di browser, dan validasi radius GPS terhadap titik koordinat sekolah — untuk meminimalkan praktik "titip absen" yang umum terjadi pada sistem manual. Dibangun sebagai aplikasi web standalone (PHP & MySQL) yang bisa dipasang mandiri di hosting sekolah tanpa biaya API pihak ketiga.
3
Lapis validasi kehadiran
6
Status waktu otomatis
Rp0
Biaya API pihak ketiga
- Absensi 3 lapis: QR Code, verifikasi wajah real-time di browser, dan validasi radius GPS
- 6 status waktu otomatis (Hadir, Terlambat, Sangat Terlambat, Tutup, Pulang, Tutup), bisa dikonfigurasi admin
- Kartu identitas digital dengan QR presisi, cetak satuan maupun massal dengan identitas visual sekolah
- Foto otomatis dikompres & dikoreksi orientasi EXIF dari kamera ponsel
- Laporan harian & bulanan otomatis, hari libur otomatis dikenali (tidak dihitung Alpa massal)
- Verifikasi lokasi GPS untuk laporan sakit/izin, dengan tautan langsung ke Google Maps
- Proteksi anti brute-force — akun terkunci sementara setelah 5 kali gagal login
- PWA — bisa dipasang di layar utama Android tanpa APK maupun Play Store
PHP 7.4+
MySQL/MariaDB
face-api.js
QRCode.js
Geolocation API
PHP GD
PWA
Lihat detail teknis & tantangan pengembangan
Proyek ini dikembangkan dengan pendekatan AI-assisted development — peran pengembang mencakup perumusan kebutuhan fungsional, pengambilan keputusan arsitektur & fitur, pengujian end-to-end di lingkungan hosting produksi, serta diagnosis bug di dunia nyata. Beberapa tantangan konkret: kegagalan simpan data yang senyap (tanpa pesan error) ternyata disebabkan jumlah parameter bind_param() tidak sesuai jumlah kolom, ditemukan lewat audit menyeluruh semua query berparameter. Elemen QR di kartu cetak sempat meluber keluar batas karena bergantung pada perhitungan dimensi JavaScript pasca-render, diperbaiki dengan mengunci dimensi lewat CSS. Yang paling menarik: menaikkan versi PHP di satu akun hosting bersama ternyata berdampak global ke semua domain tambahan lain di akun yang sama, termasuk situs Joomla lama yang tidak kompatibel PHP 8.2 — diselesaikan dengan audit kompatibilitas menyeluruh agar kode tetap berjalan optimal di PHP 7.4, versi teraman yang didukung kedua sistem sekaligus tanpa perlu migrasi versi PHP global.
Aplikasi Web · Produk SaaS
✦ Produk Sendiri
JATUKRAMI — Undangan Pernikahan Digital
Bukan proyek pesanan klien — JATUKRAMI adalah produk digital milik kami sendiri: platform undangan pernikahan digital yang dirancang supaya setiap tamu merasa undangannya benar-benar personal. Setiap tamu mendapat tautan dengan namanya sendiri tertulis di sampul, lengkap dengan konfirmasi kehadiran, galeri foto, dan hitung mundur menuju hari bahagia.
🔗 Kunjungi situs live →25+
Pilihan tema visual
4
Tingkatan paket
SaaS
Model bisnis
- Tautan personal per tamu — nama tamu tertulis di sampul, dan bisa dilacak siapa saja yang sudah membuka
- RSVP & buku tamu digital — konfirmasi kehadiran & ucapan tercatat rapi di panel
- Galeri foto & "Kisah Kami" — cerita perjalanan menuju hari pernikahan
- Hitung mundur otomatis & musik latar saat undangan dibuka
- Amplop digital — rekening bank & kode QRIS tertata rapi tanpa tamu perlu bertanya
- 5 pilihan tema, masing-masing dengan identitas visual sendiri (tipografi, palet warna, elemen khas) — bukan cuma templat yang ganti warna
- Opsi domain sendiri untuk paket Lifetime