Sistem Bel Sekolah

📊 Kartu Statistik

Tiga kartu atas menampilkan: jumlah jadwal aktif, bel berikutnya beserta nama jadwal, dan jam & tanggal sekarang beserta status hari libur.

🔔 Bel Berikutnya

Menampilkan waktu bel yang akan berbunyi paling dekat. Di bawahnya tersedia daftar lengkap bel hari ini dengan status sudah lewat / berikutnya / akan datang.

📅 Jadwal Hari Ini

Tabel semua jadwal aktif untuk hari ini, urut waktu. Baris kuning = bel berikutnya. Baris pudar = sudah lewat. Baris dicoret = jadwal di-mute (libur).

⏹️ Stop Audio Paksa

Menghentikan semua audio yang sedang diputar dan mengosongkan antrian secara instan. Gunakan jika terjadi audio yang tidak sengaja berbunyi.

1

Menambah Jeda Bel (Pause)

Klik tombol ➕ Tambah Pause di kotak Pause Bel. Tentukan waktu mulai, durasi, dan alasan. Semua jadwal bel dalam rentang waktu tersebut tidak akan berbunyi.

2

Menghapus Jeda Bel

Klik tombol 🗑️ Hapus pada item jeda yang ingin dihapus. Jadwal bel akan kembali aktif sesuai pengaturan normal.

3

Refresh Data Dashboard

Data diperbarui otomatis setiap beberapa detik. Tombol 🔄 Refresh di tabel jadwal hari ini bisa diklik untuk memuat ulang secara manual.

Harian Jadwal Harian

Berbunyi pada hari-hari tertentu setiap pekan (mis. Senin–Jumat). Satu jadwal bisa memiliki beberapa waktu sekaligus.

Per Pekan Jadwal Per Pekan

Berbunyi satu kali setiap N pekan pada hari dan jam tertentu. Contoh: apel Senin setiap 2 pekan sekali.

Bulanan Jadwal Bulanan

Berbunyi setiap bulan pada tanggal tertentu. Cocok untuk pengingat SPP atau rapat bulanan.

Sekali Jadwal Sekali Waktu

Berbunyi tepat satu kali pada tanggal & jam yang ditentukan. Untuk pengumuman atau event khusus.

1

Menambah Jadwal Baru

Klik ➕ Tambah Jadwal Baru. Pilih tipe jadwal, isi nama, pilih hari/tanggal, lalu tentukan waktu. Satu jadwal bisa punya lebih dari satu waktu — klik ➕ Tambah Waktu.

2

Mode Waktu: Jam Tetap vs Relatif Sholat

Setiap slot waktu bisa disetel sebagai jam tetap (mis. 07:00) atau relatif terhadap waktu sholat (mis. 5 menit sebelum Maghrib). Pilih mode dengan tombol Jam Tetap / Waktu Sholat pada setiap baris waktu.

3

Memilih Audio

Setiap slot waktu memilih file audio secara independen. Gunakan picker audio di bawah setiap baris waktu. Bisa juga menyusun antrian: beberapa file diputar berurutan.

4

Aktifkan / Nonaktifkan Jadwal

Gunakan toggle ✅ Aktif / ⊗ Nonaktif pada kartu jadwal. Jadwal nonaktif tidak akan berbunyi namun tetap tersimpan.

5

Opsi Mute Saat Libur

Aktifkan opsi 🔕 Mute saat hari libur agar bel tidak berbunyi di hari libur yang terdaftar di tab Libur & Event. Biasanya diaktifkan untuk bel kelas, dimatikan untuk bel adzan/sholat.

💡 Tips: Jadwal bertipe 🕌 Sholat memerlukan kota waktu sholat yang sudah dikonfigurasi di tab Waktu Sholat. Pastikan kota sudah dipilih sebelum membuat jadwal berbasis waktu sholat.

1

Menambah Hari Libur

Klik ➕ Tambah Hari Libur. Isi nama acara (mis. "Idul Fitri"), tanggal mulai, dan tanggal selesai (boleh sama jika satu hari).

2

Efek pada Jadwal Bel

Hanya jadwal yang mengaktifkan opsi 🔕 Mute saat libur yang akan diam pada hari libur. Jadwal lain tetap berbunyi normal.

3

Edit & Hapus

Klik ikon ✏️ Edit untuk mengubah nama atau tanggal libur. Klik 🗑️ Hapus untuk menghapusnya. Perubahan berlaku langsung.

⚠️ Perhatian: Pastikan tanggal hari libur sudah benar sebelum disimpan. Jika tanggal libur salah, bel kelas bisa diam di hari yang seharusnya aktif.

1

Memilih Kota

Jika belum ada kota yang dikonfigurasi, sistem akan menampilkan form pencarian. Ketik minimal 3 huruf nama kota lalu klik 🔍 Cari. Pilih kota yang sesuai dari daftar hasil.

2

Melihat Waktu Sholat Hari Ini

Setelah kota dipilih, tab ini menampilkan Imsak, Subuh, Terbit, Dhuha, Dzuhur, Ashar, Maghrib, dan Isya untuk hari ini secara otomatis.

3

Melihat Waktu Sholat Hari Lain

Gunakan 📅 Waktu Sholat – Hari Lain di bagian bawah. Pilih tanggal dengan date-picker, atau navigasi menggunakan tombol ◀ Kemarin, Besok ▶, ±7 hari, dan ±1 bulan.

4

Refresh Data Cache

Data waktu sholat disimpan secara lokal (cache). Gunakan tombol 🔄 Refresh Sekarang ketika ada koneksi internet untuk memperbarui data ke bulan-bulan berikutnya.

5

Mengganti Kota

Klik tombol 🗺️ Ganti Kota untuk mencari dan memilih kota baru. Data jadwal bel yang terhubung ke waktu sholat akan otomatis menggunakan kota yang baru.

💡 Tips: Data cache mencakup beberapa bulan ke depan. Jika akan memasuki bulan baru, lakukan refresh saat ada koneksi internet agar waktu sholat bulan depan tersedia secara offline.

1

Upload File Audio

Klik area upload atau drag & drop file audio. Maksimal 10MB per file. Tahan Ctrl / Cmd untuk memilih beberapa file sekaligus. Pilih kategori sebelum mengklik Upload.

2

Membuat Kategori

Klik ➕ Tambah Kategori di bagian Kategori Audio. Beri nama (mis. "Bel Kelas", "Adzan", "Alarm"), pilih ikon, dan warna penanda. Kategori memudahkan pencarian saat memilih audio di jadwal.

3

Memindah File ke Kategori Lain

Klik tombol 🗂️ pada baris file audio, lalu pilih kategori tujuan. Klik Simpan. File akan langsung muncul di kategori yang dipilih.

4

Pratinjau Audio

Klik tombol ▶️ Putar pada baris file untuk memutar audio langsung dari browser sebagai pratinjau. Klik lagi untuk menghentikan.

5

Menghapus File

Klik tombol 🗑️ Hapus pada baris file. Pastikan file tidak sedang digunakan oleh jadwal aktif sebelum menghapus, karena jadwal yang merujuk file tersebut tidak akan berbunyi.

6

Mencari File

Gunakan kotak 🔍 Cari file... di atas daftar untuk menyaring file berdasarkan nama secara real-time.

✅ Format didukung: MP3, WAV, Opus, OGG, MP4/M4A, WebA, FLAC, AAC. Untuk format selain ini gunakan ffmpeg untuk konversi.

Role	Hak Akses
Admin	Akses penuh: kelola jadwal, audio, hari libur, waktu sholat, dan manajemen pengguna.
Operator	Bisa mengatur jadwal, audio, libur, dan sholat. Tidak bisa mengelola pengguna lain.
Viewer	Hanya bisa melihat (read-only). Tidak bisa mengubah atau menghapus data apapun.

1

Menambah Pengguna Baru

Klik ➕ Tambah User. Isi nama lengkap, username (huruf kecil tanpa spasi), password minimal 6 karakter, dan pilih role yang sesuai.

2

Edit & Nonaktifkan Akun

Klik ✏️ Edit pada baris pengguna. Centang/hapus centang "Akun aktif" untuk mengaktifkan atau menonaktifkan akses login tanpa menghapus data pengguna.

3

Reset Password

Klik tombol 🔑 Reset PW pada baris pengguna. Masukkan password baru (minimal 6 karakter). Beritahu pengguna password barunya secara langsung.

4

Ganti Password Sendiri

Klik ikon 🔑 di pojok kanan atas header (di samping nama pengguna yang sedang login). Masukkan password lama dan password baru dua kali untuk konfirmasi.

💡 Tips: Akun Admin tidak bisa dinonaktifkan dari luar. Pastikan selalu ada minimal satu akun Admin yang aktif di sistem.

1

Filter Log berdasarkan Bulan

Gunakan dropdown bulan di bagian atas untuk memilih bulan yang ingin dilihat. Log tersedia per bulan untuk menjaga performa sistem.

2

Filter berdasarkan Kategori

Pilih kategori seperti 🔐 Login, 📅 Jadwal, 🔊 Audio, dll. dari dropdown kategori untuk menyaring jenis aktivitas yang ingin dipantau.

3

Cek Ukuran Log

Klik 💾 Ukuran Log untuk melihat seberapa besar file log yang tersimpan. Jika mulai besar, lakukan penghapusan log lama untuk menjaga performa.

4

Hapus Log

🗑️ Hapus Bulan Ini — menghapus log bulan yang sedang aktif. 🗑️ Hapus Semua — menghapus seluruh log dari semua bulan. Tindakan ini permanen dan tidak bisa dibatalkan.

⚠️ Peringatan: Penghapusan log bersifat permanen. Simpan salinan jika log diperlukan untuk audit atau keperluan dokumentasi sekolah.

☀️ Mode Terang (Light)

Tampilan dengan latar krem hangat dan aksen hijau islami. Nyaman digunakan di siang hari atau ruangan terang.

🌙 Mode Gelap (Dark)

Tampilan dengan latar hijau tua pekat dan aksen emas. Cocok untuk penggunaan malam hari atau ruangan dengan pencahayaan rendah.

1

Cara Mengganti Tema

Klik tombol 🌙 Dark atau ☀️ Light di pojok kanan atas header. Tema akan berubah secara instan.

2

Tema Tersimpan Otomatis

Pilihan tema disimpan di browser (localStorage). Saat halaman di-refresh atau dibuka kembali, tema yang terakhir dipilih akan langsung aktif tanpa perlu disetel ulang.

🔔 Sistem Bel Sekolah Otomatis بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ

Petunjuk Penggunaan Sistem Bel Sekolah