Sistem Informasi Pengolahan Data Nilai Siswa SekolahMenengah Kejuruan (SMK) PGRI 2 Salatiga Berbasis

Web Menggunakan Framework Codeigniter

Artikel Ilmiah

Peneliti:

Tedy Bagus Setiawan (672012047)

Ramos Somya, S.Kom., M.Cs.

Program Studi Teknik InformatikaFakultas Teknologi Informasi

Universitas Kristen Satya WacanaSalatiga

Januari 2017

Sistem Informasi Pengolahan Data Nilai Siswa SekolahMenengah Kejuruan (SMK) PGRI 2 Salatiga Berbasis

Web Menggunakan Framework Codeigniter

Artikel Ilmiah

Diajukan kepada

Fakultas Teknologi Informasi

untuk memperoleh Gelar Sarjana Komputer

Peneliti:

Tedy Bagus Setiawan (672012047)

Ramos Somya, S.Kom., M.Cs.

Program Studi Teknik InformatikaFakultas Teknologi Informasi

Universitas Kristen Satya WacanaSalatiga

Januari 2017

2

3

4

5

6

7

1. PendahuluanSekolah merupakan salah satu sarana organisasi dalam memberikan

pelayanan kepada masyarakat di bidang pendidikan. Salah satunya SekolahMenegah Kejuruan (SMK) PGRI 2 Salatiga yang berada di Dukuh Sidomukti,Salatiga. Penggunaan teknologi komputer pada zaman sekarang bukanlah halyang asing bagi tenaga pengajar dan siswa-siswi dalam meningkatkan mutupendidikan. Informasi tentang pendidikan menjadi kebutuhan umum bagimasyarakat di Indonesia saat ini, banyak orang tua siswa yang bingung dalammenentukan sekolah yang baik untuk putra-putrinya, hal itu dikarenakanminimnya informasi tentang sekolah-sekolah yang ada khususnya di kotaSalatiga. Kualitas pendidikan yang tinggi merupakan hal penting untukmembuktikan bahwa suatu sekolah mampu memberikan yang terbaik bagi pesertadidiknya dari metode yang digunakan sekolah kepada siswa. Bagi pihak yayasanatau sekolah, teknologi informasi menjadi hal penting untuk bisamempromosikan dan memberikan informasi tentang profil sekolah, lokasi, sertakeunggulan yang dimiliki setiap sekolah, serta meringankan pekerjaan pihaksekolah. Sistem ini juga dapat memberikan informasi tentang pengumumanterbaru, kegiatan, dan berita-berita penting bagi siswa-siswinya. Penelitian initidak sepenuhnya membahas tentang sistem informasi sekolah, namun berfokuspada pengolahan nilai siswa.

Perkembangan prestasi siswa dalam penyerapan ilmu yang diberikan olehguru di sekolah dapat diukur dari hasil nilai yang diperoleh, sehingga nilai harusakurat dan dipertanggungjawabkan oleh siswa yang bersangkutan. Fokuspenilaian pendidikan harus mengacu pada Standart Kompetensi (SK) yangditentukan, untuk tingkat mata pelajaran kompetensi harus dicapai berupaStandart Kompetensi mata pelajaran yang dijabarkan dalam Kompetensi Dasar(SD), untuk tingkat pendidikan kompetensi harus mencapai Standart KompetensiLulusan (SKL).

Penelitian yang berjudul Sistem Informasi Pengolahan Nilai Siswa BerbasisWeb Pada SMK Muhammadiyah Karanganyar oleh Hadwitya Handayani K(2016). Sistem informasi yang dibuat sudah memudahkan kerja dari guru untukmemasukkan dan menyimpan laporan data nilai. Hasil dari penelitian ini adalahperhitungan nilai dihitung berdasarkan empat kali inputan nilai yaitu: rata-ratanilai harian, nilai tugas, UTS, dan UAS. Jadi guru terlebih dahulu harusmenghitung rata-rata nilai harian dan nilai tugas karena tabel inputan nilai tidakbisa ditentukan oleh guru. Permasalahan pengolahan nilai juga dialami oleh SMKPGRI 2 Salatiga karena jumlah siswa hampir 300 siswa, sehingga membutuhkanwaktu sekitar 2-3 hari untuk memproses nilai. Penelitian ini sama-samamembahas tentang pengolahan nilai siswa, tetapi jika dibandingkan dari sistemyang sudah ada terobosan dari penelitian ini adalah guru dapat menginputkannilai berdasarkan jenis tugas yang otomatis di rata-rata oleh sistem dan siswadapat mencetak rapor. Sistem ini dapat meminimalisir berbagai kesalahan baikkesalahan teknis (technical error) maupun kesalahan manusia (human error).

Pengolahan nilai rapor secara online bukan lagi hal yang mustahil padazaman sekarang. Rapor online dapat membantu baik untuk sekolah maupunwarga sekolah terutama orang tua wali murid, karena mudahnya mengakses nilai

8

rapor secara online dapat dilakukan dimanapun dan kapanpun. Rapor online jugadapat meringankan pekerjaan dari pihak sekolah, guru tidak perlu lagi mencetakrapor dalam bentuk buku yang otomatis dapat menekan biaya pengeluaransekolah, mempermudah sekolah dalam pengolahan nilai siswa dan keamanan datanilai.

Aplikasi yang dikembangkan nantinya berbentuk aplikasi berbasis webkarena dapat diakses dimana saja dan kapan saja. Aplikasi dikembangkan denganmenggunakan framework CodeIgniter (CI) sebagai kerangka kerja. CI dipilihkarena CI merupakan framework yang sudah mendukung konsep Model ViewController (MVC), sehingga aplikasi lebih terstruktur apabila terjadi error dalampenulisan coding mudah ditemukan dan memanfaatan library DOMPDF untukmencetak rapor siswa.

Berdasarkan latar belakang yang telah dijelaskan, didapatkan rumusanmasalah dari penelitian ini yaitu bagaimana membuat sistem informasipengolahan data nilai siswa pada SMK PGRI 2 Salatiga berbasis webmenggunakan framework codeigniter. Penelitian ini tidak sepenuhnyamenjelaskan tentang informasi sekolah, tetapi hanya berfokus pada pengolahannilai sampai menjadi rapor. Batasan masalah dalam penelitian ini prosesperhitungan nilai tidak menggunakan algoritma tertentu, tidak membahas tentangkeamanan data.

2. Kajian Pustaka

Penelitian sebelumnya yang berjudul” Sistem Informasi Pengolahan NilaiRaport Pada Siswa SMP Negeri 1 Yogyakarta Berbasis Web” oleh ArniyantoPutri, Anggit Dwi Hartanto pada tahun 2013, menghasilkan sistem pengolahannilai. Sistem ini dibangun menggunakan PHP dan MySql yang memberikankemudahan dalam mengolah data nilai untuk admin, guru dan memudahkanpenyampaian nilai untuk siswa [1].

Penelitian kedua dengan judul “Rancang Bangun Sistem Informasi NilaiAkademik Dan Presensi Siswa Berbasis Short Message Service (SMS) GatewayPada SDN TULAKAN III” oleh Yoni widhiarso, Berliana Kusuma Riast tahun2013. Penelitian ini menghasilkan sistem informasi akademik berbasis SMSGateway untuk membantu orang tua dalam memantau kegiatan belajar putra-putrinya di sekolah, namun sistem ini dirasa kurang efektif karena hanya melaluiSMS. Sistem ini dibangun menggunakan PHP dan MySQL [2].

Penelitian ketiga yang berjudul “Sistem Informasi Akademik denganFramework Codeigniter pada SMP N 1 Teras Boyolali oleh Alfi Nur Rohmattahun 2016 menghasilkan sistem informasi tentang pengolahan data guru, datasiswa, jadwal sekolah, dan absensi [3].

Berdasarkan penelitian terdahulu yang membahas tentang sistem informasirapor, framework codeigniter, maka dilakukan penelitian tentang sisteminformasi pengolahan data siswa berbasis web dengan menggunakan framework

9

codeigniter pada SMK 2 PGRI Salatiga. Penggunaan framework codeigniterdipilih karena framework ini sudah konsep MVC, jadi lebih terstrukturdimudahkan dalam pengembangan selanjutnya. Persamaan dari penelitiansebelumnya adalah sama-sama menggunakan framework codeigniter danmembahas proses pengolahan nilai siswa, namun yang membedakan denganpenelitian sebelumnya belum ada fitur untuk mencetak rapor. Siswa hanya bisamelihat data nilai. Pemanfaatan library untuk mencetak PDF menjadi salah satutrobosan dari penelitian ini. Kemudian dari segi tampilan dengan frameworkbootstrap, sehingga tampilan website lebih menarik dan responsive yang bisadiakses melalui mobile celluler.

Web application adalah software yang dijalankan melalaui web server,tidak seperti aplikasi desktop yang dapat dijalankan secara langsung melaluisistem operasi, web application hanya bisa diakses melalui web browser. Webapplication ini memiliki beberapa keuntungan dibandingkan dengan aplikasidesktop yaitu bisa dijalankan dimanapun dan kapan saja tidak peduli apapunsistem operasi yang menjalankannya, asalkan terdapat web browser aplikasi inidapat berjalan dengan baik [4].

PHP (Hypertext Preprocessor) pertama kali dibuat oleh Rasmus Lerdroft,seorang programmer C pada tahun 1995. Waktu itu PHP masih bernama FI(Form Interpreted) yang wujudnya berupa sekumpulan script yang digunakanuntuk mengolah data form dari web. PHP dikembangkan khususnya untukmengakses dan memanipulasi data yang ada pada database server open sourceseperti MySQL [5].

MySQL adalah sebuah implementasi dari sistem manajemen basis datarelasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL(General Public License). Setiap pengguna dapat secara bebas menggunakanMySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikanproduk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunansalah satu konsep utama dalam basis data yang telah ada sebelumnya SQL(Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data yangmemungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis [6].

Framework dapat diartikan kerangka kerja sebagai kumpulan scriptterutama class dan function yang membantu developer dalam menangani berbagaimasalah-masalah dalam pemrograman seperti koneksi ke database, pemanggilanvariabel, dan file, sehingga developer lebih fokus dan lebih cepat dalampembangunan aplikasi. Karena dengan menggunakan framework, sebuah aplikasitersusun dan terstruktur dengan rapi [7].

Bootstrap merupakan framework yang biasa digunakan untuk membuataplikasi website ataupun situs web responsive secara cepat, mudah dan gratis.Twitter Bootstrap ini terdiri dari CSS (Cascading Style Sheets) dan HTML(HyperText Markup Language) untuk menghasilkan Grid, Layout, Typography,

10

Table, Form, Navigation dan lain-lain. Selain itu, di dalam Bootstrap juga sudahterdapat jQuery plugins untuk menghasilkan komponen User Interface yangcantik seperti Transitions, Modal, Dropdown, Scrollspy, Tooltip, Tab, Alert danlain-lain [8].

Framework CodeIgniter (CI) adalah salah satu framework PHP yangtangguh dan popular. CodeIgniter tergolong framework dengan ukuran kecil dancukup mudah dikuasai. CI tergolong lengkap banyak dokumentasi dan komunitas.CodeIgniter merupakan aplikasi sumber terbuka yang berupa framework PHPdengan konsep MVC (Model View Controller) untuk membangun websitedinamis menggunakan PHP. CodeIgniter memudahkan developer untuk membuataplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dariawal. CodeIgniter dirilis pertama kali pada 28 Februari 2006. Versi stabil terakhiradalah versi 3.0.6 [9].

3. Metode dan Perancangan Sistem

Tahapan yang dilakukan pada penelitian ini terdiri dari 5 tahapan, yaitu: 1)Identifikasi masalah. 2) Perancangan sistem. 3) Pembuatan sistem. 4) Pengujiandan Implementasi sistem serta analisis hasil pengujian. 5) Penulisan laporan hasilpenelitian [10]. Tahapan- tahapan yang dilakukan dalam penelitian ini dapatdilihat pada Gambar 1.

Gambar 1 Tahapan Penelitian

Berdasarkan bagan pada Gambar 1 dijelaskan bahwa tahapan penelitianyang dilakukan adalah sebagai berikut: Tahap pertama identifikasi masalah yaitumengamati dan mencari informasi masalah pengolahan nilai. Hasil yang

11

diperoleh bahwa guru kesulitan untuk menghitung nilai siswa berdasarkan nilaiharian, nilai tugas, UTS, dan UAS hingga menjadi nilai rapor. Tahap keduaperancangan sistem yaitu perancangan sistem dengan menggunakan UnifedModelling Language (UML) yang terdiri dari Use Case Diagram, ActivityDiagram, dan Class Diagram. Selain itu, perancangan arsitektur denganmenggunakan framework bootstrap karena memiliki fitur responsive untukmembuat tampilan website dan framework codeigniter yang memakai konsepMVC (Model View Controller) agar program lebih terstruktur. Tahap ketigapembuatan sistem sesuai dengan perancangan sistem yang telah dibuatsebelumnya. Tahap ini yaitu membuat tampilan website yang terdiri dari tampilanadministrator, guru, dan siswa. Tahap keempat pengujian dan implementasisistem serta analisis hasil pengujian yaitu melakukan pengujian sistem melaluiBlackbox untuk mengetahui apakah sistem sesuai dengan perancangan. Tahapkelima merupakan tahap terakhir dalam penelitian yaitu penulisan laporan hasilpenelitian. Tujuan dari tahap ini adalah untuk mendokumentasikan setiap prosessecara rinci dalam bentuk laporan tertulis sebagai hasil penelitian.

Analisis kebutuhan perangkat keras dan spesifikasi perangkat lunak yangdigunakan dalam membangun jurnal elektronik ini yaitu: analisis perangkat kerasyang digunakan adalah Processor Intel(R) Core-i3 2.20GHz, RAM 4 GB danHardisk 500 GB. Sedangkan perangkat lunak yang digunakan adalah sistemoperasi windows 7 Ultimate 64-bit, Sublime Text 3, XAMPP Server (Apache,MySQL, PHP), Web browser (dalam penelitian ini digunakan Google Chrome)dan Rational Rose untuk membuat UML. Berikut ini dijelaskan masing-masingdiagram yang telah dibuat.

Gambar 2 Use Case Diagram Sistem Rapor

12

Gambar 2 merupakan use case diagram gambaran dari sistem yang dibuat.Sistem ini terdapat 3 aktor, yaitu Administrator, Guru, dan Siswa. Aktor adminmemiliki hak akses untuk mengontrol sepenuhnya dalam sistem ini yaitumengolah data guru, mengolah data kelas, mengolah data siswa, mengolah datamapel, dan mengolah data nilai. Aktor guru memiliki hak akses untukmenginputkan nilai dan melihat data nilai yang sudah di-input. Aktor yangterakhir adalah siswa yang memliki hak akses untuk cetak rapor.

Gambar 3 Activity Diagram Input NilaiGambar 3 merupakan activity diagram untuk proses input nilai yang

dilakukan oleh guru. Aktivitas dimulai dari guru membuka sistem. Guru wajiblogin sesuai dengan username, password kemudian sistem memproses login danmemvalidasinya, jika login sukses sistem akan menampilkan menu guru, kalaulogin gagal sistem akan mengembalikan ke tampilan awal sistem yaitu login.Selanjutnya guru menginputkan nilai berdasarkan jenis tugas dalam sistemmenampilkan data nilai hasil inputan yang dapat dilihat oleh guru. Setelah semuaproses dilakukan guru logout untuk mengakhiri aktivitas.

13

Gambar 4 Activity Diagram Memproses Nilai

Gambar 4 merupakan activity diagram memproses nilai dari hak aksesadmin. Aktivitas dimulai dari membuka sistem. Admin diwajibkan untukmelakukan login terlebih dahulu kemudian dalam sistem akan memproses logindari username, password yang dimasukkan oleh admin dan memvalidasi, jikalogin sukses sistem akan menampilkan menu admin, kalau login gagal sistemakan mengembalikan ke tampilan login. Kemudian admin dapat melihat data nilaidan sistem memproses/menghitung nilai dari inputan guru. Selanjutnya adminmengirimkan hasil nilai dalam bentuk rapor kepada siswa. Setelah semua prosestelah dilakukan admin logout untuk mengakhiri aktivitas.

Gambar 5 Activity Diagram Cetak Rapor

Gambar 5 merupakan activity diagram untuk mencetak rapor yang

14

dilakukan siswa. Aktivitas dimulai dari siswa membuka sistem. Siswa diwajibkanmelakukan login terlebih dahulu sesuai username, password dan sistemmemvalidasi, jika login sukses sistem menampilkan menu siswa, sebaliknyakalau login gagal sistem mengembalikan ke tampilan awal login. Siswa dapatmencetak rapor sesuai dengan kelas masing-masing. Setelah semua prosesdilakukan siswa logout untuk mengakhiri aktivitas.

Gambar 6 Class Diagram

Gambar 6 merupakan class diagram yang berisi gambaran class-class yangada dalam aplikasi yang dikembangkan. Berdasarkan gambar 7 ada 2 jenis classyang digunakan yaitu: class model dan class controller. Class model digunakanuntuk komunikasi antara aplikasi dan database, sedangkan class controllerdigunakan untuk mengolah data dari model dan menampilkan pada userinterface. Class model dalam aplikasi memiliki 5 class yaitu: Modelguru,Modelmapel, ModelKelas, ModelSiswa, dan ModelNilai. Class controller dalamaplikasi terdiri dari 5 class yaitu: controller_guru, controller_mapel,controller_kelas, controller_siswa, dan controller_nilai. Semua tabel tersebutsaling berelasi karena setiap class saling berinteraksi dengan class-class lainnya.Class-class tersebut mengikuti struktur dari framework Codeigniter (CI) yangmenerapkan konsep MVC (Model View Controller), bagian view tidakdimasukkan pada class karena view disini hanya berisi tag HTML.

4. Hasil Implementasi dan PembahasanImplementasi dan perancangan website pengolahan data nilai SMK 2 PGRI

2 Salatiga menggunakan framework codeigniter. User yang digunakan ada 3,yaitu: Administrator, Guru, dan Siswa dengan hak akses yang berbeda.Administrator dapat mengontrol sepenuhnya dalam penginputan data guru, siswa,mapel, kelas. Guru juga dapat melakukan penginputan dan melihat nilai sertaSiswa hanya dapat mencetak rapor. Konfigurasi pertama yang harus dilakukanyaitu: konfigurasi koneksi dengan database MySQL yang ditunjukkan pada Kode

15

Program 4.1.

Kode Program 4.1 Koneksi Database Framework CodeIgniter

Kode Program 4.1 merupakan konfigurasi untuk koneksi dari frameworkcodeigniter ke database MySQL. Konfigurasi yang dilakukan yaitu mengisihostname, username, password, dan database yang digunakan.

Gambar 7 Halaman Administrator

Gambar 7 merupakan halaman utama administrator untuk CRUD (CreateRead Update Delete). Halaman ini disediakan beberapa pilihan menu, yaitu: nilai,siswa, guru, kelas, dan mata pelajaran. Menu nilai digunakan untuk melihat datarapor siswa. Menu siswa digunakan untuk menambah dan melihat data siswa.Menu guru digunakan untuk menambah dan melihat data guru. Menu kelasdigunakan untuk menambah dan melihat data kelas. Menu mata pelajaran untukmenambah dan melihat data mata pelajaran.

16

$db['default'] = array( 'dsn'=> '', 'hostname' => 'localhost', 'username' => 'root', 'password' => '', 'database' => 'db_raport', 'dbdriver' => 'mysqli', 'dbprefix' => '','pconnect' => FALSE,

Gambar 8 Halaman Input Nilai Guru

Gambar 8 merupakan halaman untuk input nilai siswa. Proses input nilaidilakukan oleh guru mapel yang sesuai dengan mata pelajaran yang diampunya.Guru memilih option kelas yang di-input, maka dalam form NIS otomatismenampilkan data siswa sesuai kelas yang dipilih. Guru input nilai sesuai denganjenis tugas yang diberikan siswa dan input nilai sikap selama 1 semester. Gurujuga dapat melihat hasil input nilai. Perhitungan nilai dilakukan dibelakang sistemdan tidak ditampilkan.Kode Program 4.2 Proses Hitung Nilai

Kode Program 4.2 merupakan script untuk menghitung proses nilai siswayang sesuai procedure dari sekolah. Baris 2 hingga 6 merupakan fungsi untukmenampung data dari input jenis tugas dengan memanggil fungsi countNilai dariGuruModel dan disimpan sementara ke dalam variabel untuk dihitung rata-ratasesuai dengan jenis tugas. Baris 8 merupakan fungsi untuk menghitung nilai darihasil rata-rata berdasarkan jenis tugas sebelum menjadi nilai real. Hasil dariperhitungan nilai ditampung ke dalam variabel $total. Baris 10 merupakanlangkah terakhir dari proses menghitung nilai menjadi nilai rapor, jadi 60% hasilnilai dari variabel $total ditambah 40% dari hasil nilai TAS.

17

1. function hasilnilai($nis,$smt,$mapel){2. $harian=$this->GuruModel->countNilai($nis,"Harian",$smt,$mapel);3. $praktek=$this->GuruModel->countNilai($nis,"Praktek",$smt,$mapel);4. $tugas=$this->GuruModel->countNilai($nis,"Tugas",$smt,$mapel);5. $sikap=$this->GuruModel->countNilai($nis,"Sikap",$smt,$mapel);6. $tas= $this->GuruModel->countNilai($nis,"TAS",$smt,$mapel);7. $harian->Nilai.'-'. $praktek->Nilai.'-'. $tugas->Nilai.'-'.$sikap->Nilai;8. $total=(((($harian->Nilai*30/100)+($praktek>Nilai*70/100)+$tugas

>Nilai)/2)*95/100)+($sikap->Nilai*5/100); 9. $total;10. $raport = round(($total*60/100)+($tas->Nilai*40/100));11. return $raport;12. }

Kode Program 4.3 Fungsi Countnilai

Kode Program 4.3 merupakan fungsi untuk menghitung rata-rata nilai menggunakan fungsi AVG (AVERAGE) dari MySQL yang mengambil data Nilaidari tb_nilai berdasarkan NIS (Nomor Induk Siswa), jenis, semester, dan kodemata pelajaran.Kode Program 4.4 Fungsi Grade Nilai

Kode Program 4.4 merupakan script yang digunakan untuk menentukankualitas nilai siswa. Range nilai sudah ditentukan sesuai dengan proceduresekolah. Jika nilai <=100 sampai >=90, maka otomatis siswa mendapat nilai A,nilai <90 sampai >=80 mendapat nilai B, nilai <80 sampai >=70 mendapat nilai C,nilai <70 sampai >=40 mendapat nilai D, dan nilai <40 sampai 0 otomatismendapat nilai E.

Rapor disajikan dalam bentuk PDF. Library yang digunakan untukpembuatan PDF adalah DOMPDF. Konfigurasi pertama yang dilakukan yaitukoneksi DOMPDF dengan Codeigniter.Kode Program 4.5 Konfigurasi DOMPDF dengan Codeigniter

Kode Program 4.5 merupakan script untuk konfigurasi DOMPDF denganCodeigniter. Perintah baris 7 merupakan hal yang terpenting untuk memanggilkonfigurasi yang sebagian besar digunakan DOMPDF. Hal ini juga memuat

18

1. function grade($raport){2. $grade="";3. if ($raport<=100 && $raport>=90) {4. $grade = "A";5. }else if ($raport<90 && $raport>=80) {6. $grade = "B";7. }elseif ($raport<80 && $raport>=70) {8. $grade = "C";9. }elseif ($raport<70 && $raport>=40) {10. $grade = "D";11. }else{12. $grade = "E";13. }14. return $grade;15. }

1. function countNilai($nis,$jenis,$smt,$mapel){2. $sql = "SELECT ROUND(AVG(Nilai),1) as Nilai FROM `tb_nilai` WHERE NIS

='".$nis."' AND Jenis='".$jenis."' AND Semester='".$smt."' ANDKode_mapel='".$mapel."'";

3. return $this->db->query($sql)->row();}

1. <?php2. class PdfGenerator3. {4. public function generate($html,$filename)5. {6. define('DOMPDF_ENABLE_AUTOLOAD', false);7. require_once("./vendor/dompdf/dompdf/dompdf_config.inc.php");8. $dompdf = new DOMPDF();9. $dompdf->load_html($html);10. $dompdf->render();11. $dompdf->stream($filename.'.pdf',array("Attachment"=>0));12. }13. }14. ?>

sebuah autoloader dan file konfigurasi kustom, sehingga dapat menggantiparameter konfigurasi default. Perintah baris 8 merupakan inisialisasi awalmenggunakan kelas DOMPDF. Perintah baris 9 merupakan HTML markup yangdiberikan dengan string. Perintah baris 10 dan 11 merupakan fungsi untukmembuat HTML ke PDF dan mengirim hasil PDF untuk ditampilkan padabrowser. Kode program 4.6 Fungsi untuk Menampilkan Data Nilai

Kode program 4.6 merupakan script untuk memanggil fungsi getdata yangberada di controller. Baris 2 merupakan fungsi untuk memanggil model dengannama gurumodel dengan parameter $nis yang ditampung sementara pada variabel$data. Selanjutnya hasil dari perulangan variabel $data ditampilkan dalam bentukarray yang ditampilkan sesuai record pada tabel database. Pada baris 16membuat variabel untuk menampung data yang diambil dari database melaluifungsi getSiswa yang ada di model dengan parameter $nis. Perintah baris 17fungsi untuk memanggil library dengan nama pdfgenerator yang sudah ditaruh difolder library codeigniter. Baris 18 merupakan fungsi untuk load view yangberada di folder siswa dengan nama template.php dan mengirimkan variabel$siswa yang natinya akan di-generate ke PDF dengan nama file Raport siswayang ditampung di $html. Penggunaan pdfgenerator dimaksudkan agar hasil dariPDF dapat di-preview terlebih dahulu selanjutnya dapat di download oleh siswa.

19

1. function getdata($nis){2. $data = $this->GuruModel->raport3($nis);3. $siswa['x'] = array();4. $i = 1;5. foreach ($data as $row) {6. $siswa['x'][$i] =(object) array(7. "NIS" => $row->NIS,8. "Kode_mapel" => $row->Kode_mapel,9. "Mapel" => $row->Mapel,10. "Semester" => $row->Semester,11. "KKM" => $row->KKM,12. "Nilai" => $this->hasilnilai($row->NIS,$row->Semester,$row-

>Kode_mapel),13. "Grade" => $this->grade($this->hasilnilai($row->NIS,$row-

>Semester,$row->Kode_mapel))14. $i++;15. } 16. $siswa['profil'] = $this->GuruModel->getSiswa5($nis);17. $this->load->library('pdfgenerator');18. $html = $this->load->view('siswa/template',$siswa,true);19. $this->pdfgenerator->generate($html,'Raport Siswa');

Gambar 9 Rapor Siswa

Gambar 9 merupakan hasil dokumen rapor siswa yang sudah di-downloaddalam bentuk PDF menggunakan DOMPDF. File ini sebagai laporan kepada walimurid dengan tujuan agar wali murid dapat mengetahui perkembangan belajardari siswa.

Pengujian sistem dilakukan untuk menguji fungsi-fungsi dari sistem yangsudah dibuat apabila terjadi kesalahan/bug pada website. Pengujian ini dilakukanagar sistem yang dibangun berjalan sesuai yang diharapkan dan dapat memenuhikebutuhan pengguna. Pengujian ini menggunakan dua teknik pengujian yaitupengujian alpha dan pengujian beta.

Pengujian alpha menggunakan metode blackbox yaitu pengujian fungsi-fungsi sistem secara langsung tanpa memperhatikan alur eksekusi program,pengujian ini dilakukan dengan memperhatikan apakah fungsi yang dibuat telahberjalan sesuai rancangan dansesuai dengan yang diharapkan. Ditunjukan padaTabel 1 Hasil Pengujian Blackbox.

20

Tabel 1 Hasil Pengujuan BlackboxFungsi yang diuji Kondisi Output yang

diharapkanOutput yang dihasilkan sistem

Status Pengujian

Login Mengisi form Username dan Password dengan benar

Berhasil Login Sukses Login Valid

Tambah Data guru Form diisi dengan benarForm diisi beberapa atau kosong

Sukses tambah dataGagal tambah data

Sukses tambah dataGagal tambah data

Valid

Invalid

Ubah data guru Form diisi dengan benar

Sukses ubah data Sukses Ubah data Valid

Hapus data guru Pilih satu data guru Sukses hapus data guru

Hapus data guru Valid

Input nilai siswa Mengisi form data siswa dan nilai berdasarkan jenis tugas

Sukses menghitung nilai

Sukses menghitung nilai

Valid

Cetak rapor siswa Cetak berdasarkan NIS siswa

Sukses cetak rapor Sukses cetak rapor Valid

Berdasarkan pengujian pertama yang dilakukan oleh sistem dapat dilihatstatus pengujian setiap fungsi valid, maka dapat disimpulkan bahwa sistem dapatberjalan dengan baik dan sesuai yang diharapkan. Pengujian selanjutnya adalahpengujian beta yaitu melakukan pengujian kepada orang yang tidak ikut dalampembuatan aplikasi atau calon pengguna aplikasi. Pengujian beta dilakukandengan membagikan kuesioner kepada sample user yaitu guru dan siswa. Sampleuser berjumlah 30 responden. Hasil dari kuesioner dapat dilihat pada Tabel 2.

Tabel 2 Hasil KuesionerNo Pernyataan STS TS C S SS1 Tampilan huruf, gambar dari sistem dapat dilihat jelas 0 1 5 20 42 Menu-menu dapat digunakan dan tidak

membingungkan0 5 8 10 7

3 Data siswa dan guru yang ditampilkan sudah lengkap 0 1 8 11 104 Sistem ini memudahkan guru untuk penginputan nilai

dan pemrosesan nilai0 0 6 9 15

5 Sistem ini memudahkan siswa untuk mendapatkaninformasi nilai

1 2 8 10 9

6 Sistem ini dapat mencetak rapor 0 0 5 15 10

Berdasarkan hasil dari kuesioner pada Tabel 2, selanjutnya menghitungpersentase jawaban dari responden yang telah mengisi kuesioner. Hasil analisisdata untuk pertanyaan 1 menunjukkan sebanyak 13.3% responden menjawabsangat setuju, 66.7% responden menjawab setuju, 16.7% responden menjawabcukup, dan 3.3% responden menjawab tidak setuju. Jadi dapat disimpulkan bahwatampilan huruf, gambar dapat dilihat dengan jelas. Hasil analisis data pertanyaan 2menunjukkan sebnyak 23.3% responden menjawab sangat setuju, 33.3%responden menjawab setuju, 26.7% responden menjawab cukup, dan 16.7%responden menjawab tidak setuju. Jadi dapat disimpulkan bahwa menu-menu

21

tidak membingungkan. Hasil analisis data pertanyaan 3 menunjukkan 33.3%responden menjawab sangat setuju, 36.7% responden menjawab setuju, 26.7%menjawab cukup, dan 3.3% responden menjawab tidak setuju. Jadi dapatdisimpulkan bahwa data guru dan siswa sudah lengkap. Hasil analisis datapertanyaan 4 menunjukkan 50% responden menjawab sangat setuju, 30%responden menjawab setuju, dan 20% responden menjawab cukup. Jadi dapatdisimpulkan bahwa sistem ini memudahkan guru dalam penginputan nilai. Hasilanalisis data pertanyaan 5 menunjukkan 30% responden menjawab sangat setuju,33.3% responden menjawab setuju, 26.7% responden menjawab cukup, 6.7%responden menjawab tidak setuju, dan 3.3% responden menjawab sangat tidaksetuju. Jadi dapat disimpulkan bahwa sistem ini memudahkan siswa untukmendapatkan informasi siswa. Hasil analisis data pertanyaan 6 menunjukkan33.3% responden menjawab sangat setuju, 50% responden menjawab setuju, dan16.7% responden menjawab cukup. Jadi dapat disimpulkan bahwa sistem dapatmencetak rapor. Kesimpulan secara umum pada pengujian beta denganmembagikan kuesioner kepada guru dan siswa adalah sistem ini sudah berjalandengan baik, dapat membantu kerja guru dalam penginputan nilai danmemudahkan siswa untuk mendapatkan informasi nilai serta siswa dapatmencetak rapor.

5. SimpulanBerdasarkan penelitian yang telah dilakukan maka dapat disimpulkan bahwa

membangun sistem informasi pengolahan data nilai siswa berbasis web dapatmempercepat dan memudahkan kerja guru dalam perhitungan nilai dan informasinilai bagi siswa. Berdasarkan hasil pembahasan tenyata penggunaaan frameworkcodeigniter mempermudah pembangunan sistem karena framework ini sudahmenggunakan konsep MVC (Model View Controller) sehingga aplikasi lebihterstuktur, jika terjadi error dalam aplikasi langsung dapat diketahui letakkesalahannya, jadi proses pembuatan sistem cepat. Hasil dari pengujianmenunjukkan bahwa dengan adanya sistem pengolahan nilai siswa dapatmeningkatkan kinerja dari guru, terutama dalam proses perhitungan nilai yangsebelumnya menghitung secara konvensional membutuhkan waktu 2-3 hari dalamsatu kelas, tapi sekarang hanya butuh waktu 1-2 menit.

6. Pustaka [1] Arniyanto Putri, Anggit Dwi Hartanto., 2013. Sistem Informasi Pengolahan

Nilai Raport Pada Siswa SMP Negeri 1 Yogyakarta Berbasis Web. ISSN:1411-3201. Yogyakarta: Jurnal Ilmiah DASI Vol. 14 No. 04.

[2] Yoni widhiarso, Berliana Kusuma Riast., 2013. Rancang Bangun SistemInformasi Nilai Akademik Dan Presensi Siswa Berbasis SMS Gateway PadaSDN Tulakan III. ISSN: 2302-5700. IJSN Vol-2 No.4.

[3] Alif Nur Rohmat., 2016. Sistem Informasi Akademik dengan FrameworkCodeigniter pada SMP N 1 Teras Boyolali.

[4] Pengertian website, diperoleh dari http://wikipedia.org; internet di aksespada tanggal 27 Desember 2016.

22

[5] Kadir, Abdul, 2003, Pemrograman Web Mencakup: HTML, CSS,Javascript, & PHP, Yogyakarta: Penerbit Andi

[6] Saputra, Agus, 2010, Step By Step Membangun Aplikasi dengan PHP danMySQL, Jakarta : elex media komputindo

[7] Kakaeriel, 2010, Kenapa menggunakan framework,https://kakaeriel.com/kenapa_menggunakan_framework/, diakses 28Desember 2016.

[8] Alatas, H., 2013, Responsive Web Design dengan PHP & Bootstrap,Yogyakarta: Loko Media.

[9] Sofwan, Akhmad. 2007. Belajar PHP dengan Framework CodeIgniter. IlmuKomputer.

[10] Hasibuan, Zainal A. 2007. Metodologi Penelitian Pada Bidang IlmuKomputer dan Teknologi Informasi: Konsep, Teknik, dan Aplikasi. Jakarta:Ilmu Komputer Univesitas Indonesia.

23