Sistem Manajemen Antrean Cerdas (Smart Queue Management System) Smart Queue Management System adalah aplikasi antrean berbasis web dan desktop yang dirancang secara modern untuk mengelola arus pengunjung atau pasien secara real-time. Aplikasi ini sangat cocok digunakan di rumah sakit, puskesmas, bank, maupun instansi pelayanan publik lainnya. Dibangun dengan arsitektur modern (berbasis monorepo ), sistem ini menawarkan tiga antarmuka utama: Admin Panel : Dasbor untuk loket/poli mengelola panggilan antrean. Public Display (Dashboard) : Layar informatif untuk ruang tunggu yang menampilkan antrean berjalan, video promosi/hiburan, dan teks berjalan ( running text ). Kiosk (Self-Service) : Aplikasi desktop kiosk interaktif untuk mencetak tiket antrean secara mandiri oleh pengunjung. Teknologi yang Digunakan ( Tech Stack ) Proyek ini dibangun menggunakan teknologi mutakhir (State-of-the-Art) yang memastikan performa tinggi, skalabilitas, dan UI/UX yang memanjakan mata. Frontend (Antarmuka Pengguna & Display): Framework: Nuxt 4 / Vue 3 - Framework modern yang memberikan performa rendering (SSR/CSR) yang sangat cepat. Styling & UI Kit: Tailwind CSS v4 & Nuxt UI - Untuk desain antarmuka yang sangat responsif, estetis ( glassmorphism , clean design ), dan konsisten. Komunikasi Real-time: Socket.IO-client - Menangani pembaruan status antrean di layar display tanpa delay . Ikon & Aksesoris: Lucide Vue Next (Ikon), V-Calendar (Pemilihan tanggal), dan generator QRCode . Backend (API & Logika Bisnis): Framework: NestJS 11 - Framework Node.js arsitektur Enterprise-grade yang kokoh, modular, dan sangat mudah di-scale. Database & ORM: SQLite dengan Prisma ORM - Relational database yang ringan dan cepat dengan skema tipe data yang ketat ( Type-Safe ). WebSockets: NestJS WebSockets (Socket.IO) - Mengelola ratusan koneksi secara simultan untuk memastikan public display tersinkronisasi secara real-time. Keamanan & Autentikasi: JWT (JSON Web Token) , Passport , dan Bcrypt untuk enkripsi sandi pengguna. Reporting: ExcelJS - Untuk meng-ekspor data riwayat antrean ke dalam format laporan .xlsx . Desktop/Kiosk: Electron JS: Membungkus aplikasi frontend menjadi aplikasi Desktop Standalone (Kiosk) yang siap digunakan pada mesin pencetak tiket layar sentuh. Fitur-fitur Unggulan ( Key Features ) 1. Sinkronisasi Antrean Real-Time (Tanpa Refresh) Menggunakan teknologi WebSockets (Socket.IO) secara penuh. Saat loket memanggil nomor antrean, layar di ruang tunggu (Public Display) akan langsung merespons dengan menampilkan nomor panggilan dan notifikasi suara secara seketika ( zero latency ). 2. Tampilan Ruang Tunggu yang Super Kustom ( Customizable Public Display ) Super Admin dapat mengubah tampilan layar ruang tunggu langsung dari panel admin. Media Hiburan: Mendukung pemutaran Video Lokal atau mengintegrasikan tautan YouTube secara langsung di layar. Running Text & Branding: Menyesuaikan logo instansi, teks berjalan, warna tombol, judul, hingga gambar background sesuai identitas korporat ( Corporate Identity ). 3. Multi-Loket / Multi-Poli (Role-Based Access) Sistem mendukung banyak loket atau ruangan secara bersamaan. Manajemen Ruangan: Admin dapat membuat banyak loket (Contoh: Poli Gigi, Poli Umum, CS, Teller) lengkap dengan ikon kustom ( lucide-icons ) dan warna spesifik. Keamanan Log-in: Setiap ruangan memiliki kredensial sendiri. Staf hanya berfokus pada antreannya masing-masing. 4. Lifecycle Antrean yang Lengkap & Pelacakan Waktu Setiap tiket antrean direkam secara presisi statusnya ( WAITING , SERVING , DONE , SKIPPED ). Sistem secara otomatis mencatat Timestamp (Waktu Tiket Diambil, Waktu Dipanggil, dan Waktu Selesai Dilayani) sehingga manajemen bisa menghitung parameter SLA (Service Level Agreement) pelayanan. 5. Audit Log (Riwayat Aktivitas Keamanan) Setiap aksi vital yang terjadi di dalam aplikasi dicatat di dalam sistem Audit Log (Misal: Siapa yang mereset antrean, memanggil antrean, menghapus ruangan, dll) untuk menjaga transparansi dan akuntabilitas operator loket. 6. Ekspor Laporan Otomatis Dilengkapi modul Reporting yang memungkinkan pihak manajemen untuk meng-ekspor riwayat pelayanan per hari/bulan ke dalam bentuk Microsoft Excel (.xlsx) untuk analisis lanjutan. 7. Self-Service Kiosk Ready Dilengkapi dengan sistem build script khusus ( build-kiosk.sh ) yang akan mengemas sistem menjadi aplikasi Electron layar penuh ( fullscreen Kiosk mode ). Hal ini membuat mesin pencetak tiket mandiri menjadi sangat aman dari navigasi browser yang tidak disengaja oleh pengguna.
Sistem Manajemen Antrean Cerdas
