menggunakan library datatables panada framework
DESCRIPTION
PEMERINTAH KABUPATEN BULELENGDINAS PENDIDIKANSMP NEGERI 1 SINGARAJAJl. Gajah Mada No. 109 Telp. (0362) 22441 Fax. (0362) 25790Website: http://www.smpn1singaraja.sch.id E-mail: [email protected] DAN ADMINISTRASI PENGELOLAAN LABORATORIUM IPATAHUN PELAJARAN 2012/2013OLEH:NYOMAN DEWI PURNAMASARI, A.MD.PEMERINTAH KABUPATEN BULELENGDINAS PENDIDIKANSMP NEGERI 1 SINGARAJALEMBAR PENGESAHANPENGENALAN DAN ADMINISTRASI PENGELOLAAN LABORATORIUM IPATAHUN PELAJARAN 2012/2013Disahkan di SingarajaTanggal : .... November 2012Penyusun:Nyoman Dewi Purnamasari, A.Md.NIP.-(Laboran Laboratorium IPA)Mengesahkan :Kepala SMP Negeri 1 SingarajaI Ketut Bawa, M.PdNip. 19730305 199802 1 003KATA PENGANTAR Puji syukur kehadapan Tuhan Yang Maha Esa, atas berkat dan rakhmat-Nya saya selaku Laboran Laboratorium IPA telah menyusun Pengenalan dan Administrasi Pengelolaan Laboratorium IPA. Pengenalan dan Administrasi Pengelolaan Laboratorium IPA tahun pelajaran 2012/2013 ini, akan dijadikan acuan di dalam pelaksanaan setiap kegiatan yang dilaksanakan di Laboratorium IPA. Rampungnya Pengenalan dan Administrasi Pengelolaan Laboratorium IPA ini merupakan buah kerjasama diantara Kepala Lab, Laboran maupun Guru SMP Negeri 1 Singaraja dan oleh karenanya ucapan terima kasih yang mendalam yang pantas kami ucapkan atas semua kerjasamanya. Semoga apa yang ditulis dalam Pengenalan dan Administrasi Pengelolaan Laboratorium IPA ini akan mampu secara benar diterapkan dalam segala kegiatan yang dilaksanakan di Laboratorium IPA. Singaraja, ... November 2012PenyusunDAFTAR ISILembar Pengesahan ............................................................................................. iKata Pengantar ..................................................................................................... iiDaftar Isi ............................................................................................................ iiiBAB I PENGENALAN LABORATORIUM IPA .................................................. 1BAB II TATA TERTIB PENGGUNAAN LABORATORIUM IPA....................... 3BAB III STANDAR OPERASI PROSEDUR (SOP) LABORATORIUM IPA............................................................................................. 5BAB IV ADMINISTRASI PENGELOLAAN LABORATORIUM IPA ............ 8 BAB V PENUTUP ............................................................................................. 13Lampiran BAB IPENGENALAN LABORATORIUM IPA1.1 Pengertian LaboratoriumLaboratorium adalah tempat belajar mengajar melalui media praktikum yang dapat menghasilkan pengalaman belajar dimana siswa berinteraksi dengan berbagai alat dan bahan untuk mengobservasi gejala-gejala yang dapat diamati secara langsung dan membuktikan sendiri sesuatu yang dipelajari.1.2 Fungsi LaboratoriumSecara umum fungsi laboratorium antara lain :1.2.1 Sebagai tempat dilakukannya percobaanAlat-alat laboratorium dan bahan-bahan praktikum tidak mungkin semuanya diletakkan dalam kelas, oleh karena itu percobaan dilakukan di dalam laboratorium.1.2.2 Sebagai tempat penunjang kegiatan kelasDengan adanya kegiatan pembalajaran di laboratorium, siswa dapat mengamati gejala-gejala yang terjadi dalam percobaan secara langsung dan tidak hanya belajar menurut teori-teori yang ada.1.2.3 Sebagai tempat display atau pameranLaboratorium juga dapat digunakan sebagai tempat pameran atau display dari hasil-hasil percobaan atau penelitian yang telah dilakukan, agar memberi gambaran lebih bagi siswa dan dapat memotivasi untuk penelitian atau percobaan yang lebih baik.1.3 Tahapan Praktikum di LaboratoriumDalam melakukan praktikum, praktikan tidak langsung praktik apa yang akan rencanakan namun harus melaluiTRANSCRIPT
MENGGUNAKAN LIBRARY DATATABLES PANADA FRAMEWORK
Tujuan dibuatnya librari ini adalah untuk mempermudah menampilkan datamenggunakan fitur server side yang ada pada jquery plugin datatables. Fiturserver side ini merupakan fitur dari datatables yang patut anda pertimbangkanapabila anda bekerja dengan data yang besar. Sebagai gambaran, apabila andamempunya data sebanyak 10.000 ribu record tanpa menggunakan fitur server sidemaka datatables akan mengambil semua data terlebih dahulu kemudian di olaholeh datatables secara client side, lalu apa yang terjadi? Bisa di coba sendiri :Dhehe. Dengan server side, pengolahan data di lakukan secara server side baik itufiltering, paging atau sorting. Untuk lebih lengkapnya bisa di lihat di
http://datatables.net/release-datatables/examples/server_side/server_side.html
API deskripsi contoh keteranganset_database Default value nya ‘default’ $this->DT->set_database(‘db2’) Not testedselect $this->DT->select
(array(field1,field2))tested
distinct Not testedgroup_by Not testedfrom Untuk memilih nama tabel $this->DT->from(namatable) testedjoin Not testedwhere Not testedfilter Not testedadd_column Not testededit_column Not testedunset_column Not testedgenerate Untuk generate Json, Array.
Defaulnya jsonecho $this->DT->generate(); teted
cara menggun akannya :
1. Letakkan file librari Datatables.php di dalam folder APP/Libraries2. Buat controller seperti berikut:
3. <?php4. namespace Controllers;5. use Resources, Libraries;6.7. class Phonelib extends Resources\Controller8. {9. public function __construct(){10. parent::__construct();11. $this->rest = new Resources\Rest;12. $this->request = new Resources\Request;13. $this->DT = new Libraries\Datatables;14. }15.16. Public function read(){17. $this->DT
18. ->select(array(19. 'nama',20. 'tgl_lahir',21. 'jenis_kelamin',22. 'kabupaten',23. 'propinsi',24. 'email',25. 'no_hp'))26. ->from('phonebook');27. echo $this->DT->generate();28. }
29. }
30. kemuadian buat view
<script type="text/javascript">$(document).ready(function() {
editor = new $.fn.dataTable.Editor( {"ajaxUrl": "phonebook/init","domTable": "#tabel_phonebook","fields": [ {
"label": "nama","name": "nama"
},{
"label": "Tgl. Lahir","name": "tgl_lahir",
},{
"label": "Jenis Kelamin","name": "jenis_kelamin"
},{
"label": "Kabupaten","name": "kabupaten"
},{
"label": "Propinsi","name": "propinsi"
},{
"label": "Email","name": "email"
},{
"label": "No. HP","name": "no_hp"
},]
});
$('#tabel_phonebook').dataTable( {"sDom": "<'row-
fluid'<'span3'l><'span5'T><'span4'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"sAjaxSource": "<?php echo $this->location('phonelib/read); ?>",
"bProcessing": true,"bServerSide": true,"sServerMethod": "POST","aoColumns": [
{ "mDataProp": "nama" },{ "mDataProp": "tgl_lahir" },{ "mDataProp": "jenis_kelamin" },{ "mDataProp": "kabupaten" },{ "mDataProp": "propinsi"},{ "mDataProp": "email"},{ "mDataProp": "no_hp" }
],"oTableTools": {
"sRowSelect": "multi","aButtons": [
{ "sExtends": "editor_create", "editor":editor },
{ "sExtends": "editor_edit", "editor":editor },
{ "sExtends": "editor_remove", "editor":editor }
]}
});} );
</script>
Apabila anda mengikuti tutorial saya sebelumnya (Panada+bootstrap+datatables)
Maka cukup di tambahkan :
"sAjaxSource": "<?php echo $this->location('phonelib/read); ?>","bProcessing": true,"bServerSide": true,"sServerMethod": "POST",