BAB IV TESTING DAN IMPLEMENTASI

Transkripsi

1 BAB IV TESTING DAN IMPLEMENTASI 4.1 Implementasi Implementasi sistem terintegrasi penggajian dan kegiatan belajar mengajar ini membutuhkan beberapa perangkat lunak serta spesifikasi hardware yang mendukung. Pembuatan aplikasi ini menggunakan komputer dengan spesifikasi sebagai berikut : 1. Perangkat keras a. Tipe komputer : Laptop ASUS A43SD b. Processor : Intel Dual Core 2.2GHz c. RAM : 4 GB d. Harddisk : 320 GB e. Monitor : 14 inch 2. Perangkat lunak a. Sistem Operasi : Microsoft Windows 8.1 Pro 32 bit b. Database : MySQL V c. Web Desain : Adobe Dreamweaver CS.6 d. Desain : Adobe Photoshop CS.6 e. Browser : Google Chrome m 4.2 Implementasi Database Tahap awal dalam pembuatan aplikasi ini yaitu pembuatan database dengan nama dbpenggajian. Berikut tabel-tabel yang dibutuhkan : 64

2 65 1. Tabel absensiswa Gambar 4.1 Tabel absensiswa Berikut potongan syntax SQL untuk membuat tabel absensiswa: DROP TABLE IF EXISTS `absensiswa`; CREATE TABLE `absensiswa` ( `idabsensiswa` varchar(8) NOT NULL, `nis` varchar(8) NOT NULL, `idkelas` varchar(8) NOT NULL, `keterangan` varchar(20), `tanggal` date, PRIMARY KEY (`idabsensiswa`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 2. Tabel gaji Gambar 4.2 Tabel gaji Berikut potongan syntax SQL untuk membuat tabel gaji: DROP TABLE IF EXISTS `gaji`; CREATE TABLE `gaji` ( `idgaji` char(4) NOT NULL, `periode` char(20), `tanggal` date, `idguru` int(8), `nmguru` varchar(30), `jml_honor_tetap` int(10), `honor_tetap` int(10), PRIMARY KEY (`idgaji`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

3 66 3. Tabel guru Gambar 4.3 Tabel guru Berikut potongan syntax SQL untuk membuat tabel guru: DROP TABLE IF EXISTS `guru`; CREATE TABLE `guru` ( `idguru` int(8) NOT NULL, `nmguru` varchar(25), `tgllahir` date, `kotalahir` varchar(20), PRIMARY KEY (`idguru`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 4. Tabel jabatan Gambar 4.4 Tabel jabatan Berikut potongan syntax SQL untuk membuat tabel jabatan: CREATE TABLE IF NOT EXISTS `jabatan` ( `idjabatan` varchar(15) NOT NULL, `jabatan` varchar(20) NOT NULL, `hnr_ttp_perjam` varchar(8) NOT NULL, `transport` varchar(8) NOT NULL, `insentif` varchar(8) NOT NULL, `tunj_jabatan` varchar(8) NOT NULL, `hnr_wali_kls` varchar(8) NOT NULL, `hnr_piket` varchar(8) DEFAULT NULL, PRIMARY KEY (`idjabatan`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

4 67 5. Tabel kehadiran Gambar 4.5 Tabel kehadiran Berikut potongan syntax SQL untuk membuat tabel kehadiran: DROP TABLE IF EXISTS `kehadiran`; CREATE TABLE `kehadiran` ( `idkehadiran` int(6) NOT NULL, `idguru` varchar(8), `tanggal` date, `jam_hadir` time, `statusmasuk` enum( 0, 1 ), `jeniskehadiran` enum( Mengajar, Piket, Tidak_Masuk ), PRIMARY KEY (`idkehadiran`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 6. Tabel kelas Gambar 4.6 Tabel kelas Berikut potongan syntax SQL untuk membuat tabel kelas: CREATE TABLE IF NOT EXISTS `kelas` ( `idkelas` varchar(8) NOT NULL, `nmkelas` varchar(50) NOT NULL, PRIMARY KEY (`idkelas`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 7. Tabel mengajar Gambar 4.7 Tabel mengajar

5 68 Berikut potongan syntax SQL untuk membuat tabel mengajar: CREATE TABLE IF NOT EXISTS `mengajar` ( `idmengajar` int(3) NOT NULL AUTO_INCREMENT, `nis` int(3) NOT NULL, `idkelas` int(3) NOT NULL, `idguru` int(8) NOT NULL, `keterangan` enum('h','s','i','a') NOT NULL, `periode` char(20) NOT NULL, `tanggal` varchar(12) NOT NULL, `mapel` varchar(20) NOT NULL, `materi` text NOT NULL, `selesai` varchar(3) NOT NULL, PRIMARY KEY (`idmengajar`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 8. Tabel siswa Gambar 4.8 Tabel siswa Berikut potongan syntax SQL untuk membuat tabel siswa: CREATE TABLE IF NOT EXISTS `siswa` ( `nis` int(3) NOT NULL AUTO_INCREMENT, `nmsiswa` varchar(25) NOT NULL, `tgl_lahir` varchar(10) NOT NULL, `alamat` text NOT NULL, `idkelas` int(5) NOT NULL, PRIMARY KEY (`nis`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 9. Tabel user Gambar 4.9 Tabel user

6 69 Berikut potongan syntax SQL untuk membuat tabel user: CREATE TABLE IF NOT EXISTS `user` ( `iduser` char(8) NOT NULL, `nmuser` varchar(10) NOT NULL, `username` varchar(20) NOT NULL, `password` varchar(8) NOT NULL, `nm_lengkap` varchar(25) NOT NULL, `level` varchar(15) NOT NULL, `approved` int(2) NOT NULL, PRIMARY KEY (`iduser`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 4.3 Tampilan Antarmuka Berikut adalah tampilan antar muka aplikasi Sistem terintegrasi penggajian dan kegiatan belajar mengajar Halaman Login Pada saat user menjalankan aplikasi, maka akan muncul halaman Login. User diharuskan untuk mengisi kolom Nama, Password, dan memilih Level yang telah tersedia pada halaman Login agar dapat masuk ke dalam menu aplikasi. Berikut tampilan halaman Login: Gambar 4.10 Halaman Login Berikut potongan source code untuk halaman login: <form action="login_validasi.php" method="post"> <p> </p>

7 70 <table width="623" border="1" align="center"> <div align="center"> echo $sekarang;?></div> <th width="160" bgcolor="yellow" scope="col"><img src="image/kbs.png" width="160" height="164" alt="logo" /></th> <th colspan="2" bgcolor="yellow" scope="col">sistem PENGGAJIAN GURU DAN BELAJAR MENGAJAR <div align="center"> <h1>sma/smk KEBANGSAAN</h1> </div><div align="center">pondok AREN - TANGERANG SELATAN</div> </th> Isi Nama dan Password pada halaman Login lalu pilih Level, klik tombol Login. Jika username dan password benar, maka akan muncul halaman utama sesuai role user. Sedangkan, jika username dan/atau password salah, maka akan muncul pesan (alert) Username atau Password Salah dan kembali ke halaman login awal Halaman Utama TU Keuangan Setelah berhasil login dengan Nama, Password dan Level TU Keuangan maka akan langsung tampil menu utama seperti berikut: Gambar 4.11 Halaman Menu TU Keuangan Berikut potongan source code untuk halaman Menu TU Keuangan } else if(isset($_session['ses_tukeu'])) {?> <table width="180" height="257" border="0" cellpadding="3" cellspacing="2">

8 71 <td background="image/tombol.png" valign="middle"> <a href='?page' title='halaman Utama' target="_self">home</a></td> <td background="image/tombol.png" valign="middle"> <a href='?page=kehadiran-data' title='kehadiran Guru Data' target="_self">data Kehadiran Guru </a> </td> <td background="image/tombol.png" valign="middle"> <a href='home.php?page=data-izin-mengajar' title='data Izin Mengajar' target="_self">izin Mengajar</a></td> Menu ini berisi data utama yang dapat dikelola oleh bagian Tata Usaha Keuangan yang telah login dan mendapatkan hak akses Halaman Data Kehadiran Guru Pada halaman Data Kehadiran Guru berisi data kehadiran guru setiap harinya yang dilengkapi dengan menu untuk mengisi kehadiran guru pada tombol Add Data seperti berikut: Gambar 4.12 Halaman Data Kehadiran Guru Berikut potongan source code untuk halaman data kehadiran guru $mysql = "SELECT kehadiran.*, guru.idguru, guru.nmguru FROM kehadiran LEFT JOIN guru ON kehadiran.idguru=guru.idguru ORDER BY kehadiran.tanggal DESC LIMIT $hal, $row"; $myqry = mysql_query($mysql, $koneksidb) or die ("Query salah : ".mysql_error()); $nomor = 0; $status = ""; while ($kolomdata = mysql_fetch_array($myqry)) { $nomor++; $Kode = $kolomdata['idkehadiran']; // Status Kerja $statuskerja = $kolomdata['statusmasuk'];

9 72?> if($statuskerja==0) { $status = "Tidak Masuk"; } elseif($statuskerja==1) { $status = "Masuk"; } else { $status = ""; } Pada halaman ini TU Keuangan dapat melihat daftar guru yang hadir setiap harinya dan mengubah atau menghapusnya bila terjadi kesalahan dalam memasukan data kehadiran, di dalam halaman ini juga TU Keuangan dapat mengisi daftar kehadiran guru setiap hari dengan menekan pilihan Add Data yang tersedia Halaman Absensi Kehadiran Guru Pada halaman Absensi Kehadiran Guru bagian Tata Usaha Keuangan mengisi data berdasarkan kehadiran guru. Gambar 4.13 Halaman Absensi Kehadiran Guru Berikut potongan source code untuk halaman data kehadiran guru <form action=" $_SERVER['PHP_SELF'];?>" method="post" name="form1" target="_self"> <table width="100%" class="table-list" border="0" cellspacing="1" cellpadding="4"> <th colspan="3">absensi KEHADIRAN GURU</th> <td><strong>nama Guru</strong></td> <td><strong>:</strong></td> <td><select name="cmbguru"> <option value="blank">...</option> $datasql = "SELECT * FROM guru ORDER BY idguru"; $dataqry = mysql_query($datasql, $koneksidb) or die ("Gagal Query".mysql_error()); while ($datarow = mysql_fetch_array($dataqry)) { if ($dataguru == $datarow['idguru']) { $cek = " selected"; } else { $cek=""; } echo "<option value='$datarow[idguru]' $cek>[ $datarow[idguru] ] $datarow[nmguru]</option>"; }?>

10 73 Halaman Absensi Kehadiran Guru berisi pilihan dan kolom untuk mengisi data kehadiran guru setiap hari jika guru yang bersangkutan hadir yang selanjutnya dapat dilihat di dalam halaman Data Kehadiran Guru Halaman Izin Mengajar Guru Pada Halaman Izin Mengajar Guru ini berfungsi sebagai kontrol apakah guru tersebut berhak masuk ke menu mengajar atau tidak. Tampilan menunya sebagai berikut: Gambar 4.14 Halaman Izin Mengajar Guru Berikut potongan source code untuk halaman Izin Mengajar Guru $mysql = "SELECT * FROM user ORDER BY iduser ASC LIMIT $hal, $row"; $myqry = mysql_query($mysql, $koneksidb) or die ("Query salah : ".mysql_error()); $nomor = 0; while ($mydata = mysql_fetch_array($myqry)) { $nomor++; $Kode = $mydata['iduser'];?> <td> echo $nomor;?></td> <td> echo $mydata['iduser'];?></td> <td> echo $mydata['nmuser'];?></td> <td> echo $mydata['username'];?></td> <td> echo $mydata['nm_lengkap'];?></td> <td> echo $mydata['approved'];?></td> <td width="34" align="center"><a href="home.php?page=mengajar-izin&kode= echo $Kode;?>" target="_self" alt="edit Data">Masuk/Keluar</a></td> }?> </table> </td> <tr class="selkecil"> <td height="22" bgcolor="#cccccc"><strong>jumlah Data :</strong> echo $jml;?> </td> <td align="right" bgcolor="#cccccc"><strong>halaman ke :</strong> for ($h = 1; $h <= $max; $h++) { $list[$h] = $row * $h - $row; echo " <a href='?page=data-izin-mengajar&hal=$list[$h]'>$h</a> "; }?>

11 74 Untuk menggunakan halaman ini pilih masuk/keluar pada field tools lalu akan tampil halaman Ubah Data Izin Halaman Ubah Data Izin Pada Halaman ini terdapat beberapa kolom yang hanya dapat di lihat saja dan tidak dapat diubah isinya seperti berikut: Gambar 4.15 Halaman Ubah Data Izin Berikut potongan source code untuk halaman Ubah Data Izin <form action=" $_SERVER['PHP_SELF'];?>" method="post" name="form1" target="_self"> <table width="100%" class="table-list" border="0" cellspacing="1" cellpadding="4"> <th colspan="3"><b>ubah DATA IZIN</b></th> <td width="231"><b>id User</b></td> <td width="5"><b>:</b></td> <td width="950"> <input name="textfield" type="text" id="textfield" value=" echo $dataiduser;?>" size="10" maxlength="5" readonly="readonly"/> <input name="txtiduser" type="hidden" value=" echo $dataiduser;?>" /></td> <td><b>nama</b></td> <td><b>:</b></td> <td><input name="txtnama" type="text" value=" echo $datanama;?>" size="60" maxlength="100" readonly="readonly"/></td> <td><b>nama Lengkap</b></td> <td><b>:</b></td> <td><input name="txtnamalengkap" type="text" value=" echo $datanamalengkap;?>" size="60" maxlength="20" readonly="readonly"/></td> <td><b>username</b></td> <td><b>:</b></td> <td><input name="txtusername" type="text" value=" echo $datausername;?>" size="60" maxlength="20" readonly="readonly"/> <input name="txtusernamelm" type="hidden" value=" echo $datausernamelm;?>" /></td>

12 75 Halaman ini di gunakan untuk merubah izin mengajar yang digunakan TU Keuangan sebagai kontrol Guru mengajar, data yang ditampilkan di dalam kolom Id User, Nama, Nama Lengkap dan username tidak dapat diubah dengan data baru, hanya Pilihan Masuk/Keluar yang dapat diubah sesuai dengan ketentuan dari TU Keuangan Halaman Data Penggajian Halaman ini berisi data seluruh Gaji Guru yang hanya dapat dilihat oleh TU Keuangan yang telah login, halaman Data Penggajian dapat dilihat seperti berikut: Gambar 4.16 Halaman Data Penggajian Berikut potongan source code untuk halaman Data Penggajian $mysql = "SELECT gaji.*, guru.idguru, guru.nmguru FROM gaji LEFT JOIN guru ON gaji.idguru=guru.idguru ORDER BY gaji.idgaji ASC LIMIT $hal, $row"; $myqry = mysql_query($mysql, $koneksidb) or die ("Query salah : ".mysql_error()); $id = 0; while ($mydata = mysql_fetch_array($myqry)) { $id++; $No = $mydata['idgaji']; // Hitung Total Gaji $totalgaji = $mydata['honor_tetap'] + $mydata['total_transport'] + $mydata['gaji_insentif'] + $mydata['gaji_jabatan'] + $mydata['gaji_piket'];?> <td> echo $id;?></td> <td> echo $mydata['periode'];?></td> <td> echo IndonesiaTgl($myData['tanggal']);?></td> <td> echo $mydata['idguru'];?></td> <td> echo $mydata['nmguru'];?></td> <td align="right"> echo format_angka($mydata['total_gaji']);?></td> <td width="42" align="center"><a href="penggajian_nota.php?nonota= echo $No;?>" target="_blank">nota</a></td>

13 76 <td width="64" align="center"><a href="home.php?page=gaji-delete&no= echo $No;?>" target="_self" alt="delete Data" onclick="return confirm('anda YAKIN AKAN MENGHAPUS DATA PENGGAJIAN INI...?')">Delete</a></td> }?> Halaman Data Panggajian berfungsi sebagai master data dimana seluruh data penggajian tersimpan, di menu Tools terdapat pilihan Nota yang berfungsi sebagai slip gaji untuk rincian gaji guru dan pilihan Delete digunakan untuk menghapus data yang salah Halaman Hitung Gaji Halaman Hitung Gaji adalah menu utama dari proses perhitungan gaji guru yang hanya dapat dilakukan oleh TU Keuangan yang telah login. berikut ini tampilan Halaman Hitung Gaji: Gambar 4.17 Halaman Hitung Gaji Berikut potongan source code untuk halaman Hitung gaji <th align="left" bgcolor="#ffffff" scope="row">nama Guru</th> <td bgcolor="#ffffff"><input name="nmguru" type="text"/> </td> <th align="left" bgcolor="#ffffff" scope="row">honor Tetap</th> <td bgcolor="#ffffff"><label for="jml_honor_tetap"></label> <input type="text" name="jml_honor_tetap" id="jml_honor_tetap" />

14 77 x Rp50.000</td> <th align="left" bgcolor="#ffffff" scope="row">transport</th> <td bgcolor="#ffffff"><label for="jml_transport"></label> <input type="text" name="jml_transport" id="jml_transport" /> x Rp10.000</td> <th align="left" bgcolor="#ffffff" scope="row">insentif</th> <td bgcolor="#ffffff"><label for="jml_mengajar"></label> <input type="text" name="jml_mengajar" id="jml_mengajar" /> x Rp5.000</td> <th align="left" bgcolor="#ffffff" scope="row">tunj. Jabatan</th> <td bgcolor="#ffffff"><select name="tunj_jabatan"> <option value="kepsek">kepsek</option> <option value="kesiswaan" selected="selected">kesiswaan</option> <option value="kaprog">kaprog</option> <option value="walikelas">walikelas</option> <option value="guru">guru</option> </select></td> <th align="left" bgcolor="#ffffff" scope="row">piket</th> <td bgcolor="#ffffff"><label for="jml_piket"></label> <input type="text" name="jml_piket" id="jml_piket" /> <input type="submit" name="hitung" id="hitung" value="hitung" /><input type="reset" name="reset" id="reset" value="reset" /> </td> Pada halaman ini berisi kolom-kolom yang dapat diisi dengan data yang di dapat dari hasil laporan kehadiran guru dan hasil laporan mengajar guru, yang kemudian setelah ditekan tombol hitung maka aplikasi akan menghitung semua data yang telah di input menjadi laporan gaji yang dapat langsung di cetak sebagai bukti lampiran proses perhitungan gaji Halaman Laporan TU Keuangan Pada halaman ini terdapat enam menu laporan yang sebagian dari laporan tersebut terdapat juga dalam menu laporan TU Administrasi dan Guru, berikut tampilannya:

15 78 Gambar 4.18 Halaman Laporan TU Keuangan Berikut potongan source code untuk halaman Laporan TU Keuangan <ul> <li><a href='home.php?page=laporan-kehadiransiswa' title='laporan Kehadiran Siswa' target="_self">laporan Kehadiran Siswa </a></li> <li><a href='home.php?page=laporan-kehadiranguru' title='laporan Kehadiran Guru' target="_self">laporan Kehadiran Guru </a></li> <li><a href='home.php?page=laporan-insentif' title='laporan Insentif' target="_self">laporan Data Insentif </a></li> <li><a href='home.php?page=laporan-penggajian' title='laporan Penggajian' target="_self">laporan Data Penggajian</a></li> <li><a href='home.php?page=laporan-mengajar' title='laporan Mengajar' target="_self">laporan Data Mengajar </a></li> <li><a href='home.php?page=laporan-mengajarkelas' title='laporan Mengajar Kelas' target="_self">laporan Mengajar Kelas </a></li> </ul> Menu Laporan ini dapat digunakan sebagai rincian data yang ada dalam halaman TU Keuangan dan ada juga yang berasal dari halaman Guru Halaman Kelas Halaman Kelas ini berada di menu TU Administrasi berisi data semua kelas di SMA/SMK Kebangsaan yang dapat ditambahkan bila ada kelas baru, berikut tampilannya:

16 79 Gambar 4.19 Halaman Kelas Berikut potongan source code untuk halaman Kelas include_once "library/inc.connection.php"; //untuk input if(isset($_post['nmkelas'])){ $nmkelas=strtoupper($_post['nmkelas']); $query=mysql_query("insert into kelas(nmkelas) values('$nmkelas')",$koneksidb); if($query){ echo "<br>"; echo "Berhasil"; }else{ echo "gagal"; echo mysql_error(); } }else{ unset($_post['nmkelas']); } //untuk menampilkan $view=mysql_query("select * from kelas order by nmkelas asc");?> Halaman Kelas ini digunakan untuk menambahkan data kelas di SMA/SMK Kebangsaan dengan cara memasukan nama kelas pada kolom Nama Kelas kemudian tekan tombol Simpan, maka data kelas akan tersimpan Halaman Siswa Halaman Siswa ini berisi semua data siswa SMA/SMK Kebangsaan yang hanya dapat ditambahkan oleh TU Administrasi, berikut tampilannya:

17 80 Gambar 4.20 Halaman Siswa Berikut potongan source code untuk halaman Siswa //untuk input if(isset($_post['nmsiswa'])){ $nmsiswa=ucwords($_post['nmsiswa']); $tgl=$_post['tgl']; $alamat=$_post['alamat']; $idkelas=$_post['kelas']; $query=mysql_query("insert into siswa(nmsiswa, tgl_lahir, alamat, idkelas) values('$nmsiswa','$tgl','$alamat','$idkelas')",$koneksidb); }else{ } if($query){ echo "<br>"; echo "Berhasil"; }else{ echo "gagal"; echo mysql_error(); } unset($_post['nmsiswa']); //untuk menampilkan $view=mysql_query("select * from siswa order by idkelas asc");?> Halaman Siswa digunakan untuk menambahkan data siswa menurut kelasnya dengan cara memasukan data siswa ke dalam kolom yang tersedia dan kemudian

18 81 disimpan dengan cara menekan tombol simpan, jika data berhasil disimpan maka akan langsung tampil di daftar siswa Halaman Mengajar Halaman Mengajar terdapat di dalam menu Guru dan hanya Guru yang telah mendapat izin mengajar saja yang dapat menggunakan menu tersebut, berikut tampilannya: Gambar 4.21 Halaman Mengajar Berikut potongan source code untuk halaman Mengajar include_once "library/inc.connection.php"; $kelas=mysql_query("select * from kelas order by nmkelas asc",$koneksidb); //untuk mencari jumlah echo "Jumlah Kelas : ".$jumlah_kelas=mysql_num_rows($kelas); echo " >> Jumlah Siswa : ".$jumlah_siswa=mysql_num_rows(mysql_query("select * from siswa",$koneksidb)); echo "<br><br>"; while($row=mysql_fetch_array($kelas)){ //mencari jumlah siswa di masing-masing kelas $siswa=mysql_query("select * from siswa where idkelas='$row[idkelas]'",$koneksidb); $jumlah=mysql_num_rows($siswa);?> Halaman Mengajar adalah halaman yang digunakan guru sebelum mulai mengajar untuk memilih kelas mana yang akan diajar dengan cara mengklik pilihan Mengajar pada kolom Aksi.

19 Halaman Mengajar Kelas Halaman Mengajar Kelas ini adalah halaman yang tampil setelah guru mengklik pilihan Mengajar pada kolom Aksi di hamalan Mengajar, berikut tampilannya: Gambar 4.22 Halaman Mengajar Kelas Berikut potongan source code untuk halaman Mengajar Kelas // buat kasih nilai awal cekbox $no=0; $query=mysql_query("select * from siswa where idkelas='$idkelas'"); while($row=mysql_fetch_array($query)){?> <td> echo $c=$c+1;?></td><td> echo $row['nmsiswa'];?></td> <td align="center"> echo "<input type=checkbox name=hadir[] value=$row[nis] id='$no'>"; $no++;?></td> <td align="center"> echo "<input type=checkbox name=sakit[] value=$row[nis] id=$no>"; $no++;?></td> <td align="center"> echo "<input type=checkbox name=ijin[] value=$row[nis] id=$no>"; $no++;?></td> <td align="center"> echo "<input type=checkbox name=alfa[] value=$row[nis] id=$no>"; $no++;?>

20 83 Halaman Mengajar Kelas digunakan untuk mencatat kehadiran siswa dan mencatat materi apa yang diajarkan guru pada pertemuan tersebut yang nantinya data tersebut akan tampil di Laporan Mengajar Kelas. 4.4 Metode Pengujian Metode pengujian yang dilakukan yaitu metode black box testing. Metode ini merupakan metode pengujian yang menekankan pada berhasil atau tidaknya aplikasi menjalankan fungsi-fungsinya. 4.5 Skenario Pengujian Berikut adalah beberapa skenario pengujian yang akan dilakukan: Tabel 4.1.Tabel skenario pengujian No Antar muka yang di uji 1 Tampilan Login 2 Halaman Utama TU Keuangan 3 Halaman Data Kehadiran Guru 4 Halaman Izin Mengajar Guru 5 Halaman Hitung Gaji Bagian dari antar muka yang di uji Proses Login Menguji semua link yang tersedia Proses Add, Edit & Delete data Proses merubah Izin Mengajar Guru Proses menghitung data gaji guru Status Aplikasi Tampilan Login sudah terbuka Masuk menu utama TU Keuangan Halaman Absensi Kehadiran Guru terbuka Halaman Ubah Data Izin sudah terbuka Halaman Hitung Gaji sudah terbuka Sekenario Pengujian Input nama dan password pilih level lalu klik login Klik menu yang tersedia Masukan data Kehadiran Guru Ubah data izin mengajar dengan pilihan no 1untuk masuk dan 0 untuk keluar Masukan data gaji Yng dibutuhkan Hasil yang diharapkan Apabila benar maka akan masuk ke halaman utama jika salah maka akan kembali ke menu login Link menu yang dipilih dapat terbuka Data yang ditampilkan sesuai dengan hasil input data TU Keuangan dapat mengubah status izin Guru Apabila berhasil tersimpan data akan tampil di menu Laporan Gaji

21 84 Guru 6 Halaman Utama TU Administrasi 7 Halaman Kelas 8 Halaman Siswa 9 Halaman Utama Guru 10 Halaman Mengajar 11 Halaman Laporan Menguji semua link yang tersedia Proses input data kelas Proses input data Siswa Menguji semua link yang tersedia Proses mengajar kelas Menguji semua laporan yang ada Masuk menu utama TU Administrasi Halaman Kelas terbuka Halaman Siswa terbuka Masuk menu utama Guru Halaman Mengajar Kelas sudah terbuka Masuk menu utama Laporan Klik menu yang tersedia Masukan data kelas dan klik simpan Masukan data siswa dan klik simpan Klik menu yang tersedia Masukan semua data yang dibutuhkan dan klik Submit Klik semua menu yang dibutuhkan dan klik Tampilkan Link menu yang dipilih dapat terbuka Apabila berhasil tersimpan data akan tampil di Halaman Kelas Apabila berhasil tersimpan data akan tampil di Halaman Siswa Link menu yang dipilih dapat terbuka Hasil Absensi siswa, mata pelajaran dan materi dapat tersimpan Laporan berhasil ditampilkan sesuai menu yang dipilih Tabel 4.2.Tabel hasil pengujian No Antar muka yang di uji 1 Tampilan Login 2 Halaman Utama TU Keuangan 3 Halaman Data Kehadiran Guru Bagian dari antar muka yang di uji Proses Login Menguji semua link yang tersedia Proses Add, Edit & Delete data Status Aplikasi Tampilan Login sudah terbuka Masuk menu utama TU Keuangan Halaman Absensi Kehadiran Guru terbuka Sekenario Pengujian Input nama dan password pilih level lalu klik login Klik menu yang tersedia Masukan data Kehadiran Guru Hasil yang di dapat Semua user dapat masuk ke menu sesuai dengan hak akses user Semua menu dapat terbuka Data dapat tersimpan dan dapat diubah

22 85 4 Halaman Izin Mengajar Guru 5 Halaman Hitung Gaji Proses merubah Izin Mengajar Guru Proses menghitung data gaji guru Halaman Ubah Data Izin sudah terbuka Halaman Hitung Gaji sudah terbuka Ubah data izin mengajar dengan pilihan no 1untuk masuk dan 0 untuk keluar Masukan data gaji yang dibutuhkan TU Keuangan dapat mengubah status izin Guru Data berhasil dihitung dan ditampilkan sebagai laporan gaji guru 6 Halaman Utama TU Administrasi 7 Halaman Kelas 8 Halaman Siswa 9 Halaman Utama Guru 10 Halaman Mengajar 11 Halaman Laporan Menguji semua link yang tersedia Proses input data kelas Proses input data Siswa Menguji semua link yang tersedia Proses mengajar kelas Menguji semua laporan yang ada Masuk menu utama TU Administrasi Halaman Kelas terbuka Halaman Siswa terbuka Masuk menu utama Guru Halaman Mengajar Kelas sudah terbuka Masuk menu utama Laporan Klik menu yang tersedia Masukan data kelas dan klik simpan Masukan data siswa dan klik simpan Klik menu yang tersedia Masukan semua data yang dibutuhkan dan klik Submit Klik semua menu yang dibutuhkan dan klik Tampilkan Semua menu yang dipilih dapat terbuka Data kelas berhasil tersimpan dan langsung ditampilkan Data siswa berhasil tersimpan dan langsung ditampilkan Semua menu yang dipilih dapat terbuka Data mengajar berhasil disimpan dan tampil di Laporan Mengajar Laporan berhasil ditampilkan sesuai menu yang dipilih 4.6 Analisis Hasil Pengujian Dari skenario hasil pengujian yang dilakukan terhadap aplikasi ini, maka diperoleh analisis hasil pengujian dengan rincian sebagai berikut:

23 86 1. Hasil pengujian berdasarkan analisis perancangan sistem telah sesuai dengan yang diharapkan. Semua tombol dan link dapat berfungsi dengan baik. 2. Aplikasi ini menghasilkan beberapa laporan: a. Laporan Kehadiran Siswa : merupakan laporan untuk melihat kehadiran siswa berdasarkan tanggal dan kelas. b. Laporan Kehadiran Guru : merupakan laporan untuk melihat kehadiran guru berdasarkan tanggal dan nama guru. c. Laporan Data Insentif : merupakan laporan untuk melihat hasil mengajar guru. d. Laporan Data Penggajian : merupakan laporan untuk melihat hasil gaji setiap bulan. e. Laporan Data Mengajar : merupakan laporan seluruh data mengajar guru. f. Laporan Mengajar Kelas : merupakan laporan hasil mengajar berdasarkan tanggal dan kelas. Dari hasil pengujian yang dilakukan pada sistem aplikasi ini, penulis menyimpulkan bahwa semua halaman dan link antar halaman yang ada di dalam sistem aplikasi dapat berjalan dengan baik.