Mulai dari perjalanan Jamaah, ikuti siapa yang melanjutkan pekerjaan, lalu lihat layar setiap peran. Fondasi visual berada setelah cerita produk agar “Semua Jadi Mudah” benar-benar terasa dalam pekerjaan harian.
v4.529 AGU 2026
Daftar isi
01Papan Perjalanan Operasional
Cara membaca MIQATSatu data bergerak. Setiap role meneruskan, bukan mengetik ulang.
Miqat. Semua Jadi Mudah.
Mudah berarti orang tahu apa yang harus dilakukan sekarang, sistem menyelesaikan pekerjaan mekanis, dan pekerjaan berikutnya tidak kehilangan konteks.
DaftarCalon menjadi Jamaah dan seat ditahan.
BerkasAdmin mencatat pembayaran dan dokumen dari satu pintu.
SiapVisa, hotel, bus, pesawat, perlengkapan, dan manasik bergerak bersama.
BerangkatTim melihat penghalang; Jamaah melihat agenda.
AlumniRiwayat tetap hidup untuk komunikasi dan perjalanan berikutnya.
Apa yang terjadi ketika Finance mengonfirmasi DP?Satu keputusan memicu enam hasil; tidak ada staf yang menyalin data antar-modul.
Seat menjadi pastiHold sementara berubah menjadi kuota terpakai.
Cicilan dibuatNominal dan jatuh tempo mengikuti template paket.
Portal aktifJamaah menerima akses dan langkah berikutnya.
Checklist munculBerkas wajib menyesuaikan paket dan profil jamaah.
Komisi tercatatAtribusi Agen/Affiliate tidak perlu direkap ulang.
Jurnal terbentukUang dicatat sebagai kewajiban, belum sebagai pendapatan.
02Setelah selesai, siapa melanjutkan
Tombol selesai milik satu peran tidak boleh berpura-pura menyelesaikan seluruh proses. Setiap alur menyebut siapa yang melanjutkan, data yang ikut berpindah, dan kondisi yang membuat proses kembali.
“Apa yang harus disiapkan atau dipesan agar keberangkatan tidak terhalang?”
Default owner: need, vendor, quotation/harga/terms order, konfirmasi vendor, fulfillment, receipt, dan readiness.
Pemicu masuk
Keberangkatan dibuat, sebuah dimensi belum memenuhi ambang, vendor bergerak status, atau penerimaan/kekurangan membutuhkan tindakan.
Alur kerja
Membaca blockerVisa, perjalanan, rooming, perlengkapan, vendor, kru, dan manasik memiliki owner/tenggat.
Menyiapkan kebutuhanSetelah disiapkan, Admin mengonfirmasi Dalam proses atau Tersedia tanpa Finance.
Menyiapkan vendor dan orderVendor, quotation, spec, qty, harga, dan terms dicatat sekali lalu diajukan ke Owner.
Mengonfirmasi vendorSemua order tunai/DP/tempo harus Owner-approved; prepayment Finance selesai bila diwajibkan.
Mencatat penerimaanJumlah diterima/ditolak/kurang, foto, waktu, dan penerima menjadi bukti untuk Finance.
Yang dikerjakan sistem
Perubahan vendor, jumlah, harga, atau termin membuat versi baru; persetujuan lama tidak lagi berlaku.
Setelah selesai
Kebutuhan → Admin; pesanan → Owner; tagihan/penerimaan → Finance; status pembayaran aman kembali ke Operasional.
Batas akses
Melihat harga pesanan, bukan margin/laba, rekening, bukti bank mentah, atau buku keuangan.
Kalau ada masalah
Penerimaan sebagian atau tidak cocok membuka pekerjaan baru tanpa menimpa pesanan dan persetujuan awal.
Kesiapan 98%, tetapi belum siapEmpat blocker kritis tetap mengalahkan angka ringkasan.
1 visaMasih diproses melewati tenggat.
Bus dikirimPenerimaan belum dicatat.
Perlengkapan kurangKoper dan ID Card untuk 10 jamaah.
08Kendali General Manager dan Owner
Pengendalian Harian
General Manager
“Bagian mana yang macet, dan siapa yang perlu saya gerakkan?”
Melihat progres dokumen, visa, bus, hotel, pesawat, paket, seat, keuangan aman, Agen, dan Affiliate.
Kapan pekerjaan ini muncul
Tenggat terlewati atau pekerjaan membutuhkan koordinasi lebih dari satu tim.
Yang bisa dilakukan
Lihat seluruh progres amanDokumen, visa, bus, hotel, pesawat, paket, seat, pembayaran, Agen, dan Affiliate ada dalam satu jalur.
Buka penghalang dan penanggung jawabSetiap angka membuka daftar orang atau pekerjaan yang membentuknya.
Arahkan tim atau teruskan ke OwnerPekerjaan tetap kembali kepada Admin, Finance, atau Operasional.
Yang dikerjakan sistem
Ringkasan berasal dari tindakan tim dan waktu pembaruan, bukan rekap manual GM.
Setelah selesai
Masalah operasional kembali ke tim; keputusan kebijakan atau risiko besar menuju Owner.
Batas akses
GM tidak boleh melihat laba/rugi. Laba/rugi hanya dapat dilihat Owner. Dokumen sensitif tetap memerlukan tujuan kerja.
Kalau ada masalah
Pekerjaan tanpa penanggung jawab tetap terbuka dan dinaikkan ke Owner.
Kendali Bisnis
Owner / Direktur
“Apakah uang aman, keberangkatan terkendali, dan paket ini sehat?”
Melihat progres yang sama dengan GM, ditambah laba/rugi dan keputusan yang memang milik Owner.
Kapan pekerjaan ini muncul
Biaya melewati batas, ada penghalang penting, pesanan menunggu persetujuan, atau target melenceng.
Yang bisa dilakukan
Lihat seluruh progres amanDokumen, visa, bus, hotel, pesawat, paket, seat, keuangan, Agen, dan Affiliate.
Lihat laba/rugiOwner boleh melihat laba/rugi dan membuka sumber hitungannya.
Setujui pesanan atau putuskan pengecualianKeputusan tercatat dan pekerjaan kembali kepada tim pelaksana.
Yang dikerjakan sistem
Pendapatan baru diakui setelah perjalanan selesai; usia ringkasan selalu terlihat.
Setelah selesai
Keputusan Owner membuat tugas jelas bagi GM, Finance, Operasional, atau Admin.
Batas akses
Owner boleh melihat laba/rugi, tetapi dokumen terbatas dan bukti bank mentah tetap memerlukan tujuan kerja.
Kalau ada masalah
Data yang belum lengkap ditandai dan keputusan diblokir sampai sumbernya diperbaiki.
Satu pagi, empat pertanyaanUang, kesiapan, laba/rugi, dan tindak lanjut.
Rp1,42 miliarUang masuk; masih amanah Jamaah.
98% siapTetap ada penghalang yang harus dibuka.
Rp298,75 jutaProyeksi laba; hanya Owner.
09Tim MITECH — menjaga armada tanpa akun permanen di travel
Lima fungsi dapat dipegang orang yang sama pada fase awal, tetapi permission, persetujuan, dan audit trail tetap terpisah. Fleet memegang telemetri, bot Telegram, extension, rollout, dukungan, dan lisensi.
Risiko & insiden
Operator Armada
Pemicu: HTTP 500, backup gagal, versi tertinggal, health check, atau risiko berhenti.
Mengelompokkan bukti amanFingerprint, rute, release, dan frekuensi tanpa PII.
Mengakui dan membuka runbookDeduplikasi serta cooldown mencegah banjir Telegram.
Mengarahkan perbaikanBug ke Developer; rollout ke Platform Admin; bantuan data ke sesi dukungan.
Logika: satu fingerprint menjadi satu insiden.
Setelah selesai: Developer atau Platform Admin.
Batas: telemetri tidak membawa nama, paspor, kontak, atau bukti transfer.
Pemulihan: insiden selesai hanya setelah probe pulih dan notifikasi recovery terkirim.
Extension & rollout
MITECH Platform Admin
Pemicu: extension disetujui, versi kompatibel tersedia, atau rollback diperlukan.
Menjalankan preflightCore, cangkang, extension, schema, queue, dan permission diperiksa bersama.
Memasang pada instance terpilihTravel lain tidak ikut berubah.
Memverifikasi atau rollbackSmoke test role terkait menentukan promosi release.
Logika: manifest dan compatibility matrix menentukan kelayakan.
Setelah selesai: hasil rollout ke Operator dan Owner.
Batas: tidak mengubah kode dan tidak memasang tanpa artefak CI.
Pemulihan: rollback kode tidak menjalankan migrasi turun yang merusak data.
Core & Private Extension
Developer MITECH
Pemicu: bug terverifikasi atau scope extension disetujui secara tertulis.
Membuat perubahan terisolasiAturan core tidak disalin ke cangkang travel.
Menjalankan test dan reviewKontrak permission, migrasi, UI, dan compatibility diuji.
Menerbitkan artefakPackage ditandatangani untuk Platform Admin.
Logika: satu sumber aturan bisnis dipakai UI, API, job, dan extension.
Setelah selesai: package ke Platform Admin, bukan langsung ke produksi.
Batas: tidak memiliki tombol deploy instance dan tidak memegang akun pelanggan.
Pemulihan: regression test mencegah bug yang sama kembali.
Dukungan sementara
Dukungan Pelanggan
Pemicu: travel meminta bantuan atau onboarding memerlukan pendampingan.
Menjelaskan ruang aksesTujuan, durasi, dan data yang mungkin terlihat dinyatakan sebelum persetujuan.
Meminta persetujuan OwnerSesi baru aktif setelah disetujui.
Mendampingi dan menutupAktivitas dicatat dan akses kedaluwarsa sendiri.
Logika: sesi support time-boxed dan default-deny.
Setelah selesai: bug ke Developer; konfigurasi ke Owner/Admin.
Batas: tidak ada akun permanen pada instance pelanggan.
Pemulihan: Owner dapat mencabut sesi; jejak audit tetap tersimpan.
Siklus layanan
Penagihan & Lisensi
Pemicu: masa berlaku mendekat, pembayaran perpanjangan, berhenti, atau permintaan arsip.
Mengingatkan dengan tenggat jelasOwner melihat dampak dan pilihan sebelum masa aktif berakhir.
Memperpanjang atau masuk baca-sajaLisensi dibaca dari status resmi, bukan sakelar manual di instance.
Mengekspor dan mengarsipTravel menerima data sesuai kontrak keluar.
Logika: gagal memperpanjang tidak langsung menghapus data.
Setelah selesai: status ke Owner, Operator, dan dukungan.
Batas: tidak dapat melihat atau mengubah transaksi jamaah.
Pemulihan: aktivasi kembali mengikuti pembayaran dan pemeriksaan lisensi; arsip tetap dapat diaudit.
Bab 03 · Fondasi visual
Bahasa yang membuat seluruh alur terasa satu sistem.
Warna, huruf, ruang, komponen, dan keadaan berikut adalah alat konsistensi. Mereka hadir setelah cerita role karena design system melayani pekerjaan—bukan sebaliknya.
01Warna
Navy dan emerald diambil langsung dari piksel berkas logo, bukan dikira-kira. Angka kontras di bawah dihitung terhadap putih dengan rumus WCAG — bukan penilaian mata.
Palet merek
#01285D
Miqat Navy
Warna utama — judul, tombol utama, garis kop
14,36 : 1AAA
#011B40
Miqat Navy Pekat
Latar gelap, tekan tombol
17,55 : 1AAA
#09AA87
Miqat Emerald
Tanda saja — goresan, titik status, garis aktif
2,95 : 1gagal untuk teks
#046B55
Miqat Emerald Teks
Varian aman untuk teks hijau di latar terang
6,48 : 1AA
Netral dan latar
#E6F5F0
Emerald Muda
Latar lencana dan sorotan
#E7DCC6
Desert Sand
Latar hangat untuk seksi bernuansa ibadah
#F7F9FB
Cloud
Latar permukaan terang
#0D1520
Ink
Teks judul
18,30 : 1AAA
#33414F
Graphite
Teks isi
9,74 : 1AAA
#5B6B7C
Slate
Teks sekunder dan keterangan
5,17 : 1AA
Semantik
#12704A
Sukses
Terverifikasi, lunas, disetujui
5,17 : 1
#8C5A02
Peringatan
Menunggu, mendekati jatuh tempo
4,54 : 1
#A81E17
Bahaya
Terlambat, ditolak, melebihi anggaran
6,86 : 1
#14618F
Info
Sedang diproses, keterangan netral
5,04 : 1
Dua aturan yang tidak dapat ditawar
✕Emerald #09AA87 tidak pernah menjadi warna teks di latar terang. Untuk teks hijau, selalu #046B55. Emerald adalah warna tanda: goresan pada logo, titik status, garis aktif.
✓Proporsi 60–30–10. Netral terang mendominasi, navy sebagai struktur, aksen paling banyak 10% bidang. Pada logo pun emerald hanya muncul sebagai satu goresan dan satu baris tagline.
02Tipografi
Tiga peran, tiga huruf. Plus Jakarta Sans untuk judul dan antarmuka, Fraunces untuk satu momen editorial per halaman, IBM Plex Mono wajib untuk seluruh angka.
display 44–64px · 700 −0,03em
Semua Jadi Mudah
h1 32px · 700
Dashboard Owner
h2 24px · 700
Keberangkatan Februari 2027
h3 19px · 700
Kesiapan jamaah
body 16px · 400 1,65
Uang yang masuk dari jamaah dicatat sebagai kewajiban, bukan pendapatan, sampai jamaah benar-benar pulang. Ini yang memisahkan uang yang sudah menjadi hak travel dari uang yang masih menjadi amanah.
label 14px · 500
Nomor paspor
caption 14px · 400
Berlaku sampai 14 April 2030
mono-label 14px · 600 0,12em
Nilai Kontrak
money-lg 28px · 600 IBM Plex Mono
Rp1.485.000.000
money 15px · 500 tabular
Rp32.500.000
editorial Fraunces satu per halaman
Owner tidak lagi mengejar laporan. Laporan yang datang kepada owner.
Format penulisan yang mengikat
Hal
Betul
Salah
Rupiah
Rp32.500.000
Rp 32.500.000 · Rp32.500.000,-
Tanggal
12 Februari 2027
12/02/2027
Rentang
12–23 Februari 2027
12-23 Feb 2027
Persen
20,12%
20.12%
Merek
MIQAT · MITECH
Miqat · MiTech
Badan hukum
PT MITECH Digital Indonesia
PT. Mitech Digital Indonesia
03Ruang & Bentuk
Satuan jarak kelipatan 4 px. Sudut membulat sedang, mengikuti terminal membulat pada wordmark — tidak ada sudut siku tajam.
Radius
radius-surface · 12px · kartu, modal
radius-control · 8px · tombol, input
radius-pill · 999px · lencana
Jarak
4px
8px
16px
24px · dalam kartu
48px · antar seksi
Bayangan & garis
shadow · kartu
shadow-float · modal, popover
garis rambut · 1px, 13%
target sentuh minimum 44 × 44 px
04Logo
Wordmark miqat huruf kecil dengan terminal membulat, huruf Q dipotong satu goresan emerald yang berangkat dari dalam mangkuk huruf ke luar-bawah — arah berangkat, sekaligus jarum penunjuk arah. Goresan itu dan proporsi wordmark terhadap tagline tidak boleh dipisahkan.
Di atas latar
Putih · latar utama
Cloud #F7F9FB · permukaan terang
Navy #01285D · versi terang
Desert Sand #E7DCC6 · materi cetak
Ruang aman dan ukuran minimum
XX
Ruang aman = X, dengan X = tinggi huruf m pada wordmark. Tidak boleh ada teks, garis, atau tepi media di dalam area itu.
Ukuran minimum
Konteks
Lebar minimum
Layar
140 px
Cetak
32 mm
Bordir
45 mm
140px — batas bawah
96px — terlalu kecil
Larangan
✕Jangan diregangkan atau dimampatkan
✕Jangan dimiringkan atau diputar
✕Jangan diberi bayangan atau efek 3D
✕Jangan di latar ramai tanpa lapisan penenang
Larangan lain: mengganti warna di luar palet · mengganti huruf pada wordmark · memakai goresan Q sebagai elemen dekoratif lepas · menghapus tagline pada pemakaian resmi.
Yang belum selesai pada logo
Logo final saat ini hanya tersedia sebagai raster PNG 1380 × 460. Sebelum dipakai untuk cetak besar, bordir, atau papan nama, logo ini wajib divektorkan ke SVG dan EPS dengan teks di-convert to outlines. Varian satu warna dan varian simbol saja juga belum ada. Nama MIQAT belum ditelusuri di PDKI kelas 9 dan 42.
Untuk seluruh kebutuhan digital — aplikasi, situs, PDF, kuitansi, presentasi — berkas yang ada sudah memadai.
05Komponen Dasar
Tombol, lencana status, dan kolom isian. Semuanya bertinggi minimum 44 px, dan setiap status membawa tiga penanda sekaligus: warna, ikon, dan teks.
Tombol
Nonaktif karena 2 dokumen belum lengkap — alasannya selalu disebut, bukan hanya tombolnya diredupkan.
Lencana status
TerverifikasiLunasSedang diproses
Menunggu verifikasiTerlambat 14 hariDraf
Warna saja tidak pernah cukup. Pengguna berusia 55 tahun di layar ponsel dengan cahaya matahari langsung adalah pengguna nyata sistem ini.
Kolom isian
Kosongkan bila paspor belum terbit — dapat diisi belakangan.
✕Kurang dari 6 bulan dari tanggal keberangkatan. Pengajuan visa akan ditolak.
Unggah dokumen
Pilih cara mengunggahJPG atau PDF · dikompresi otomatis bila terlalu besar
Seret-lepas tersedia sebagai tambahan di desktop.
KTPTerverifikasi 3 hari lalu✓
Pas Foto 3 × 4Ditolak — latar belakang tidak putih. Silakan unggah ulang.
06Komponen Data
Angka membawa pembanding. Angka yang mempunyai rincian menjadi satu tautan; angka tanpa tujuan tetap non-interaktif dan tidak menjanjikan aksi palsu.
Ketiganya berukuran sama dan sejajar. Masing-masing membawa satu kalimat penjelas. Menjumlahkan atau menggabungkannya adalah kesalahan yang seluruh produk ini ada untuk mencegahnya.
Bilah kesiapan
Kesiapan Keberangkatan98%
Pembayaran43 / 45
Dokumen45 / 45
Visa44 / 45
Tiket45 / 45
Kamar45 / 45
Bus45 / 45
Angka 98% berasal dari hasil 98,44 yang dibulatkan, berdasarkan enam dimensi berbobot—bukan input manual.
Proyeksi laba
Rp298.750.000
! Proyeksi — bukan laba terealisasi
Margin
20,12%
Per Jamaah
Rp6.638.889
Cost Control · Hotel Makkah
Anggaran
Rp200.000.000
Komitmen
Rp192.000.000
Realisasi
Rp0
Sisa ruang
Rp8.000.000
Tabel data
Jamaah
Booking
Cicilan
Nominal
Jatuh tempo
Status
Siti Rahmawati
BK-2702-018
Cicilan 2
Rp9.750.000
18 September 2026
× Telat 14 hari
Ahmad Fauzi
BK-2702-021
Pelunasan
Rp8.125.000
2 Oktober 2026
! Jatuh tempo 3 hari
Nurhayati
BK-2702-007
Cicilan 1
Rp9.750.000
28 Agustus 2026
✓ Lunas
Muhammad Ilyas
BK-2702-033
DP
Rp4.875.000
5 Oktober 2026
◷ Menunggu verifikasi
Tabel ini membutuhkan pencarian dan filter karena antreannya besar; ekspor muncul karena data menjadi keluaran kerja. Angka rata kanan memakai huruf monospasi tabular.
Daftar kerja — peran Finance
18 pembayaran menunggu verifikasi4 di antaranya masuk lebih dari 2 hari lalu
Termin vendor Hotel Makkah jatuh tempo 3 hari lagiRp57.600.000 · PO-2026-0142
1 kelebihan bayar perlu dikonfirmasi ke jamaahNurhayati · Rp250.000
Linimasa perjalanan jamaah
Pendaftaran
14 Agustus 2026 · BK-2702-018
DP diverifikasi
16 Agustus 2026 · Rp4.875.000
Melengkapi dokumen
Tinggal 2: Buku Nikah dan Vaksin
Pengajuan visa
Menunggu dokumen lengkap
Manasik
Dijadwalkan 24 Januari 2027
Keberangkatan
12 Februari 2027
Tidak ada pembayaran yang perlu diverifikasi hari ini.
Semua bukti transfer yang masuk sudah diperiksa.
Keadaan kosong selalu berupa kalimat manusia yang menjelaskan bahwa memang tidak ada pekerjaan — bukan tabel kosong tanpa keterangan.
07Layar Masuk
Pengunjung tidak pernah mendarat di sini. Alamat / adalah halaman depan travel; masuk diakses lewat tombol kecil di sudut kanan atas. Layar ini untuk staf, agen, dan jamaah yang memang hendak masuk.
barokahtour.co.id/masuk
Uang jamaah tetap tercatat sebagai amanah sampai jamaah benar-benar pulang.
Barokah Tour · Izin PPIU U.123 Tahun 2024
Panel kiri memakai warna utama travel, bukan warna MIQAT — pada instance pelanggan seluruh layar ini bermerek travel itu sendiri. Satu momen Fraunces dipakai di sini dan tidak diulang di layar lain.
08Dashboard Owner
Layar bintang demo. Tiga angka keuangan yang tidak boleh dicampur, kesiapan keberangkatan, target vs realisasi, dan daftar tindak lanjut — semuanya dapat diklik.
barokahtour.co.id/owner
UMRAH AWAL RAMADHAN
12–23 Februari 2027 · Makassar → Jakarta → Jeddah · 45 jamaah
Angka rencana, komitmen, dan tagihan nyata tidak dicampur
Proyeksi laba
Rp298.750.000 · 20,12%
AnggaranRp1.117.000.000
KomitmenRp1.095.000.000
RealisasiRp980.000.000
Sisa ruang gerak Rp22.000.000 · proyeksi belum menjadi laba terealisasi.
Perlu Tindak Lanjut
Dokumen belum lengkap · 27 jamaahTenggat visa 12 Januari 2027
Pembayaran jatuh tempo · 18 cicilanTotal Rp164.250.000
Follow-up leads · 32 calon jamaahBelum dihubungi lebih dari 3 hari
Performa agen & affiliate
Kontribusi nilai kontrakPeringkat dapat dibuka per agen dan keberangkatan
Komisi Menunggu / Dapat DicairkanStatus berasal dari booking dan keberangkatan; bukan approval manual Owner
Aktivitas tim
Pendaftaran · verifikasi · dokumen · follow-upRingkasan periode berjalan, berasal dari tindakan tim
Diperbarui 4 menit laluUsia data selalu terlihat
09Tampilan Ponsel
Portal jamaah dirancang untuk ponsel lebih dulu, untuk pengguna berusia 35–65 tahun. Teks tidak pernah di bawah 16 px, tombol tidak pernah di bawah 44 px, dan halaman harus terbaca dalam 1,5 detik pada jaringan 3G.
Assalamualaikum,
Ibu Siti Rahmawati
167
hari lagi
UMRAH AWAL RAMADHAN 12 Februari 2027
Kesiapan Anda
4 dari 6 selesai78%
Yang masih kurang
2Buku Nikah dan VaksinBelum tersedia · serahkan kepada Admin
1Cicilan 2 · Rp9.750.000Jatuh tempo 18 September 2026
Portal Jamaah — pertanyaan “apa yang masih kurang” dijawab di layar pertama, di atas lipatan, sebelum apa pun yang lain.
Masuk
Portal jamaah Barokah Tour
Lupa kata sandi? Hubungi admin travel.
Kode booking Anda ada pada pesan WhatsApp yang dikirim travel saat pendaftaran.
Masuk di ponsel — kolom isian setinggi 44 px, teks 16 px, tanpa gulir horizontal.
10Halaman Depan Travel
Halaman publik menjawab keputusan jamaah lebih dulu: keberangkatan apa, kapan, berapa, legalitas siapa, dan bagaimana memulai. Struktur disusun lewat mini CMS dari blok core serta Private Extension yang terpasang—bukan fork landing.
barokahtour.co.id
Keberangkatan terdekat · PPIU U.123 Tahun 2024
Makassar ke Tanah Suci, 12 hari yang sudah jelas sebelum Anda mendaftar.
Umrah Awal Ramadhan bersama Barokah Tour. Jadwal, fasilitas, pembayaran, dokumen, dan progres perjalanan terlihat dari satu portal.
12–23 Febtanggal pasti · 12 hari
3 seattersisa dari 45
Rp32.500.000harga mulai per jamaah
Keberangkatan Terdekat
12–23 Februari 2027! Sisa 3 seat
Umrah Awal Ramadhan
Mulai Rp32.500.000
42 dari 45 seat terisi
8–19 Maret 2027Sisa 21 seat
Umrah Ramadhan Penuh
Mulai Rp38.900.000
24 dari 45 seat terisi
14–25 April 2027Penuh
Umrah Syawal
Mulai Rp34.000.000
Hero terikat pada data keberangkatan nyata dan legalitas travel. Penanda kelangkaan hanya tampil bila sisa seat benar-benar di bawah 15% kuota dan selalu menyertakan angka pasti. Paket penuh berubah menjadi Daftar Tunggu, bukan disembunyikan. Tidak ada carousel otomatis, hitung mundur buatan, atau “5 orang sedang melihat halaman ini”.
11Meja Kerja Finance
Pertanyaan pertama Finance adalah “uang masuk atau pembayaran mana yang harus diselesaikan sekarang?” Tiga jenis pekerjaan dipisahkan agar pemeriksaan uang masuk tidak tercampur dengan pembayaran keluar.
Uang masuk: Admin mengunggah bukti pembayaran masuk → Finance memeriksa. Uang keluar: Finance membayar vendor, Agen, atau Affiliate → Finance mengunggah bukti pembayaran keluar.
DaftarSeat ditahan
BerkasAdmin unggah bukti masuk
SiapVendor dan komisi dibayar
BerangkatKomisi dapat dicairkan
AlumniRiwayat tetap dapat dibuka
18Bukti pembayaran perlu diperiksa
4Mutasi bank belum cocok
3Tagihan vendor jatuh tempo ≤ 3 hari
18 perlu diperiksa
Siti Rahmawati
BK-2702-018 · Cicilan 2
◷ Menunggu verifikasi
Pratinjau bukti transfer Gambar privat · URL singkat · akses tercatat
Nama pengirim
Siti Rahmawati
Rekening tujuan
BSI · •••• 1882
TagihanRp9.750.000
Nominal buktiRp9.750.000
SelisihRp0
Kewajiban berikutnya
Pelunasan vendor hotel · H-14Perlu diselesaikan sebelum tenggat kontraktual
Komisi Agen siap dibayarAdmin sudah meneruskan · komisi berstatus Dapat Dicairkan
Laporan keuangan
Uang masuk & uang keluarDapat dilihat per paket atau keseluruhan
Uang jamaahTerpisah dari pendapatan yang sudah diakui
Pembayaran keluar
PT Amanah Transport
PO-2026-0142 · Bus 45 seat · disetujui Owner
Sudah dibayar
JumlahRp18.500.000
Referensi amanOUT-2026-00881
Yang menerima statusManager Operasional · Owner
Pencarian, filter, dan ekspor ada karena ukuran antrean dan keluaran kerja membutuhkannya. Tidak semua tabel otomatis menerima semua alat.
12Command Center Manager Operasional
Bukan dashboard umum dan bukan enam aplikasi terpisah. Satu command center menjawab: apa yang menghalangi keberangkatan, siapa pemilik tindakannya, bukti apa yang ada, dan apa yang harus selesai berikutnya.
12–23 Februari 2027 · 45 jamaah · diperbarui 4 menit lalu
! Belum siap · 4 blocker
Kesiapan keberangkatan98%
Pembayaran43/45
Dokumen45/45
Visa44/45
Penerbangan45/45
Hotel & kamar45/45
Bus45/45
98% adalah ringkasan enam ambang per jamaah. Empat blocker operasional—termasuk perlengkapan dan penerimaan vendor—tetap membuat status Belum siap.
Lewat tenggat
Hari ini
Berikutnya
Penerimaan bus belum dicatat
PO-2026-0142 · Umrah Awal Ramadhan
→ Dikirim vendor
Barang / jasaBus 45 seat · 1 unit
VendorPT Amanah Transport
Tenggat penerimaanHari ini · 17.00 WITA
Pemilik tindakanManager Operasional
Order v3 disetujui OwnerVendor, spesifikasi, jumlah, harga, dan term tetap pada satu versi
Bukti penerimaan belum adaCatat jumlah diterima/ditolak, kekurangan, foto, waktu, dan penerima
Alur: Manager Operasional menyiapkan order → Owner menyetujui versi material → Operasional mengonfirmasi vendor → Vendor mengirim → Operasional mencatat penerimaan → Finance mencocokkan tagihan dan membayar. Operasional melihat harga order yang dikerjakannya, tetapi tidak melihat margin, laba, kredensial bank, atau ledger.
13Pusat Progres Admin
Satu papan mengikuti orang dari daftar sampai alumni. Admin melihat apa yang belum lengkap, siapa yang perlu dihubungi, dan tindakan mana yang mengubah progres Jamaah atau Agen.
Daftar38 perlu tindak lanjut
Berkas7 belum lengkap
Siap2 perlu konfirmasi
Berangkat45 terjadwal
Alumni1.203 tersimpan
Fokus utama
Yang perlu dilakukan hari ini
Urut menurut tenggat dan lama belum ditangani.
7 perlu tindakan
Orang dan pemeriksaan
Konfirmasi kebutuhan jamaah
Disiapkan Manager Operasional · Umrah Awal Ramadhan
◷ Menunggu Admin
KebutuhanKoper & ID Card
Jamaah terdampak10 orang
TenggatHari ini
Manager Operasional sudah menyiapkanBarang, jumlah, dan daftar jamaah tersedia
Status penerima belum dikonfirmasiPilih Dalam proses atau Tersedia
Konfirmasi Admin langsung menjadi status kebutuhan dan sistem meneruskannya ke Jamaah, Admin, Agen yang ditugaskan, Manager Operasional, dan Owner. Finance tidak ikut menyetujui kebutuhan; pengadaan memiliki alur order terpisah.
Profil kerja terpadu
Kontak terakhir → booking → status pembayaran yang diizinkan → dokumen → tindak lanjut
CRM · konteks, bukan dashboard
Tidak ada alumni yang perlu dihubungi hari ini.
Antrean kosong dinyatakan dengan jelas; tidak ada tabel kosong atau “No data”.
14Kendali General Manager dan Owner
Cakupan progresnya sama agar diskusi tidak memakai dua versi data. Kewenangannya berbeda: GM menggerakkan tim tanpa laba/rugi; Owner melihat laba/rugi dan mengambil keputusan Owner.
Daftar42 dari 45 seat
Berkas2 Jamaah belum lengkap
Siap4 penghalang aktif
Berangkat12 Februari 2027
Alumni1.203 orang
General Manager
Menggerakkan tim
Melihat progres dan siapa yang bertanggung jawab, lalu mengembalikan pekerjaan kepada tim yang tepat.
Kedua peran melihat status dan rincian aman. Paspor, KTP, rekening, atau bukti bank mentah tetap memerlukan tujuan kerja dan hak akses khusus.
15Konfigurasi Kewajiban Paket
Admin memulai dari Template bawaan, memeriksa dua arah janji dalam satu layar, membuka Preview untuk Jamaah, lalu memilih satu tindakan utama: Aktifkan. Draf tersimpan otomatis; booking lama tidak ikut berubah.
Template Umrah Standar · versi draf 3 · autosave 9 detik lalu
◷ Draf belum aktif
Yang Jamaah perlu lengkapi
Data, dokumen, pembayaran, dan langkah Jamaah
8 item
Paspor masih berlaku 8 bulanWajib · Dokumen · sebelum pengajuan visa
Bukti DP dan pilihan cicilanWajib · Pembayaran · terlihat di portal
Kehadiran manasikWajib · Jadwal mengikuti keberangkatan
Yang Travel siapkan
Fasilitas, layanan, jadwal, dan komitmen Travel
11 item
Visa dan pengurusan dokumenKomitmen Operasional · status terlihat Jamaah
Koper, syal, tas paspor, ID cardFasilitas · bukti internal tetap terlindungi
Hotel, penerbangan, bus, TL, MuthawifLayanan · blocker masuk Operasional
Preview portal · Pak Deni
Yang terlihat konsumen setelah booking dikonfirmasi
✓ Consumer-safe
Jamaah melengkapi2 dari 8 selesai
Travel menyiapkan4 dari 11 terkonfirmasi
Versi janjiv3 · dibekukan saat booking
Catatan internalTidak dikirim ke portal
Aktivasi hanya berlaku untuk booking baru. Jika validasi gagal atau versi sudah berubah, draf dipertahankan dan versi aktif lama tetap aman. Perubahan janji booking berjalan membutuhkan amendment eksplisit.
16Konsol Armada MITECH
Permukaan milik MITECH memakai Meridian Navy dan Signal Teal, tetapi tetap berbicara dengan status, tipografi data, dan pola fokus yang sama dengan instance travel.
fleet.mitech.id/instances/barokah-tour
Armada MIQAT
50 instance · bukti telemetri diperbarui otomatis
◷ Diperbarui 2 menit lalu
3Butuh tindakan hari ini
2Versi tertinggal
1Cadangan gagal
HTTP 500 baru · Barokah Tour
POST /payments/verify · fingerprint 9f2a…c81 · pertama 21.12 WITA
! Insiden terbuka
Bukti
7 kejadian dalam 2 menitLaravel exception class + rute + release; tanpa nama, bukti transfer, atau PII
Telegram terkirim ke kanal MIQAT OpsSatu pesan untuk fingerprint ini · cooldown aktif · token hanya hidup di Fleet
Tindakan & runbook
Akui insiden, bandingkan release terakhir, buka log aman, lalu jalankan probe. Sesi dukungan tetap membutuhkan persetujuan Owner.
Kombinasi release Barokah Tour
Preflight sebelum rollout membaca seluruh kombinasi, bukan versi core saja.
✓ Kompatibel
Coremitech/miqat-core 1.6.2
Cangkangbarokah-tour 2026.08.28
Private Extensionvendor-preparation 1.2.0
Capability aktifOperasional · Vendor readiness
Install, upgrade, disable, health check, dan rollback extension dilakukan Platform Admin dari Fleet untuk instance yang dipilih. Travel lain tidak ikut berubah.
17Kustomisasi Tanpa Fork
Travel boleh berbeda secara nyata tanpa menjadi lima puluh codebase liar. Permintaan masuk salah satu dari tiga jalur: konfigurasi, komposisi mini CMS, atau Private Extension yang dikelola MITECH.
barokahtour.co.id/settings/public-site
Landing Builder · Beranda
Draf 7 · publikasi aktif 28 Agustus 2026 · autosave 12 detik lalu
◷ Draf belum terbit
Halaman & menu
Struktur Beranda
Urutkan blok terdaftar; tidak ada editor HTML atau JavaScript.
SEO siap · noindex pada preview
01 · Journey HeroCore · departure-led
02 · Dossier KeberangkatanCore · data paket nyata
03 · Kalkulator TabunganExtension · Barokah saja
04 · Legalitas & KepercayaanCore · PPIU binding
Schema dan aksesibilitas blok lulusHeading, CTA, alt text, dan data binding tervalidasi sebelum publish
SSR tetap menjadi keluaran publikKonten, metadata, menu, dan paket tetap terbaca tanpa JavaScript
K1 · Tanpa kode
Konfigurasi
Merek, cicilan, kewajiban paket, tempo, COA, dan fitur tersedia. Admin mengelola draf; aktivasi mengikuti capability yang didelegasikan.
K2 · Mini CMS
Komposisi publik
Admin/Marketing menyusun draf halaman, menu, SEO, isi, dan urutan blok. Owner menerbitkan atau mendelegasikan izin publish.
K3 · Berkode
Private Extension
Developer MITECH membuat dan menguji; Platform Admin memasang/rollback lewat Fleet; Owner mengaktifkan capability dan permission yang tersedia.
Insight penting: mini CMS mengubah data dan komposisi; extension mengubah kemampuan. Tidak ada role travel yang dapat menulis atau memasang kode executable dari instance.
18Aturan yang Mengikat
Kontrak inti yang menentukan lulus atau tidaknya sebuah layar. Bukan preferensi.
Tampilan
✓WCAG 2.2 AA berlaku untuk seluruh produk
✓Teks isi 18px portal/publik, 16px kerja, lantai mutlak 14px
✓Target sentuh 48 × 48px portal, 44 × 44px kerja
✓Kontras teks minimal 4,5 : 1
✓Status selalu warna + ikon + teks
✓Tautan isi bergaris bawah; navigasi struktural memakai konteks, keadaan aktif, dan fokus — tanpa underline
✓Nilai rupiah selalu monospasi, format Rp1.485.000.000
Perilaku
✓Angka hanya dapat diklik bila mempunyai daftar rincian
✓Alat tabel muncul sesuai kebutuhan data, bukan otomatis
✓Tombol yang akan gagal dinonaktifkan beserta alasannya
✓Muat bertahap memakai kerangka konten, bukan lingkaran berputar
✓Aksi merusak menyebut dampak konkret, bukan “Anda yakin?”
Yang boleh berbeda antar travel — dan yang tidak
Boleh berbeda
✓Warna merek, logo, dan huruf dari daftar yang disetujui
✓Halaman, menu, SEO, isi, gambar, varian, dan urutan blok melalui mini CMS
✓Aturan bisnis lewat settings
✓Capability melalui feature flag dan Private Extension yang disetujui
Tidak boleh berbeda
✕Struktur komponen dan tata letak panel
✕Radius, spacing, bayangan, warna status, dan motif 42°
✕HTML/JavaScript bebas, global CSS, atau kode di cangkang travel
✕Letak navigasi utama portal jamaah
✕Format penulisan angka dan tanggal
brand.json adalah format onboarding/ekspor. Setelah impor, settings menjadi keadaan aktif, mini CMS menyimpan revisi publikasi, dan Extension Registry menyimpan capability berkode. Dukungan pelanggan tetap dapat memberi instruksi yang sama pada semua travel.
MIQAT — Semua Jadi MudahPT MITECH Digital Indonesia · Pratinjau sistem desain v4.5Sumber nilai: DESIGN.md · Cakupan: PRD.md · Teknis: SPEC.md