# Website Sekolah Modern

Website sekolah modern dengan sistem frontend dan admin panel untuk mengelola semua konten tanpa perlu mengubah kode program.

## Fitur

### Frontend
- **Beranda**: Slider carousel, Tentang Sekolah, Alasan Memilih Sekolah
- **Profil Sekolah**: Kata Sambutan Kepala Sekolah, Sejarah, Visi & Misi, Fasilitas
- **Guru**: Daftar guru dengan foto, nama, profil, dan pendidikan
- **Siswa**: Daftar siswa dengan foto, nama, kelas, dan jumlah hafalan
- **Info SPMB**: Syarat pendaftaran dan gelombang pendaftaran
- **Galeri**: Foto-foto kegiatan sekolah dengan filter kategori dan lightbox
- **Pengumuman**: Informasi dan pengumuman terbaru dari sekolah
- **Kontak**: WhatsApp, alamat, dan Google Maps

### Admin Panel
- Login admin dengan sistem keamanan
- Dashboard dengan statistik
- CRUD lengkap untuk semua konten:
  - Slider
  - Tentang Sekolah
  - Alasan Memilih Kami
  - Kepala Sekolah
  - Sejarah
  - Visi & Misi
  - Fasilitas
  - Guru
  - Siswa
  - Info SPMB
  - Galeri (Foto Kegiatan)
  - Pengumuman
  - Kontak
- Upload gambar untuk semua konten
- Manajemen urutan (order) untuk konten
- Filter kategori untuk galeri
- Status aktif/nonaktif untuk pengumuman

## Teknologi

- **Frontend**: HTML5, CSS3, JavaScript, Bootstrap 5
- **Backend**: PHP 7.4+
- **Database**: MySQL
- **Icons**: Font Awesome 6

## Instalasi

### 1. Persyaratan
- XAMPP (PHP 7.4+ dan MySQL)
- Web browser modern

### 2. Setup Database

1. Buka phpMyAdmin (http://localhost/phpmyadmin)
2. Import file `database/schema.sql`
3. Database akan dibuat otomatis dengan nama `school_website`

### 3. Konfigurasi

Edit file `config/database.php` jika diperlukan:
```php
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
define('DB_PASS', '');
define('DB_NAME', 'school_website');
```

### 4. Upload Folder

Pastikan folder `uploads` memiliki permission write:
- Windows: Biasanya sudah otomatis
- Linux/Mac: `chmod 777 uploads`

### 5. Akses Website

- **Frontend**: http://localhost/Day/
- **Admin Panel**: http://localhost/Day/admin/login.php

### 6. Login Admin

- **Username**: admin
- **Password**: admin123

**PENTING**: Ganti password default setelah login pertama kali!

## Struktur Folder

```
Day/
├── admin/              # Admin panel
│   ├── includes/       # Header & sidebar
│   ├── *.php          # Halaman CRUD admin
│   └── login.php      # Halaman login
├── assets/
│   ├── css/           # Stylesheet
│   └── js/            # JavaScript
├── config/            # Konfigurasi
│   ├── config.php     # Config utama
│   └── database.php   # Database config
├── database/
│   └── schema.sql     # SQL schema & dummy data
├── includes/          # Header & footer frontend
├── uploads/           # Folder upload gambar
├── index.php          # Halaman beranda
├── profile.php        # Profil sekolah
├── teachers.php       # Daftar guru
├── students.php       # Daftar siswa
├── spmb.php           # Info SPMB
├── gallery.php        # Galeri foto
├── announcements.php  # Pengumuman
└── contact.php        # Kontak
```

## Warna Tema

- **Maroon**: #800020 (warna utama)
- **Maroon Dark**: #5a0015
- **Gold**: #D4AF37 (aksen)
- **Gold Light**: #F4E4BC

## Fitur Desain

- ✅ Responsif (Mobile Friendly)
- ✅ Animasi ringan
- ✅ Card layout modern
- ✅ Navbar sticky
- ✅ Footer profesional
- ✅ Smooth scroll
- ✅ Hover effects

## Keamanan

- Password hashing dengan `password_hash()`
- Prepared statements untuk mencegah SQL injection
- Input sanitization
- Session management untuk admin

## Catatan

1. Pastikan PHP extension `mysqli` aktif
2. Pastikan `upload_max_filesize` di php.ini cukup besar (default 2MB)
3. Untuk production, ubah password admin dan pastikan keamanan server
4. Backup database secara berkala

## Support

Untuk pertanyaan atau masalah, silakan hubungi developer.

---

**Dibuat dengan ❤️ untuk pendidikan**
