Fleet Management System

Aplikasi Fleet Management System

Aplikasi Rental kendaraan dan palacakan unit real time lengkap dengan modul Finance Accounting.

Link  demo : https://tracking.azkalita.online

Untuk Administrator,

user : admin

Password : password 

Untuk Penyewa,

Klik Registrasi Sekarang , isi data.

login dengan  user tersebut

Pilih Unit  dan mulai sewa.

Aplikasi ini Cocok untuk yang bergerak dibidang :

1. Rental Mobil, Motor 
2. Expedisi
3.  

Modul dan Fitur:

1. Login Admin dan Penyewa
2. Dashboard Admin dan Penyewa
3. Management Unit - Kelola kendaraan, spesifikasi, surat2 kendaraan dan memonitor masa berlaku surat kendaraan  
4. Management Driver
5. Pemesanan/sewa - Penyewa buat akun dan mulai melakukan booking sewa
6. Live Tracking - Lacak real time
7. Riwayat perjalanan
8. Geo Fencing Area - Pembatasan area sewa
9. Transaksi Kas & Bank
10.  Accounting
11. Laporan pendapatan, Finance dan Accounting
12. Pengaturan Aplikasi

Spesifikasi Teknis :

1. Arsitektur Sistem Umum

Aplikasi ini dibangun menggunakan arsitektur Client-Server dengan pemisahan penuh (Decoupled) antara bagian Frontend (Single Page Application) dan Backend (RESTful API & WebSocket Server).

2. Technology Stack (Tumpukan Teknologi)

Frontend (Client-side)

• Framework Utama: React (v18.2) - Berbasis komponen fungsional dengan hooks.
• Build Tool: Vite - Untuk proses bundling cepat dan Hot Module Replacement (HMR).
• Routing: React Router DOM (v6.22) - Navigasi antar halaman secara dinamis di sisi klien.
• State Management & Caching: TanStack React Query (v5.28) - Sinkronisasi state klien dengan server cache, auto-refetch, dan optimasi query.
• Real-time Communication: Socket.io-client (v4.7) - Menghubungkan client ke server WebSocket untuk pembaruan peta GPS secara real-time.
• Pemetaan & Geospasial: Leaflet.js (melalui React-Leaflet) - Rendering peta interaktif OpenStreetMap, marker kendaraan, geofence radius, dan rute perjalanan.
• Visualisasi Data (Grafik): Recharts (v2.12) - Grafik analytics penyewaan dan pendapatan pada dashboard.
• CSS Styling: Tailwind CSS (v3.4) - Framework CSS utility-first untuk styling responsif, estetika premium dark-mode, dan desain modern.
• Paket Ikon: Lucide React - Penyedia ikon SVG yang konsisten dan modern.

Backend (Server-side)

• Runtime Environment: Node.js
• Web Framework: Express.js (v4.19) - Penanganan rute API, parsing data, dan middleware.
• WebSockets Server: Socket.io (v4.7) - Untuk siaran (broadcasting) koordinat GPS real-time ke semua klien yang terhubung.
• Object-Relational Mapping (ORM): Sequelize (v6.37) - Pemetaan objek JS ke basis data relasional, transaksi database, migrasi, dan relasi tabel.
• Database Driver: mysql2 - Driver native untuk koneksi ke basis data MySQL.
• Ekspor Dokumen & Laporan:
  • PDFKit (v0.15): Membuat file PDF dinamis berkualitas tinggi secara terprogram (invoice rental dan laporan sewa).
  • ExcelJS (v4.4): Menghasilkan lembar kerja spreadsheet (Excel) untuk laporan bulanan/tahunan.

Basis Data (Database)

• RDBMS: MySQL (v8.0) - Penyimpanan data persisten untuk relasi transaksi, log koordinat, setelan instansi, dan manajemen armada.