Gilang Pandu Permadi
Web & Mobile Software Engineer

Portfolio & Case Studies

Kumpulan project dan ringkasan case study. Kamu bisa expand/collapse tiap case study untuk lihat detail konteks, peran, tantangan, solusi, dan impact.

Lihat Case Studies Daftar Projects Hubungi Saya

Projects

Ringkasan cepat. Detail lengkap ada di bagian Case Studies.

SIMA-PRO (ERP)

ERP modular: inventory → finance/accounting. Approval PR/PO + posting jurnal end-to-end.
LaravelPHPPostgreSQLjQuery AJAX
Case Study

SIMA-PRO Mobile

Approval & monitoring periodic untuk owner/management (on-the-go).
React NativeLumenPostgreSQL
Case Study

Gate Spiner

Geofencing ±500m + anti fake GPS untuk akses gate truk kontainer.
React NativeGeofencingAnti Fake GPS
Case Study

Mobile Gapura

Gate in/out pelabuhan: offline-first, barcode scan, bluetooth print, laporan.
React NativeOffline-firstBluetoothBarcode
Case Study

e-Gate Inspection

Live CCTV monitoring + upgrade single gate → multi gate dinamis.
AngularJS.NETDVR/CCTV IP
Case Study

CENTRA

Fitur Surat Perjalanan Dinas (SPD) untuk sistem internal karyawan.
React NativeSpring Boot
Case Study

CIS PDAM Surabaya

Tagihan/pemakaian + catat meter mandiri + SMS OTP. Rebuild dari aplikasi Java.
React NativeLaravelSMS OTP
Case Study

Soperbos Extension

Auto-chat e-commerce + monitoring traffic. Menyisipkan tombol/aksi ke website existing.
JavaScriptChrome Extension
Case Study

Saytum

Tambah fitur consignment (barang titipan/lelang) pada platform logistik kendaraan.
ReactJSIntegrasi API
Case Study

Case Studies

Expand untuk detail. Nanti screenshot bisa kamu ganti dari placeholder.

SIMA-PRO (ERP)
ERP modular (inventory → finance/accounting). Approval PR/PO + posting jurnal end-to-end.

Context

Digunakan oleh trading, peternakan, perkebunan, pabrik rokok. Scope berkembang dari inventory control menjadi finance & accounting.

Role & Stack

  • Role: Fullstack Developer
  • Laravel (PHP), JavaScript, jQuery AJAX
  • PostgreSQL

Fitur inti

  • Dashboard, user management, master data
  • Purchase, inventory, sales
  • Finance, accounting, manufacture, POS

Approval (Purchase)

PR & PO status: Draft → Release → In Review → (Approved | Rejected | Revision → In Review)

Integrasi modul

PR → PO → QC → Stock In → Invoice → Finance Setiap transaksi posting jurnal ke Accounting.

Challenge / Solution / Impact

  • Challenge: integrasi antar modul agar konsisten.
  • Solution: design pattern & konsep modul berdasarkan kebutuhan client.
  • Impact: digitalisasi + data terintegrasi lintas modul.
SIMA-PRO Dashboard
SIMA-PRO PR/PO Status
SIMA-PRO Journal
SIMA-PRO Mobile
Approval & monitoring periodic untuk owner/management agar keputusan bisa diambil on-the-go.

Context

Owner butuh approval cepat dan monitoring inventory control saat mobilitas tinggi.

Role & Stack

  • Role: Fullstack & Mobile (solo)
  • React Native, Lumen (PHP), PostgreSQL

Fitur inti

  • Dashboard
  • Approval
  • Monitoring (periodic reports)

Teknis / Challenge / Solution / Impact

  • Teknis: integrasi API + approval workflow.
  • Challenge: query backend untuk monitoring.
  • Solution: konsep SOP umum + fokus ringkasan actionable.
  • Impact: mobilitas user meningkat.
SIMA-PRO Mobile
SIMA-PRO Approval Mobile
SIMA-PRO Monitoring Mobile
Gate Spiner (Mobile)
Akses gate kontainer: geofencing ±500m + anti fake GPS, integrasi backend (Spring Boot).

Context & Flow

Dipakai supir/truk kontainer untuk masuk gate: validasi lokasi + identitas, gate terbuka otomatis jika cocok.

Login → Masuk radius geofence → Input identitas → Validasi API → Gate open

Role & Stack

  • Role: Mobile (tim 2, PM client)
  • React Native

Teknis / Challenge / Solution / Impact

  • Teknis: integrasi API, geofencing, anti fake GPS.
  • Challenge: integrasi API & stabil di lapangan.
  • Solution: urutan validasi dibuat sederhana.
  • Impact: otomasi akses gate + kontrol lokasi lebih kuat.
Gate Spiner
Gate Spiner Login
Gate Spiner Result
Mobile Gapura (Mobile)
Gate in/out pelabuhan: offline-first, barcode scan, bluetooth print, laporan.

Context

Dipakai operator gate. Mobile dipilih karena beberapa titik tidak punya gardu (desktop tidak memungkinkan).

Role & Stack

  • Role: Mobile (tim 2, PM client)
  • React Native

Fitur inti

  • Login, catat transaksi, laporan
  • Barcode scan
  • Bluetooth print
  • Offline-first

Teknis / Challenge / Solution / Impact

  • Teknis: integrasi API, offline-first, bluetooth printer.
  • Challenge: bluetooth printer (device variatif).
  • Solution: flow sederhana & robust.
  • Impact: tetap berjalan di titik tanpa gardu; proses lebih tertib & terdata.
Mobile Gapura
Mobile Gapura Login
Mobile Gapura Result
e-Gate Inspection (Web)
Live CCTV monitoring + multi-gate dinamis (filter gate → koneksi CCTV sesuai pilihan).

Context

Dipakai supervisor untuk monitoring CCTV live dan capture yang diteruskan ke image processing.

Role & Stack

  • Role: Fullstack (tim 2, PM client)
  • AngularJS, .NET

Scope

  • Integrasi IP CCTV/DVR
  • Live monitoring
  • Single-gate → multi-gate dinamis + filter

Teknis / Challenge / Solution / Impact

  • Teknis: integrasi API DVR via IP host.
  • Challenge: koneksi CCTV berubah sesuai filter gate.
  • Solution: mapping gate → perangkat DVR yang dinamis.
  • Impact: monitoring jadi dinamis & scalable.
e-Gate Inspection
e-Gate Inspection Filter Gate
e-Gate Inspection Capture
CENTRA (Web + Mobile)
Pengembangan fitur Surat Perjalanan Dinas (SPD) untuk sistem internal karyawan.

Context

Dipakai staff/user internal; fokus implementasi fitur SPD.

Role & Stack

  • Role: Backend & Mobile (tim 4, PM client)
  • React Native, Spring Boot

Fitur inti

  • SPD
  • Integrasi API

Challenge / Solution / Impact

  • Challenge: UI sesuai kebutuhan user.
  • Solution: iterasi dari SOP client.
  • Impact: penambahan fitur SPD.
Centra Mobile
Centra Mobile List
Centra Mobile Detail
CIS PDAM Surabaya
Tagihan/pemakaian + catat meter mandiri + SMS OTP. Rebuild dari aplikasi Java.

Context

Self-service pelanggan PDAM agar layanan lebih mudah (tagihan, pemakaian, catat meter, lapor mandiri).

Role & Stack

  • Role: Fullstack (tim 2)
  • React Native, Laravel

Fitur inti

  • SMS OTP
  • Info tagihan/pemakaian
  • Catat meter mandiri
  • Lapor mandiri

Challenge / Solution / Impact

  • Challenge: OTP SMS harus reliable & mudah.
  • Solution: flow OTP sederhana + integrasi API.
  • Impact: rebuild dari app Java → lebih mudah maintain.
OTP
Tagihan
Catat Meter
Soperbos (Chrome Extension)
Auto-chat e-commerce + monitoring traffic. Inject tombol/aksi ke website existing.

Context

Automasi aktivitas CS untuk follow-up yang lebih cepat & konsisten.

Role & Stack

  • Role: Backend/Logic
  • JavaScript (Chrome Extension)

Fitur inti

  • Message bot
  • Monitoring traffic pengunjung

Challenge / Solution / Impact

  • Challenge: integrasi ke website existing (struktur berbeda).
  • Solution: konsep flow dulu, lalu adaptasi per halaman/platform.
  • Impact: automasi message bot.
Inject UI
Action
Traffic
Saytum (Web App)
Tambah fitur consignment (barang titipan/lelang) pada platform logistik kendaraan.

Context

Penambahan modul consignment pada aplikasi existing agar proses barang titipan/lelang terdigitalisasi.

Role & Stack

  • Role: Frontend (tim 2)
  • ReactJS (integrasi API ke backend Laravel)

Fitur inti

  • Consignment module
  • Integrasi API

Challenge / Solution / Impact

  • Challenge: memahami codebase existing.
  • Solution: belajar kilat source code + mengikuti pola existing.
  • Impact: penambahan fitur tanpa rebuild.
Saytum
Saytum Auction
Saytum Tracking Order

Skills

Ringkas & relevan dengan project.

Backend

LaravelLumen.NETPostgreSQLREST

Web

ReactJSAngularJSJavaScriptjQuery AJAX

Mobile

React NativeOffline-firstBluetoothGeofencingBarcode

Kontak

Nomor Telepon/Whatsapp

+6281238037498
Hubungi Nomor

Email

gilangpermadi66@gmail.com
Kirim Email

LinkedIn

https://www.linkedin.com/in/gilang-pandu-permadi-544b17199/
Buka LinkedIn

GitHub

github.com/pilanggandu
Buka GitHub