EduCourse Pro
Sistem Informasi Manajemen Bimbingan Belajar & Kursus
Mencakup Landing Page Publik โข Pendaftaran Online โข Dashboard Admin/Staf/Tutor โข Portal Siswa & Orang Tua โข Blog. Dokumen ini disusun berdasarkan struktur & fitur yang benar-benar ada di source code EduCourse Pro. Ditujukan untuk semua peran pengguna โ bagian mana yang relevan untuk Anda dijelaskan di Bab 5.
01Pendahuluan
EduCourse Pro adalah Sistem Informasi Manajemen (SIM) berbasis web untuk lembaga bimbingan belajar/kursus. Sistem ini menangani proses mulai dari pendaftaran siswa baru, pengelolaan kelas dan jadwal, presensi, penilaian, pembayaran SPP, penggajian tutor, hingga publikasi artikel blog โ semuanya dalam satu dashboard terpadu.
Aplikasi terdiri dari beberapa bagian:
- Landing page publik โ halaman depan yang bisa diakses siapa saja tanpa login.
- Halaman pendaftaran online โ untuk calon siswa mendaftar sendiri.
- Dashboard admin (aplikasi utama) โ tempat seluruh pengelolaan data dilakukan, dengan tampilan dan menu yang menyesuaikan peran (role) masing-masing pengguna.
- Blog publik โ artikel/berita yang bisa dibaca pengunjung umum.
Dokumen ini ditujukan untuk semua peran pengguna: Administrator, Staf Akademik, Tutor, Siswa, dan Orang Tua. Bagian mana yang relevan untuk Anda dijelaskan di Bab 5.
02Struktur & Alamat Halaman
Secara teknis, EduCourse Pro terdiri dari beberapa halaman berikut:
| Halaman | Alamat (path) | Fungsi |
|---|---|---|
| Landing Page | / | Halaman depan publik: profil lembaga, program, fasilitas, cuplikan blog, FAQ, kontak. |
| Login | /login.html | Halaman masuk untuk semua peran pengguna terdaftar. |
| Pendaftaran | /register.html | Form pendaftaran siswa baru untuk publik, tanpa perlu login. |
| Dashboard | /app/ | Aplikasi utama (SPA) โ semua pengelolaan data, tampil sesuai peran pengguna. |
| Blog | /blog/ | Daftar artikel yang sudah dipublikasikan. |
| Detail Artikel | /blog/detail.html?slug=โฆ | Halaman baca 1 artikel penuh. |
Setelah login berhasil di
/login.html, sistem otomatis mengarahkan Anda ke/app/(dashboard).
03Bagian Publik (Tanpa Login)
3.1 Landing Page #
Halaman depan (beranda) berisi beberapa bagian yang bisa diakses dengan menggulir (scroll) atau klik menu navigasi:
- Beranda โ pengenalan singkat lembaga.
- Program โ daftar program/paket belajar yang ditawarkan.
- Fasilitas โ fasilitas yang tersedia di lembaga.
- Blog โ cuplikan 3 artikel terbaru yang sudah dipublikasikan (diambil otomatis dari data blog, bukan teks tetap).
- FAQ โ pertanyaan yang sering diajukan.
- Kontak โ informasi kontak lembaga.
Jika belum ada artikel yang dipublikasikan atau backend sedang tidak bisa dihubungi, bagian Blog di landing page akan otomatis disembunyikan agar tidak menampilkan grid kosong.
3.2 Pendaftaran Siswa Baru #
Calon siswa dapat mendaftar sendiri melalui halaman Pendaftaran tanpa perlu akun terlebih dahulu. Data yang perlu diisi:
| Field | Keterangan |
|---|---|
| Nama lengkap | Nama siswa yang mendaftar. |
| No. WhatsApp | Format bebas, contoh: 0812xxxxxxx โ dipakai untuk notifikasi WhatsApp. |
| Dipakai untuk login dan notifikasi email. | |
| Kata sandi | Minimal 8 karakter. |
| Program yang diminati | Pilih salah satu: Kelas Reguler, Intensif UTBK, Bahasa Inggris, atau Coding for Kids. |
| Persetujuan | Centang persetujuan Syarat & Ketentuan serta Kebijakan Privasi. |
- Isi seluruh data pada form pendaftaran.
- Pilih program yang diminati.
- Centang kotak persetujuan Syarat & Ketentuan.
- Klik tombol daftar.
- Pendaftaran akan masuk ke antrean "Pendaftaran Baru" di dashboard admin/staf untuk ditinjau dan disetujui/ditolak.
Pendaftaran yang masuk berstatus tertunda sampai disetujui oleh Admin/Staf Akademik lewat menu Pendaftaran Baru di dashboard โ akun login siswa baru aktif setelah disetujui.
3.3 Blog Publik #
Pengunjung dapat membaca artikel yang sudah dipublikasikan di /blog/ โ lengkap dengan pencarian, filter kategori (otomatis muncul sesuai kategori yang benar-benar dipakai), dan pagination 9 artikel per halaman. Klik judul/gambar artikel untuk membaca isi lengkapnya.
04Login & Lupa Kata Sandi
4.1 Login #
- Buka halaman
/login.html(atau klik tombol Masuk/Login dari landing page). - Isi Email dan Kata Sandi akun Anda.
- Klik tombol Masuk.
- Anda akan diarahkan otomatis ke dashboard (
/app/) sesuai hak akses peran Anda.
Akun default sistem: email
admin@educourse.comdengan kata sandiRiyutek Pro. Segera ganti kata sandi default ini lewat menu Manajemen Akun setelah login pertama kali, demi keamanan.
4.2 Lupa Kata Sandi (Reset Mandiri) #
Jika lupa kata sandi, gunakan fitur reset mandiri lewat kode verifikasi 6 digit:
- Klik "Lupa kata sandi?" di halaman login.
- Masukkan email akun Anda, lalu klik "Kirim Kode Verifikasi".
- Kode 6 digit akan dikirim ke Email dan/atau WhatsApp yang tertaut ke akun Anda (tergantung integrasi notifikasi yang aktif โ lihat Bab 8).
- Masukkan kode yang diterima beserta kata sandi baru.
- Kata sandi berhasil diperbarui, silakan login kembali dengan kata sandi baru.
Kalau kode verifikasi tidak kunjung diterima, cek dulu apakah integrasi Email/WhatsApp di menu Integrasi Notifikasi (khusus Administrator) sudah aktif dan teruji berhasil pada menu Uji Coba Notifikasi.
05Peran & Hak Akses Menu
EduCourse Pro membedakan 5 peran pengguna, masing-masing dengan menu yang berbeda:
| Peran (Role) | Deskripsi Singkat |
|---|---|
| Administrator | Akses penuh ke seluruh menu, termasuk pengaturan sistem, integrasi, dan manajemen akun. |
| Staf Akademik | Mengelola data akademik & operasional sehari-hari (siswa, kelas, presensi, transaksi, dll), tanpa akses ke pengaturan sistem inti. |
| Tutor | Mengelola kelas yang diampu: presensi, nilai, materi ajar, jadwal mengajar, dan penggajian pribadi. |
| Siswa | Portal pribadi: melihat riwayat kehadiran, nilai, jadwal, dan materi belajar milik sendiri. |
| Orang Tua | Portal pemantauan: melihat perkembangan (kehadiran & nilai) anak yang terdaftar. |
5.1 Tabel Akses Menu per Peran #
Klik salah satu peran untuk melihat menu apa saja yang tersedia untuknya โ baris yang tidak relevan akan meredup.
| Menu | Admin | Staf | Tutor | Siswa | Ortu |
|---|---|---|---|---|---|
| Dashboard | |||||
| Pendaftaran Baru | |||||
| Data Siswa | |||||
| Presensi Siswa | |||||
| Nilai Siswa | |||||
| Kelas & Ruangan | |||||
| Mata Pelajaran | |||||
| Paket Belajar | |||||
| Jadwal Kelas Harian | |||||
| E-Learning Lite | |||||
| Sertifikat & Portofolio | |||||
| Kelola Artikel Blog | |||||
| Data Tutor | |||||
| Presensi Tutor | |||||
| Jadwal Mengajar | |||||
| Pembayaran SPP | |||||
| Penggajian Tutor | |||||
| Laporan Keuangan | |||||
| Profil Lembaga | |||||
| Manajemen Akun | |||||
| Integrasi Notifikasi | |||||
| Log Aktivitas | |||||
| Backup Data | |||||
| Pengaturan Notifikasi |
Data Tutor, Presensi Tutor, dan Jadwal Mengajar tetap tampil untuk role Tutor karena berisi data milik dirinya sendiri (bukan data tutor lain). Master Data Cabang kini tidak tampil untuk peran mana pun โ lihat Bab 6.21.
06Panduan Per Menu Dashboard
6.1 Dashboard #
Halaman ringkasan berisi statistik utama (jumlah siswa, kelas, pendapatan, dsb) sesuai peran yang login. Titik awal setelah masuk ke sistem.
6.2 Pendaftaran Baru #
Menampilkan antrean pendaftaran siswa dari halaman publik (register.html) yang menunggu peninjauan.
- Tinjau data calon siswa yang mendaftar.
- Setujui โ data otomatis dipindahkan menjadi akun siswa aktif.
- Tolak โ data pendaftaran dihapus dari antrean.
6.3 Data Siswa #
Kelola seluruh data induk siswa: tambah, edit, hapus data siswa satu per satu, atau impor massal lewat file Excel untuk efisiensi input data dalam jumlah banyak.
6.4 Presensi Siswa #
Mencatat kehadiran siswa per sesi kelas. Riwayat presensi ini yang muncul di portal Siswa/Orang Tua sebagai riwayat kehadiran.
6.5 Nilai Siswa #
Input dan kelola nilai siswa per mata pelajaran/ujian. Data ini yang menjadi sumber grafik tren nilai di portal Siswa/Orang Tua.
6.6 Kelas & Ruangan #
Kelola data kelas/rombongan belajar beserta ruangan yang dipakai.
6.7 Mata Pelajaran #
Kelola daftar mata pelajaran yang diajarkan di lembaga.
6.8 Paket Belajar #
Kelola paket/program belajar (misalnya Kelas Reguler, Intensif UTBK, dsb) beserta rincian biayanya. Data paket ini dirujuk oleh form pendaftaran publik.
Pastikan kode paket di menu ini sudah disesuaikan dengan pilihan program pada form pendaftaran publik sebelum sistem digunakan secara aktif, karena pemetaan awal bersifat sementara dan perlu diverifikasi ulang oleh admin.
6.9 Jadwal Kelas Harian #
Atur dan lihat jadwal kelas harian yang berjalan.
6.10 E-Learning Lite #
Kelola materi ajar dan tugas yang dibagikan ke siswa secara ringan (tanpa fitur LMS kompleks).
6.11 Sertifikat & Portofolio #
Kelola penerbitan sertifikat dan dokumentasi portofolio siswa.
6.12 Kelola Artikel Blog #
CMS (Content Management System) untuk mengelola artikel yang tampil di blog publik dan cuplikan blog di landing page.
- Buka menu Kelola Artikel Blog, klik tombol tambah artikel.
- Isi judul, kategori (bisa ketik bebas atau pilih dari kategori yang sudah pernah dipakai), penulis, URL gambar sampul, ringkasan singkat, dan isi artikel lewat editor teks kaya (rich-text editor).
- Slug (alamat URL artikel) bisa dikosongkan โ sistem akan membuatnya otomatis dari judul, dan otomatis menambahkan angka di belakang bila ada judul yang mirip/duplikat.
- Centang "Terbitkan" jika ingin artikel langsung tampil publik. Jika tidak dicentang, artikel tersimpan sebagai draf dan tidak bisa diakses publik walau tautannya diketahui.
- Klik Simpan.
Tanggal publikasi terkunci begitu artikel pertama kali diterbitkan โ mengedit ulang artikel yang sudah terbit tidak akan mengubah tanggal publikasi aslinya.
Fitur unggah gambar sampul langsung dari perangkat belum tersedia โ saat ini gambar sampul hanya bisa diisi lewat tautan URL gambar.
6.13 Data Tutor #
Kelola data induk tutor/pengajar.
6.14 Presensi Tutor #
Pencatatan kehadiran mengajar tutor, termasuk check-in lewat pemindaian kode QR.
6.15 Jadwal Mengajar #
Jadwal mengajar masing-masing tutor.
6.16 Pembayaran SPP (Transaksi) #
Kelola transaksi pembayaran SPP/biaya kursus siswa, termasuk status lunas/belum lunas.
6.17 Penggajian Tutor #
Kelola perhitungan dan pencatatan gaji tutor per periode (bulanan).
6.18 Laporan Keuangan Diperbarui #
Menyusun laporan keuangan lembaga, dengan opsi ekspor ke file Excel (.xlsx) atau PDF untuk kebutuhan pelaporan/pengarsipan. Untuk lembaga multi-cabang, tersedia dropdown filter Cabang di atas tabel laporan โ pilih "Semua Cabang" untuk rekap gabungan, atau pilih cabang tertentu untuk melihat laporan keuangan cabang itu saja. Hasil export Excel/PDF juga otomatis mengikuti cabang yang sedang dipilih.
6.19 Profil Lembaga #
Kelola data profil lembaga (nama, alamat, kontak, dll) yang tampil di landing page dan dokumen resmi.
6.20 Manajemen Akun #
Kelola seluruh akun pengguna sistem: buat akun baru, atur peran (role), non-aktifkan, atau reset kata sandi akun pengguna lain. Di sinilah kata sandi akun default sebaiknya diganti.
6.21 Master Data Cabang Diperbarui #
Data cabang lembaga (untuk lembaga yang memiliki lebih dari satu lokasi/cabang) dipakai sebagai referensi dropdown/filter cabang di menu Data Siswa, Data Tutor, Kelas & Ruangan, Manajemen Akun, dan Laporan Keuangan.
Menu mandiri untuk menambah/mengubah/menghapus cabang sudah tidak tersedia lagi di dashboard, untuk semua peran termasuk Administrator. Penambahan cabang baru, perubahan data cabang, atau penghapusan cabang sekarang dilakukan oleh Admin Sistem (Riyutek) di sisi backend atas permintaan Anda. Silakan hubungi Admin Sistem untuk kebutuhan tersebut.
6.22 Integrasi Notifikasi #
Pengaturan koneksi ke penyedia layanan Email dan WhatsApp Gateway yang dipakai sistem untuk mengirim notifikasi otomatis (pengingat pembayaran, kode reset kata sandi, dll). Detail lengkap ada di Bab 8.
6.23 Log Aktivitas #
Rekam jejak (audit trail) otomatis dari seluruh aktivitas yang mengubah data di sistem โ siapa melakukan apa dan kapan. Berguna untuk pelacakan dan akuntabilitas.
6.24 Backup Data #
Lakukan pencadangan data secara manual kapan saja, atau andalkan pencadangan terjadwal otomatis.
6.25 Pengaturan Notifikasi #
Menu personal (tersedia untuk semua peran) untuk mengatur notifikasi mana saja yang ingin diterima masing-masing pengguna lewat Email/WhatsApp.
07Fitur Tambahan
7.1 Mode Gelap (Dark Mode) #
Tersedia tombol untuk beralih antara tampilan terang dan gelap. Preferensi ini tersimpan otomatis di perangkat/browser yang digunakan.
7.2 Pencarian Global #
Tekan Ctrl+K (Windows/Linux) atau Cmd+K (Mac) di dashboard untuk membuka pencarian cepat. Fitur ini tersedia untuk peran yang mengelola data siswa/tutor (Administrator, Staf Akademik, Tutor) โ tidak tampil untuk Siswa dan Orang Tua karena mereka hanya melihat data milik sendiri.
7.3 Portal Siswa & Orang Tua #
Siswa dan Orang Tua memiliki tampilan dashboard tersendiri yang berfokus pada pemantauan, berisi:
- Riwayat kehadiran (presensi) siswa.
- Grafik tren nilai dari waktu ke waktu.
Data yang tampil di portal ini terbatas hanya untuk siswa yang bersangkutan (atau anak yang terhubung ke akun Orang Tua).
08Notifikasi Email & WhatsApp
Menu Integrasi Notifikasi (khusus Administrator) mengatur dari mana sistem mengirim notifikasi otomatis: kode reset kata sandi, pengingat pembayaran, dan pemberitahuan lainnya.
8.1 Email #
- Pilih penyedia email: bawaan sistem (MailApp) atau Resend (disarankan, untuk tampilan email lebih rapi & profesional).
- Jika memilih Resend, isi Nama Pengirim, API Key Resend, dan Email Pengirim yang sudah diverifikasi di akun Resend Anda.
- Simpan pengaturan.
8.2 WhatsApp #
- Aktifkan Integrasi WhatsApp.
- Isi Token API dari penyedia WhatsApp Gateway (mis. Fonnte) dan Nama Pengirim.
- Simpan pengaturan.
8.3 Uji Coba Notifikasi #
Setelah pengaturan disimpan, selalu gunakan fitur Uji Coba Notifikasi (kirim ke email/nomor WhatsApp milik sendiri) untuk memastikan integrasi benar-benar berhasil sebelum digunakan secara aktif ke seluruh pengguna.
Kalau uji coba menunjukkan status berhasil namun pesan tidak kunjung diterima, periksa juga sisi penyedia layanan: status koneksi device WhatsApp Gateway, kuota terpakai, dan validitas nomor/email tujuan.
09Tips, Troubleshooting & FAQ
Notifikasi email/WA tidak terkirim, padahal statusnya "berhasil" +
Cek kembali detail pesan error/alasan yang muncul di hasil uji coba โ biasanya sudah menunjukkan penyebab spesifik dari sisi penyedia layanan (Resend/Fonnte), bukan sekadar gagal/berhasil.
Dashboard menampilkan banner "Tautkan Backend" +
Ini berarti alamat backend belum tersambung di perangkat/browser yang digunakan. Biasanya otomatis tersambung setelah login lewat /login.html โ hubungi Administrator jika banner ini terus muncul.
Lupa kata sandi tapi tidak menerima kode verifikasi +
Pastikan integrasi Email/WhatsApp di menu Integrasi Notifikasi sudah aktif dan lolos uji coba (lihat Bab 8). Jika belum, hubungi Administrator untuk reset kata sandi manual lewat menu Manajemen Akun.
Menu tertentu tidak muncul di sidebar saya +
Tampilan menu menyesuaikan peran (role) akun Anda โ lihat tabel akses menu di Bab 5.1 untuk memastikan menu tersebut memang tersedia untuk peran Anda.
Menu Master Data Cabang tidak ada lagi di dashboard saya Baru +
Ini memang perubahan yang disengaja โ menu mandiri untuk mengelola cabang sudah tidak ditampilkan untuk peran mana pun, termasuk Administrator (lihat Bab 6.21). Data cabang yang sudah ada tetap tampil normal di dropdown/filter di menu lain. Untuk menambah, mengubah, atau menghapus cabang, silakan hubungi Admin Sistem (Riyutek).
Tidak ada pertanyaan yang cocok. Coba kata kunci lain.
10Lampiran
10.1 Ringkasan Alamat Penting #
10.2 Akun Default #
| Kata Sandi | Peran | |
|---|---|---|
admin@educourse.com | Riyutek Pro | Administrator |
Demi keamanan, segera ganti kata sandi akun default ini setelah instalasi/pemasangan awal selesai, lewat menu Manajemen Akun.