Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.4.15

User:

u892747680

Directory:

/home/u892747680/domains/sisteminformasic.com/public_html/kbnuruljadid

Free Space:

9.68 TB

🔧 Quick Actions

✏️ Editing: CHECKLIST_INSTALASI.md

# ✅ CHECKLIST INSTALASI & SETUP
## Website KB NURUL JADID

---

## 📦 FASE 1: PERSIAPAN

### Prerequisites
- [ ] XAMPP/WAMP/LAMP sudah terinstall
- [ ] PHP versi 7.4+ tersedia
- [ ] MySQL/MariaDB aktif
- [ ] Text editor siap (VS Code, Sublime, dll)
- [ ] Browser modern (Chrome, Firefox, Edge)

---

## 💾 FASE 2: INSTALASI DATABASE

### Langkah Database
- [ ] Buka phpMyAdmin di `http://localhost/phpmyadmin`
- [ ] Klik tab "New" atau "Database"
- [ ] Nama database: `kbnj_db`
- [ ] Collation: `utf8mb4_general_ci`
- [ ] Klik "Create"
- [ ] Pilih database `kbnj_db`
- [ ] Klik tab "Import"
- [ ] Choose file: `kbnj_db.sql`
- [ ] Klik "Go"
- [ ] Tunggu sampai muncul "Import has been successfully finished"

### Verifikasi Database
- [ ] Cek tabel `admin` ada
- [ ] Cek tabel `berita` ada
- [ ] Cek tabel `program` ada
- [ ] Cek tabel `galeri` ada
- [ ] Cek tabel `guru` ada (dibuat otomatis)
- [ ] Cek tabel `pendaftaran` ada
- [ ] Cek data sample sudah masuk

---

## 📁 FASE 3: SETUP FILE

### Copy Files
- [ ] Extract folder `website-paud`
- [ ] Copy ke `C:\xampp\htdocs\` (Windows)
- [ ] Atau ke `/var/www/html/` (Linux/Mac)
- [ ] Pastikan struktur folder benar

### Konfigurasi
- [ ] Buka file `config.php`
- [ ] Sesuaikan DB_HOST jika perlu
- [ ] Sesuaikan DB_USER (default: root)
- [ ] Sesuaikan DB_PASS (default: kosong)
- [ ] DB_NAME tetap: kbnj_db
- [ ] Save file

### Folder Permissions
- [ ] Buat folder `images/berita/` jika belum ada
- [ ] Buat folder `images/galeri/` jika belum ada
- [ ] Set permission 777 untuk folder images (Windows skip)
  ```bash
  chmod -R 777 images/
  ```

---

## 🚀 FASE 4: TESTING WEBSITE

### Test Halaman Publik
- [ ] Buka `http://localhost/website-paud/`
- [ ] Halaman beranda muncul dengan baik
- [ ] Animasi clouds dan balloons berjalan
- [ ] Menu navigasi berfungsi
- [ ] Klik menu "Profil" → halaman muncul
- [ ] Klik menu "Program" → halaman muncul
- [ ] Klik menu "Guru" → halaman muncul
- [ ] Klik menu "Galeri" → halaman muncul
- [ ] Klik menu "Berita" → halaman muncul
- [ ] Klik menu "Kontak" → halaman muncul

### Test Form Pendaftaran
- [ ] Klik tombol "Daftar Sekarang"
- [ ] Isi form data anak (Step 1)
- [ ] Klik "Selanjutnya"
- [ ] Isi form data orang tua (Step 2)
- [ ] Klik "Kirim Pendaftaran"
- [ ] Muncul halaman success dengan confetti
- [ ] Data masuk ke database

### Test Admin Panel
- [ ] Buka `http://localhost/website-paud/admin/`
- [ ] Login dengan:
  - Username: `admin`
  - Password: `admin123`
- [ ] Dashboard muncul dengan statistik
- [ ] Semua menu sidebar berfungsi

---

## 🔐 FASE 5: KEAMANAN

### Security Checklist
- [ ] Ganti password admin default
  ```sql
  UPDATE admin 
  SET password = MD5('password_baru_kuat') 
  WHERE username = 'admin';
  ```
- [ ] Nonaktifkan error display di production
  ```php
  error_reporting(0);
  ini_set('display_errors', 0);
  ```
- [ ] Backup database pertama kali
- [ ] Catat kredensial di tempat aman

---

## 📝 FASE 6: KONFIGURASI KONTEN

### Update Informasi Sekolah
- [ ] Login ke admin panel
- [ ] Menu "Pengaturan"
- [ ] Update nama sekolah
- [ ] Update alamat
- [ ] Update no telepon
- [ ] Update email
- [ ] Update WhatsApp
- [ ] Update sosial media links
- [ ] Save changes

### Hapus Data Sample (Optional)
- [ ] Hapus berita sample jika perlu
- [ ] Hapus program sample jika perlu
- [ ] Hapus galeri sample jika perlu
- [ ] Hapus pendaftaran sample jika perlu

### Tambah Konten Asli
- [ ] Upload logo sekolah ke `images/logo.png`
- [ ] Upload foto gedung sekolah
- [ ] Tambah minimal 3 berita
- [ ] Upload minimal 6 foto galeri
- [ ] Update deskripsi program

---

## 🎨 FASE 7: KUSTOMISASI DESAIN (OPTIONAL)

### Ubah Warna (jika perlu)
Edit file `css/style.css`:
```css
:root {
    --primary: #FF6B9D;      /* Warna utama */
    --secondary: #FEC260;    /* Warna kedua */
    --accent: #00D9FF;       /* Warna aksen */
    --purple: #9D4EDD;       /* Ungu */
}
```

### Ubah Font (jika perlu)
Edit di `<head>` setiap file:
```html
<link href="https://fonts.googleapis.com/css2?family=NamaFont:wght@300;400;500;600;700&display=swap" rel="stylesheet">
```

---

## 📱 FASE 8: TESTING RESPONSIVE

### Test di Berbagai Device
- [ ] Desktop (1920px) - Layout 3 kolom
- [ ] Laptop (1366px) - Layout 3 kolom
- [ ] Tablet (768px) - Layout 2 kolom
- [ ] Mobile (375px) - Layout 1 kolom
- [ ] Test landscape & portrait
- [ ] Test scroll & animasi
- [ ] Test form di mobile

### Browser Testing
- [ ] Google Chrome
- [ ] Mozilla Firefox
- [ ] Microsoft Edge
- [ ] Safari (jika ada Mac)

---

## 🔄 FASE 9: BACKUP & DOKUMENTASI

### Backup Files
- [ ] Backup folder `website-paud/`
- [ ] Compress ke ZIP
- [ ] Simpan di Google Drive / OneDrive
- [ ] Atau commit ke GitHub

### Backup Database
```bash
# Via Command Line
mysqldump -u root -p kbnj_db > backup_kbnj_$(date +%Y%m%d).sql

# Via phpMyAdmin
# Export tab → Quick → Go
```

### Dokumentasi
- [ ] Catat username & password admin
- [ ] Catat struktur database
- [ ] Catat perubahan yang dilakukan
- [ ] Simpan di file `NOTES.txt`

---

## 🎯 FASE 10: GO LIVE (PRODUCTION)

### Jika Deploy ke Hosting
- [ ] Pilih hosting (Hostinger, Niagahoster, dll)
- [ ] Beli domain (contoh: kbnuruljadid.sch.id)
- [ ] Upload files via FTP/cPanel
- [ ] Buat database di cPanel
- [ ] Import database
- [ ] Update `config.php` dengan kredensial hosting
- [ ] Test website online
- [ ] Setup SSL certificate (HTTPS)

### Optimasi Production
- [ ] Compress gambar (TinyPNG, etc)
- [ ] Minify CSS & JS
- [ ] Enable caching
- [ ] Setup Google Analytics
- [ ] Submit ke Google Search Console
- [ ] Setup robots.txt & sitemap.xml

---

## 📊 FASE 11: MONITORING & MAINTENANCE

### Daily Tasks
- [ ] Cek pendaftaran baru
- [ ] Respon inquiry via WhatsApp/Email
- [ ] Update status pendaftaran

### Weekly Tasks
- [ ] Tambah minimal 1 berita baru
- [ ] Upload foto kegiatan ke galeri
- [ ] Backup database
- [ ] Cek performa website

### Monthly Tasks
- [ ] Review & update konten
- [ ] Analisis pengunjung
- [ ] Update program jika ada perubahan
- [ ] Ganti password admin

---

## ❗ TROUBLESHOOTING CHECKLIST

### Jika Website Error
- [ ] Cek Apache & MySQL aktif di XAMPP
- [ ] Cek file `config.php` sudah benar
- [ ] Cek database `kbnj_db` ada
- [ ] Cek permission folder images/
- [ ] Cek error log di `php_error.log`

### Jika Database Error
- [ ] Cek koneksi database
- [ ] Cek nama tabel sudah benar
- [ ] Re-import database jika perlu
- [ ] Cek user MySQL punya akses

### Jika Upload Error
- [ ] Cek folder `images/berita/` ada
- [ ] Cek folder `images/galeri/` ada
- [ ] Cek permission (777 atau 755)
- [ ] Cek `upload_max_filesize` di php.ini
- [ ] Cek `post_max_size` di php.ini

---

## 🎉 SELESAI!

Jika semua checklist sudah ✅, maka website Anda siap digunakan!

### Next Steps:
1. ✨ Mulai tambahkan konten asli
2. 📢 Promosikan website ke orang tua
3. 📱 Share link di media sosial
4. 📝 Terima pendaftaran online
5. 🚀 Pantau dan tingkatkan terus

---

**Good Luck! 🍀**

Jika ada masalah, refer ke `README.md` untuk dokumentasi lengkap.

---

## 📞 Need Help?

- 📧 Email: support@kbnuruljadid.sch.id
- 💬 WhatsApp: 0812-3456-7890
- 📖 Dokumentasi: README.md

**Made with 💖 for KB NURUL JADID**

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: CHECKLIST_INSTALASI.md

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation