Stack Vue 3 & Django
Autentikasi Entra ID & RBAC
Menjadi template visual
Masalah
Steinemann, produsen mesin sanding sabuk lebar terkemuka, butuh cara bagi tim sales mereka untuk mendemonstrasikan konfigurasi lini sanding yang optimal kepada calon pembeli dan membantu pelanggan yang sudah ada menganalisis serta mengoptimalkan efisiensi lini produksi mereka. Sebelumnya, kalkulasi dan konfigurasi dilakukan secara manual atau melalui spreadsheet yang tersebar, tanpa alat sentral untuk memvisualisasikan parameter sanding, menghitung biaya abrasif, atau menerapkan Role-Based Access Control (RBAC) dan autentikasi Microsoft Entra ID korporat.
Kendala
- [01]Wajib terintegrasi secara aman dengan flow autentikasi Microsoft Entra ID (Azure AD) korporat Steinemann
- [02]Formula konfigurasi dinamis untuk mesin sanding sabuk lebar harus menghitung data produksi secara real-time
- [03]Desain mobile-first untuk perwakilan sales yang menggunakan tablet/HP di lantai pabrik
- [04]Pemisahan data yang ketat dan RBAC: pelanggan hanya dapat melihat telemetri mesin dan riwayat impor mereka sendiri
Pendekatan Kami
Kami membangun mini-app yang dioptimalkan untuk perangkat seluler menggunakan Vue 3 dan TypeScript untuk frontend, ditopang oleh API Django REST Framework (DRF) yang terhubung ke Microsoft Entra ID untuk RBAC yang aman. UI dirancang dari awal agar sangat intuitif, yang akhirnya diadopsi sebagai template visual standar di seluruh ekosistem Alpamayo. Kami mengimplementasikan wizard kalkulasi real-time untuk konfigurasi sales, manajemen data lapangan, dan wizard impor yang memungkinkan operator mengunggah file CSV/Excel yang berisi parameter produksi secara langsung ke database PostgreSQL yang aman.
Mendesain ulang alat utilitas dengan layout mobile-first, SSO korporat yang aman (Entra ID), dan wizard impor file menjembatani celah antara kalkulasi teknik yang kompleks dan operasional sales di lapangan.
Galeri
Hasil
- Redesign UI diadopsi sebagai standar sistem visual di seluruh rangkaian produk Alpamayo
- Aplikasi mobile-optimized dengan login Entra ID korporat yang aman dan RBAC sukses dikirim ke produksi
- Wizard impor dan alat manajemen data lapangan memungkinkan pelanggan melakukan data onboarding mandiri
- Memungkinkan tim sales untuk menghasilkan model konfigurasi secara instan di lokasi pelanggan
Kenapa ini penting
Sanding Performance menunjukkan bagaimana utilitas software dapat mendorong penjualan hardware. Dengan mengganti spreadsheet manual dengan aplikasi mobile-friendly yang aman, tim sales Steinemann dapat mendemonstrasikan metrik optimasi langsung di lokasi, mengubah kalkulasi teknik menjadi alat penutup penjualan yang kuat. Bagi kami, ini juga proyek di mana standar desain frontend kami membuktikan nilainya dengan menjadi template UI untuk seluruh Alpamayo group.