AIRA (Antrean Instan Rawat Jalan)

Software Requirements Specification (SRS) Implementation
Prepared by: Kelompok 5

• Rafli Khiyanuran Bazhari (240411100001)
• Muhammad Fajar Nugroho (240411100103)
• Aslih Maulana Syadat (240411100166)
• Zakaria Mujur Prasetyo (240411100144)

---

AIRA adalah sistem manajemen antrean digital berbasis web dan mobile yang dirancang khusus untuk lingkungan pelayanan rawat jalan. Repositori ini berisi frontend dari aplikasi AIRA yang dibangun menggunakan Vue 3, Vite, dan Tailwind CSS.

Cakupan Modul (Role Pengguna)

Sistem ini memiliki beberapa dasbor berdasarkan hak akses sesuai dokumen SRS:

• Pasien: Mengambil antrean virtual, melacak posisi antrean secara real-time, dan melihat riwayat kunjungan.
• Perawat: Pendaftaran pasien rawat jalan, pengelolaan antrean per poli, verifikasi pendaftaran online, dan menampilkan display antrean.
• Dokter: Memantau daftar antrean pasien secara real-time, memanggil pasien, menginput rekam medis (SOAP), dan memberi resep.
• Admin: Manajemen user (CRUD dokter, perawat), manajemen data poli, pengaturan jadwal, dan konfigurasi sistem (jam operasional, batas antrean).

Petunjuk untuk Backend Developer

Untuk mempermudah integrasi dengan backend (Node.js/PHP/Lainnya) dan database (PostgreSQL/MySQL):

1. Akses Akun Demo: Terdapat fitur "Login Cepat" di halaman Login (src/views/LoginPage.vue). Tombol akses demo tersedia untuk setiap role.

   • Tugas Backend: Buatlah endpoint autentikasi (/api/login) yang merespons dengan token dan data role pengguna. Hubungkan fungsi handleLogin() ke database sungguhan, lalu hapus rute statis demo.

2. Komentar File Halaman (Pages): Setiap file halaman (.vue) telah diberikan komentar penjelasan bertajuk [CATATAN UNTUK BACKEND DEVELOPER]. Silakan baca komentar tersebut untuk memahami data apa yang harus disuplai via API.

3. Struktur Data: Ganti variabel-variabel data dummy statis di dalam komponen dengan pemanggilan fetch atau axios ke REST API Anda.

Cara Menjalankan Project (Frontend)

1. Pastikan Anda sudah menginstal Node.js.
2. Buka terminal, arahkan ke folder project ini.
3. Instal semua depedensi:

   npm install

4. Jalankan mode pengembangan (development):

   npm run dev

5. Buka tautan lokal yang muncul (biasanya http://localhost:5173).

Proses Build (Production)

npm run build

File siap-deploy akan dihasilkan di dalam folder dist/.

Fitur yang Masih Kurang (Berdasarkan Dokumen SRS)

Meskipun antarmuka (UI) telah dibangun secara komprehensif, beberapa fitur belum diimplementasikan sepenuhnya di sisi frontend maupun backend:

1. Pendaftaran via Scan QR Code & Tiket Fisik (FR-02, FR-17): Sistem saat ini belum memiliki kapabilitas generate QR Code secara riil dari sisi server yang bisa dicetak dan di-scan oleh pasien untuk konfirmasi kehadiran.
2. Sistem Notifikasi Push & SMS: Belum ada integrasi dengan SMS Gateway atau Push Notification (seperti Firebase Cloud Messaging) untuk memberi tahu pasien saat gilirannya tiba.
3. Pencatatan Pemeriksaan Medis (SOAP) & Pengiriman Resep ke Farmasi (FR-07, FR-09, FR-10): Dasbor dokter saat ini lebih difokuskan pada manajemen antrean. Form input medis (SOAP) yang terperinci dan fitur bridging data resep langsung ke unit farmasi belum tersedia.
4. Display Antrean ke Layar TV / Monitor Publik: Meskipun komponen LiveMonitor.vue sudah ada, mekanisme teknis untuk memproyeksikan tampilan tersebut ke layar sekunder secara independen (tanpa intervensi manual) membutuhkan sinkronisasi real-time (WebSocket) dari sisi backend yang saat ini belum dibuat.
5. Dashboard Statistik Global & Ekspor Laporan (FR-15, FR-16): Halaman laporan untuk admin (grafik kunjungan harian, poli tersibuk) belum dibuat UI-nya. Fitur export data ke PDF/Excel juga belum tersedia.
6. Integrasi Backend, Database, dan WebSocket (NFR-08): Seluruh data antrean, jadwal dokter, dan status login masih menggunakan mock data statis. Sistem real-time (WebSocket) belum terhubung secara fungsional.

---

Galeri & Tampilan UI

Berikut adalah gambaran antarmuka (UI) dari sistem AIRA yang siap untuk diintegrasikan:

1. Halaman Publik & Pendaftaran

• Beranda (Landing Page):
• Profil RS:
• Pendaftaran Pasien:
• Login:

2. Portal Pasien (Dashboard)

• Dashboard Utama:
• Antrean Saya:
• Jadwal Dokter:
• Pusat Edukasi Kesehatan:
• Profil Saya: