Wireframe Diskusi — Untuk Calon Investor

Sistem ASTAGATRA

Sistem Referral Umroh Tabungan — Landing Page, Dashboard Jamaah, Dashboard Agent, Admin Panel, Flow, Database. Klik tab di bawah untuk melihat setiap layar.

✓ LIVE

🏠 Landing Page

Buka live ↗
staff4.mytraining.my.id
01 Navbar
Fixed, blur, logo + nav + CTA
02 Hero
Badge + H1 gradient + 2 CTA + 4 stats
03 Cara Kerja
4 step cards: Daftar→Tabung→Ajak→Berangkat
04 Fitur
6 feature cards (3×2 grid)
05 Model Ujroh
Referrer / Jamaah / Agen Area
06 Paket Umroh
3 pricing: Reguler/Plus Aqso/VIP
07 Testimoni
3 review cards + star rating
08 CTA + Footer
Form daftar + 4-kolom footer
⏳ MOCKUP

👤 Dashboard Jamaah

app.astagatra.id/dashboard
👤
Ahmad Hidayat
ahmad@email.com • Jakarta Selatan
✓ ACTIVE
Target Paket
Plus Aqso
Rp 42.000.000
Tercapai
Rp 14.7 Jt
35% dari target
Sisa Target
Rp 27.3 Jt
~18 bulan lagi
Ujroh dari Referral
Rp 1.2 Jt
2 orang direferensikan
Progress Tabungan 35%
Rp 0Target: Rp 42 Jt
💳 Riwayat Top-up Lihat Semua →
✓
Top-up via QRIS
1 Sep 2026
+Rp 1.500.000
✓
Transfer Bank BCA
25 Ags 2026
+Rp 2.000.000
✓
Tunai via Agen
18 Ags 2026
+Rp 500.000
🔗
Ujroh Referral
10 Ags 2026
+Rp 600.000
🔗 Kode Referral Anda
AHMAD-2026
Share ke keluarga & teman
2
Referral Aktif
Rp 1.2 Jt
Total Ujroh
✓ Siti Nurhaliza — Daftar 1 Ags
✓ Budi Kurniawan — Daftar 15 Jul
📈 Grafik Progress Tabungan
⏳ MOCKUP

🏢 Dashboard Agent Area

app.astagatra.id/agent
🏢
PT Berkah Umroh 🏢
Area: DKI Jakarta & Tangerang • Agen sejak: Jan 2026
✓ AKTIF
Komisi Bulan Ini
Rp 7.5 Jt
↑ 15% vs bulan lalu
Jamaah Binaan
47
orang aktif
Total Komisi
Rp 70.5 Jt
Sejak Jan 2026
Rate Komisi
Rp 1.5 Jt
per jamaah (setting pusat)
Paket Aktif
32
sedang menabung
👥 Jamaah Binaan (47) Lihat Semua →
AH
Ahmad Hidayat
Jakarta Selatan • Full Umroh
Rp 8.5Jt / 25Jt
SN
Siti Nurhaliza
Tangerang • Hotel Only
✓ LUNAS
BK
Budi Kurniawan
Jakarta Timur • Tiket Only
Rp 3Jt / 8Jt
DR
Dewi Ratna
Jakarta Selatan • Tiket Only
✓ LUNAS
💸 Riwayat Komisi
Komisi — Siti Nurhaliza
Full Paket • Lunas • 1 Sep 2026
+Rp 1.500.000
Komisi — Dewi Ratna
Tiket Only • Lunas • 28 Ags 2026
+Rp 1.500.000
Komisi — Rina Susanti
Hotel Only • Lunas • 25 Ags 2026
+Rp 1.500.000
Total Komisi Belum Tarik
Rp 4.500.000
🗺️ Area Binaan
📍 DKI Jakarta Selatan
18 jamaah Rp 27Jt
📍 DKI Jakarta Timur
15 jamaah Rp 22.5Jt
📍 Tangerang
14 jamaah Rp 21Jt
⏳ MOCKUP

⚙️ Admin Panel

app.astagatra.id/admin
📊 Dashboard Overview
Total Jamaah
234
↑ 12 bulan ini
Total Agen
15
aktif
Total Tabungan
Rp 4.2 M
terkumpul
Komisi Dibayar
Rp 187 Jt
total
👥 Daftar Jamaah Terbaru
Nama Kota Paket Progress Status Agen
Ahmad HidayatJakselFull Umroh
ActivePT Berkah
Siti NurhalizaTangerangHotel Only
LunasPT Berkah
Rina SusantiBandungReguler
ActivePT Mandiri
Dewi RatnaJakselTiket Only
LunasPT Berkah
⏳ MOCKUP

🔄 Flow Sistem

System Architecture
👤 User Flow — Jamaah
📋
Daftar
→
📦
Pilih Paket
→
💳
Top-up
→
📊
Monitor
→
🎯
Target OK
→
✈️
Berangkat!
🔗 Referral Flow
📤
Share Kode
→
👥
Teman Daftar
→
💳
Teman Top-up
→
✅
Verifikasi
→
💰
Ujroh Rp 600K
🏢 Agent Flow
📝
Daftar Agen
→
🗺️
Pilih Area
→
👥
Bina Jamaah
→
📊
Pantau Progress
→
💸
Tarik Komisi
💳 Payment Flow
🏦
Transfer Bank
/
📱
QRIS
/
💵
Tunai (Agen)
→
✅
Auto Verify
→
📊
Update Saldo
⏳ MOCKUP

🗄️ Database Schema

MariaDB — astagatra_db
👤 users
id — INT PK
name — VARCHAR(100)
email — VARCHAR(100) UNIQUE
phone — VARCHAR(20)
password — VARCHAR(255)
role — ENUM(jamaah,agen,admin)
referral_code — VARCHAR(20)
referred_by — INT FK→users
city — VARCHAR(100)
created_at — TIMESTAMP
📦 packages
id — INT PK
name — VARCHAR(100)
type — ENUM(reguler,plus_aqso,vip)
price — BIGINT
duration_days — INT
hotel_star — INT
includes — JSON
is_active — BOOLEAN
💰 savings
id — INT PK
user_id — INT FK→users
package_id — INT FK→packages
target_amount — BIGINT
current_amount — BIGINT
status — ENUM(active,completed,paused)
created_at — TIMESTAMP
💳 transactions
id — INT PK
savings_id — INT FK→savings
amount — BIGINT
method — ENUM(bank,qris,cash)
proof_url — VARCHAR(255)
status — ENUM(pending,verified,rejected)
verified_by — INT FK→users
created_at — TIMESTAMP
🔗 referrals
id — INT PK
referrer_id — INT FK→users
referred_id — INT FK→users
ujroh_amount — BIGINT
status — ENUM(pending,paid)
paid_at — TIMESTAMP
created_at — TIMESTAMP
🏢 agents
id — INT PK
user_id — INT FK→users
company_name — VARCHAR(100)
area — JSON
commission_rate — BIGINT
is_active — BOOLEAN
created_at — TIMESTAMP
💸 commissions
id — INT PK
agent_id — INT FK→agents
user_id — INT FK→users (binaan)
amount — BIGINT
type — ENUM(referral,agent)
status — ENUM(pending,paid,withdrawn)
paid_at — TIMESTAMP
created_at — TIMESTAMP