Spesifikasi arsitektur peramban, struktur API, dan log riwayat pembaruan berkelanjutan OrangDalam Engine.
Arsitektur Grafis 3-Layer Composite
OrangDalam Engine menggunakan sistem tumpukan gambar 3 dimensi di peramban yang disinkronkan secara presisi menggunakan Fabric.js:
Base Layer (Dasar): Foto mockup asli produk (kaos polos, celana, setelan).
Canvas Interactive Layer: Kanvas vektor tempat desain sablon diletakkan, diubah skalanya, diputar, dan dikalibrasi sesuai koordinat area cetak.
Overlay Texture / Wrinkle Layer: Lapisan tekstur lipatan kain dengan mode blend Multiply transparan yang menutupi sablon sehingga hasil mockup tampak realistis menyatu dengan serat kain.
Foreground Occlusion Layer: Lapisan aksesoris (misalnya kancing, tali hoodie, atau lipatan kerah) yang menimpa sablon jika ada bagian desain yang seharusnya berada di bawah lipatan.
Daftar RESTful API Endpoints
GET /api/templates : Mengambil seluruh daftar template produk
GET /api/templates/catalog : Mengambil katalog produk terkelompok
POST /api/templates : Membuat template mockup baru (Admin/Pro)
POST /api/templates/(:id) : Memperbarui koordinat area kalibrasi
POST /api/templates/delete/(:id) : Menghapus template secara permanen (kompatibel cPanel)
POST /api/upload/design : Mengunggah gambar desain sablon
POST /api/upload/asset : Mengunggah asset foto base/overlay mockup
POST /api/sessions/save-position : Menyimpan koordinat & transformasi per template
Changelog Riwayat Pembaruan Versi
Seluruh perbaikan bug, penambahan fitur baru, dan optimasi performa wajib terdokumentasi di bagian ini.
v2.7.1 (TERBARU)
Bilah Penyesuaian Skala Desain Terpadu (Down & Max), Perapian Total Top Bar & Perbaikan Izin Server
13 Oktober 2026
FiturBilah Penyesuaian Skala Desain Terpadu (Unified Adjustment Dock): Penyatuan kontrol penyesuaian skala desain gambar langsung ke dalam satu Kapsul Dock Melayang di bawah kanvas tanpa bertumpukan. Memiliki slider horizontal leluasa yang bisa digeser bebas ke kiri (Down/Min 1 cm) dan ke kanan (Max), tombol presisi langkah [-] dan [+], serta sinkronisasi realtime ukuran fisik kain (Lebar: ±X cm).
TampilanPerapian Menyeluruh Top Bar (Header & Sub-Header): Rekayasa ulang layout bilah atas desktop agar proporsional dan tidak berantakan pada seluruh resolusi layar (termasuk layar laptop 1366x768). Pemadatan badge akun pengguna (User Profile Pill) dengan proteksi elipsis teks otomatis, penataan tombol Media File & Upload Mockup, dan pemisahan navigasi rapi.
SistemSkrip Otomatis Perbaikan Izin Berkas Server (Permissions Fixer): Penambahan modul mandiri fix_permissions.php untuk menuntaskan galat Permission Denied di cPanel/LiteSpeed dengan otomatis mengatur folder ke 0755 dan file ke 0644.
SistemPencegahan Layar Error 500: Penambahan mekanisme pengalihan otomatis (Auto-Redirect) dari domain utama langsung ke wizard installer jika aplikasi belum dihubungkan ke database.
FiturMedia File Manager Terintegrasi: Penjelajah media visual langsung di dalam Studio. Mendukung navigasi folder bertingkat, upload desain gambar (PNG/JPG/WEBP), pembuatan folder kategori, dan tombol 1-klik "Pakai Desain" langsung ke kanvas sablon.
FiturIsolasi File & Template per Pengguna (Clean Fresh State): Pengguna baru yang mendaftar mendapatkan ruang penyimpanan mandiri yang bersih dari file/proyek pengguna lain. Template Mockup dipisahkan secara ketat antara Template Bawaan Admin (default sistem publik) dan Template Mockup Pribadi pengguna.
FiturSistem Kuota Cloud Storage Real-Time: Peningkatan skema membership dengan kuota penyimpanan data (Free: 50 MB, Pro: 1 GB, Agency: 10 GB). Meter bar persentase storage ditampilkan langsung di dalam Media Manager dengan proteksi penolakan upload otomatis saat kuota penuh.
KeamananProteksi Template Admin: Pencegahan penghapusan atau penimpaan template bawaan default sistem oleh pengguna biasa.
v2.6.0
Transformasi OrangDalam Engine & Sistem Autentikasi / Membership
13 Oktober 2026
FiturRebranding Resmi: Perubahan identitas resmi menjadi OrangDalam Engine Generator Gambar Marketplace.
FiturSistem Autentikasi Publik: Penambahan sistem Login, Registrasi Mandiri, Logout, dan Pengalihan Otomatis berbasis Session CodeIgniter 4.
FiturTingkatan Paket Layanan (Membership Tiers): Skema database tabel plans, users, dan subscriptions untuk Paket Starter Free, Pro Merchant, dan Agency Unlimited.
PerbaikanPerbaikan Scrolling Halaman: Pemisahan CSS workspace studio dari halaman publik untuk mengembalikan kemampuan scroll vertikal alami (overflow-y auto) pada Landing Page, Panduan, Dokumentasi, dan formulir Autentikasi.
KeamananFilter Route Middleware: Proteksi route studio dan API menggunakan AuthFilter dan AdminFilter.
v2.5.9
Menu Hapus Produk dari Katalog
13 Oktober 2026
Fitur Tombol Hapus Produk terintegrasi di samping dropdown pilihan produk di sidebar kiri studio.
Perbaikan Penambahan route POST api/templates/delete/(:num) untuk menghindari blokir firewall cPanel terhadap metode HTTP DELETE.
Optimasi Sinkronisasi instan pembersihan state katalog, kelompok mockup, dan template batch di memori lokal saat produk dihapus.
v2.5.8
Optimasi Grid Responsif Mode Desain Sekaligus
13 Oktober 2026
Perbaikan Memperbaiki tata letak CSS pada kartu batch mockup agar saat hanya 1 produk yang dipilih, kartu tidak melar memenuhi seluruh layar lebar melainkan tetap proporsional (max-width 280px).
v2.5.7
Deteksi Autosave pada Scroll Zoom-Out
13 Oktober 2026
Perbaikan Memperbaiki listener interaksi roda mouse (scroll zoom-in / zoom-out) agar langsung memicu trigger perubahan autosave ke server tanpa perlu menggeser posisi objek.
v2.5.6
Multi-Kotak Kalibrasi Dinamis (Baju & Celana)
13 Oktober 2026
Fitur Dukungan kalibrasi multi-kotak tak terbatas (Baju 1 s/d Baju 4, Celana 1 s/d Celana 2) dengan parsing JSON otomatis.