Sistem Pengaduan Masyarakat Fullstack (PHP + Flutter + MySQL + Docker) - 1
1/5
Aplikasi Fullstack

Sistem Pengaduan Masyarakat Fullstack (PHP + Flutter + MySQL + Docker)

Bagikan: WhatsApp

Deskripsi Produk

LaporIn - Sistem Pengaduan Masyarakat Fullstack

PHP Native + Flutter + MySQL + Docker

Sistem pengaduan masyarakat lengkap dengan Admin Panel, REST API, dan Aplikasi Mobile Flutter — siap pakai, mudah dipahami, cocok untuk pemula.

Apa yang Anda Dapatkan?

Source code LENGKAP 3-in-1:

  • Admin Panel Web — Dashboard analytics, kelola pengaduan, kelola user
  • REST API Backend — 10+ endpoint siap pakai dengan autentikasi JWT
  • Aplikasi Mobile Flutter — UI modern, cross-platform (Android & iOS)
  • Bonus: Flutter Web Demo (pre-built, langsung jalan di browser)
  • Bonus: Dokumentasi HTML lengkap
  • Bonus: Docker config (1 perintah langsung online)
  • Bonus: 15 data pengaduan demo + 8 akun user — langsung bisa presentasi tanpa input manual

Cocok untuk Siapa?

MahasiswaTugas Akhir, Skripsi, Project UAS/UTS mata kuliah Pemrograman Web, Pemrograman Mobile, Rekayasa Perangkat Lunak, atau Basis Data
Pemula / BelajarDitulis TANPA framework, murni PHP Native — alur kode mudah dipahami dan dipelajari baris per baris
Freelancer / DeveloperBisa dijadikan template atau boilerplate untuk project client
Instansi / OrganisasiSistem pengaduan siap pakai untuk kelurahan, kampus, perusahaan, atau organisasi

Tech Stack

KomponenTeknologi
BackendPHP 8.2 Native (tanpa framework)
DatabaseMySQL 8.0
Frontend AdminHTML5, CSS3, Vanilla JavaScript
Mobile AppFlutter 3.x + Dart
State ManagementProvider
AutentikasiJWT (JSON Web Token)
APIRESTful API
DeploymentDocker (PHP-Apache + MySQL)

Fitur Lengkap

Admin Panel:

  • Dashboard dengan statistik & chart (pengaduan per bulan, per kategori)
  • Kelola pengaduan — lihat, proses, tanggapi, ubah status & prioritas
  • Kelola kategori pengaduan
  • Kelola data pengguna (masyarakat)
  • Kelola data petugas/admin (khusus Super Admin)
  • Halaman laporan dengan filter lengkap
  • Pengaturan aplikasi
  • 3 level role: Super Admin, Admin, Petugas

REST API:

  • Login & Register dengan JWT
  • CRUD Pengaduan (buat, daftar, detail, statistik)
  • Daftar Kategori
  • Notifikasi (daftar, tandai sudah dibaca)
  • Profile pengguna
  • Upload foto lampiran
  • CORS ready

Aplikasi Mobile (Flutter):

  • Onboarding screen
  • Login & Register
  • Halaman beranda dengan statistik
  • Buat pengaduan baru dengan foto & lokasi
  • Daftar pengaduan & filter status
  • Detail pengaduan + timeline tanggapan
  • Notifikasi
  • Halaman profil
  • UI modern & responsive

Kenapa Memilih Produk Ini?

  1. TANPA FRAMEWORK — Kode ditulis PHP Native murni, tidak perlu belajar Laravel/CodeIgniter dulu. Cocok untuk pemula yang ingin memahami dasar pemrograman web dari nol.
  2. FULLSTACK LENGKAP — Anda mendapat backend, frontend, DAN mobile app dalam 1 paket. Tidak perlu beli terpisah.
  3. LANGSUNG JALAN — Data demo sudah termasuk (15 pengaduan, 8 akun user, 5 akun admin). Tinggal jalankan, langsung bisa presentasi atau demo.
  4. DOCKER READY — Cukup 1 perintah docker compose up dan sistem langsung online. Tidak perlu install PHP, MySQL, atau Apache manual.
  5. KODE BERSIH & TERSTRUKTUR — Folder rapi, komentar berbahasa Indonesia, mudah dimodifikasi sesuai kebutuhan Anda.
  6. BEBAS DIMODIFIKASI — Ubah nama, warna, tambah fitur, sesuaikan dengan topik skripsi atau kebutuhan client Anda.

Struktur File

sistem-pengaduan-masyarakat/
├── web/                      # Source code PHP (Admin + API)
│   ├── admin/                # Admin panel (dashboard, CRUD)
│   ├── api/                  # REST API endpoints
│   ├── config/               # Konfigurasi database & app
│   ├── helpers/              # Fungsi bantuan (auth, upload, validasi)
│   ├── uploads/              # Folder upload foto
│   ├── database.sql          # Schema database
│   └── seed_data.sql         # Data demo
├── mobile/                   # Source code Flutter
│   └── pengaduan_app/        # Project Flutter lengkap
├── flutter-web-demo/         # Flutter web (pre-built)
├── docker/mysql/init.sql     # Auto-init database
├── Dockerfile                # Config container PHP
├── docker-compose.yml        # Docker orchestration
└── dokumentasi.html          # Dokumentasi lengkap

Akun Demo

AkunEmailPassword
Admin Paneladmin@pengaduan.idadmin123
Mobile App (User)andi@gmail.comdemo123

Cara Menjalankan

Opsi 1 — Docker (Recommended):

  1. Install Docker Desktop
  2. Buka terminal di folder project
  3. Jalankan: docker compose up -d --build
  4. Buka http://localhost:8080/admin/

Opsi 2 — XAMPP / Laragon:

  1. Import database.sql dan seed_data.sql ke MySQL
  2. Copy folder web/ ke htdocs
  3. Sesuaikan config database
  4. Akses via browser

Opsi 3 — Mobile App:

  1. Install Flutter SDK
  2. Buka folder mobile/pengaduan_app
  3. Jalankan: flutter run
  4. Pastikan backend sudah berjalan

FAQ

T: Apakah bisa dipakai untuk skripsi?
J: Bisa! Source code ini cocok untuk referensi atau dasar pengembangan skripsi. Anda bebas memodifikasi sesuai kebutuhan.

T: Apakah perlu install framework?
J: Tidak. Backend ditulis PHP Native murni, tidak butuh Composer atau framework apapun.

T: Apakah mobile app bisa jalan di iOS?
J: Bisa. Flutter mendukung Android dan iOS. Tinggal build dari source code yang disediakan.

T: Apakah ada panduan?
J: Ada. Dokumentasi HTML lengkap sudah termasuk di dalam paket.

T: Apakah bisa di-deploy ke hosting?
J: Bisa. Support shared hosting (PHP + MySQL), VPS dengan Docker, atau cloud server.

CATATAN: Produk ini adalah source code digital. Setelah pembelian, Anda akan mendapat file ZIP yang bisa langsung digunakan. Tidak ada pengembalian untuk produk digital.

Tulis Ulasan