📋

Prasyarat & Checklist Awal

Pastikan semua ini siap sebelum memulai deploy

⏱ 5 menit

✅

Kabar Baik!LIVIA PMS adalah file HTML tunggal — tidak butuh server khusus, tidak butuh PHP/Node.js/database untuk mulai. Cukup upload 1 file, langsung jalan.

Yang Anda Butuhkan

✓
File hotel-pms-livia-v17.html — sudah ada dari hasil bugfix
✓
Akun email — untuk daftar Netlify/GitHub (gratis)
✓
Browser modern — Chrome, Firefox, Edge, Safari (terbaru)
✓
Koneksi internet — minimal 5 Mbps untuk upload file

Pilih Metode Deploy

🟢 Netlify DIREKOMENDASIKAN

Drag & drop langsung, URL instan, custom domain gratis, HTTPS otomatis. Paling mudah untuk non-developer.

🔵 GitHub Pages ALTERNATIF

Gratis selamanya, cocok jika Anda sudah terbiasa dengan GitHub. Perlu langkah sedikit lebih banyak.

1

Upload ke Netlify

Deploy dalam 2 menit tanpa daftar akun

⏱ 2 menit

⚠️

PerhatianDeploy tanpa akun hanya aktif 24 jam. Gunakan cara ini hanya untuk demo ke calon klien. Untuk penggunaan permanen, daftar akun Netlify gratis.

Buka app.netlify.com

Kunjungi app.netlify.com/drop di browser Anda. Halaman ini khusus untuk deploy drag & drop tanpa login.
Rename file dulu

Sebelum upload, rename file menjadi index.html agar URL-nya bersih (bukan /hotel-pms-livia-v17.html)
Drag & Drop file index.html

Seret file ke area kotak drag & drop di halaman Netlify Drop. Tunggu proses upload (10–30 detik).

📦
Area Drag & Drop NetlifySeret file index.html ke kotak ini
Dapatkan URL otomatis

Netlify akan memberikan URL seperti: https://adjective-name-123456.netlify.app

Klik URL tersebut untuk memverifikasi sistem berjalan. Bagikan URL ke klien untuk demo.

Daftar akun Netlify gratis

Kunjungi app.netlify.com/signup → pilih Sign up with Email → isi email dan password.
Buat Site baru

Setelah login, klik "Add new site" → pilih "Deploy manually"

⊕
Tombol "Add new site" ada di pojok kanan atas dashboard
Upload file / folder

Buat folder kosong bernama livia-pms, taruh file index.html di dalamnya, lalu drag seluruh folder ke area upload Netlify.
Site name kustom

Setelah deploy, pergi ke Site settings → General → Site name. Ubah menjadi nama yang mudah diingat, misal: hotel-melati-pms

URL jadi: hotel-melati-pms.netlify.app

2

Strategi URL per Hotel

Cara mengelola banyak hotel dengan URL terpisah

⏱ 3 menit per hotel

Karena LIVIA PMS menyimpan data di localStorage browser, tiap hotel harus punya URL/site Netlify sendiri agar data tidak bercampur.

Hotel	URL Netlify	Cara
Hotel Melati Palangkaraya	hotel-melati-plk.netlify.app	Site Netlify #1
Hotel Grand Katingan	grand-katingan-pms.netlify.app	Site Netlify #2
Penginapan Famili Sampit	famili-sampit.netlify.app	Site Netlify #3

💡

TipsAkun Netlify gratis mendukung site tidak terbatas. Anda bisa membuat 1 site per hotel klien tanpa biaya tambahan selama bandwidth total di bawah 100GB/bulan.

Update File Jika Ada Bug Fix

Jika ada update versi baru LIVIA PMS, cara update sangat mudah:

Buka site di Netlify Dashboard
Login → pilih site hotel yang mau diupdate
Deploys → Drag & drop lagi
Di tab Deploys, ada area drag & drop. Upload file index.html versi baru.
Verifikasi
Netlify akan deploy versi baru dalam 30 detik. Data hotel tidak hilang karena tersimpan di localStorage browser klien.

3

Custom Domain .my.id

Dari .netlify.app ke domain profesional hotel

⏱ 15 menit + propagasi DNS 1-24 jam

🏷️ Domain Utama Anda WAJIB

Untuk branding bisnis Anda sebagai vendor PMS.
Contoh: liviapms.id
Harga: ±Rp 200rb/tahun

🏨 Domain per Hotel OPSIONAL

Subdomain untuk tiap hotel klien.
Contoh: melati.liviapms.id
Harga: GRATIS (subdomain)

Cara Beli Domain .my.id (Niagahoster)

Buka Niagahoster.co.id

Kunjungi niagahoster.co.id → cari domain → ketik liviapms → pilih ekstensi .my.id (paling murah) atau .id (lebih profesional).
Beli dan catat Nameserver

Setelah beli, catat nameserver default Niagahoster. Kita akan menggantinya dengan Netlify DNS.

Tambahkan domain di Netlify

Di Netlify → Site Settings → Domain Management → Add custom domain → ketik domain Anda → klik Verify.

Netlify DNS Records

# Tambahkan record ini di DNS manager Anda:

Type: CNAME
Name: www
Value: hotel-melati-plk.netlify.app

Type: A
Name: @
Value: 75.2.60.5  # Netlify load balancer IP

Aktifkan HTTPS otomatis

Setelah DNS propagasi (1-24 jam), kembali ke Netlify → Domain Management → HTTPS → klik "Verify DNS configuration" → "Provision certificate". HTTPS gratis via Let's Encrypt.

Setup Subdomain per Hotel

Setelah punya domain utama liviapms.id, buat subdomain untuk tiap hotel:

DNS Records — Subdomain per Hotel

# Di DNS manager liviapms.id, tambahkan CNAME untuk tiap hotel:

melati.liviapms.id  →  hotel-melati-plk.netlify.app
katingan.liviapms.id →  grand-katingan-pms.netlify.app
famili.liviapms.id   →  famili-sampit.netlify.app

# Tiap hotel akses PMS mereka di URL unik mereka sendiri.
# Data localStorage tidak bercampur antar subdomain.

4

Alternatif: GitHub Pages

Jika Anda ingin versi kontrol penuh

⏱ 10 menit

Buat akun GitHub

Daftar di github.com/signup — gratis selamanya.
Buat Repository baru

Klik tombol "+" → "New repository" → nama: hotel-melati-pms → pilih Public → klik Create.

⚠️

GitHub Pages hanya gratis untuk repository Public. Untuk Private perlu GitHub Pro ($4/bulan). Karena LIVIA PMS tidak menyimpan data di file (data di localStorage), aman membuat repo Public.
Upload file index.html

Klik "uploading an existing file" → drag file index.html → scroll bawah → klik "Commit changes".

5

Aktifkan GitHub Pages

Dari repository biasa jadi website publik

⏱ 3 menit

Settings → Pages
Di repository → klik tab Settings → di sidebar kiri cari Pages
Pilih Branch
Di bawah "Build and deployment" → Source: Deploy from a branch → Branch: main → Folder: / (root) → klik Save.
Tunggu 1-2 menit
Refresh halaman Settings → Pages. Akan muncul banner hijau: "Your site is live at https://username.github.io/hotel-melati-pms"
Test URL
Klik link tersebut. Sistem LIVIA PMS akan terbuka di browser. URL format: https://[username].github.io/[repo-name]

6

Konfigurasi Hotel Baru

Setup awal sistem untuk tiap properti klien

⏱ 10–15 menit per hotel

💡

Urutan PentingLakukan setup ini dalam urutan yang benar agar semua konfigurasi ter-link dengan baik.

Login sebagai Super Admin

Username: superadmin | Password: LiviaAdmin2025! (ganti segera)
System Settings — Data Hotel

Menu ⚙️ System Settings → isi: Nama Hotel, Alamat, Kota, Telepon, Email, Jumlah Kamar, PPN (%), Service Charge (%), Nama Mata Uang.
Setup Tipe Kamar

Menu Room Types → tambah semua tipe (Standard, Deluxe, Suite, dsb) dengan kapasitas dan deskripsi masing-masing.
Setup Rate Plan & Rate Code

Menu Rate Management → buat rate plan (RACK, CORPORATE, OTA, dll) → isi tarif per tipe kamar per rate code.
Konfigurasi Kamar Individual

Menu Room Setup → assign tipe kamar ke nomor kamar fisik (101=Standard, 201=Deluxe, 301=Suite, dsb).
Buat Akun Pengguna

Menu User Management → buat akun untuk GM, FO Staff, Cashier, Housekeeping (lihat langkah 7).
Setup Supplier & Inventory Awal

Jika hotel menggunakan modul F&B/Inventory → tambah supplier utama dan item inventory awal dengan stok opening balance.
Test Night Audit

Buat 1 reservasi dummy → check-in → jalankan Night Audit → verifikasi laporan DRR muncul benar. Lalu hapus data dummy via Reset atau edit manual.

7

Setup Pengguna & Role

Buat akun untuk tiap staf hotel dengan akses sesuai jabatan

⏱ 5 menit

Role	Modul yang Bisa Diakses	Contoh Username
Super Admin	Semua modul + System Settings + User Mgmt	superadmin
General Manager	Semua modul + laporan eksekutif	gm_[inisial]
Front Office	Reservasi, CI/CO, Folio, HK Board	fo_[nama]
Cashier	Folio, Payment, Shift, POS	cashier_[nama]
Housekeeping	HK Board, Room Status, Laundry	hk_[nama]
Purchasing	Inventory, Purchase Order, Supplier	purchasing_[nama]
Accounting	GL Journal, AR, AP, P&L, Laporan Finance	accounting_[nama]

Password Policy yang Direkomendasikan

Password Rules

# Minimum 8 karakter
# Kombinasi huruf besar + kecil + angka
# Ganti setiap 3 bulan
# Jangan bagikan password via WhatsApp (gunakan kertas / meeting langsung)

# Contoh format password yang baik:
GM:         Hotel@GM2025
FO Staff:   FrOnt0ffice!
Cashier:    Cash!er2025
HK:         HouseK33p#

8

Training & Onboarding Staf Hotel

Panduan mengajarkan sistem ke staf hotel klien

⏱ 2–4 jam per hotel

Agenda Training Standar (Half Day)

Waktu	Materi	Peserta
08:00–08:30	Overview sistem, login, navigasi dasar	Semua
08:30–09:30	Reservasi: input, edit, ubah tanggal, cancel	FO, GM
09:30–10:30	Check-In, Room Assignment, Reg Card	FO, Cashier
10:30–11:30	Folio: post charge, void, split payment, CO	Cashier, FO
11:30–12:00	Night Audit & Laporan Harian	GM, FO, Accounting
Sesi 2 (PM)	HK Board, Inventory, POS (jika ada)	HK, Purchasing

💡

Tips Training EfektifGunakan data dummy selama training. Minta staf FO langsung praktek buat 3 reservasi, 2 check-in, dan 1 check-out sendiri sebelum go-live. Sediakan cheat sheet 1 halaman per role.

9

Update & Backup Rutin

SOP maintenance bulanan untuk tiap hotel klien

⏱ 30 menit/bulan per hotel

Panduan Backup Data (Untuk Staf Hotel)

Login sebagai GM atau Super Admin
Akses hanya untuk role yang berwenang
Menu System → Export Backup
Klik tombol "Export JSON Backup". File akan terdownload otomatis dengan nama format: livia-backup-[tanggal].json
Simpan di Google Drive / USB
Upload file backup ke Google Drive hotel ATAU salin ke flashdisk. Simpan minimal 3 backup terakhir.
Test Restore (opsional, 1x/bulan)
Untuk memastikan backup bisa dipulihkan: buka URL PMS → System → Import/Restore → pilih file backup. Verifikasi data muncul benar.

Jadwal Maintenance Anda sebagai Vendor

Frekuensi	Kegiatan	Estimasi Waktu
Harian	Monitor jika ada laporan masalah via WA	5–10 mnt
Mingguan	Cek Netlify status dashboard (uptime)	5 mnt
Bulanan	Update versi PMS jika ada bugfix, verifikasi backup klien	1–2 jam/hotel
Kuartalan	Review kepuasan klien, demo fitur baru, renewal kontrak	1 jam/hotel

🔧

Troubleshooting Umum

Solusi masalah yang paling sering ditemui

❌ "Data hilang setelah buka di browser lain / HP lain"

Penyebab: localStorage tersimpan per browser per device.
Solusi: Minta staf selalu akses PMS dari browser dan device yang sama. Untuk akses multi-device, diperlukan upgrade ke versi cloud (backend database). Backup rutin sangat penting.

⚠️ "Sistem lambat / loading lama"

Penyebab: localStorage penuh (data lebih dari 5MB) atau koneksi internet lambat.
Solusi: Export backup → clear localStorage → restore. Atau gunakan browser Chrome dan tutup tab yang tidak diperlukan.

🔵 "Lupa password Super Admin"

Solusi: Buka browser DevTools (F12) → Console → ketik: resetSuperAdminPassword('PasswordBaru123!') → Enter. Atau hubungi support LIVIA PMS.

✅ "Night Audit tidak bisa dijalankan"

Penyebab: Ada shift kasir yang belum ditutup, atau ada transaksi yang belum di-settle.
Solusi: Tutup semua shift kasir yang masih aktif → settle folio pending → coba Night Audit lagi.

⚠️ "Netlify site down / tidak bisa diakses"

Solusi: Cek netlifystatus.com untuk status server. Jika ada outage, biasanya pulih dalam 1-2 jam. Untuk backup sementara, simpan file HTML di komputer lokal klien dan buka langsung dari file.

📞

Kontak Support LIVIA PMS WhatsApp: +62 812-3456-7890 (Jam kerja 08:00–22:00 WIB)
Email: support@liviapms.id
Response time: Maks 2 jam di jam kerja

← Kembali ke Landing Page Dokumen Legal →

Prasyarat & Checklist Awal

Yang Anda Butuhkan

Pilih Metode Deploy

🟢 Netlify DIREKOMENDASIKAN

🔵 GitHub Pages ALTERNATIF

Upload ke Netlify

Buka app.netlify.com

Rename file dulu

Drag & Drop file index.html

Dapatkan URL otomatis

Daftar akun Netlify gratis

Buat Site baru

Upload file / folder

Site name kustom

Strategi URL per Hotel

Update File Jika Ada Bug Fix

Buka site di Netlify Dashboard

Deploys → Drag & drop lagi

Verifikasi

Custom Domain .my.id

🏷️ Domain Utama Anda WAJIB

🏨 Domain per Hotel OPSIONAL

Cara Beli Domain .my.id (Niagahoster)

Buka Niagahoster.co.id

Beli dan catat Nameserver

Tambahkan domain di Netlify

Aktifkan HTTPS otomatis

Setup Subdomain per Hotel

Alternatif: GitHub Pages

Buat akun GitHub

Buat Repository baru

Upload file index.html

Aktifkan GitHub Pages

Settings → Pages

Pilih Branch

Tunggu 1-2 menit

Test URL

Konfigurasi Hotel Baru

Login sebagai Super Admin

System Settings — Data Hotel

Setup Tipe Kamar

Setup Rate Plan & Rate Code

Konfigurasi Kamar Individual

Buat Akun Pengguna

Setup Supplier & Inventory Awal

Test Night Audit

Setup Pengguna & Role

Password Policy yang Direkomendasikan

Training & Onboarding Staf Hotel

Agenda Training Standar (Half Day)

Update & Backup Rutin

Panduan Backup Data (Untuk Staf Hotel)

Login sebagai GM atau Super Admin

Menu System → Export Backup

Simpan di Google Drive / USB

Test Restore (opsional, 1x/bulan)

Jadwal Maintenance Anda sebagai Vendor

Troubleshooting Umum

❌ "Data hilang setelah buka di browser lain / HP lain"

⚠️ "Sistem lambat / loading lama"

🔵 "Lupa password Super Admin"

✅ "Night Audit tidak bisa dijalankan"

⚠️ "Netlify site down / tidak bisa diakses"