Server Side Datatable Status Peserta – CandyCBT

Candy cbt adalah salah satu aplikasi cbt terbaru yang muncul pada tahun 2018. Aplikasi yang dibuat oleh SMK HS Agung ini cukup ringan dan simpel untuk dipergunakan dalam kegiatan ulangan harian, ujian mid semester, ujian semester bahkan Simulasi UNBK mandiri untuk unbk 2019.1Datatables adalah plugin yang di bangun dari jquery untuk menampilkan data dalam bentuk table dan sudah terintegrasi search form/form pencarian dan pagination untuk penomoran data pada table. sehingga kita tidak perlu lagi membuat form pencarian pada data. dan juga kita tidak perlu lagi membuat pagination secara manual. karena kelebihan dari datatables ini adalah dia telah mengintegrasikan paginationdan form pencarian pada table data kita.2

Kenapa perlu menggunakan Datatable Server Side?

Semua data akan muat terlebih dahulu oleh browser, dan setelah semua data telah dimuat, barulah dipisahkan per page. Nah tidak masalah jika datanya hanya sedikit, tapi bagaimana jika datanya ada puluhan ribu atau jutaan? Meload puluhan ribu data sekaligus bisa memakan waktu yang sangat lama bahkan menyebabkan browser not responding.Kemudian ingin juga mencari nama atau ingin mengurutkan colom status dan lain lain.

Berikut adalah perbandingan load Status Peserta

Dengan Datatable Server Side
Dengan Datatable Server Side
Tanpa Datatable
Tanpa Datatable

Langkah menyisipkan code nya

Disini saya menggunakan versi CandyCBTV2.8R3 di download dari https://apk.cbtcandy.com/ Membuat berkas baru dengan nama, misalnya server_side_status.php

Salinlah code dibawah iniLangkah terakhir adalah

Cari code dibawah ini

Kemudian replace dengan ini

Dan Tambah script ini di admin/index.php

Dengan Datatable teks

tralala…. sekarang di halaman Status Siswa sudah bisa mengurutkan / order juga ada paging nya dan bisa mencari nama siswa   Terima Kasih, semoga bisa bermanfaat.  

1https://www.youtube.com/watch?v=C9g-GMYf4uk

2https://www.malasngoding.com/cara-menginstal-dan-menggunakan-datatables/

Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.