Smart School Bell Management System
Targetnya bukan cuma "bel bunyi otomatis", tapi menjadi pusat kontrol aktivitas sekolah yang modern, ringan, dan mudah digunakan operator.
1. Visi Project
Visinya sederhana.
Membuat aplikasi bel sekolah yang dapat dipasang oleh sekolah mana pun tanpa perlu keahlian teknis yang tinggi.
Artinya:
- Instalasi mudah
- Ringan
- Tidak bergantung internet
- Bisa dijalankan di localhost
- Bisa dijalankan di hosting
- Bisa dijalankan di mini PC
2. Filosofi Desain
Ini yang menurut gue penting.
Banyak aplikasi admin sekarang terlalu ramai.
Aku justru ingin dashboard yang ketika dibuka operator langsung tahu:
- Jam sekarang
- Bel berikutnya
- Countdown
- Jadwal hari ini
- Status sistem
Tanpa harus klik menu apa pun.
Jadi dashboard adalah pusat monitoring, bukan halaman selamat datang.
3. Teknologi
Tetap sederhana.
PHP 8+ MySQL Bootstrap 5 AdminLTE 4 Font Awesome 6 SweetAlert2 DataTables jQuery
Tidak pakai Laravel.
Tidak pakai React.
Tidak pakai Vue.
Kenapa?
Karena target user adalah sekolah.
Harus mudah dipelihara.
4. Struktur Folder
bellschool/ │ ├── app/ │ ├── controllers/ │ ├── models/ │ ├── helpers/ │ ├── middleware/ │ ├── config/ │ database.php │ config.php │ ├── assets/ │ css/ │ js/ │ img/ │ audio/ │ vendor/ │ ├── includes/ │ header.php │ navbar.php │ sidebar.php │ footer.php │ ├── pages/ │ dashboard.php │ schedule.php │ audio.php │ users.php │ settings.php │ logs.php │ profile.php │ ├── uploads/ │ audio/ │ ├── api/ │ ├── login.php ├── logout.php ├── index.php
5. Sidebar
🏠 Dashboard ────────────── 🔔 Jadwal Bel • Jadwal Aktif • Layer Jadwal • Kalender Khusus ────────────── 🎵 Audio ────────────── 📢 Pengumuman ────────────── 📋 Log Bel ────────────── ⚙ Pengaturan ────────────── 👤 User ────────────── 🚪 Logout
6. Dashboard
Ini halaman paling penting.
Bagian atas
Jam Digital 08:15:23 Hari Selasa 14 Juli 2026
Card berikutnya
BEL 🟢 Aktif
Card berikutnya
Bel Berikutnya 09:20 Istirahat Countdown 00:56:14
Card berikutnya
Jadwal Hari Ini ✔ ✔ ⏳ ○ ○
Card berikutnya
Quick Action ▶ Play Manual ➕ Tambah Jadwal 🎵 Upload Audio
7. Jadwal
Menurut gue ini fitur terbesar.
Ada dua level.
Layer Jadwal
Reguler Ujian Ramadhan MPLS Custom
Operator cukup
Aktifkan
Selesai.
Jadwal
|Hari|Jam|Nama Bel|Audio|Status|
Ada:
Tambah
Copy
Import Excel
Export Excel
Clone
8. Audio
Audio ──────────────── 🎵 Persiapan Jam 1 ▶ Preview ✏ Edit 🗑 Hapus ──────────────── 🎵 Pulang ▶ Preview ✏ Edit 🗑 Hapus
Upload drag and drop.
9. Kalender Akademik
Ini menurut gue penting.
Misalnya
17 Agustus ↓ Aktifkan Layer Upacara Nasional
Atau
1 Ramadhan ↓ Layer Ramadhan
Tidak perlu edit jadwal.
10. Pengumuman
Misalnya
Hari ini ↓ Jam 10.30 ↓ Audio Pengumuman Kebersihan
11. Log
Hari Jam Audio Status Berhasil
Kalau ada error
langsung terlihat.
12. Pengaturan
Nama Sekolah Logo Zona Waktu Format Jam Volume Auto Play Backup
13. User
Admin
Operator
Viewer
Jadi tidak semua bisa menghapus jadwal.
14. Database Baru
Tetap mempertahankan tabel lama, tetapi ditambah agar lebih fleksibel.
admin audio hari status resume
ditambah
schedule_group calendar_event logs users
15. Warna
Aku ingin tampilannya clean.
Primary #2563EB Hijau #10B981 Merah #EF4444 Orange #F59E0B Background #F8FAFC
16. Font
Poppins
atau
Inter
17. Target Tampilan
Bukan seperti aplikasi desktop lama.
Tetapi seperti
Google Admin Notion Canva Mekari Ruangguru
Clean.
Putih.
Card besar.
Shadow tipis.
18. Roadmap Pengembangan
Fase 1 — Rebuild Inti
- Login baru.
- Dashboard baru.
- Layout modern.
- Jadwal bel.
- Audio.
- Pengaturan.
Fase 2 — Operasional
- Layer jadwal.
- Kalender akademik.
- Clone jadwal.
- Import/Export Excel.
- Backup database.
Fase 3 — Fitur Pintar
- Countdown bel berikutnya.
- Riwayat pemutaran.
- Notifikasi sistem.
- Statistik penggunaan.
Fase 4 — Integrasi
- Kontrol dari HP melalui jaringan lokal.
- API sederhana untuk integrasi.
- Dukungan pengumuman berbasis Text-to-Speech.
- Multi sekolah (opsional untuk versi berikutnya).
0 Komentar