5 platform1 API · 1 database pusat · 3 departemen

Pelaporan harian agribisnis, terpantau dari mana saja.

AgriReport menyatukan laporan pekerjaan, progres, kendala, dan foto bukti dari Departemen Pertanian, Peternakan, dan Perikanan — dikirim karyawan lewat web, diperiksa admin, lalu dipantau pemilik dari HP maupun komputer.

Coba kirim laporan Buka dashboard admin
Laporan disetujuiNotifikasi terkirim ke karyawan
Kendala beratPush langsung ke HP pemilik
Web FrontendWeb BackendAndroid APKWindows EXEiOSSinkron real-time antar-tab
Tiga departemen

Satu format laporan, disesuaikan untuk tiap departemen

Setiap departemen punya kategori pekerjaan, satuan hasil, dan jenis kendala sendiri — namun semuanya masuk ke database yang sama sehingga mudah dibandingkan dan direkap.

Lima platform

Setiap halaman demo adalah UI yang bisa dicoba, bukan gambar

Pratinjau di bawah adalah halaman sungguhan yang berjalan langsung. Klik untuk membuka masing-masing platform dalam halaman penuh.

01 · Web Frontend

Portal Karyawan

Untuk karyawan setiap departemen

Formulir laporan bertahap yang nyaman di HP maupun komputer.

  • Pekerjaan, aktivitas, progres & target vs realisasi
  • Kendala bertingkat (ringan / sedang / berat)
  • Unggah foto + kompresi & watermark GPS
  • Draf otomatis, riwayat & revisi
Buka Web Frontend
02 · Web Backend

Admin Console

Untuk admin & manajemen

Pusat pemeriksaan laporan, master data, dan analitik.

  • Dashboard KPI, tren & status per departemen
  • Review cepat: setujui / revisi / tolak (+ massal)
  • Kelola departemen, karyawan & hak akses
  • Statistik, heatmap kepatuhan, Ctrl+K
Buka Web Backend
03 · Android APK

Aplikasi Pemilik

Untuk pemilik bisnis (Android)

Pantau ketiga departemen dan setujui laporan dari HP.

  • Login PIN & sidik jari
  • Notifikasi push real-time (FCM)
  • Detail laporan, foto, peta GPS
  • Analitik kepatuhan & kendala
Buka Android
04 · Windows EXE

AgriReport Desktop

Untuk kantor / admin di komputer Windows

Monitoring langsung, rekap matriks, serta ekspor file Excel (.xlsx) dan PDF sungguhan.

Monitoring liveRekap harianExcel multi-sheetPDF + kop & tanda tanganTaskbar & toast
Buka Windows EXE
05 · iOS

Aplikasi iPhone

Fungsi setara Android + fitur khas iOS

Face ID, Dynamic Island, widget layar utama, dan notifikasi APNs. Memerlukan biaya distribusi (Apple Developer Program) dan perangkat macOS untuk build.

Lock screenFace IDLive ActivityWidgetAction sheet
Buka iOS
Arsitektur

Satu API dan database terpusat untuk semua aplikasi

Laporan yang dikirim karyawan langsung tersedia untuk admin dan pemilik sesuai hak aksesnya — tanpa salin-tempel, tanpa rekap manual.

APLIKASI KLIENLAYANAN PUSATINFRASTRUKTUR AgriReport API REST · JSON · HTTPS · WebSocket ✓ Autentikasi JWT / Sanctum ✓ Hak akses per peran (RBAC) ✓ Validasi & kompresi foto ✓ Sinkron real-time ✓ Audit log & riwayat Contoh: Laravel 11 di server / VPS
Satu sumber dataTidak ada data ganda antar aplikasi.
Hak aksesKaryawan hanya melihat laporannya; pemilik melihat semua.
NotifikasiFCM untuk Android, APNs untuk iOS, toast di Windows.
Mode offlineAplikasi menyimpan draf & sinkron saat online.
Alur kerja

Dari lapangan ke meja pemilik dalam hitungan detik

Karyawan melapor

Isi pekerjaan, progres, kendala, dan foto bukti langsung dari lokasi kerja.

Web Frontend

Tersimpan & diberitahukan

API menyimpan ke database pusat lalu mengirim notifikasi ke admin & pemilik.

API & Database

Diperiksa & disetujui

Admin atau kepala departemen menyetujui, meminta revisi, atau menolak dengan catatan.

Web Backend

Dipantau & direkap

Pemilik memantau dari HP; kantor mengekspor rekap Excel & PDF.

Android · iOS · Windows
Coba alur end-to-endBuka dua halaman di tab berbeda — kirim laporan di satu tab, lihat notifikasinya muncul di tab lain secara real-time.
Web Frontend ↗Android ↗
Rekomendasi teknologi

Siap dikembangkan menjadi aplikasi produksi

Satu basis kode Flutter dapat menghasilkan APK Android, aplikasi iOS, dan EXE Windows; backend Laravel cocok dijalankan di Laragon untuk pengembangan.

Teknologi web yang dipakai pada demo ini

HTML5 semantikCSS3 custom properties, Grid, color-mixTema terang & gelaplocalStorage + storage event (sinkron antar-tab)Geolocation APIMedia capture & Drag-and-DropCanvas: kompresi & watermark foto<dialog> nativeChart.jsSheetJS (.xlsx)jsPDF + AutoTableWeb App Manifest (PWA)

Siap disesuaikan dengan bisnis Anda

Nama departemen, kategori pekerjaan, satuan hasil, dan jenis kendala dapat diganti sesuai kegiatan nyata di lapangan. Semua data contoh dapat direset kapan saja.

Mulai demo