karya · proyek pribadi

Petakin

Mengubah denah lantai mal berformat raster menjadi peta unit SVG yang rapi dan bisa diedit.

periode
2026
peran
Desain dan engineering
stack
Next.js · TypeScript · Tailwind CSS · Python · FastAPI · OpenCV
Halaman depan Petakin yang menampilkan denah lantai mal berkode warna di dalam editor pemetaanEditor pemetaan manual Petakin dengan tool gambar, tab lantai, kategori, dan panel layer

masalah

Denah lantai mal datang sebagai screenshot atau ekspor PDF yang penuh kode unit, ikon fasilitas, dan watermark. Tracer umum mengikuti teksnya dan menghasilkan path yang terpecah-pecah, padahal mal punya beberapa lantai yang semuanya harus tampak seragam.

pendekatan

  • Editor pemetaan manual memakai denah dari vendor sebagai lapisan dasar: gambar tiap unit dengan tool persegi panjang, elips, atau poligon, termasuk kurva, pada snap grid.
  • Unit disusun dalam layer dan kategori, dengan satu tab per lantai dan gaya yang seragam antarlantai; pekerjaan tersimpan otomatis di browser.
  • Hasil ekspor murni vektor: satu path per unit, bisa dipilih di Figma, transparan, tanpa gambar raster yang tertanam.
  • Mode otomatis menyegmentasi denah per kelompok warna dengan OpenCV untuk mengekstrak unit tanpa menggambar. Mode ini sedang dibangun ulang sambil segmentasi dan preset-nya diperketat.

hasil

  • Pemetaan manual sudah berjalan di browser.
  • Ekstraksi otomatis divalidasi pada mal lima lantai: 101 unit di lantai tersibuk, di bawah 10 detik per gambar.