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


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.