Panduan Aplikasi

1 Autentikasi Pengguna (Login) URL: /login

Halaman akses utama untuk masuk ke sistem TravosCore CMS. Fitur ini memastikan keamanan data dengan membatasi akses hanya untuk personel yang sah.

1. Tampilan Awal Form Login

Ketika pertama kali membuka halaman login, pengguna disuguhkan dengan form masuk bersih yang meminta kredensial berupa Email Address dan Password.

Email Address: Menggunakan input teks dengan validasi tipe email.
Password: Masked input untuk menyembunyikan karakter kata sandi demi keamanan.

Gambar 1.1: Form Login Awal

2. Validasi Kolom Input (Email & Password)

Sistem secara otomatis memvalidasi isian pengguna sebelum mengirimkan data ke server untuk mempercepat respon feedback:

Wajib Diisi (Required): Jika field dikosongkan dan tombol "Sign In" ditekan, akan muncul pesan error merah "Email is required" and "Password is required".
Format Email: Jika alamat email tidak memiliki format standar (misal tanpa '@' atau domain), sistem akan menampilkan error "Email is invalid".
Panjang Kata Sandi: Password harus terdiri dari minimal 6 karakter. Jika kurang, pesan error "Password must be at least 6 characters" akan tampil.

Gambar 1.2: Validasi Error Form Input

3. Fitur Tampilkan/Sembunyikan Kata Sandi (Show/Hide Password)

Pada kolom input Password, terdapat ikon mata (eye icon) di sisi kanan. Fitur ini membantu pengguna memverifikasi ketepatan pengetikan kata sandi sebelum submit:

Sembunyikan (Default): Kata sandi disamarkan menjadi deretan titik hitam.
Tampilkan: Klik ikon mata untuk mengubah mode input sehingga teks password terlihat jelas. Ikon akan berganti menjadi mata coret (eye-slash).

Gambar 1.3: Penggunaan Fitur Show Password

4. Tombol Sign In (Loading State)

Tombol biru Sign In digunakan untuk memproses autentikasi. Ketika tombol ditekan dan request sedang berjalan ke API server:

Tombol akan masuk ke mode Loading State (ditandai dengan spinner berputar dan label berubah menjadi "Signing in...").
Form akan dinonaktifkan sementara (disabled) untuk menghindari pengiriman data ganda.

Visualisasi: Keadaan Loading Tombol Sign In

5. Tautan Lupa Kata Sandi & Navigasi Beranda

Di bagian bawah form login terdapat dua elemen navigasi tambahan:

Forgot your password? (Tautan Lupa Kata Sandi): Link teks biru di bawah tombol Sign In. Mengklik tautan ini akan mengarahkan pengguna ke halaman pemulihan kata sandi (/forgot-password).
Icon Home (Kembali ke Beranda): Ikon rumah di bagian paling bawah halaman (di bawah hak cipta). Berguna untuk kembali langsung ke halaman utama/landing page website publik (/).

Gambar 1.4: Tautan Lupa Kata Sandi dan Icon Beranda

2 Panel Kendali Utama (Dashboard) URL: /dashboard

Halaman ringkasan operasional utama yang menyajikan data real-time mengenai performa bisnis TravosCore Anda. Halaman ini dirancang untuk memberikan informasi secara cepat (at-a-glance) tentang statistik transaksi, aktivitas terkini, serta akses pintas ke fungsi krusial.

Tampilan Keseluruhan Dashboard

Setelah berhasil masuk, pengguna dialihkan ke halaman dashboard utama yang terbagi menjadi tiga area besar: Sidebar Menu (Kiri), Header Panel (Atas), dan Main Content Workspace (Tengah).

Gambar 2.1: Halaman Utama Dashboard (Setelah Login)

1. Panel Menu Samping (Sidebar Menu) & Detail Menu Akses

Berfungsi sebagai panel navigasi utama sistem untuk mengakses berbagai modul aplikasi yang tersedia sesuai hak akses (role) pengguna. Berikut adalah pembagian modul dan menu yang dapat diakses:

A Sidebar Navigasi - Bagian Atas

Bagian ini memuat identitas aplikasi, profil pengguna yang sedang login, serta menu navigasi utama awal:

A. Identitas Aplikasi (Logo) Logo biru bertuliskan TL dan nama TravosCore sebagai identitas sistem CMS.
B. User Logged In (Info Pengguna) Menampilkan nama staf yang sedang aktif (Admin User) serta lencana role hak akses (Administrator).
1. Dashboard Halaman beranda utama untuk melihat statistik ringkasan dan pintasan tindakan.
2. AI Assistant Asisten cerdas interaktif untuk menganalisis data keuangan, transaksi, dan performa lewat percakapan alami.
3. Master Data (Dropdown) Kumpulan data master sistem yang dapat ditambahkan dan diubah:
- Customers: Profil, kontak, dan riwayat transaksi pelanggan.
- Suppliers: Profil vendor penyedia layanan (maskapai, hotel, transport, agen visa).
- Airports, Airlines, Hotels, Regions: Data pendukung operasional travel.
4. Frontliner Modul khusus manajemen data performa staf garda depan (frontliner).

Gambar 2.2a: Sidebar Menu Bagian Atas

B Sidebar Navigasi - Bagian Tengah (Operasional & Keuangan)

Memuat transaksi reservasi operasional dan modul pencatatan keuangan/perpajakan:

5. Transactions (Dropdown) Modul transaksi reservasi utama yang mencakup:
- Ticketing: Pemesanan tiket penerbangan rute domestik/internasional.
- Visa: Pengurusan berkas izin masuk kedutaan negara tujuan.
- Passport: Pembuatan atau perpanjangan paspor pelanggan.
- Tour: Reservasi paket perjalanan wisata terjadwal.
- Hotel: Pemesanan kamar hotel & akomodasi.
- Transportation: Layanan armada dan sewa kendaraan operasional.
- Attractions Ticket: Pembelian tiket masuk wahana/event hiburan.
- Meals: Penyediaan makanan katering selama tour perjalanan.
6. Finance Pengelolaan kas masuk/keluar, hutang vendor, pelunasan transaksi, dan ekspor data bank.
7. Accounting Pencatatan keuangan buku besar, trial balance, laba rugi, dan neraca (balance sheet).
8. Tax Kalkulasi, pelaporan, dan pengaturan SPT PPN serta PPh 23.

Gambar 2.2b: Sidebar Menu Bagian Tengah

C Sidebar Navigasi - Bagian Bawah (Analitik & Pengaturan)

Bagian ini berisi laporan analitik tingkat lanjut, konfigurasi hak akses, serta tombol keluar:

9. BI Reports (Dropdown) Visualisasi analisis bisnis cerdas (BI) yang meliputi:
- Sales & Margin Report: Analisis detail omset penjualan dan profit margin.
- Frontliner & Supplier Performance: Penilaian kinerja staff dan partner vendor.
- Trend Analysis: Pola tren minat produk travel dari waktu ke waktu.
10. Analytics Grafik tren pendapatan, margin keuntungan, dan performa keuangan.
11. Reports Fasilitas untuk mencetak dan mengunduh laporan periodik sistem.
12. Settings Pengaturan profil perusahaan, master pajak, role, permission, serta manajemen user.
13. Sign out Tombol keluar dari sistem secara aman dan mengakhiri sesi aktif pengguna.

Gambar 2.2c: Sidebar Menu Bagian Bawah

2. Panel Header Utama (Header Panel)

Menyediakan fungsionalitas pencarian cepat global serta status notifikasi sistem saat ini:

Kotak Pencarian (Search Input): Kolom input pencarian cepat di bagian tengah untuk mencari data transaksi atau pelanggan secara instan tanpa perlu masuk ke modul masing-masing.
Shortcut AI Assistant (Sparkle Icon): Ikon bintang/cahaya biru di sebelah kolom pencarian untuk membuka chatbot asisten AI secara instan.
Ikon Notifikasi (Bell Icon): Menampilkan pemberitahuan/alert terbaru sistem (ditandai dengan dot merah jika terdapat pemberitahuan baru).
Identitas Kanan: Nama user (Admin User) beserta tag role huruf kapital (ADMIN) dan avatar profil di sisi kanan atas sebagai penanda identitas visual cepat.

Gambar 2.3: Header Panel & Kolom Pencarian Global

3. Area Kerja Utama (Main Content Workspace)

Area utama tempat seluruh data statistik dan pintasan tindakan disajikan:

Welcome Header: Pesan selamat datang personal "Welcome back, Admin User" disertai sub-judul logis.
Kartu Metrik (Metric Cards):
- Total Customers: Jumlah total pelanggan terdaftar (contoh: 20) dengan indikator pertumbuhan bulan lalu.
- Active Transactions: Jumlah transaksi berjalan saat ini (contoh: 0).
- Monthly Revenue: Total omset bulanan yang terakumulasi (contoh: IDR 0).
Aktivitas Terbaru (Recent Activities): Menampilkan log audit transaksi & dokumen terbaru. Jika kosong, sistem menampilkan ikon peringatan dan info status kosong.
Aksi Cepat (Quick Actions): Tombol pintas navigasi untuk mempercepat proses bisnis:
- New Transaction (Membuat reservasi/booking baru).
- Add Customer (Pendaftaran profil pelanggan baru).
- View Reports (Langsung ke halaman rekap laporan).

Gambar 2.4: Area Widget Statistik Utama, Recent Activities, & Quick Actions

3 Asisten Inteligensi Buatan (AI Assistant) URL: /ai-assistant

Fitur analis cerdas interaktif (Business Intelligence Analyst) berbasis AI untuk membantu pengguna mengekstraksi informasi operasional, statistik, dan rangkuman data bisnis dari database Travel Lite melalui percakapan alami.

1. Antarmuka Awal Obrolan AI

Ketika masuk ke menu AI Assistant, pengguna disuguhkan dengan ruang obrolan bersih yang minimalis:

Panel Header: Menampilkan judul AI Assistant dengan sub-deskripsi fungsional serta tombol Clear di pojok kanan untuk menghapus riwayat percakapan secara instan.
Kolom Input Chat (Bottom Input): Terletak di bagian paling bawah halaman dengan placeholder "Tanyakan sesuatu tentang data Travel Lite..." untuk mengetikkan pertanyaan.

Gambar 3.1: Antarmuka Awal AI Assistant

Aturan Base Prompting & Kemampuan Sistem AI

Sistem AI Travel Lite beroperasi menggunakan integrasi Groq LLM (Llama 3) dan FAISS Vector Database untuk pencarian data relevan. Berdasarkan konfigurasi dasar prompt sistem (base prompt), AI Assistant memiliki perilaku berikut:

Batasan Ruang Lingkup Data Hanya diizinkan menjawab pertanyaan yang berfokus pada data internal Travel Lite. Layanan yang ter-cover meliputi: ticketing, tour, visa, passport, hotel booking, attractions ticket, catering, dan transportation.

Akurasi Informasi (No Fabrication) Sistem dilarang keras mengarang data (hallucination). Apabila informasi yang dicari tidak ditemukan dalam database atau FAISS index, AI akan membalas dengan respon default yang jujur.

2. Validasi Pertanyaan di Luar Ruang Lingkup

Untuk menjamin keamanan dan fokus sistem, AI akan memvalidasi setiap pertanyaan pengguna. Jika pertanyaan yang diajukan berada di luar data bisnis Travel Lite (seperti pertanyaan umum, politik, atau info luar):

Template Respon Penolakan:

"Maaf, saya hanya dapat menjawab pertanyaan seputar data bisnis Travel Lite."

Hal ini mencegah penyalahgunaan AI untuk hal-hal di luar kebutuhan analisis CMS.

Gambar 3.2: Deteksi Pertanyaan Luar Ruang Lingkup

3. Pencarian & Jawaban Berbasis Data Bisnis Riil

Ketika pengguna mengajukan pertanyaan relevan mengenai data operasional (seperti menanyakan jumlah transaksi, total keuntungan, atau jumlah pelanggan terdaftar):

AI akan melakukan pencarian cepat pada database vector FAISS untuk mencocokkan dokumen data.
Jika data ditemukan, AI merangkum dan membalas dalam Bahasa Indonesia yang formal dan mudah dipahami.
Jika data statistik tersebut tidak tersedia dalam sistem, AI membalas dengan respon:
"Data untuk pertanyaan ini tidak tersedia saat ini."

Gambar 3.3: Jawaban Kueri Bisnis yang Berhasil

4 Manajemen Master Data (Customers, Suppliers, Airports, Airlines, Hotels, & Regions) URL: /customers, /suppliers, /airports, /airlines, /hotels, /regions

Modul Master Data digunakan untuk mengorganisasi basis data referensi utama sistem. Kredensial, destinasi, armada, properti, dan entitas kemitraan dikelola secara terpusat untuk menopang seluruh modul transaksi operasional.

A Data Pelanggan (Customers)

Halaman untuk melihat, mencari, dan mengelola profil pelanggan korporat maupun individu:

Tombol "+ Add Customer": Membuka form pendaftaran pelanggan baru untuk diinput ke dalam sistem.
Kolom "Search customers...": Melakukan penyaringan baris data berdasarkan kecocokan nama, email, atau kontak pelanggan.
Daftar Kolom Tabel Pelanggan:
- Customer: Nama profil pelanggan serta ID Pelanggan unik (contoh: ID: CST-104).
- Contact: Alamat email dan nomor telepon operasional.
- Status: Status keaktifan akun pelanggan dalam sistem (contoh: active).
- Type: Klasifikasi jenis kontrak pelanggan (contoh: Contract Signed / No Contract).
- Statistics: Jumlah total transaksi reservasi serta akumulasi belanja pelanggan.

Gambar 4.1: Workspace Modul Customers

B Pemasok & Vendor (Suppliers)

Fungsi pengelolaan mitra eksternal penyedia layanan (maskapai, hotel, transportasi):

Tombol "+ Add Supplier" & "Filters": Digunakan untuk mendaftarkan vendor baru dan menampilkan dropdown saringan tipe penyedia layanan serta status kemitraan.
Daftar Kolom Tabel Supplier:
- Supplier: Nama komersial dan badan hukum perusahaan mitra.
- Type: Jenis industri layanan (contoh: hotel, airline, visa_agent, dsb).
- Contact: Email resmi dan nomor telepon operasional kantor mitra.
- Status: Badge status kemitraan aktif/nonaktif.
Kolom Tindakan (Actions): Ikon baris untuk melihat detail profil (mata), mengubah data (pensil), atau menghapus vendor (tempat sampah).

Gambar 4.2: Workspace Modul Suppliers

C Data Bandara (Airports)

Pengelolaan referensi bandar udara domestik maupun internasional untuk kebutuhan modul tiket penerbangan (ticketing):

Tombol "+ Add Airport": Membuka form entri data bandara baru (mengisi nama, kota, negara, kode IATA/ICAO, region, dll).
Daftar Kolom Tabel Bandara:
- CODE: Kode IATA unik bandara (contoh: CGK, SIN, HND).
- AIRPORT NAME: Nama bandar udara resmi.
- LOCATION: Nama kota dan negara letak bandara.
- REGION: Pembagian zona wilayah geografis.
- INTL.: Status bandara internasional (diaktifkan lewat tombol toggle).

Gambar 4.3: Workspace Modul Airports

D Data Maskapai (Airlines)

Kelola daftar maskapai penerbangan yang bekerjasama untuk penjualan tiket pesawat:

Tombol "+ Add Airline" & "Filters": Digunakan untuk mendaftarkan maskapai baru dan menyaring maskapai berdasarkan status aktif.
Daftar Kolom Tabel Maskapai:
- AIRLINE NAME: Nama maskapai komersil (contoh: Garuda Indonesia).
- CODES (IATA/ICAO): Kode penerbangan internasional (contoh: GA / GIA).
- COUNTRY: Negara asal maskapai.
- ACTIVE: Indikator keaktifan maskapai (berupa tombol toggle hijau).

Gambar 4.4: Workspace Modul Airlines

E Data Properti Hotel (Hotels)

Modul pencatatan referensi properti akomodasi hotel di berbagai destinasi wisata:

Tombol "Tambah Hotel": Membuka form pendaftaran hotel baru (mengisi nama hotel, alamat lengkap, kota, bintang/rating, status aktif).
Daftar Kolom Tabel Hotel:
- NAMA HOTEL: Nama properti akomodasi resmi.
- LOKASI: Wilayah kota/daerah letak properti.
- RATING: Kategori kelas bintang hotel (ditampilkan dalam ikon bintang kuning).
- AKTIF: Toggle keaktifan hotel dalam sistem.

Gambar 4.5: Workspace Modul Hotels

F Struktur Wilayah (Regions)

Pengaturan hierarki wilayah geografis (Negara, Provinsi, Kota/Kabupaten, dsb.) untuk memetakan alamat dan destinasi:

Struktur Data Hierarki (Tree View): Data ditampilkan dalam bentuk pohon berhierarki. Baris data yang memiliki sub-wilayah ditandai dengan ikon chevron (panah kanan) di sebelah nama wilayah yang dapat diklik untuk melakukan *expand* (buka sub-wilayah) atau *collapse* (tutup).
Daftar Kolom Tabel Wilayah:
- NAME: Nama wilayah geografis.
- CODE: Kode wilayah resmi (contoh: ID, SG, MY).
- PHONE: Kode panggilan telepon internasional negara.
- TYPE: Level administrasi wilayah (contoh: country, province, city).

Gambar 4.6: Workspace Modul Regions (Tampilan Hierarki)

6 Frontliner Page (Frontliner) URL: /transactions

Halaman Frontliner adalah pusat kendali terintegrasi bagi staf garda depan untuk memantau, mencari, dan mengelola seluruh transaksi yang terdaftar dalam sistem TravosCore.

A Daftar Transaksi Utama (Frontliner Dashboard)

Daftar transaksi menampilkan seluruh pesanan perjalanan dari pelanggan korporat maupun individu secara real-time:

Tombol "New Transaction": Membuka halaman formulir pembuatan transaksi baru dari awal untuk mendaftarkan reservasi baru.
Kotak Pencarian & Filter: Memfilter transaksi secara instan berdasarkan nama pelanggan, kode booking, nomor tiket, atau status transaksi.
Kolom Informasi Tabel: Menampilkan rincian penting seperti ID Transaksi, data Customer, jenis layanan (Service Type), total nominal tagihan (Amount), nominal yang dibayarkan (Payment), status operasional saat ini, tanggal pembuatan, dan tombol aksi (Actions).

Gambar 6.1: Workspace Frontliner Page

7 Layanan Penerbangan (Ticketing) URL: /ticketing

Modul khusus untuk mencatat dan memproses reservasi tiket pesawat terbang domestik maupun internasional. Modul ini mendukung pengelolaan data penumpang secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

7.1 Daftar Transaksi Tiket (List View)

Halaman utama untuk melihat dan memfilter data reservasi tiket pesawat terbang:

Tombol "+ New Ticket": Membuka form pendaftaran reservasi tiket penerbangan baru.
Saringan Status & Pencarian: Filter dropdown status (All Status, Pencatatan, Proses, Selesai, Dibatalkan, Koreksi) beserta kolom input pencarian berdasarkan nomor tiket, maskapai, rute, atau email.
Tabel Reservasi: Menyediakan kolom data nama Pelanggan, Rute Penerbangan (contoh: CGK → DPS), Nilai Transaksi (Amount), Status Pembayaran (Paid & Outstanding), Status Alur Kerja (contoh: pencatatan), Tanggal Dibuat, dan Kolom Aksi.

Gambar 7.1: Workspace Modul Ticketing (List View)

7.2 Rincian Transaksi Tiket (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai data reservasi, finansial, dan logistik penerbangan:

Header Status & Margin Keuntungan: Menampilkan badge Status operasional (misalnya Pencatatan) dan Payment (misalnya Unpaid). Terdapat rincian **Selling Price**, **Cost Price (HPP)**, **Profit**, serta **Total Amount** secara transparan.
Tombol Invoice Dinamis: Menampilkan tombol **"Proforma Invoice"** apabila transaksi belum sepenuhnya lunas, atau tombol **"Invoice"** komersil resmi apabila status pembayaran telah terlunasi.
Tombol Aksi Utama: Tombol **"Edit"** untuk mengubah data reservasi, **"Update Status"** untuk memperbarui alur kerja, dan **"Add Payment"** untuk mencatat cicilan/pelunasan pembayaran.
Panel Informasi (Cards):
- Flight Information: Rincian rute penerbangan, tipe tiket (Domestik/Internasional), Kode Booking (PNR), nomor tiket resmi, dan jumlah penumpang.
- Customer Information: Menghubungkan transaksi dengan profil data master pelanggan.
- Payment History: Riwayat transaksi pembayaran yang telah diterima.
- Status History: Rekam jejak alur perubahan status operasional dari waktu ke waktu.

Gambar 7.2: Detail Informasi Transaksi Tiket

7.3 Ubah Data Tiket (Edit Page)

Formulir interaktif untuk memperbarui data transaksi penerbangan dan memodifikasi informasi penumpang:

Detail Transaksi (Transaction Details): Dropdown pemilihan tipe tiket (Domestic/International), input kode booking PNR, dan input nomor tiket resmi.
Informasi Data Penumpang (Passengers): Memungkinkan penambahan data penumpang baru melalui tombol **"+ Add Passenger"** dengan field form: Title (Mr/Mrs/Ms), Trip Type (One Way / Round Trip), Departure Datetime (pilih tanggal & jam keberangkatan), Last Name, First & Middle Name, Birth Date (disertai perhitungan usia dinamis), kontak Handphone, Email, nomor penerbangan (Flight Number), Airline, Class (Economy/Business), Supplier opsional, serta isian **Ticket Price** dan **Cost Price** per penumpang.

Gambar 7.3: Halaman Formulir Pengeditan Tiket

7.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja sistem:

Dropdown Status Pilihan: Status dapat digeser secara berurutan: Lead → Pencatatan → Proses → Selesai, atau status khusus lainnya seperti Dibatalkan dan Koreksi.
Kolom Catatan Alasan (Reason): Area teks opsional untuk menambahkan detail atau justifikasi logis mengenai alasan pemindahan status transaksi.

Gambar 7.4: Modal Dialog Pembaruan Status

7.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up untuk mencatat pelunasan atau cicilan pembayaran dari pelanggan:

Nominal Nilai Pembayaran (Amount): Pemasukan jumlah dana pembayaran yang diterima, sistem akan secara dinamis menyajikan sisa saldo tagihan (Outstanding) di bawah kolom input.
Metode Pembayaran (Payment Method): Dropdown pilihan jalur pembayaran: Cash, Bank Transfer, Credit Card, dll.
Kolom Catatan (Notes): Isian untuk mencatat nomor referensi transfer, bukti bayar, atau informasi tambahan lainnya.

Gambar 7.5: Modal Dialog Input Pembayaran

8 Layanan Izin Masuk (Visa) URL: /visa

Modul khusus untuk memantau pendaftaran serta alur progres pengurusan dokumen izin masuk (visa) negara tujuan pelanggan. Modul ini mendukung pengelolaan data pelanggan secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

8.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Layanan Izin Masuk:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Gambar 8.1: Workspace Modul Layanan Izin Masuk (List View)

8.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Gambar 8.2: Detail Informasi Layanan Izin Masuk

8.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Gambar 8.3: Formulir Pengeditan Data Layanan Izin Masuk

8.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Gambar 8.4: Modal Dialog Pembaruan Status

8.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Gambar 8.5: Modal Dialog Input Pembayaran

9 Layanan Dokumen Perjalanan (Passport) URL: /passport

Modul untuk mengelola permohonan, perpanjangan, dan pencatatan dokumen paspor pelanggan. Modul ini mendukung pengelolaan data pemohon secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

9.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Layanan Dokumen Perjalanan:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Gambar 9.1: Workspace Modul Layanan Dokumen Perjalanan (List View)

9.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Gambar 9.2: Detail Informasi Layanan Dokumen Perjalanan

9.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Gambar 9.3: Formulir Pengeditan Data Layanan Dokumen Perjalanan

9.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Gambar 9.4: Modal Dialog Pembaruan Status

9.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Payment Modal Layanan Dokumen Perjalanan

Gambar 9.5: Modal Dialog Input Pembayaran

10 Reservasi Paket Wisata (Tour) URL: /tour

Modul untuk mencatat pesanan paket tur reguler maupun kustom. Modul ini mendukung pengelolaan daftar peserta tur secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

10.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Reservasi Paket Wisata:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Gambar 10.1: Workspace Modul Reservasi Paket Wisata (List View)

10.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Gambar 10.2: Detail Informasi Reservasi Paket Wisata

10.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Gambar 10.3: Formulir Pengeditan Data Reservasi Paket Wisata

10.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Gambar 10.4: Modal Dialog Pembaruan Status

10.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Gambar 10.5: Modal Dialog Input Pembayaran

11 Pemesanan Akomodasi (Hotel Booking) URL: /hotel-booking

Modul pencatatan reservasi kamar hotel domestik maupun internasional. Modul ini mendukung pengelolaan data tamu inap secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

11.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Pemesanan Akomodasi:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Gambar 11.1: Workspace Modul Pemesanan Akomodasi (List View)

11.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Gambar 11.2: Detail Informasi Pemesanan Akomodasi

11.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Gambar 11.3: Formulir Pengeditan Data Pemesanan Akomodasi

11.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Gambar 11.4: Modal Dialog Pembaruan Status

11.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Gambar 11.5: Modal Dialog Input Pembayaran

12 Sewa Kendaraan & Transportasi Darat (Transportation) URL: /transportation

Modul khusus penyewaan armada transportasi operasional dan kendaraan wisata darat. Modul ini mendukung pengelolaan jadwal armada secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

12.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Sewa Kendaraan & Transportasi Darat:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Daftar Sewa Kendaraan & Transportasi Darat

Gambar 12.1: Workspace Modul Sewa Kendaraan & Transportasi Darat (List View)

12.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Detail Sewa Kendaraan & Transportasi Darat

Gambar 12.2: Detail Informasi Sewa Kendaraan & Transportasi Darat

12.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Edit Sewa Kendaraan & Transportasi Darat

Gambar 12.3: Formulir Pengeditan Data Sewa Kendaraan & Transportasi Darat

12.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Status Modal Sewa Kendaraan & Transportasi Darat

Gambar 12.4: Modal Dialog Pembaruan Status

12.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Payment Modal Sewa Kendaraan & Transportasi Darat

Gambar 12.5: Modal Dialog Input Pembayaran

13 Tiket Wahana & Atraksi (Attractions Ticket) URL: /attractions-ticket

Modul pemesanan tiket masuk taman hiburan, wahana wisata, maupun atraksi lokal. Modul ini mendukung pengelolaan data rombongan secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

13.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Tiket Wahana & Atraksi:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Gambar 13.1: Workspace Modul Tiket Wahana & Atraksi (List View)

13.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Gambar 13.2: Detail Informasi Tiket Wahana & Atraksi

13.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Gambar 13.3: Formulir Pengeditan Data Tiket Wahana & Atraksi

13.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Gambar 13.4: Modal Dialog Pembaruan Status

13.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Gambar 13.5: Modal Dialog Input Pembayaran

14 Layanan Konsumsi & Katering (Meals) URL: /cathering

Modul koordinasi penyediaan konsumsi makanan (lunch box, buffet) rombongan tur bersama restoran atau katering mitra. Modul ini mendukung pengelolaan daftar pesanan secara terperinci, koordinasi harga jual/beli, serta proses pembayaran terintegrasi.

14.1 Daftar Transaksi (List View)

Halaman utama untuk melihat dan memfilter data reservasi modul Layanan Konsumsi & Katering:

Tombol "+ New Transaction": Membuka form pendaftaran reservasi baru.
Saringan Status & Pencarian: Filter dropdown status dan kotak pencarian untuk mencari transaksi spesifik dengan cepat.
Tabel Transaksi Utama: Menampilkan daftar pelanggan, total tagihan (Amount), sisa pembayaran (Outstanding), serta status alur kerja transaksi.

Gambar 14.1: Workspace Modul Layanan Konsumsi & Katering (List View)

14.2 Rincian Transaksi (Detail View)

Halaman detail menyajikan informasi komprehensif mengenai profil reservasi, kalkulasi finansial, dan riwayat operasional:

Status Indikator & Harga: Detail transparan mengenai Selling Price, Cost Price, dan metrik persentase Profit.
Akses Invoice & Tombol Aksi: Tombol untuk mencetak Proforma/Invoice, mengedit data, menambah pembayaran (Add Payment), dan memperbarui tahapan operasional (Update Status).
Panel Rekam Jejak (History): Rekam jejak setiap perubahan status operasional dan riwayat pembayaran pelanggan dari waktu ke waktu.

Gambar 14.2: Detail Informasi Layanan Konsumsi & Katering

14.3 Formulir Perubahan (Edit Page)

Formulir interaktif untuk memperbarui rincian item, data pelanggan, vendor, atau komponen harga transaksi:

Formulir Komprehensif: Pengisian detail spesifik sesuai jenis layanan, mulai dari detail identitas, tanggal kegiatan, hingga nama supplier.
Kalkulasi Fleksibel: Staf dapat memperbarui kalkulasi harga dasar (Cost) dan harga jual akhir (Price) sewaktu-waktu selama transaksi masih dalam proses aktif.

Gambar 14.3: Formulir Pengeditan Data Layanan Konsumsi & Katering

14.4 Pembaruan Alur Kerja (Update Status Modal)

Modal pop-up yang digunakan oleh staff operasional untuk memindahkan posisi transaksi dalam alur kerja (workflow):

Dropdown Status Pilihan: Transisi status seperti Lead → Pencatatan → Proses → Selesai.
Catatan Opsional (Reason): Ruang untuk menambahkan detail penjelasan khusus atas perubahan progres ini agar diketahui staf lain.

Status Modal Layanan Konsumsi & Katering

Gambar 14.4: Modal Dialog Pembaruan Status

14.5 Penerimaan Pembayaran (Add Payment Modal)

Formulir pop-up ringkas untuk mencatat setiap tahapan pelunasan (cicilan/DP) dari pelanggan korporat maupun perorangan:

Input Transaksi Keuangan: Terdapat isian Nominal Pembayaran (Amount), dropdown Metode (Cash, Transfer, CC), serta panduan sisa tagihan secara real-time.
Catatan Pendukung (Notes): Memungkinkan penambahan informasi nomor referensi mutasi bank atau informasi kwitansi pembayaran.

Payment Modal Layanan Konsumsi & Katering

Gambar 14.5: Modal Dialog Input Pembayaran

15 Manajemen Keuangan (Finance) URL: /finance

Pusat administrasi perbendaharaan untuk memantau, memverifikasi, dan melakukan rekonsiliasi seluruh dana masuk dari pelanggan (receivables) serta mengelola pencatatan kewajiban pembayaran kepada supplier/vendor mitra (payables).

15.1 Ringkasan Statistik Keuangan (Header Summary)

Pada bagian atas halaman utama Finance, disajikan 4 kartu statistik utama untuk memberikan gambaran cepat perihal status transaksi pembayaran kas masuk dari pelanggan:

Pending Payments Card: Menunjukkan kuantitas transaksi cicilan/pelunasan pembayaran baru yang diinput oleh staff frontliner dan membutuhkan verifikasi/konfirmasi manual oleh bagian keuangan.
Confirmed Payments Card: Akumulasi data pembayaran yang sudah disetujui/dikonfirmasi kecocokan buktinya, namun belum melewati tahap kliring/rekonsiliasi bank.
Reconciled Payments Card: Pembayaran pelanggan yang sudah dicocokkan secara final dengan mutasi rekening koran bank.
Total Payments Card: Akumulasi keseluruhan data transaksi pembayaran kas masuk (Pending + Confirmed + Reconciled) yang tersimpan di sistem.

Gambar 15.1: Panel Kartu Statistik Utama Finance

15.2 Filter Data & Aksi Ekspor Laporan

Modul ini menyediakan panel penyaringan yang fleksibel untuk mempermudah pencarian serta pelaporan audit internal:

Pencarian Cepat & Saringan Kolom: Mencari data pembayaran berdasarkan Payment ID atau Transaction ID, menyaring tipe transaksi (Ticketing, Visa, Passport, dsb), metode pembayaran (Cash, Transfer, CC, Debit, Cek), serta membatasi jangkauan tanggal (Start/End Date).
Tombol "Export to Excel": Tombol aksi utama untuk mengunduh data pembayaran yang tampil pada tab terpilih ke dalam format berkas spreadsheet (.xls) yang kompatibel dengan Microsoft Excel untuk pelaporan finansial berkala.

Gambar 15.2: Kontrol Filter dan Tombol Ekspor Keuangan

15.3 Pengelolaan Pembayaran Pelanggan (Tab Pending, Confirmed, Reconciled)

Siklus verifikasi pembayaran kas masuk pelanggan dibagi ke dalam 3 tab operasional utama:

Tab Pending (Kas Masuk Baru): Menampilkan daftar piutang aktif yang baru saja dibayarkan pelanggan. Memuat kolom nominal (Total Amount), jumlah terbayar (Paid), sisa tagihan (Outstanding), identitas customer, serta tanggal transaksi. Staf finance dapat mengklik tautan Transaction ID untuk melihat detail fisik transaksi sebelum verifikasi.
Tab Confirmed & Tombol "Reconcile": Menampilkan daftar pembayaran yang sudah diverifikasi fisiknya. Dilengkapi dengan tombol aksi hijau Reconcile di ujung kanan tabel untuk mengubah status pembayaran menjadi ter-rekonsiliasi secara bank.
Tab Reconciled (Selesai): Daftar riwayat pembayaran pelanggan yang telah berhasil dicocokkan dengan mutasi kas bank secara final dan sah.

Gambar 15.3.a: Tab Confirmed & Tombol Aksi Reconcile

Gambar 15.3.b: Tab Reconciled (Pembayaran Terverifikasi Final)

15.4 Pencatatan Hutang & Pengeluaran Vendor (Tab Payables & Vendor Payments)

Sistem perbendaharaan luar (outflow) dikelola melalui 2 tab khusus untuk menyelesaikan tagihan operasional dari vendor:

Tab Payables (Hutang Supplier) & Tombol "Pay Supplier": Menampilkan tabel transaksi aktif yang memiliki tanggungan biaya supplier (Total Cost/HPP), jumlah yang telah dibayarkan ke vendor (Paid Vendor), dan sisa hutang (Outstanding). Terdapat tombol biru Pay Supplier di setiap baris untuk melunasi tagihan supplier.
Modal "Record Vendor Payment" (Pencatatan Kas Keluar): Pop-up form untuk mencatat dana keluar kepada vendor. Staf wajib mengisi Nominal Pembayaran (Amount), Metode (Transfer/Cash), Pilihan Bank Bank BCA/Mandiri, Nomor Referensi/PNR, serta Catatan internal (Notes). Tombol Record Payment akan menyimpan data kas keluar ini secara permanen.
Tab Vendor Payments (Log Histori): Daftar histori pelunasan invoice/transaksi pengeluaran riil kepada pihak ketiga untuk mempermudah monitoring arus kas keluar (Cash Outflow).

Gambar 15.4.a: Tab Daftar Hutang Vendor (Payables)

Gambar 15.4.b: Modal Penginputan Data Kas Keluar ke Vendor

Gambar 15.4.c: Tab Log Riwayat Pelunasan Vendor

16 Pelaporan Akuntansi (Accounting) URL: /accounting

Pusat penyusunan laporan keuangan formal yang mengacu pada standar akuntansi baku ganda (double-entry bookkeeping) untuk meninjau kesehatan fiskal perusahaan secara menyeluruh. Modul ini secara otomatis mengumpulkan seluruh jurnal umum yang terbentuk dari transaksi operasional harian, kemudian mengolahnya menjadi empat jenis laporan keuangan utama yang dapat disaring berdasarkan periode dan jenis layanan.

16.1 Penyaringan Data & Kontrol Periode Laporan

Halaman Accounting tidak memiliki kartu ringkasan statistik (header summary) seperti pada halaman Finance. Sebagai gantinya, pada bagian atas halaman langsung disajikan panel penyaringan yang memungkinkan pengguna menentukan cakupan data laporan keuangan yang akan ditampilkan:

Judul Halaman & Deskripsi: Teks header bertuliskan "Accounting" dengan subjudul "Financial reports and journal entries" yang menjelaskan fungsi utama modul ini sebagai pusat pelaporan keuangan dan pencatatan jurnal.
Isian Tanggal Mulai (Start Date): Kolom pemilih tanggal untuk menentukan awal periode pelaporan. Secara bawaan terisi dengan tanggal 1 bulan berjalan (contoh: 31/05/2026). Seluruh jurnal yang terjadi sebelum tanggal ini tidak akan disertakan dalam perhitungan laporan.
Isian Tanggal Akhir (End Date): Kolom pemilih tanggal untuk menentukan akhir periode pelaporan. Secara bawaan terisi dengan tanggal hari ini (contoh: 12/06/2026). Seluruh jurnal yang terjadi setelah tanggal ini tidak akan disertakan dalam perhitungan laporan.
Jenis Layanan (Service Type): Menu tarik-turun (dropdown) untuk menyaring laporan berdasarkan kategori layanan tertentu. Opsi yang tersedia meliputi: All Services (seluruh layanan), Ticketing, Tour Package, Tour Custom, Visa, Passport, Hotel Booking, Attractions Ticket, Transportation, dan Meals. Apabila memilih "All Services", seluruh jurnal dari semua jenis layanan akan dihitung.

ℹ️ Catatan Penting: Setiap perubahan pada ketiga kolom filter di atas akan secara otomatis memuat ulang data laporan pada tab yang sedang aktif tanpa perlu menekan tombol terpisah.

Navigasi Tab Laporan Keuangan

Di bawah panel penyaringan terdapat baris navigasi tab horizontal yang memuat 4 tab laporan keuangan utama:

Trial Balance Neraca Saldo — tab aktif bawaan saat halaman pertama kali dibuka.
Income Statement Laporan Laba Rugi — menampilkan analisis pendapatan dan beban.
Balance Sheet Laporan Posisi Keuangan (Neraca) — struktur aset, liabilitas, dan ekuitas.
Cash Flow Laporan Arus Kas — pergerakan kas dari tiga aktivitas utama.

Tab yang sedang aktif ditandai dengan garis bawah berwarna biru dan teks biru, sedangkan tab lainnya berwarna abu-abu.

16.2 Tab Neraca Saldo (Trial Balance)

Neraca Saldo adalah laporan verifikasi yang memastikan bahwa total saldo debit sama dengan total saldo kredit pada buku besar perusahaan dalam suatu periode tertentu. Tab ini merupakan tab bawaan yang langsung tampil saat halaman Accounting dibuka pertama kali.

Panel Kartu Ringkasan (3 Kartu): Pada bagian atas tab ditampilkan 3 kartu ringkasan secara horizontal:
- TOTAL DEBIT — Menampilkan akumulasi total nominal saldo debit seluruh akun dalam periode yang dipilih, disajikan dalam format mata uang Rupiah (contoh: Rp 150.000).
- TOTAL CREDIT — Menampilkan akumulasi total nominal saldo kredit seluruh akun dalam periode yang dipilih, disajikan dalam format mata uang Rupiah (contoh: Rp 150.000).
- STATUS — Indikator keseimbangan neraca saldo. Apabila total debit sama dengan total kredit, kartu ini berwarna hijau dengan teks BALANCED. Apabila terdapat selisih, kartu akan berwarna merah dengan teks NOT BALANCED.
Tabel Rincian Neraca Saldo: Di bawah kartu ringkasan, disajikan tabel data dengan header bertuliskan "Trial Balance - [tanggal akhir periode]". Kolom-kolom pada tabel ini meliputi:
- ACCOUNT CODE — Kode numerik akun pada bagan akun (Chart of Accounts), misalnya 10204, 40104.
- ACCOUNT NAME — Nama deskriptif akun, misalnya "Piutang Usaha - Visa", "Pendapatan Visa".
- DEBIT — Nominal saldo debit pada akun tersebut selama periode terpilih.
- CREDIT — Nominal saldo kredit pada akun tersebut selama periode terpilih.
Baris Total (Footer Tabel): Baris paling bawah tabel berwarna abu-abu tebal dengan label "TOTAL" yang menampilkan penjumlahan seluruh kolom Debit dan kolom Credit. Baris ini berfungsi sebagai validasi silang terhadap kartu ringkasan di bagian atas.

Contoh Struktur Tampilan Trial Balance

Total Debit

Rp 150.000

Total Credit

Rp 150.000

Status

BALANCED

Account Code	Account Name	Debit	Credit
10204	Piutang Usaha - Visa	Rp 150.000	Rp 0
40104	Pendapatan Visa	Rp 0	Rp 150.000
TOTAL		Rp 150.000	Rp 150.000

Ilustrasi 16.2: Struktur Tab Neraca Saldo (Trial Balance)

16.3 Tab Laporan Laba Rugi (Income Statement)

Laporan Laba Rugi menyajikan analisis kinerja profitabilitas perusahaan dengan membandingkan total pendapatan (revenue) terhadap total beban (expenses) dalam suatu periode akuntansi. Tab ini menampilkan visualisasi grafik batang serta tabel rincian yang terbagi menjadi beberapa seksi.

Grafik Ikhtisar (Income Statement Overview): Pada bagian teratas ditampilkan grafik batang (bar chart) interaktif menggunakan pustaka Recharts yang memvisualisasikan 4 komponen utama: Revenue (pendapatan), COGS (Harga Pokok Penjualan), Operating Expenses (Beban Operasional), dan Net Profit (Laba Bersih). Grafik dilengkapi dengan sumbu X (kategori), sumbu Y (nominal), tooltip saat kursor diarahkan, serta legenda warna.
Seksi Pendapatan (Revenue) — Tabel Header Hijau: Tabel dengan header berwarna hijau muda yang merinci seluruh akun pendapatan. Kolom tabel terdiri dari Account (nama akun pendapatan, misalnya "Pendapatan Ticketing", "Pendapatan Visa") dan Amount (nominal pendapatan per akun). Baris footer menampilkan "Total Revenue" berwarna hijau dengan penjumlahan seluruh pendapatan.
Seksi Harga Pokok Penjualan (COGS) — Tabel Header Oranye: Tabel dengan header berwarna oranye muda yang merinci seluruh akun biaya langsung/HPP. Kolom tabel terdiri dari Account (nama akun COGS, misalnya "HPP Ticketing", "HPP Hotel") dan Amount (nominal biaya per akun). Baris footer menampilkan "Total COGS" berwarna oranye.
Panel Laba Kotor (Gross Profit): Panel berwarna biru muda yang menampilkan hasil kalkulasi Total Revenue dikurangi Total COGS. Nominal ditampilkan dengan format mata uang Rupiah di sisi kanan panel.
Seksi Beban Operasional (Operating Expenses) — Tabel Header Merah: Tabel dengan header berwarna merah muda yang merinci seluruh akun beban operasional. Kolom tabel terdiri dari Account (nama akun beban, misalnya "Beban Gaji", "Beban Sewa Kantor") dan Amount (nominal beban per akun). Baris footer menampilkan "Total Operating Expenses" berwarna merah.
Panel Laba Bersih (Net Profit): Panel utama di bagian paling bawah dengan tebal bingkai ganda. Apabila nilai laba bersih positif (laba), panel berwarna hijau dengan bingkai hijau; apabila negatif (rugi), panel berwarna merah dengan bingkai merah. Menampilkan label "Net Profit", informasi periode pelaporan (tanggal mulai hingga tanggal akhir), serta nominal laba/rugi bersih dengan ukuran huruf besar.

Struktur Tampilan Income Statement

Revenue

COGS

Op. Exp

Net Profit

Grafik Batang Interaktif (Recharts)

Revenue

Pendapatan VisaRp 150.000

Total RevenueRp 150.000

Cost of Goods Sold (COGS)

HPP VisaRp 100.000

Total COGSRp 100.000

Gross ProfitRp 50.000

Operating Expenses

Beban OperasionalRp 10.000

Total Op. ExpensesRp 10.000

Net Profit Periode: 01/06/2026 — 12/06/2026

Rp 40.000

Ilustrasi 16.3: Struktur Tab Laba Rugi (Income Statement)

16.4 Tab Laporan Posisi Keuangan (Balance Sheet)

Laporan Posisi Keuangan (Neraca) menyajikan potret kondisi keuangan perusahaan pada suatu titik waktu tertentu (as of date), dengan menampilkan persamaan dasar akuntansi: Aset = Liabilitas + Ekuitas. Tab ini menggunakan komponen khusus dengan desain hierarkis interaktif (expandable/collapsible tree).

Header Laporan: Bagian atas menampilkan judul besar "BALANCE SHEET" dengan lencana bertuliskan "Financial Report", keterangan tanggal laporan "As of [tanggal]", serta stempel waktu pembuatan laporan (Generated At) di sisi kanan.
Indikator Keseimbangan (Balance Indicator): Panel besar di bawah header yang menunjukkan apakah neraca seimbang:
- Status: Balanced — Panel berwarna hijau dengan ikon centang (✓) dan pesan "All accounts are synchronized correctly."
- Status: Out of Balance — Panel berwarna merah dengan ikon peringatan (⚠) dan pesan yang menampilkan nominal selisih (discrepancy).
- Variance — Angka nominal selisih (discrepancy) ditampilkan di sisi kanan panel.
Kolom Kiri — Seksi Aset (Assets): Panel dengan header berwarna hijau emerald bertuliskan "ASSETS" beserta total nominal aset di sisi kanan header. Di bawahnya terdaftar hirarki akun aset yang dapat diperluas/dilipat (expand/collapse) dengan mengklik ikon panah (▶/▼). Setiap akun menampilkan nama akun, kode akun (dalam lencana abu-abu monospace), serta nominal saldo. Bagian footer panel menampilkan "TOTAL ASSETS" dengan nominal yang dihitung otomatis.
Kolom Kanan — Seksi Liabilitas (Liabilities): Panel dengan header berwarna merah mawar bertuliskan "LIABILITIES". Struktur dan perilaku interaktifnya identik dengan seksi Aset. Footer menampilkan "TOTAL LIABILITIES".
Kolom Kanan — Seksi Ekuitas (Equity): Panel dengan header berwarna biru bertuliskan "EQUITY". Terletak di bawah seksi Liabilitas pada kolom kanan. Footer menampilkan "TOTAL EQUITY".
Panel Konsolidasi (Total Liabilities & Equity): Panel hitam elegan di bagian paling bawah kolom kanan yang menampilkan "Total Liabilities & Equity" dengan nominal besar. Nilai ini harus sama dengan Total Assets agar neraca dinyatakan seimbang. Panel ini memiliki efek animasi interaktif (hover scale).
Catatan Audit (Audit Note): Di bagian terbawah halaman, terdapat baris teks kecil miring yang berbunyi "This report is strictly based on posted journal entries and follows standardized accounting principles." beserta 2 lencana bertuliskan Confidential dan Audited.

Struktur Tampilan Balance Sheet

Balance Sheet

Financial Report As of 12/06/2026

Status: Balanced

All accounts are synchronized correctly.

AssetsRp 150.000

▼ Aset Lancar Rp 150.000

Piutang VisaRp 150.000

Total AssetsRp 150.000

LiabilitiesRp 0

No data

EquityRp 150.000

Laba DitahanRp 150.000

Consolidated

Total L & ERp 150.000

Based on posted journal entries...

Confidential Audited

Ilustrasi 16.4: Struktur Tab Posisi Keuangan (Balance Sheet)

16.5 Tab Laporan Arus Kas (Cash Flow)

Laporan Arus Kas menyajikan pergerakan kas perusahaan yang diklasifikasikan berdasarkan tiga aktivitas utama: operasional, investasi, dan pendanaan. Laporan ini membantu manajemen memahami dari mana kas diperoleh dan untuk apa kas digunakan selama periode pelaporan.

Grafik Ikhtisar (Cash Flow Overview): Pada bagian teratas ditampilkan grafik batang (bar chart) interaktif berwarna ungu yang memvisualisasikan 3 kategori: Operating (Operasional), Investing (Investasi), dan Financing (Pendanaan). Grafik dilengkapi grid, sumbu X/Y, tooltip, dan legenda.
Panel Kartu Ringkasan (3 Kartu): Setelah grafik, ditampilkan 3 kartu ringkasan secara horizontal:
- Beginning Balance (biru) — Saldo kas awal periode. Merupakan saldo kas yang tercatat pada awal tanggal mulai pelaporan.
- Net Cash Flow (ungu) — Arus kas bersih selama periode terpilih. Merupakan penjumlahan bersih dari ketiga aktivitas (operasional + investasi + pendanaan).
- Ending Balance (hijau) — Saldo kas akhir periode. Dihitung dari Beginning Balance ditambah Net Cash Flow.
Seksi Aktivitas Operasional (Operating Activities) — Tabel Header Biru: Tabel dengan header berwarna biru muda yang merinci seluruh arus kas dari kegiatan operasional utama perusahaan. Kolom tabel terdiri dari Account (nama akun), Cash In (kas masuk, berwarna hijau), Cash Out (kas keluar, berwarna merah), dan Net Flow (arus bersih per akun). Baris footer menampilkan "Total Operating Activities" berwarna biru.
Seksi Aktivitas Investasi (Investing Activities) — Tabel Header Ungu: Tabel dengan header berwarna ungu muda yang merinci arus kas dari kegiatan investasi, seperti pembelian atau penjualan aset tetap. Struktur kolom identik dengan seksi Operasional: Account, Cash In, Cash Out, dan Net Flow. Baris footer menampilkan "Total Investing Activities" berwarna ungu.
Seksi Aktivitas Pendanaan (Financing Activities) — Tabel Header Oranye: Tabel dengan header berwarna oranye muda yang merinci arus kas dari kegiatan pendanaan, seperti penerimaan modal, pembayaran dividen, atau pelunasan pinjaman. Struktur kolom identik: Account, Cash In, Cash Out, dan Net Flow. Baris footer menampilkan "Total Financing Activities" berwarna oranye.
Informasi Periode: Di bagian terbawah terdapat panel abu-abu kecil yang menampilkan keterangan "Period: [tanggal mulai] to [tanggal akhir]" sesuai dengan filter yang dipilih pengguna.

Struktur Tampilan Cash Flow

Operating

Investing

Financing

Grafik Batang Interaktif (Recharts)

Beginning Balance

Rp 0

Net Cash Flow

Rp 150.000

Ending Balance

Rp 150.000

Operating Activities

Account	Cash In	Cash Out	Net Flow
Penerimaan Pelanggan	Rp 150.000	Rp 0	Rp 150.000
Total Operating	Rp 150.000

Investing Activities

No investing activities

Total InvestingRp 0

Financing Activities

No financing activities

Total FinancingRp 0

Period: 01/06/2026 to 12/06/2026

Ilustrasi 16.5: Struktur Tab Arus Kas (Cash Flow)

17 Administrasi Perpajakan (Tax) URL: /tax

Pusat pengelolaan kewajiban perpajakan perusahaan yang mencakup perhitungan, pencatatan, dan pelaporan Pajak Pertambahan Nilai (PPN) serta Pajak Penghasilan Pasal 23 (PPh 23) secara otomatis berdasarkan data transaksi operasional. Modul ini menyediakan fasilitas penyusunan Surat Pemberitahuan (SPT) Masa, simulasi perhitungan pajak per transaksi, serta konfigurasi master data tarif dan pemetaan layanan kena pajak.

17.1 Filter Periode & Navigasi Tab Perpajakan

Halaman Tax Management menampilkan judul utama "Tax Management" dengan subjudul "PPN & PPh 23 reporting and SPT Masa". Pada bagian atas halaman disajikan panel penyaringan periode dan baris navigasi 6 tab perpajakan:

Pemilih Bulan (Month): Menu tarik-turun (dropdown) yang menampilkan 12 bulan dalam bahasa Indonesia (Januari hingga Desember). Secara bawaan terisi dengan bulan berjalan. Filter ini menentukan periode bulan untuk pelaporan SPT Masa PPN dan PPh 23.
Pemilih Tahun (Year): Kolom isian angka (number input) untuk menentukan tahun pelaporan pajak. Secara bawaan terisi dengan tahun berjalan (contoh: 2026). Lebar kolom yang ringkas memudahkan penyesuaian cepat.

ℹ️ Catatan Penting: Setiap perubahan pada filter Bulan atau Tahun akan secara otomatis memuat ulang data pada tab yang sedang aktif tanpa perlu menekan tombol terpisah.

Navigasi Tab Perpajakan (6 Tab)

Di bawah panel filter periode terdapat baris navigasi tab horizontal:

Summary Ikhtisar pajak — tab aktif bawaan saat halaman pertama kali dibuka.
SPT Masa PPN Rekapitulasi SPT Masa Pajak Pertambahan Nilai.
SPT Masa PPh 23 Rekapitulasi SPT Masa Pajak Penghasilan Pasal 23.
Tax Calculator Simulasi perhitungan pajak per transaksi.
Tax Master Pengelolaan data master tarif pajak.
Tax Rules Pemetaan jenis pajak ke kategori layanan.

Tab yang sedang aktif ditandai dengan garis bawah berwarna biru dan teks biru, sedangkan tab lainnya berwarna abu-abu.

17.2 Tab Ikhtisar Pajak (Summary)

Tab Summary menampilkan rangkuman kewajiban perpajakan perusahaan pada periode bulan dan tahun yang dipilih. Tab ini merupakan tab bawaan yang langsung tampil saat halaman Tax Management dibuka pertama kali.

Panel Kartu Statistik (4 Kartu): Pada bagian atas tab ditampilkan 4 kartu ringkasan secara horizontal, masing-masing dilengkapi ikon persen berwarna:
- PPN Output (ikon biru) — Total Pajak Pertambahan Nilai Keluaran, yaitu PPN yang dipungut dari pelanggan atas harga jual seluruh transaksi dalam periode terpilih.
- PPN Input (ikon hijau) — Total Pajak Pertambahan Nilai Masukan, yaitu PPN yang dibayarkan kepada supplier atas harga beli/HPP seluruh transaksi.
- PPh 23 (ikon ungu) — Total Pajak Penghasilan Pasal 23 yang dipotong dari transaksi jasa selama periode terpilih.
- Total Tax Liability (ikon merah) — Akumulasi total kewajiban pajak yang harus disetor ke kas negara.
Panel Perhitungan PPN (PPN Calculation): Panel terpisah yang menampilkan kalkulasi PPN secara rinci:
- PPN Output (Keluaran) — Nominal PPN yang dipungut dari pelanggan.
- PPN Input (Masukan) — Nominal PPN yang dibayar ke supplier, ditampilkan dalam tanda kurung sebagai pengurang.
- PPN Net (Kurang/Lebih Bayar) — Selisih antara PPN Output dan PPN Input. Apabila positif (kurang bayar), nominal berwarna merah; apabila negatif (lebih bayar), nominal berwarna hijau. Baris ini dipisahkan dengan garis tebal ganda sebagai penanda hasil akhir.
Panel Informasi Periode & Transaksi: Panel abu-abu di bagian bawah yang menampilkan 2 informasi:
- Period — Label periode pelaporan pajak dalam format Bulan/Tahun (contoh: 6/2026).
- Total Transactions — Jumlah total transaksi yang tercakup dalam perhitungan pajak periode terpilih.

Contoh Struktur Tampilan Summary

%

PPN Output

Rp 1.650.000

%

PPN Input

Rp 770.000

%

PPh 23

Rp 140.000

%

Total Tax Liability

Rp 1.020.000

PPN Calculation

PPN Output (Keluaran)Rp 1.650.000

PPN Input (Masukan)(Rp 770.000)

PPN Net (Kurang/Lebih Bayar)Rp 880.000

Period6/2026

Total Transactions15

Ilustrasi 17.2: Struktur Tab Summary Perpajakan

17.3 Tab SPT Masa PPN (Pajak Pertambahan Nilai)

Tab ini menyajikan rekapitulasi Surat Pemberitahuan (SPT) Masa Pajak Pertambahan Nilai sesuai periode bulan dan tahun yang dipilih. Data disusun dalam format tabel yang siap digunakan sebagai lampiran pelaporan ke Direktorat Jenderal Pajak.

Tabel Rekapitulasi SPT Masa PPN: Tabel data dengan kolom-kolom berikut:
- NO — Nomor urut baris data.
- FAKTUR PAJAK — Nomor seri faktur pajak atau nomor referensi transaksi.
- NAMA — Nama pelanggan atau pihak lawan transaksi (customer name).
- DPP — Dasar Pengenaan Pajak, yaitu jumlah nominal yang menjadi basis perhitungan PPN (biasanya harga jual sebelum pajak). Ditampilkan rata kanan dalam format Rupiah.
- PPN — Nominal Pajak Pertambahan Nilai yang dihitung dari DPP berdasarkan tarif PPN yang berlaku. Ditampilkan rata kanan dalam format Rupiah.
Baris Total (Footer Tabel): Apabila data tersedia, baris footer berwarna abu-abu menampilkan label "Total" beserta penjumlahan kolom DPP dan kolom PPN secara keseluruhan untuk seluruh transaksi dalam periode terpilih.

Contoh Struktur Tabel SPT Masa PPN

No	Faktur Pajak	Nama	DPP	PPN
1	FP-2026-001	PT Maju Sejahtera	Rp 10.000.000	Rp 1.100.000
2	FP-2026-002	CV Bintang Travel	Rp 5.000.000	Rp 550.000
Total			Rp 15.000.000	Rp 1.650.000

Ilustrasi 17.3: Tabel SPT Masa PPN

17.4 Tab SPT Masa PPh 23 (Pajak Penghasilan Pasal 23)

Tab ini menyajikan rekapitulasi Surat Pemberitahuan (SPT) Masa Pajak Penghasilan Pasal 23 sesuai periode yang dipilih. Struktur tabel identik dengan SPT Masa PPN namun kolom pajak berlabel berbeda.

Tabel Rekapitulasi SPT Masa PPh 23: Tabel data dengan kolom-kolom berikut:
- NO — Nomor urut baris data.
- BUKTI POTONG — Nomor bukti pemotongan pajak (berbeda dengan "Faktur Pajak" pada PPN). Merupakan dokumen resmi pemotongan PPh 23.
- NAMA — Nama pihak yang dipotong pajaknya (customer/vendor).
- DPP — Dasar Pengenaan Pajak untuk perhitungan PPh 23, biasanya berdasarkan nilai bruto imbalan jasa.
- PPH 23 — Nominal Pajak Penghasilan Pasal 23 yang dipotong, dihitung berdasarkan tarif PPh 23 (umumnya 2% untuk jasa) dikalikan DPP.
Baris Total (Footer Tabel): Baris footer berwarna abu-abu menampilkan label "Total" beserta penjumlahan kolom DPP dan kolom PPh 23 secara keseluruhan.

Contoh Struktur Tabel SPT Masa PPh 23

No	Bukti Potong	Nama	DPP	PPh 23
1	BP-2026-001	PT Jasa Alam	Rp 7.000.000	Rp 140.000
Total			Rp 7.000.000	Rp 140.000

Ilustrasi 17.4: Tabel SPT Masa PPh 23

17.5 Tab Kalkulator Pajak (Tax Calculator)

Tab ini menyediakan fasilitas simulasi perhitungan pajak per transaksi individual secara interaktif. Tampilan terbagi menjadi 2 kolom: formulir masukan di sisi kiri dan panel hasil perhitungan di sisi kanan.

Kolom Kiri — Formulir Masukan (Calculate Transaction Tax):
- Service Type — Menu tarik-turun untuk memilih jenis layanan kena pajak. Opsi yang tersedia diambil secara dinamis dari konfigurasi pajak sistem (misalnya: ticketing, tour package, visa services, passport services, consulting).
- Selling Price (Harga Jual) — Kolom isian angka untuk memasukkan harga jual transaksi kepada pelanggan. Apabila diisi nilai negatif, muncul pesan validasi merah "Price cannot be negative".
- Purchase Price (Harga Beli) — Kolom isian angka untuk memasukkan harga beli/HPP dari supplier. Apabila diisi nilai negatif, muncul pesan validasi merah.
- Peringatan Otomatis (Warning) — Apabila Harga Beli melebihi Harga Jual, panel kuning muncul dengan pesan "⚠️ Warning: Purchase price exceeds selling price (potential loss)." Apabila Harga Jual nol tetapi Harga Beli lebih dari nol, panel merah muncul dengan pesan "🚨 Anomaly: Outgoing cost with zero revenue."
- Tombol "Calculate Tax" — Tombol hitam lebar penuh yang memicu perhitungan pajak. Saat proses berjalan, teks berubah menjadi "Calculating..." dan tombol dalam keadaan nonaktif (disabled).
Kolom Kanan — Panel Hasil Perhitungan (Calculation Result): Panel abu-abu dengan bingkai putus-putus (dashed border). Sebelum perhitungan dilakukan, panel menampilkan teks miring "Fill the form and click Calculate to see results". Setelah tombol Calculate ditekan, panel menampilkan:
- Service — Jenis layanan yang dipilih.
- PPN Output — Nominal PPN Keluaran hasil perhitungan (berwarna biru).
- PPN Input — Nominal PPN Masukan hasil perhitungan (berwarna hijau).
- PPh 23 — Nominal PPh 23 hasil perhitungan (berwarna ungu).
- PPN Net — Selisih bersih PPN (merah jika kurang bayar, hijau jika lebih bayar), dipisahkan garis tebal.
Pencatatan Transaksi (Record Transaction): Setelah hasil perhitungan muncul, di bawah panel hasil terdapat:
- Transaction ID — Kolom isian teks untuk mengisi ID transaksi (contoh: TR-2024-001) sebagai referensi pencatatan pajak.
- Tombol "Record Transaction" — Tombol biru lebar penuh untuk menyimpan data pajak transaksi ini ke basis data secara permanen. Setelah berhasil, sistem otomatis beralih ke tab Summary dan mengosongkan formulir.

Struktur Tampilan Tax Calculator

Calculate Transaction Tax

Service Type

ticketing

Selling Price (Harga Jual)

10.000.000

Purchase Price (Harga Beli)

7.000.000

Calculate Tax

Calculation Result

Service:ticketing PPN Output:Rp 1.100.000 PPN Input:Rp 770.000 PPh 23:Rp 140.000

PPN Net:Rp 330.000

Transaction ID

e.g. TR-2024-001

Record Transaction

Ilustrasi 17.5: Layout Tax Calculator (2-Kolom)

17.6 Tab Master Data Pajak (Tax Master)

Tab ini menampilkan daftar konfigurasi tarif pajak yang berlaku dalam sistem TravosCore. Staf yang memiliki hak akses dapat menambah atau mengubah parameter tarif sesuai ketentuan peraturan perpajakan terbaru.

Header Tabel & Tombol Tambah: Judul "Tax Master Data" di sisi kiri, dilengkapi tombol + Add Tax di sisi kanan untuk membuat entri pajak baru (hanya muncul bagi pengguna dengan hak akses Create).
Tabel Data Master Pajak: Tabel data dengan 6 kolom:
- NAME — Nama konfigurasi pajak (contoh: "PPN 11%", "PPh 23 Jasa 2%").
- TYPE — Jenis pajak: VAT (PPN) atau WITHHOLDING (PPh/Pemotongan).
- RATE (%) — Tarif persentase pajak (contoh: 11, 2). Ditampilkan rata kanan.
- METHOD — Metode pengenaan: exclusive (pajak ditambahkan di atas harga) atau inclusive (pajak sudah termasuk dalam harga).
- STATUS — Status keaktifan: lencana hijau Active atau lencana merah Inactive.
- ACTION — Tombol ikon pensil (✏️) untuk membuka modal edit (hanya muncul bagi pengguna dengan hak akses Edit).
Modal Tambah/Edit Tax Master: Pop-up dialog (modal) dengan judul "Add New Tax" atau "Edit Tax" yang berisi formulir:
- Tax Name — Kolom isian nama pajak (wajib diisi).
- Type — Menu tarik-turun: VAT (PPN) atau Withholding (PPh).
- Rate (%) — Kolom isian angka desimal untuk tarif pajak (wajib diisi).
- Method — Menu tarik-turun: Exclusive (Added on top) atau Inclusive (Included in price).
- Active — Kotak centang (checkbox) untuk mengaktifkan/menonaktifkan pajak.
- Tombol Cancel dan Save Configuration.

Contoh Struktur Tab Tax Master

Tax Master Data + Add Tax

Name	Type	Rate	Method	Status	Action
PPN 11%	VAT	11%	exclusive	Active	✏️
PPh 23 Jasa	WITHHOLDING	2%	exclusive	Active	✏️

Add New Tax

Tax Name

Type

VAT (PPN)

Rate (%)

0

Method

Exclusive

Active

Cancel Save Configuration

Ilustrasi 17.6: Tabel & Modal Tax Master

17.7 Tab Pemetaan Layanan Pajak (Tax Rules)

Tab ini mengatur pemetaan antara jenis layanan (service type) dengan konfigurasi pajak yang diterapkan. Setiap kategori layanan TravosCore dapat dipasangkan dengan entri pajak tertentu dari Tax Master.

Header Tabel & Tombol Tambah: Judul "Service Tax Mapping" di sisi kiri, dilengkapi tombol + Add Rule di sisi kanan untuk membuat pemetaan baru (hanya muncul bagi pengguna dengan hak akses Create).
Tabel Pemetaan Layanan: Tabel data dengan 4 kolom:
- SERVICE TYPE — Nama jenis layanan yang dipetakan, ditampilkan dengan format kapital (contoh: "ticketing", "tour package", "visa services").
- TAX APPLIED — Nama dan tarif konfigurasi pajak yang diterapkan, ditampilkan dalam format "[Nama Pajak] ([Tarif]%)" (contoh: "PPN 11% (11%)"). Jika referensi pajak tidak ditemukan, menampilkan "Unknown Tax".
- STATUS — Status keaktifan pemetaan: lencana hijau Active atau lencana merah Inactive.
- ACTION — Tombol ikon pensil (✏️) untuk membuka modal edit (hanya muncul bagi pengguna dengan hak akses Edit).
Modal Tambah/Edit Rule: Pop-up dialog (modal) dengan judul "Add New Rule" atau "Edit Rule" yang berisi formulir:
- Service Type — Menu tarik-turun dengan opsi: ticketing, tour package, visa services, passport services, consulting.
- Tax Master — Menu tarik-turun yang menampilkan seluruh entri dari tabel Tax Master dengan format "[Nama] ([Tarif]%)". Wajib dipilih salah satu.
- Active — Kotak centang (checkbox) untuk mengaktifkan/menonaktifkan pemetaan.
- Tombol Cancel dan Save Configuration.

Contoh Struktur Tab Tax Rules

Service Tax Mapping + Add Rule

Service Type	Tax Applied	Status	Action
ticketing	PPN 11% (11%)	Active	✏️
tour package	PPN 11% (11%)	Active	✏️
visa services	PPh 23 Jasa (2%)	Active	✏️

Add New Rule

Service Type

ticketing

Tax Master

Select a tax configuration

Active

Cancel Save Configuration

Ilustrasi 17.7: Tabel & Modal Tax Rules

18 Business Intelligence (BI Reports) URL: /bi/*

Modul Business Intelligence menyediakan 5 halaman dashboard analitik terpisah yang masing-masing dapat diakses melalui menu navigasi samping (sidebar). Setiap halaman dilengkapi dengan filter periode global (tanggal mulai, tanggal akhir, jenis layanan), kartu ringkasan KPI, grafik visualisasi, serta tabel data rinci yang dapat diekspor ke format CSV. Seluruh halaman BI menggunakan FilterContext bersama untuk menjaga konsistensi filter antar halaman.

18.1 Dasbor Penjualan (Sales BI Dashboard)

Halaman utama BI yang diakses melalui /bi/sales. Menampilkan judul "Sales BI Dashboard" beserta subjudul "Real-time performance analytics for your travel business sales." dan breadcrumb navigasi (Home → Business Intelligence → Sales Report).

Header Aksi:
- Tombol "Refresh Data" — Memuat ulang data dari server. Ikon berputar saat pemuatan berlangsung.
- Tombol "Export CSV" — Mengekspor seluruh data tabel transaksi ke format CSV dengan kolom: Date, Transaction ID, Customer, Service, Revenue, Status.
Kartu KPI (KPIBox): Baris 4 kartu ringkasan indikator kinerja utama yang menampilkan metrik agregat penjualan dalam periode terpilih.
Grafik Tren Penjualan (TrendChart): Grafik garis/area lebar penuh yang menampilkan fluktuasi pendapatan penjualan secara kronologis selama periode terpilih.
Grafik Breakdown Layanan (BreakdownChart): Grafik yang merinci kontribusi pendapatan berdasarkan jenis layanan (ticketing, tour, visa, dll). Mendukung fitur drill-down: klik pada segmen layanan akan mengarahkan ke halaman daftar transaksi dengan filter otomatis berdasarkan jenis layanan tersebut.
Tabel Data Transaksi (DataTable): Tabel rinci seluruh transaksi pada periode terpilih. Setiap baris dapat diklik untuk melihat detail transaksi individual.

Struktur Tampilan Sales BI Dashboard

🏠›Business Intelligence›Sales Report

📊 Sales BI Dashboard

Real-time performance analytics

↻ RefreshExport CSV

Revenue

Rp 125M

Transactions

342

Avg Ticket

Rp 365K

Margin

24.5%

Sales Trend

Service Breakdown (klik untuk drill-down)

Ticketing 40%

Tour 30%

Visa 20%

Other 10%

Last updated: 13 Jun 2026 02:00 • BI System v1.0.0

Ilustrasi 18.1: Struktur Sales BI Dashboard

18.2 Laporan Margin Keuntungan (Margin Report)

Halaman yang diakses melalui /bi/margin. Menampilkan judul "Margin Report" beserta tombol "Export Report" di sisi kanan header.

Kartu Ringkasan (SummaryCards): Baris kartu ringkasan yang menampilkan metrik margin agregat dalam periode filter aktif.
Layout Grafik 2-Kolom:
- Grafik Garis "Margin Percentage Trend" (kiri) — Grafik garis berwarna hijau (#10B981) yang menampilkan tren persentase margin dari waktu ke waktu.
- Grafik Batang "Margin by Service Type" (kanan) — Grafik batang berwarna biru (#3B82F6) yang membandingkan besaran margin antar jenis layanan.
Tabel Detail (DetailTable): Tabel data rinci dengan 7 kolom yang dapat disortir:
- Transaction ID — Kode unik transaksi.
- Date — Tanggal transaksi.
- Service — Jenis layanan.
- Revenue — Nominal pendapatan kotor.
- Cost — Harga pokok/HPP.
- Margin — Selisih Revenue − Cost (berwarna hijau).
- Margin % — Persentase margin dengan kode warna: hijau (≥30%), kuning (15-29%), merah (<15%).

Struktur Tampilan Margin Report

Margin ReportExport Report

Margin % Trend

Margin by Service

ID	Service	Revenue	Cost	Margin	%
TR-001	Ticketing	10Jt	7Jt	3Jt	30%

Ilustrasi 18.2: Struktur Margin Report

18.3 Performa Frontliner (Frontliner Performance)

Halaman yang diakses melalui /bi/frontliner. Menampilkan judul "Frontliner Performance" beserta tombol "Export Report".

Kartu Ringkasan (SummaryCards): Metrik agregat performa seluruh staf frontliner dalam periode terpilih.
Layout 2-Kolom Grafik & Metrik:
- Grafik Batang "Transactions by Frontliner" (kiri) — Grafik batang biru (#3B82F6) yang membandingkan volume transaksi per staf frontliner.
- Panel "Performance Metrics" (kanan) — Panel berisi metrik ringkas:
  • Target Achievement: Persentase pencapaian target penjualan, disertai bilah progres berwarna hijau.
  • Customer Satisfaction: Skor kepuasan pelanggan (skala /5.0), disertai bilah progres biru.
Tabel Detail (DetailTable): Tabel dengan 6 kolom yang dapat disortir:
- Frontliner — Nama staf.
- Transactions — Jumlah transaksi yang ditangani.
- Revenue — Total pendapatan yang dihasilkan.
- Avg Ticket — Rata-rata nilai per transaksi.
- Satisfaction — Skor kepuasan pelanggan dengan visualisasi ikon bintang (★) berwarna kuning/abu-abu.
- Rating — Peringkat kinerja berupa lencana: Excellent atau Good.

Struktur Tampilan Frontliner Performance

Frontliner PerformanceExport Report

Transactions by Frontliner

A

B

C

Performance Metrics

Target Achievement112%

Customer Satisfaction4.4/5.0

Frontliner	Trx	Revenue	★	Rating
Andi S.	85	Rp 45Jt	★★★★★	Excellent

Ilustrasi 18.3: Struktur Frontliner Performance

18.4 Performa Supplier (Supplier Performance)

Halaman yang diakses melalui /bi/supplier. Menampilkan judul "Supplier Performance" beserta tombol "Export Report".

Kartu Ringkasan (SummaryCards): Metrik agregat performa seluruh supplier dalam periode terpilih.
Layout 2-Kolom Grafik & Metrik:
- Grafik Batang "Orders by Supplier" (kiri) — Grafik batang hijau (#10B981) yang membandingkan volume pesanan per supplier.
- Panel "Supplier Metrics" (kanan) — Panel berisi metrik ringkas:
  • Top Performer: Nama supplier dengan kinerja terbaik (contoh: Garuda Indonesia).
  • Avg Rating: Rata-rata peringkat seluruh supplier.
  • Quality Score: Skor kualitas agregat dengan bilah progres ungu.
Tabel Detail (DetailTable): Tabel dengan 6 kolom yang dapat disortir:
- Supplier — Nama supplier/vendor.
- Orders — Jumlah pesanan.
- Revenue — Total nilai transaksi.
- Avg Order Value — Rata-rata nilai per pesanan.
- On-Time Delivery — Persentase pengiriman tepat waktu, disertai bilah progres dengan kode warna: hijau (≥95%), kuning (90-94%), merah (<90%).
- Rating — Peringkat huruf: A, B, atau C.

Struktur Tampilan Supplier Performance

Supplier PerformanceExport Report

Orders by Supplier

Supplier Metrics

Top PerformerGaruda Indonesia

Avg RatingA-

Quality Score92.3%

Supplier	Orders	Revenue	On-Time	Rating
Garuda	120	Rp 80Jt	97%	A

Ilustrasi 18.4: Struktur Supplier Performance

18.5 Analisis Tren (Trend Analysis)

Halaman yang diakses melalui /bi/trend. Menampilkan judul "Trend Analysis" beserta tombol "Export Report".

Kartu Ringkasan (SummaryCards): Metrik agregat tren dalam periode terpilih.
Layout Baris Pertama — 2-Kolom Grafik Garis:
- Grafik Garis "Revenue Trend" (kiri) — Grafik garis biru (#3B82F6) menampilkan pergerakan pendapatan kronologis.
- Grafik Garis "Volume Trend" (kanan) — Grafik garis hijau (#10B981) menampilkan tren volume transaksi dari waktu ke waktu.
Layout Baris Kedua — 2-Kolom Grafik & Insight:
- Grafik Batang "Service Growth Rate" (kiri) — Grafik batang ungu (#8B5CF6) yang membandingkan tingkat pertumbuhan antar jenis layanan.
- Panel "Trend Insights" (kanan) — Panel berisi 3 kutipan analisis tren dengan penanda warna tepi kiri:
  • Strong Growth: Identifikasi layanan dengan pertumbuhan tertinggi.
  • Seasonal Pattern: Deteksi pola musiman (contoh: puncak di Mei-Juni).
  • Opportunity: Peluang bisnis berdasarkan tren naik.
Tabel Detail (DetailTable): Tabel dengan 5 kolom yang dapat disortir:
- Month — Periode bulan data.
- Revenue — Total pendapatan bulan tersebut.
- Volume — Jumlah transaksi.
- Growth Rate — Persentase pertumbuhan dengan kode warna: hijau (≥10%), kuning (5-9%), merah (<5%).
- Top Service — Layanan dengan kontribusi pendapatan terbesar, ditampilkan sebagai lencana biru.

Struktur Tampilan Trend Analysis

Trend AnalysisExport Report

Revenue Trend

Volume Trend

Service Growth Rate

Trend Insights

Strong Growth

Tour Custom +35.8%

Seasonal Pattern

Peak: May-June

Opportunity

Visa ↑ consistent

Ilustrasi 18.5: Struktur Trend Analysis

19 Analitik & Tren (Analytics) URL: /analytics

Dashboard analitik terpadu yang menggabungkan visualisasi tren pendapatan, analisis distribusi penjualan, evaluasi performa staf frontliner, dan dasbor keuangan dalam satu halaman dengan navigasi tab bertipe kartu (card tabs). Judul utama halaman adalah "Analytics & Laporan" dengan subjudul "Dashboard analitik lengkap untuk monitoring performa bisnis".

19.1 Tab Tren Pendapatan (📈 Revenue Trend)

Tab bawaan (aktif saat halaman pertama kali dibuka). Menampilkan komponen RevenueChart bertipe area chart dengan tinggi 400 piksel yang memvisualisasikan tren pendapatan dari waktu ke waktu. Grafik berwarna gradien biru dengan titik data interaktif (hover untuk melihat nilai).

Navigasi 4 Tab Analytics

📈 Revenue Trend 📊 Sales Analysis 👥 Performance 💰 Financial

Area Chart — Revenue over time

Ilustrasi 19.1: Tab Revenue Trend

19.2 Tab Analisis Penjualan (📊 Sales Analysis)

Tab ini menampilkan komponen SalesChart yang terdiri dari 2 grafik dalam layout 2-kolom, dilengkapi filter periode tersendiri (Harian / Mingguan / Bulanan / Tahunan) di sudut kanan atas.

Grafik Donat "Penjualan per Layanan" (kiri): Pie chart (donut) dengan inner radius yang menampilkan distribusi pendapatan berdasarkan jenis layanan (service_type). Menggunakan 6 warna tetap: biru, hijau, kuning, merah, ungu, cyan. Legenda di bawah grafik menampilkan nama layanan beserta nominal pendapatan. Tooltip menampilkan nama layanan, total pendapatan, dan jumlah transaksi.
Grafik Batang "Top 5 Customer" (kanan): Bar chart horizontal yang menampilkan 5 pelanggan dengan total pendapatan tertinggi. Sumbu X menampilkan nama pelanggan (diputar 45°), sumbu Y menampilkan nominal pendapatan. Tooltip menampilkan nama pelanggan, total pendapatan, dan jumlah transaksi.

Struktur Tab Sales Analysis

Bulanan ▾

Penjualan per Layanan

TicketTourVisaHotel

Top 5 Customer

PT ACV BPT CUD DPT E

Ilustrasi 19.2: Tab Sales Analysis

19.3 Tab Performa Frontliner (👥 Performance Frontliner)

Tab ini menampilkan komponen PerformanceTable dengan filter periode tersendiri di sudut kanan atas (Harian / Mingguan / Bulanan / Tahunan).

4 Kartu Statistik:
- Total Frontliner (biru) — Jumlah staf frontliner yang memiliki data transaksi.
- Total Revenue (hijau, prefix "Rp") — Akumulasi pendapatan seluruh frontliner.
- Best Performer (ungu) — Nama frontliner dengan pendapatan tertinggi.
- Avg Revenue/Person (oranye, prefix "Rp") — Rata-rata pendapatan per staf.
Tabel Performa Frontliner: Tabel Ant Design dengan 7 kolom, dapat discroll horizontal, paginasi 10 baris per halaman:
- Frontliner — Nama staf (kolom tetap/fixed di kiri).
- Transaksi — Jumlah transaksi yang ditangani.
- Total Revenue — Total pendapatan (rata kanan).
- Avg/Transaksi — Rata-rata nilai per transaksi (rata kanan).
- Komisi — Total komisi yang diperoleh (rata kanan).
- Tingkat Konversi — Persentase konversi, hijau jika ≥50%, oranye jika <50%.
- Performance — Label evaluasi: "⭐ Above Average" (hijau) jika revenue di atas rata-rata, "Below Average" (abu-abu) jika di bawah rata-rata.

Struktur Tab Performance Frontliner

Performance Frontliner

Bulanan ▾

Total Frontliner

8

Total Revenue

Rp 250Jt

Best Performer

Andi S.

Avg Rev/Person

Rp 31Jt

Frontliner	Trx	Revenue	Komisi	Konversi	Perf.
Andi S.	85	Rp 45Jt	Rp 2.2Jt	62%	⭐ Above
Budi R.	50	Rp 22Jt	Rp 1.1Jt	42%	Below

Ilustrasi 19.3: Tab Performance Frontliner

19.4 Tab Dasbor Keuangan (💰 Financial Dashboard)

Tab ini menampilkan ikhtisar keuangan komprehensif dengan judul "Financial Overview" dan filter periode tersendiri (Harian / Mingguan / Bulanan / Tahunan) di sisi kanan.

4 Kartu Statistik:
- Total Revenue (ikon dolar, hijau) — Total pendapatan kotor perusahaan.
- Outstanding Amount (ikon kartu kredit, merah) — Total piutang belum terbayar.
- Paid Amount (ikon keranjang, biru) — Total pembayaran yang telah diterima.
- Collection Rate (ikon panah, ungu) — Persentase keberhasilan penagihan. Ikon panah ke atas (↑) jika >80%, panah ke bawah (↓) jika ≤80%.
Tabel "Outstanding Details": Tabel Ant Design dengan 3 kolom, paginasi 10 baris:
- Customer — Nama pelanggan.
- Total Outstanding — Nominal piutang (merah, rata kanan).
- Overdue Days — Jumlah hari keterlambatan. Berwarna merah jika >30 hari, oranye jika ≤30 hari.
Layout 2-Kolom Bawah:
- Panel "Payment Method Distribution" (kiri) — Daftar metode pembayaran (Cash, Transfer, Kartu Kredit) dengan nominal total dan jumlah transaksi masing-masing.
- Panel "Top Paying Customers" (kanan) — Daftar 5 pelanggan dengan pembayaran terbesar, ditampilkan dengan nomor peringkat (#1 – #5).

Struktur Tab Financial Dashboard

Financial Overview

Bulanan ▾

Total Revenue

Rp 125Jt

Outstanding

Rp 18Jt

Paid

Rp 107Jt

Collection

↑ 85.6%

Outstanding Details

Customer	Outstanding	Overdue
PT Maju	Rp 8Jt	45 days
CV Bintang	Rp 5Jt	12 days

Payment Distribution

TransferRp 65Jt (82 trx)

CashRp 30Jt (45 trx)

CCRp 12Jt (15 trx)

Top Paying Customers

#1PT MajuRp 25Jt

#2CV BintangRp 18Jt

Ilustrasi 19.4: Tab Financial Dashboard

20 Pusat Laporan (Reports) URL: /reports

Pusat pembuatan dan pengelolaan laporan bisnis dalam format PDF yang siap cetak. Judul utama halaman adalah "Reports & Analytics" dengan subjudul "Generate insights and export business reports". Halaman dilengkapi filter periode global (Daily / Weekly / Monthly / Quarterly / Yearly) di sisi kanan header, serta navigasi 3 tab: Dashboard, Generate Reports, dan Analytics.

20.1 Tab Dasbor Metrik (Dashboard)

Tab bawaan yang menampilkan ringkasan metrik kinerja utama bisnis. Terdiri dari kartu KPI dan grafik visualisasi cepat.

4 Kartu Metrik Utama:
- Total Revenue (ikon dolar, latar hijau) — Total pendapatan dengan indikator pertumbuhan persentase berwarna hijau (contoh: +12.5%).
- Transactions (ikon tiket, latar biru) — Jumlah total transaksi dengan indikator pertumbuhan persentase.
- Customers (ikon grup, latar ungu) — Jumlah total pelanggan unik dengan indikator pertumbuhan persentase.
- Avg Transaction (ikon grafik, latar oranye) — Rata-rata nilai per transaksi, disertai informasi Margin Rate (%) di baris bawah.
Layout 2-Kolom Grafik Cepat:
- "Revenue Trend" (kiri) — Area visualisasi grafik tren pendapatan.
- "Transaction Types" (kanan) — Area visualisasi distribusi jenis transaksi.

Struktur Tab Dashboard Reports

Reports & Analytics

Generate insights and export business reports

Monthly ▾

📊 Dashboard📥 Generate Reports🔍 Analytics

$

Total Revenue

Rp 125Jt

+12.5%

🎫

Transactions

342

+8.3%

👥

Customers

156

+5.1%

📊

Avg Transaction

Rp 365K

Margin: 24%

Revenue Trend

📊 Chart area

Transaction Types

🔀 Distribution

Ilustrasi 20.1: Tab Dashboard Reports

20.2 Tab Pembuatan Laporan (Generate Reports)

Tab ini menyediakan fasilitas untuk membuat dan mengunduh laporan bisnis dalam format PDF. Terdiri dari grid kartu jenis laporan dan daftar riwayat laporan.

Grid Kartu Jenis Laporan (2×2): Empat kartu jenis laporan, masing-masing berisi ikon berwarna, nama laporan, deskripsi singkat, dan 2 tombol aksi:
- Financial Report (ikon dolar, latar hijau) — "Revenue, expenses, and profit analysis." Tombol: ▶ Generate dan 🕐 Schedule.
- Sales Report (ikon grafik, latar biru) — "Transaction trends and customer insights."
- Customer Report (ikon grup, latar ungu) — "Customer demographics and behavior."
- Operational Report (ikon tiket, latar oranye) — "Daily operations and efficiency metrics."
ℹ️ Catatan: Saat tombol Generate ditekan, teks berubah menjadi "Generating..." dengan ikon spinner. Setelah selesai, file PDF secara otomatis terunduh ke komputer pengguna dengan format nama [tipe]-report-[tanggal].pdf.
Panel "Recent Reports": Daftar laporan yang baru saja dihasilkan. Setiap baris menampilkan:
- Ikon dokumen dan nama laporan (contoh: "Financial Report - monthly").
- Tanggal pembuatan (contoh: "Generated on 13/6/2026").
- Tautan ↓ Download untuk mengunduh kembali laporan.

Struktur Tab Generate Reports

$

Financial Report

Revenue, expenses, profit

▶ Generate🕐 Schedule

📊

Sales Report

Transaction trends

▶ Generate🕐 Schedule

👥

Customer Report

Demographics & behavior

▶ Generate🕐 Schedule

🎫

Operational Report

Operations & efficiency

▶ Generate🕐 Schedule

Recent Reports

📄

Financial Report - monthly

Generated on 13/6/2026

↓ Download

📄

Sales Report - monthly

Generated on 13/6/2026

↓ Download

Ilustrasi 20.2: Tab Generate Reports

20.3 Tab Analitik Laporan (Analytics)

Tab ini menampilkan analisis data yang lebih mendalam sesuai periode yang dipilih pada filter global header.

Panel "Revenue Analytics": Grafik lebar penuh dengan tinggi 320 piksel yang memvisualisasikan tren pendapatan secara detail untuk analisis pola bisnis.
Layout 2-Kolom Analisis:
- "Transactions by Type" (kiri) — Daftar jenis transaksi dengan indikator warna bulat, masing-masing menampilkan nama jenis layanan, jumlah transaksi, dan nominal pendapatan.
- "Top Customers" (kanan) — Daftar pelanggan teratas dengan nomor peringkat (#1, #2, dst), nama pelanggan, nominal pendapatan, dan jumlah transaksi.

Struktur Tab Analytics

Revenue Analytics

📊 Revenue analytics chart (lebar penuh)

Transactions by Type

Ticketing

142

Rp 52Jt

Tour

89

Rp 38Jt

Visa

65

Rp 22Jt

Top Customers

#1 PT Maju

Rp 25Jt

18 trx

#2 CV Bintang

Rp 18Jt

12 trx

Ilustrasi 20.3: Tab Analytics

21 Konfigurasi Sistem (Settings) URL: /settings

Panel kontrol administratif untuk mengelola infrastruktur sistem, keamanan data, dan parameter operasional TravosCore.

Otoritas & Pengaturan:

Manajemen Pengguna (Users): Pendaftaran akun staf baru dan pengaturan status keaktifan personel di sistem.
Peran & Hak Akses (Roles): Pembatasan akses menu dashboard berdasarkan tanggung jawab pekerjaan masing-masing staf.
Profil Perusahaan: Pemutakhiran identitas resmi kantor, logo, serta informasi kontak administratif.
Integrasi Kecerdasan Buatan (AI): Konfigurasi API OpenAI untuk memastikan fungsi asisten pintar tetap dapat digunakan.

Struktur Menu Aplikasi

Fitur Unggulan

Booking Cepat (Ticketing & Tour)

Manajemen Visa & Passport

Fleksibilitas Pembayaran

AI Assistant Cerdas

Laporan Lengkap (BI Dashboard)

Buku Panduan Pengguna (Step-by-Step)

1 Autentikasi Pengguna (Login) URL: /login

1. Tampilan Awal Form Login

2. Validasi Kolom Input (Email & Password)

3. Fitur Tampilkan/Sembunyikan Kata Sandi (Show/Hide Password)

4. Tombol Sign In (Loading State)

5. Tautan Lupa Kata Sandi & Navigasi Beranda

2 Panel Kendali Utama (Dashboard) URL: /dashboard

Tampilan Keseluruhan Dashboard

1. Panel Menu Samping (Sidebar Menu) & Detail Menu Akses

A Sidebar Navigasi - Bagian Atas

B Sidebar Navigasi - Bagian Tengah (Operasional & Keuangan)

C Sidebar Navigasi - Bagian Bawah (Analitik & Pengaturan)

2. Panel Header Utama (Header Panel)

3. Area Kerja Utama (Main Content Workspace)

3 Asisten Inteligensi Buatan (AI Assistant) URL: /ai-assistant

1. Antarmuka Awal Obrolan AI

Aturan Base Prompting & Kemampuan Sistem AI

2. Validasi Pertanyaan di Luar Ruang Lingkup

3. Pencarian & Jawaban Berbasis Data Bisnis Riil

4 Manajemen Master Data (Customers, Suppliers, Airports, Airlines, Hotels, & Regions) URL: /customers, /suppliers, /airports, /airlines, /hotels, /regions

A Data Pelanggan (Customers)

B Pemasok & Vendor (Suppliers)

C Data Bandara (Airports)

D Data Maskapai (Airlines)

E Data Properti Hotel (Hotels)

F Struktur Wilayah (Regions)

6 Frontliner Page (Frontliner) URL: /transactions

A Daftar Transaksi Utama (Frontliner Dashboard)

7 Layanan Penerbangan (Ticketing) URL: /ticketing

7.1 Daftar Transaksi Tiket (List View)

7.2 Rincian Transaksi Tiket (Detail View)

7.3 Ubah Data Tiket (Edit Page)

7.4 Pembaruan Alur Kerja (Update Status Modal)

7.5 Penerimaan Pembayaran (Add Payment Modal)

8 Layanan Izin Masuk (Visa) URL: /visa

8.1 Daftar Transaksi (List View)

8.2 Rincian Transaksi (Detail View)

8.3 Formulir Perubahan (Edit Page)

8.4 Pembaruan Alur Kerja (Update Status Modal)

8.5 Penerimaan Pembayaran (Add Payment Modal)

9 Layanan Dokumen Perjalanan (Passport) URL: /passport

9.1 Daftar Transaksi (List View)

9.2 Rincian Transaksi (Detail View)

9.3 Formulir Perubahan (Edit Page)

9.4 Pembaruan Alur Kerja (Update Status Modal)

9.5 Penerimaan Pembayaran (Add Payment Modal)

10 Reservasi Paket Wisata (Tour) URL: /tour

10.1 Daftar Transaksi (List View)

10.2 Rincian Transaksi (Detail View)

10.3 Formulir Perubahan (Edit Page)

10.4 Pembaruan Alur Kerja (Update Status Modal)

10.5 Penerimaan Pembayaran (Add Payment Modal)

11 Pemesanan Akomodasi (Hotel Booking) URL: /hotel-booking

11.1 Daftar Transaksi (List View)

11.2 Rincian Transaksi (Detail View)

11.3 Formulir Perubahan (Edit Page)

11.4 Pembaruan Alur Kerja (Update Status Modal)

11.5 Penerimaan Pembayaran (Add Payment Modal)

12 Sewa Kendaraan & Transportasi Darat (Transportation) URL: /transportation

12.1 Daftar Transaksi (List View)

12.2 Rincian Transaksi (Detail View)

12.3 Formulir Perubahan (Edit Page)

12.4 Pembaruan Alur Kerja (Update Status Modal)

12.5 Penerimaan Pembayaran (Add Payment Modal)

13 Tiket Wahana & Atraksi (Attractions Ticket) URL: /attractions-ticket

13.1 Daftar Transaksi (List View)

13.2 Rincian Transaksi (Detail View)

13.3 Formulir Perubahan (Edit Page)

13.4 Pembaruan Alur Kerja (Update Status Modal)

13.5 Penerimaan Pembayaran (Add Payment Modal)

14 Layanan Konsumsi & Katering (Meals) URL: /cathering