HotelFix — Galeri Mockup

Paket serah-terima developer. Klik tiap kartu untuk membuka mockup layar (HTML mandiri, bisa dibuka langsung di browser). Spesifikasi tertulis ada di folder docs/ satu tingkat di atas.

Dokumen spesifikasi (buka dengan editor markdown)

SPEK-HOTELFIX-MASTER.md — spesifikasi lengkap v1+v2, multi-property, fitur, model data, use case, checklist ARSITEKTUR-BACKEND-PHP.md — konvensi backend PHP (3 lapis, class-based, page builder) README.md — cara menjalankan prototipe web v1 (XAMPP/MySQL)

Aplikasi mobile (Android/iOS) — native

Untuk teknisi, housekeeping, dan IT staff di lapangan. Offline-first, kamera internal, scan QR, push.

1 · Masuk & tugasLogin, pilih properti (multi), hari ini, kalenderLayar 1–4

2 · Lapor & kerjakanLapor defect, scan QR, detail WO, checklistLayar 5–8

3 · Aset, notif & profilKartu aset, meter, lonceng, warning, profilLayar 9–13

4 · Input biayaBiaya saat tag done (mobile) + panel WO (web)Mobile + web

Aplikasi web PHP — dashboard / admin / monitoring

Untuk dept head, admin, GM, dan corporate. Server-rendered + kalender + laporan.

5 · DashboardDepartemen + konsolidasi korporatLayar 14–15

6 · AsetDaftar + kartu detail (tren, riwayat)Layar 16–17

7 · Kalender & PMKalender bulanan + daftar jadwal PMLayar 18–19

8 · Checklist & skillBuilder item + matriks kompetensiLayar 20–21

9 · Vendor & kepatuhanKontrak, expiry dokumen, sparepartLayar 22–24

10 · Ops & adminBroadcast, log book, admin, monitoringLayar 25–28

11 · Briefing & energiRekap harian + dashboard KWH/utilitasLayar 29–30

Catatan developer: mockup ini indikatif untuk tata letak & alur, bukan CSS produksi. Palet warna & token di tokens.css selaras dengan CSS prototipe v1 dan konvensi di ARSITEKTUR-BACKEND-PHP.md (satu app.css global).