SimOPT Logo
⭐ Case Study

SimOPT

Sistem Informasi Monitoring Organisme Pengganggu Tumbuhan

Laravel PHP MySQL Leaflet.js Chart.js
8
Provinsi
3
Format Data

Ringkasan Proyek

SimOPT adalah sistem informasi monitoring Organisme Pengganggu Tumbuhan (OPT) milik BBPPTP Surabaya — balai di bawah Kementerian Pertanian RI yang bertugas melakukan peramalan dan pengendalian hama tanaman di Indonesia.

Platform ini menyajikan data OPT dalam tiga format: tabel, grafik (timeseries), dan peta spasial interaktif. Digunakan oleh petugas di 8 provinsi untuk input data, monitoring, dan analisis sebaran hama — semuanya terpusat dalam satu sistem.

Dikerjakan secara solo fullstack dalam waktu 4 bulan — era sebelum AI coding tools. Setiap baris kode, query database, visualisasi grafik, dan layer peta ditulis manual.

Peran Saya

Sebagai solo full-stack developer, saya menangani seluruh siklus: analisis kebutuhan bersama tim BBPPTP, perancangan database untuk data multi-provinsi, implementasi halaman input data admin, visualisasi tabel/grafik/peta interaktif, sistem registrasi dan manajemen pengguna, hingga deployment dan pelatihan petugas di 8 provinsi.

Screenshot Sistem

Beranda SimOPT

Tampilan utama SimOPT — pusat akses data monitoring OPT. Dari sini pengguna terdaftar mengakses tiga format penyajian data: tabel, grafik timeseries, dan peta spasial interaktif. Dilengkapi sistem registrasi dan informasi pengendalian hama.

Beranda SimOPT

Penyajian Data — Tabel

Data OPT disajikan dalam bentuk tabel yang dapat difilter, diurutkan, dan di-download dalam format Excel. Mencakup data historis dari berbagai komoditas dan wilayah, siap digunakan untuk analisis lebih lanjut.

SimOPT Tabel Data

Penyajian Data — Grafik Timeseries

Visualisasi data dalam bentuk grafik interaktif — bar chart, line chart, dan pie chart. Mendukung pemilihan komoditas, rentang waktu, dan perbandingan antar wilayah. Digunakan untuk analisis tren serangan OPT dari waktu ke waktu.

SimOPT Grafik Data

Penyajian Data — Peta Spasial Interaktif

Data persebaran OPT divisualisasikan dalam peta interaktif berbasis Leaflet.js. Setiap titik mewakili data serangan di wilayah tertentu — lengkap dengan detail komoditas, intensitas, dan waktu kejadian. Memudahkan analisis spasial dan perencanaan pengendalian.

SimOPT Peta Interaktif

Arsitektur Sistem

Sistem dibangun dengan arsitektur monolitik MVC menggunakan Laravel. Data di-input oleh petugas di 8 provinsi melalui halaman admin, disimpan di MySQL, lalu disajikan ke publik melalui Data Playground dalam tiga format: tabel, grafik (Chart.js), dan peta interaktif (Leaflet.js).

🔐 Multi-User Access

  • Administrator — Manajemen sistem penuh, user management, verifikasi pendaftaran
  • Petugas Provinsi — Input data OPT wilayahnya, update status serangan
  • Pengunjung Terdaftar — Akses Data Playground (tabel, grafik, peta)
  • Publik — Informasi umum, tips pengendalian hama

📊 Modul Utama

  • ✅ Admin Panel — input & manajemen data OPT
  • ✅ Data Playground — tabel, grafik, peta interaktif
  • ✅ Timeseries Analysis — tren serangan per komoditas
  • ✅ Peta Spasial — Leaflet.js, layer multi-wilayah
  • ✅ Registrasi Publik — approval-based
  • ✅ Export Excel — download data mentah
  • ✅ Tips Pengendalian — informasi publik

Cakupan — 8 Provinsi

📍 Jawa Timur
📍 Jawa Tengah
📍 Jawa Barat
📍 Bali
📍 NTB
📍 NTT
📍 Sumatera
📍 Sulawesi

Technology Stack

Backend

Laravel (PHP), MySQL, REST API internal

Frontend

Blade Templates, Vanilla JavaScript, Chart.js, Leaflet.js, Bootstrap

Infrastruktur

VPS Linux, Nginx, domain khusus BBPPTP Surabaya

Keunikan Teknis

Peta spasial multi-layer, grafik timeseries dengan filter multi-dimensi, export Excel otomatis

Skala Proyek

📅 Timeline & Pengerjaan

🗓️ 4 Bulan Pengerjaan
👤 1 Orang — Solo Fullstack
🤖 Era Pre-AI — Semua Kode Manual

📊 Angka Proyek

🏛️ 1 Balai Kementerian
🗺️ 8 Provinsi
📋 3 Format Penyajian Data
👥 Multi-Level User Access

* SimOPT masih aktif digunakan oleh BBPPTP Surabaya untuk monitoring dan peramalan OPT di Indonesia.

Galeri Screenshot — Admin & Data Playground

Tangkapan layar dari panel admin, input data, dashboard, dan Data Playground SimOPT.

Panel Admin — Manajemen Data

Halaman admin untuk pengelolaan data OPT dari 8 provinsi.

SimOPT Admin Panel

Form Input Data — Petugas Provinsi

Formulir input data OPT oleh petugas di masing-masing wilayah.

SimOPT Form Input Data

Dashboard Data

Ringkasan data monitoring OPT dari berbagai wilayah.

SimOPT Dashboard

Visualisasi Grafik Timeseries

Grafik interaktif untuk analisis tren serangan OPT.

SimOPT Grafik

Peta Spasial Interaktif

Penyajian data sebaran OPT dalam peta interaktif Leaflet.js.

SimOPT Peta

Data Tabel

Penyajian data OPT dalam format tabel, dapat di-download Excel.

SimOPT Tabel

Halaman Form Pendaftaran

Form registrasi pengunjung — akun direview admin sebelum aktif.

SimOPT Registrasi

Halaman Login

Autentikasi multi-role — admin, petugas provinsi, dan pengunjung terdaftar.

SimOPT Login

Butuh sistem monitoring serupa?

Pendekatan yang sama bisa diterapkan untuk monitoring data di sektor pertanian, perkebunan, lingkungan, atau domain lain yang melibatkan data spasial multi-wilayah.

🔗 Kunjungi SimOPT 💬 Diskusi Proyek