- Database menggunakan MySQL
- Bahasa Program menggunakan PHP dan Framework CI 3
- Form layout menggunakan Boothstrap 4
- Form validasi menggunakan Jquery validate (ada remote db validation)
- Insert data menggunakan Jquery Ajax
- Notifikasi menggunakan SweetAlert2
- Input Data Anggota, menggunakan form isian sbb:
- Username (diketik manual saat registrasi, Username dicocokkan dengan database (remote validation), jadi harus unik, tidak boleh sama.), Password, Nama lengkap, EmailNo HP, Upload Photo (support JPG, PNG, GIF), file otomatis di resize by sistem, misal 500x500px dan ,direname.
- Saat form di submit, Isian harus divalidasi sesuai rule diatas tanpa page "refresh"
- Setelah isian valid semua, button submit terdisable secara otomatis
- Muncul modal windows progress bar (berisi tulisan "Please wait ..") dan ada animasi icon berputar-putar diatas tulisan please wait)
- Lamanya progress bar ditentukan oleh lamanya proses berhasil insert data ke database.
- User tidak bisa mengklik tombol apapun sampe proses insert data ke database dan upload file berhasil.
- Jika proses input selesai, maka muncul tulisan "SweetAlet" proses Pendaftaran Berhasil, langsung diredirect ke halaman success
- Jika gagal, muncul notifikasi error message menggunakan "Sweetalert2" dan kembali ke form isian
Loading ...
