Aplikasi PPDB Berbasis Web Versi 3


Berdasarkan masukan, kritik dan saran dari teman – teman yang sudah mencoba Aplikasi PPDB versi 2.3 atau versi sebelumnya, maka akhirnya saya coba merilis aplikasi ppdb berbasis web versi 3.

Pada Aplikasi PPDB versi 3 ada banyak perubahan, ada beberapa hal yang dihilangkan digantikan dengan fasilitas yang lebih baru dan simple. Untuk bagian halaman pendaftaran siswa jika sebelumnya menggunakan template dari html5up.net sekarang dirubah menggunakan template bootstrap. Intinya pada Aplikasi PPDB Online versi 3 difokuskan pada penangan pendaftaran. Sehingga bisa dilihat pada versi ini untuk fasilitas websitenya dihilangkan.

Berikut ini adalah rincian dari Aplikasi PPDB Berbasis Web Versi 3 :

1. HALAMAN PENDAFTARAN

a. Halaman Depan
halaman depan pendaftaran

Tampilan diatas merupakan tampilan halaman depan Aplikasi PPDB Online versi 3. Data – data pada halaman depan diseusikan dengan identitas sekolah yang sudah dimasukan pada halaman Admin panel

b. Formulir Pendaftaran
formulir pendaftaran aplikasi ppdb
Untuk Formulir pendaftarannya pun sekarang jauh lebih lengkap. Dimana ada 5 kategori yang saya tambahkan, diantaranya : Data Siswa, Data Orangtua, Data Wali (Optional), Data Asal Sekolah, Data Nilai UN (UNBK/UNKP)

Berbeda dengan versi sebelumnya, secara teknis untuk formulir pendaftaran pada versi ini banyak dilakukan pemilteran dan validasi data, seperti salah satu contohnya adalah calon siswa hanya boleh mendaftar dengan satu NISN saja, jika siswa mencoba memasukan NISN yang sudah didaftarkan maka secara otomatis akan ditolak oleh aplikasi.

halaman pendaftaran ini bisa diaktifkan/dinonaktifkan pada halaman administrator panitia PPDB

c. Cetak Bukti Pendaftaran

fasilitas cetak kartu pendaftaran


Berbeda dengan versi sebelumnya, untuk cetak kartu pendaftaran, siswa perlu memasukan kunci (ketika kunci diaktifkan) pada versi 3 tiga ini siswa cukup memasukan NISN yang digunakannya untuk mendaftar, ketika NISN dimasukan, maka secara otomatis data pendaftar akan ditampilkan. Sedangkan pada versi sebelumnya data seluruh siswa ditampilkan, sehingga tentu ini tentu memunculkan masalah privasi dari data yang tersedia. Nah pada Aplikasi PPDB Online 

Versi 3 ini, tidak semua data pendaftar ditampilkan, data pendaftaran akan ditampilkan sesuai NISN yang dimasukan.

Secara teknis, modul yang digunakan untuk mengecekan data bukti pendafatran ini menggunakan ro-print.php yang terdapat pada folder query. Modul sudah menerapakan teknik filter data seperti mysqli_escape_string dan mysqli prepared statements

d. Cetak Kartu Peserta

cetak kartu peserta
   

Fasilitas untuk cetak kartu peserta ini juga menggunakan module yang sama seperti cetak bukti pendaftaran. Hanya saja data yang ditampilkan berbeda.

Kartu peserta ini digunakan jika memang pihak sekolah akan melakukan ujian/test terhadap para calon siswa yang mendaftar. Kartu peserta ini diurutkan berdasarkan data saat mendaftar. Nantinya saat dicetak akan berisi data No. Pendaftaran, Nama, NISN dan asal sekolah.
Setelah siswa selesai melakukan ujian/test, maka pantia PPDB bisa melakukan verifikasi apakah siswa akan diterima atau tidak.

e. Pengumuman
fasilitas mengecek kelulusan/pengumuman diterima atau tidak


Sama seperti dua fasilitas sebelumnya, data akan ditampilkan berdasarkan NISN. Siswa akan mengetahui apakah dilulus atau tidak dengan cara memasukan NISN pada kolom NISN yang tersedia yang terdapat pada menu pengumuman

Sama halnya seperti halaman pendaftaran. Halaman pengumuman ini juga bisa diaktifkan/dinonaktifkan. Diharapkan pihak sekolah/pantia PPDB mengaktifkan halaman pengumuman ini jika memang seluruh proses pendaftaran/test sudah selesai dilaksanakan.


2. HALAMAN ADMIN
a. Halaman Dasboard

halaman dasboard



Untuk Halaman Admin Panel tidak terlalu jauh berbeda dengan versi sebelumnya, dimana untuk framework/templatenya sendiri masih menggunakan bootstrap. Hanya untuk versi 3 menu – menu di halaman admin beberapa sudah banyak dihilangkan, seperti untuk buku tamu, website dan pada halaman depannya sendiri saya hanya menampilkan data untuk siswa ditolak, diterima belum diverifikasi dan link menuju halaman pengumuman

b. Data Siswa
tambah data siswa secara manual dari halaman admin panel ppdb


Pada menu ini Anda bisa melihat semua siswa yang sudah melakukan pendaftaran,Anda bisa melihat siswa berdasarkan status pendaftarannya misalnya, siswa diterima ditolak dan belum diverifikasi. Pada menu ini Anda bisa melkukan verifikasi data pendaftaran (update), melihat detail pendaftar, melihat data nilai, delete dan juga bisa menambah data siswa secara manual dari halaman admin

c. Buka Tutup Pendaftaran

pengaturan buka tutup pendaftaran


Pada menu ini Anda bisa mengaktifkan dan menonaktifkan halaman pendaftaran. Anda bisa memilih opsi buka jika ingin membuka pendaftaran dan sebaliknya Anda bisa memilih opsi Tutup untuk menutup pendaftaran

d. Buka Tutup Pengumuman 

fasilitas buka tutup pengumuman

Pada menu ini Anda bisa mengaktifkan dan menonaktifkan halaman pengumuman. Anda bisa memilih opsi buka jika ingin membuka pengumuman dan sebaliknya Anda bisa memilih opsi Tutup untuk menutup pengumuman

e. Identitas Sekolah

halaman admin ppdb untuk mengisi data sekolah


Fasilitas ini bisa Anda gunakan untuk memasukan identitas sekolah penyelenggara PPDB. Identitas ini nantinya akan dipanggil pada halaman depan Aplikasi PPDB, dimana secara otomatis akan mengisi opsi data – data sekolah, untuk judul pada aplikasi, kemudian nama sekolah pada halaman depan, kontak dan alamat sekolah penyelenggara PPDB

[ DOWNLOAD ]
[ DOWNLOAD ] versi 3.1 (Barcode MPDF)
Untuk MPDF, gunakan versi 5.7.4, silahkan replace plugins MPDF dengan yang ada di https://github.com/kbs1/mpdf-5.7-php7 jika Anda menggunakan versi 3.1

Spesifikasi Aplikasi PPDB Berbasis Web Versi 3
  1. PHP MySQLi Procedural (Bahasa & Teknik Penulisan Kode)
  2. MySQL (Database)
  3. Bootstrap (Framework/Template)
  4. PHP MySQLi Prepared Statement (Keamanan)
  5. Support PHP 7
Fasilitas Aplikasi :
  1. Formulir pendaftaran
  2. Print Pendaftaran
  3. Cetak Kartu Peserta
  4. Buka tutup pendafataran
  5. Buka tutup pengumuman
  6. Halaman Admin untuk verifikasi data siswa (lulus/tidak lulus) 
  7. Halaman untuk melihat data pendaftaran siswa yang telah masuk
Instalasi dan konfigurasi
  1. Buat Database
  2. Impor Database / File SQL yang sudah didownload bersama aplikasi
  3. Extract folder ppdb ke c:\xampp\htdocs
  4. Edit file koneksi.php yang terdapat pada folder ro-database. Sesuaikan variabel koneksinya (username, password, host dan database)
Video Demo Aplikasi PPDB Online Versi 3

Saya sudah merelease Aplikasi PPDB Online versi 3.2, pada versi ini ada beberapa hal yang baru dan lebih baik pada versi sebelumnya. Diantaranya
  1. Sistem Print/Cetak Bukti Pendaftaran/Pengumuman menggunakan file PDF (versi 3.1 ada)
  2. Backup (Export) data peserta didik yang diterima dalam format file PDF atau Microsoft Excel
  3. Sistem Pembayaran (bisa diaktifkan atau tidak jika tidak dibutuhkan) dengan kode daftar (kode unik) sehingga hanya peserta yang memiliki kode daftar dan telah membayar administrasi saja yang bisa mendaftar
  4. Fitur Tambah Admin
  5. Password dengan enkripsi Password Hash Bycrypt

Related Posts :

73 Responses to "Aplikasi PPDB Berbasis Web Versi 3"

  1. Replies
    1. username root93, password admin

      Delete
    2. fungsi kirim pada menu daftar tidak berfungsi !! gimana ya ?

      Delete
    3. ah masa sih , jalan kok, coba replace atau upload ulang untuk nav-ppdbnya, barangkali ada yang salah, atau coba dulu di localhost...

      Delete
    4. aplikasinya sudah di hosting di internet atau masih di localhost ??

      Delete
    5. Iyah Kang di saya juga belum bisa nih fungsi kirim nya, kenapa yah?

      Delete
    6. pake versi PHP berapa,, cek versinya yah, atau di cek di fans page root93... soal masalah ini, saya udah test, di php 5 dan 7, kecuali kalau pakai versi barcode,, sarankan pake versi php 5

      Delete
    7. Sudah Bisa Kang, terima kasih, ternyata bisa pake php 5, kalau 7 ga bisa di saya mah

      Delete
    8. seharusnya versi 7 bisa, coba cek error log di hosting mu,,, atau versi PHP 7 nya versi EA jangan yang ALT...

      Delete
    9. bang user dab pasword admin nya kok kagak bisa

      Delete
    10. username root93, password admin,, bang pake yang ini ke menu admin ga masuk terus ...

      Delete
    11. saya pake PHP Version 7.2.9, dan fungsi kirimnya nggak bisa. nuhun

      Delete
  2. Pendaftaran hanya support di firefox mozilla gank.. Baru berfungsi tombol kirimnya ..

    Bagusnya lagi kalo ada pilihan jurusan tuk smk gank minimal 3 pilihan

    ReplyDelete
    Replies
    1. masa sih ?saya sudah cek di browser jenis chrome, dan bisa berjalan dengan baik,,, perlu dingat kalau ada salah satu data yang belum terisi maka otomatis tidak bisa kirim kecuali untuk wali karena bersifat optional..
      kemudian jika misal ada data yang salah satu tidak sesuai ketentuan saat mengirim, misal karakternya kurang, misal harus 10 untuk NIS malah diisi 9, maka ini juga tidak akan disimpan, terus kalau saat dikirim ada data yang salah, maka ada beberapa isian yang harus diulang untuk diisi..

      Delete
  3. untuk XAMPP support berapa pak?? Apakah ada tutorial untuk penginstallannya pak??

    ReplyDelete
  4. maaf mau tanya aplikasi sdh kami pasang di hosting data isian di menu pendaftaran tidak tampil, kalau di localhost tampil. sama setelah di pasang di hosting tidak bisa login admin. mohon pencerahannya.

    ReplyDelete
    Replies
    1. sebenarnya ada beberpa yang mengalami seperti itu, biasanya kadang hosting lambat mendeteksinya padahal semua file sudah di upload...
      kalau soal login, coba cek versi PHPnya dulu, coba pakai PHP versi 5 dulu, untuk mengecek jalan dan enggaknya, soalnya kan ini test secara keseluruhan baru dicoba di PHP 5, jadi intinya versi php di hotsing coba rubah dulu...

      Delete
    2. terima kasih pencerahannya. kami coba dulu

      Delete
  5. Terimakasih banyak, sangat bermanfaat sekali...

    ReplyDelete
  6. bagus bgt hanya sayangnya tdk ada menu export data siswa ke excel untuk data rekap minimal nama siswa NISN nilai ujian dan kontak

    ReplyDelete
    Replies
    1. export ke excel bisa dilakukan di phpmyadmin, baca : Cara Ekspor Data Aplikasi PPDB Versi 3 ke Ms.Excel, kamu bisa verifikasi banyak data sekaligus ketika semua pendaftaran sudah selesai,, soal untuk nilai ujian bisa kamu custom sendiri di codenya,,, jika tidak mengerti atau ada kendala bisa hubungi saya, saya siap membantu

      Delete
  7. Parse error: syntax error, unexpected '&&' (T_BOOLEAN_AND), expecting ')' in /home/smpt4738/public_html/ppdb/ro-query/ro-simpan-siswa.php on line 594

    mas muncul seperti ini saat pendaftaran. ini posisi sudah saya onlinekan

    ReplyDelete
    Replies
    1. periksa line 594, saya raasa dan seharusnya gak terjadi error, kecuali sebeumnya kamu edit2 filenya, kalau error seperti itu coba downgrade dulu ke PHP 5,
      aplikasi PPDBnya pakai versi berapa? 3 atau 3.1 ?
      kalau masih erro, hub saya aja, nanti saya bantu perbaiki...

      Delete
    2. mas ini saya pakai versi yg 3.1. pendaftaran tidak mau diklik kirim jika pakai chrome.maunya pake mozilla mas. sebagai informasi. saya pakai php versi 56

      Delete
    3. Soal pendaftaran tidak mau diklik kirim itu pasti, ada isian yang wajib yang lupa kamu isi, dan pasti akibatnya akan seperti itu, form tidak bisa dikirim, kalau diliat di source console pasti hasilnya An invalid form control with name='' is not focusable.
      Coba deh hilangkan tag required="" pasti ketahuan ada nilai yang tidak kamu isi, masa di firefox aja bisa, di chrome tidak bisa,, saya sudah mengetesnya sendiri,

      Delete
  8. Apa mungkin kalau ditambah fitur pembayaran? Kayak toko onlen gitu. Gini alurnya, si siswa kan udah daftar nih, tapi dia belum bisa cetak bukti pendaftaran, dia kudu bayar dulu entah lewat virtual akun atau transfer yang bakalan di-acc ama pihak admin, setelah valid melakukan pembayaran baru dia bisa cetak bukti pendaftaran. Kira2 ribet gak kalo dibuat gitu? Soalnya tiap sekolah kan pasti ada pemayaran ini-itu.

    ReplyDelete
    Replies
    1. oh gampang banget malah, saya sudah impelemntasikan hal semacam itu pada aplikasi booking penginapan dan paket wisata...
      cuman kalau saya alurnya gini, jadi nanti pakai aplikasi sms banking atau sejenisnya... nanti akan ada pemberitahuan lewat SMS, kalau no.rek tertentu sudah melakukan pembayaran, tinggal verifikasi dan beri tanda pada status pembayaran... misal LUNAS atau kalau belum dibayar, biarkan secara default berstatus BELUM LUNAS atau bisa aja kalau yang hanya bisa cetak yang sudah bayar saja, tinggal filter berdasarkan data "BELUM LUNAS", sederhananya sih gitu,, .....

      Delete
  9. pak... kalau boleh saran sebaiknya aplikasi PPDB memakai sistem Zonasi dan pilihan sekolah nya ada 3 sekolah, terus dibuatkan juga limit/batas siswa baru, kalau bisa ada juga halaman Pengumumannya

    ReplyDelete
  10. Wah terima kasih untuk ilmunya gan... mantap..

    ReplyDelete
  11. Saya coba pasang di hosting, bisa.
    Namun ketika masuk admin, tidak bisa, user & passw sdh benar. Errornya : is currently unable to handle this request.
    HTTP ERROR 500.
    Klo dicek error lognya : PHP Fatal error: Call to undefined function mysqli_stmt_get_result() in /home/smpnbang/public_html/ppdb/ro-admin/ro-login-proses.php on line 14

    Apa kira-2 penyebabnya? terimakasih sebelumnya.

    ReplyDelete
    Replies
    1. ini statusnya udah FIXED yah, saya dah kasih tau di WA,, bagi yang mengalami masalah yang sama,,, nanti bisa change versi PHPnya ke EA atau ALT, tapi kalau dihostingnya tidak ada opsi tersebut,, coba gunakan php versi native

      Delete
  12. mas kalo mau nambah pertanyaan atau isian bagaimana ya?

    ReplyDelete
  13. harus di custom gan, di edit di html, database, dan perintah querynya perlu ditambah

    ReplyDelete
  14. Terima Kasih sebelumnya sudah memberikan aplikasi ppdb ini dengan gratis meski masih sederhana. sayas sudah coba upload ke hosting, login ke admin berhasil. tapi ketika daftar, data siswa tidak terkirim. saya coba di opera, chrome, tidak mau terkirim. tetapi di mozilla bisa. mohon solusinya. terima Kasih.

    ReplyDelete
    Replies
    1. masalah ini banyak banget yang komplen, belum saya perbaiki...
      tapi gini coba baca komen saya diatas....

      "Soal pendaftaran tidak mau diklik kirim itu pasti, ada isian yang wajib yang lupa kamu isi, dan pasti akibatnya akan seperti itu, form tidak bisa dikirim, kalau diliat di source console pasti hasilnya An invalid form control with name='' is not focusable.
      Coba deh hilangkan tag required="" pasti ketahuan ada nilai yang tidak kamu isi, masa di firefox aja bisa, di chrome tidak bisa,, saya sudah mengetesnya sendiri," atau misal data minimalnya 19 kamu isi 10, maka ini gak akan bisa dikirim, coba cek di bagian alamat sekolah atau yang pake text area....

      Delete
    2. mav pak. tag required="" di file ro-daftar.php sudah saya hapus semua. untuk data minimal maximal sudah sya edit juga dan tetap tidak bisa mengirimkan data. kenapa yaa ? firefox sih ga masalah..

      Delete
    3. nanti saya bahas di video yah, sambil kita cek dan coba bareng - bareng...

      Delete
    4. jika kamu mau gampangnya, kamu bisa donasi aja seikhlasnya, nanti aku bantu sampe selesai semua instalasinya dan siap digunakan, dah banyak kok ini yang pake, mulai dari lampung, palembang dan sulawesi

      Delete
    5. Ternyata permasalahannya sama. Hheee...
      Padahal sebelumnya bisa

      Delete
    6. liat penjelasannya di https://youtu.be/-9aOzEOznVY

      Delete
  15. Gagal Memilih Database:
    maksudnya gmn ya min???
    maaf masih pemula

    ReplyDelete
  16. Mav pak. Ketika halaman awal di akses kan di arahin ke folder ro-index. Cara biar nama foldernya ke ganti, gimana yaa? Tapi tetap di folder itu.

    Maksudnya, ketika diakses alamatnya misalkan http://ppdb.com/ro-index/beranda

    Berubah menjadi

    Http://ppdb.com/p/beranda

    ReplyDelete
    Replies
    1. tinggal ganti saja, di file indexnya arahkan ke folde 'p', terus masukan atau ganti dengan nama p folder ro -ndexny

      Delete
  17. Gan..saat saya coba daftar, keluar error gagal menyimpan data. padahal isiannya udah bener semua, settingan database juga udah bener. Itu kenapa ya?

    ReplyDelete
    Replies
    1. kamu coba di hosting atau di localhost ? versi php yang digunakannya versi berapa ??

      Delete
    2. coba di hosting dengan versi php 5.6.38

      Delete
  18. permisi gan.
    mau tanya cara menambah form jurusan di versi ke 3 gk? soalnya tutorial di youtube beda versi. hehe

    ReplyDelete
  19. eh.. udah bisa gan untuk tambah pilihan jurusan. kalo tambah foto gimana ya? saya coba kok error terus. hehe

    ReplyDelete
    Replies
    1. kalau mau custom, saya siap bantu, silahkan donasi dulu, nanti saya bantu

      Delete
  20. untuk di hosting sudah saya coba dengan PHP 7.0 , 7.1 dan 7.2 tetap saja errornya gagal menyimpan data.

    ReplyDelete
    Replies
    1. Yang lainnya ada yang error gak,, misalnya dibagian depannya (beranda) ada error atau apa

      Delete
    2. Yang lainnya ga ada error...
      Pada saat proses saya cek pakai developer tools juga ga ada errornya.
      Tetapi tetap gagal menyimpan data.

      Delete
    3. nah berarti klo gak ada yang error, itu dah konek ke db, konfigurasi db dah bagus...
      nah yang jadi masalahnya saat menyimpan datanya... saya susah kalau menjelaskan begini, soalnya dari kasus2 eror semacam ini, kebanyakan karena versi PHPnya, sisanya tidak ada yang mengalami masalah,,, klo di localhost error gak ??

      Delete
  21. untuk yang versi 3.2 bisa didownload dimana mas?

    ReplyDelete
    Replies
    1. versi 3.2 tidak dibagikan secara gratis mas, kalau mau, donasi seikhlasnya, soalnya ini dikembangkan juga hasil dari yang udah donasi...

      Delete
  22. mav mau tanya... saya ingin menambahkan tabel siswa yg diterima di menu pengumuman. saya sudah copy paste codingan tabel siswa dari folder ro-admin/ro-diterima.php dari div class="panel-body">
    <table
    hingga
    </table
    </div .
    dan saya sudah include kan pula query yg dibutuhkan. Data siswa sudah berhasil tampil. tetapi fitur2 search, show per entries, dll, kenapa ga muncul yaa? mohon solusinya. Terima kasih.

    ReplyDelete
    Replies
    1. itu perlu ditambahkan atau memanggil properti dataTables, itukan ditampilkannya menggunakan plugins data table...
      Idealnya sih data tidak boleh ditampilkan secara umum, karena berkaitan masalah privasi si siswa itu sendiri, tapi kalau mau ditampilkan yah gak jadi masalah juga... yang penting kalau mau ditampilkan pakai table yang kayak di halaman Admin, perlu ditambahkan properti data tablessnya..

      Delete
    2. data yg ditampilkan cuma, nama, asal sekolah dan status diterima atau tidak saja dan saya rasa tidak masalah.

      ok. terima kasih. sudah ketemu solusinya.

      Delete
  23. Mantep kang aplikasinya, hnya saat cba aplikasi di chrome tombol kirim ga bsa.sya cba di ie tombol kirim bsa kang.versi php sya pke 5.6.3 di localhost.
    Nuhun kang semoga berkah

    ReplyDelete
    Replies
    1. liat penjelasannya di https://youtu.be/-9aOzEOznVY

      Delete
  24. Mas, saya mau custom form pendafatarannya, ada beberapa isian di form yg mau dinonaktifkan, apa saja yang perlu diedit? terima kasih banyak sebelumnya :)

    ReplyDelete
    Replies
    1. nanti akan saya bahas di video,, bagaimana tata caranya...

      Delete
  25. haduh newbe, untuk masuk ke admin gimn sih

    ReplyDelete
  26. soal file koneksi eror terus, gimana ya mas, tolong pencerahan nya

    ReplyDelete
    Replies
    1. eror maksudnya bagaimana mas, ? konfigurasi dulu aplikasinya dengan benar, seperti file2 untuk koneksi ke database....

      Delete

Silahkan untuk meninggalkan komentar, santai saja dan mulailah berkomentar...