BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melalui tahap analisis dan tahap perancangan terhadap aplikasi berbasis web menggunakan framework codeigniter, tahapan selanjutnya adalah implementasi dan pengujian. Pada tahap implementasi terdiri dari spesifikasi kebutuhan sistem, yang meliputi perangkat keras (hardware) dan perangkat lunak (software), dan juga akan dibahas mengenai implementasi pembuatan basis data dan implementasi perancangan antar muka (user interface). 4.1.1 Spesifikasi Sistem Dalam aplikasi ini spesifikasi kebutuhan sistem menggunakan dua buah perangkat yaitu perangkat keras dan perangkat lunak spesifikasi kebutuhan sistem pada perancangan aplikasi ini adalah sebagai berikut : 1. Komputer Desktop (hardware) a. Processor intel core i3 b. DDR3 RAM 4GB c. Harddisk 500 GB 2. Perangkat Lunak (software) a. Microsoft Windows 7 b. Notepad++ digunakan untuk membuat program dan tampilan website c. XAMPP 1.8.1 PHP script language version 5.4.7 d. MySQL Database Version 5.5.27 e. Google Chrome versi 31.0.1650.63 sebagai browser internet 4.1.2 Implementasi Pembuatan Basis Data Pada implementasi pembuatan basis data ini perangkat lunak yang digunakan yaitu XAMPP MySQL. Pada implementasi ini menampilkan basis data dari tabel tabel yang fungsional seperti tabel dosen,tabel mahasiswa, table pembimbing, tabel penguji, 71
72 tabel setup, tabel sidang dan tabel user.keterangan dari masing masing tabel telah dijelaskan pada tahap analisis dan perancangan bab 3. 1) Implementasi pembuatan basis data tabel user Implementasi pembuatan basis data pada tabel user ditunjukkan pada gambar 4.1 sebagai berikut : Gambar 4.1 Implementasi pembuatan basis data tabel user Tampilan tabel user seperti pada gambar 4.2 sebagai berikut: Gambar 4.2 Tampilan tabel user 2) Implementasi pembuatan basis data tabel sidang Implementasi pembuatan basis data pada tabel sidang ditunjukkan pada gambar 4.3 sebagai berikut : Gambar 4.3 Implementasi pembuatan basis data tabel sidang
73 Tampilan tabel sidang seperti pada gambar 4.4 sebagai berikut: Gambar 4.4 Tampilan tabel sidang 1) Implementasi pembuatan basis data tabel setup Implementasi pembuatan basis data pada tabel setup ditunjukkan pada gambar 4.5 sebagai berikut : Gambar 4.5 Implementasi pembuatan basis data tabel setup Tampilan tabel setup seperti pada gambar 4.6 sebagai berikut: Gambar 4.6 Tampilan tabel setup 2) Implementasi pembuatan basis data tabel penguji Implementasi pembuatan tabel penguji seperti pada gambar 4.7 sebagai berikut :
74 Gambar 4.7 Implementasi pembuatan basis data tabel penguji Tampilan tabel penguji seperti pada gambar 4.8 sebagai berikut: Gambar 4.8 Tampilan tabel penguji 3) Implementasi pembuatan basis data tabel pembimbing Implementasi pembuatan basis data tabel pembimbing seperti gambar 4.9 sebagai berikut : Gambar 4.9 Implementasi pembuatan basis data tabel pembimbing Tampilan tabel pembimbing seperti pada gambar 4.10 sebagai berikut: Gambar 4.10 Tampilan tabel pembimbing
75 1) Implementasi pembuatan basis data tabel mahasiswa Implementasi pembuatan basis data tabel mahasiswa seperti gambar 4.11 sebagai berikut : Gambar 4.11 Implementasi pembuatan basis data tabel mahasiswa Tampilan tabel mahasiswa seperti pada gambar 4.12 sebagai berikut: Gambar 4.12 Tampilan tabel mahasiswa 2) Implementasi pembuatan basis data tabel dosen Implementasi pembuatan basis data tabel dosen seperti gambar 4.13sebagai berikut : Gambar 4.13 Implementasi pembuatan basis data tabel dosen Tampilan tabel dosen seperti pada gambar 4.14 sebagai berikut:
76 Gambar 4.14 Tampilan tabel dosen 4.1.3 Implementasi Perancangan Antarmuka (Interface) Implementasi antarmuka merupakan hasil dari perancangan user interface yang sebelumnya sudah dilakukan pada tahap perancangan. Pada implementasi antarmuka menampilkan rancangan halaman dan potongan program dari beberapa menu. 4.1.3.1 Implementasi Halaman Login Admin & Dosen Halaman login admin adalah halaman yang digunakan admin dan dosen untuk melakukan login. Berikut adalah tampilan halaman login admin dan dosen : Gambar 4.15 Tampilan halaman login admin dan dosen 4.1.3.2 Implementasi Halaman Utama Admin Setelah admin melakukan login maka data login akan diverifikasi oleh sistem, jika data tidak valid maka sistem akan mengembalikan admin ke halaman login admin dan
77 jika data login valid maka akan terbuka halaman khusus administrator. Berikut adalah tampilan halaman utama administrator. Gambar 4.16 Tampilan halaman utama admin Untuk memproses semua menu pada halaman administrator ini dibutuhkan beberapa file yang saling terkait. 1. Pada folder controller controllers/cakun.php, controllers/cdosen.php, controllers/chome.php, controllers/cmahasiswa.php, controllers/csetup.php, controllers/csidang.php, controllers/cuser.php. 2. Pada folder models models/m_login.php,models/modelakun.php, models/modeldosen.php, models/modelmahasiswa.php, models/modelsetup.php, models/modelakun.phpmodels/modeldosen.php, models/mahasiswa.php, models/setup.php, models/sidang.php. 3. Pada folder views views/ vlogin_page.php, views/login/vadmin.php, views/dosen/v_formdosen.php, views/dosen/v_formdosen_edit.php,views/dosen/tabeldosen.php, views/mahasiswa/formmahasiswa.php, views/mahasiswa/formmahasiswa_edit.php, views/mahasiswa/tabelmhs.php, views/setup/formsetup.php, views/setup/formsetup_edit.php,
78 views/setup/pesertasidang.php, views/sidang/daftarsidang.php, views/sidang/formsidang.php, views/sidang/formsidang_edit.php, views/user/formuser.php, views/user/formuser_edit.php, views/user/tabeluser.php, 4.1.3.3 Implementasi Halaman Manajemen Sidang Halaman manajemen sidang adalah halaman yang digunakan untuk me-manage sidang. Berikut adalah tampilan halaman manajemen sidang : Gambar 4.17 Tampilan halaman form manajemen sidang Gambar 4.18 Tampilan halaman manajemen sidang
79 4.1.3.4 Implementasi Halaman Manajemen Setup Halaman manajemen setup adalah halaman yang digunakan untuk me-manage setup. Berikut adalah tampilan halaman manajemen setup : Gambar 4.19 Tampilan halaman form manajemen setup Gambar 4.20 Tampilan halaman manajemen setup 4.1.3.5 Implementasi Halaman Manajemen Dosen Halaman manajemen dosen adalah halaman yang digunakan untuk me-manage dosen. Berikut adalah tampilan halaman manajemen dosen :
80 Gambar 4.21 Tampilan halaman form manajemen dosen Gambar 4.22 Tampilan halaman manajemen dosen 4.1.3.6 Implementasi Halaman Manajemen Mahasiswa Halaman manajemen mahasiswa adalah halaman yang digunakan untuk memanage mahasiswa. Berikut adalah tampilan halaman manajemen mahasiswa:
81 Gambar 4.23 Tampilan halaman form manajemen mahasiswa Gambar 4.24 Tampilan halaman manajemen mahasiswa 4.1.3.7 Implementasi Halaman Manajemen User Halaman manajemen user adalah halaman yang digunakan untuk me-manage user. Berikut adalah tampilan halaman manajemen user:
82 Gambar 4.25 Tampilan halaman manajemen user Gambar 4.26 Tampilan halaman manajemen user 4.1.3.8 Implementasi Halaman Utama Dosen Setelah dosen melakukan login maka data login akan diverifikasi oleh sistem, jika data tidak valid maka sistem akan mengembalikandosen ke halaman logindan jika data login valid maka akan terbuka halaman khusus dosen. Berikut adalah tampilan halaman utama dosen.
83 Gambar 4.27 Tampilan halaman utama dosen Untuk memproses semua menu pada halaman administrator ini dibutuhkan beberapa file yang saling terkait. 1. Pada folder controller controllers/cpenguji.php, controllers/cpembimbing.php. 2. Pada folder models models/modelpenguji.php. 3. Pada folder views views/penguji/tabpen.php, views/penguji/tabpen_edit.php, views/pembimbing/tabpem.php, views/pembimbing/tabpem_edit.php, views/pembimbing/vbap.php,views/pembimbing.php, views/penguji.php, views/formpen.php, views/formpem.php, views/login/vuser.php. 4.1.3.9 Implementasi Halaman Menu Penguji Gambar 4.28 Tampilan halaman tabel penguji
84 Gambar 4.29 Tampilan halaman tabel nilai penguji 4.1.3.10 Implementasi Halaman Menu Pembimbing Gambar 4.30 Tampilan halaman menu pembimbing Gambar 4.31 Tampilan halaman tabel nilai pembimbing
85 4.1.3.11 Implementasi Halaman Menu BAP Sidang Gambar 4.32 Tampilan halaman menu bap sidang 4.2 Pengujian Setelah tahap implementasi maka tahap selanjutnya adalah tahap pengujian. Pengujian program aplikasi ini dilakukan dengan metode Black box testing. Metode black box ini merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode black box testing ini adalah untuk menemukan kesalahan fungsi pada program. 4.2.1 Skenario Pengujian Skenario pengujian merupakan pengujian terhadap penilaian yang dibangun menggunakan Framework Codeigniter. Skenario pengujian meliputi pengujian perangkat lunak terhadap fungsionalitas aplikasi yang berfungsi untuk menguji kesesuaian terhadap proses yang terjadi di dalam sistem. Pengujian program aplikasi penilaian berbasis web yang dibangun menggunakan teknik Framework Codeigniter ini menggunakan metode black boxtesting, dimana metode ini lebih menitikberatkan pada kebutuhan fungsi dari suatu program aplikasi penilaian. Pengujian metode ini dilakukan dengan cara memberikan sejumlah masukan pada program yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk menghasilkan keluaran yang diinginkan. Apabila hasil keluaran yang diberikan proses sesuai dengan spesifikasi yang dirancang, maka program aplikasi penilaian dianggap benar. Akan tetapi apabila hasil keluaran yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan kesalahan pada aplikasi tersebut.
86 4.2.1.1 Skenario Pengujian Aplikasi Halaman Admin Tabel 4.1 Pengujian Black Box Testing Halaman Login Admin No Deskripsi Fungsional Kelompok 1 Halaman Login Admin Normal Memasukkan URL halaman admin Data Benar : Memasukkan username dan password pada form login admin Data Salah : Memasukkan username dan password pada form login admin form login admin. Sistem melakukan validasi terhadap username dan password kemudian sistem akan menampilkan halaman utama admin Sistem akan mengembalikan user (admin) ke halaman login admin. Tabel 4.2 Pengujian Black Box Testing Halaman Manajemen Sidang No Deskripsi Fungsional Kelompok 1 Menu Manajemen Sidang Normal Memilih menu manajemen sidang 2 Menu Daftar Sidang Normal Memilih link daftar sidang 3 Menu Edit Normal Memilih link edit pada sidang terpilih 4 Menu Delete Normal Memilih link delete pada sidang terpilih halaman manajemen sidang. form daftar sidang. halaman edit sidang. Sistem akan menghapus data sidang terpilih dan menampilkan halaman yang sudah terupdate.
87 Tabel 4.3 Pengujian Black Box Testing Halaman Manajemen Setup No Deskripsi Fungsional Kelompok 1 Menu Manajemen Setup Normal Memilih menu manajemen sidang 2 Menu Setup Sidang Normal Memilih link setup sidang 3 Menu Edit Normal Memilih link edit pada setup terpilih 4 Menu Delete Normal Memilih link delete padasetup terpilih halaman manajemen sidang. form setup sidang. halaman edit setup. Sistem akan menghapus data setup terpilih dan menampilkan halaman yang sudah terupdate. Tabel 4.4 Pengujian Black Box Testing Halaman Manajemen Dosen No Deskripsi Fungsional Kelompok 1 Menu Manajemen Dosen Normal Memilih menu manajemen dosen halaman manajemen dosen. 2 Menu Daftar Dosen Normal Memilih link daftar dosen formdaftar dosen. 3 Menu Edit Normal Memilih link edit pada dosen terpilih halaman edit dosen. 4 Menu Delete Normal Memilih link delete pada dosen terpilih Sistem akan menghapus data dosen terpilih dan menampilkan halaman yang sudah terupdate.
88 Tabel 4.5 Pengujian Black Box Testing Halaman Manajemen Mahasiswa No Deskripsi Fungsional Kelompok No Deskripsi Fungsional Kelompok 1 Menu Manajemen User Normal Memilih menu manajemen user 2 Menu Daftar Mahasiswa Normal Memilih link daftar mahasiswa 3 Menu Edit Normal Memilih link edit pada mahasiswaterpilih 4 Menu Delete Normal Memilih link delete pada mahasiswa terpilih halaman manajemen user. form daftar mahasiswa. halaman edit mahasiswa. Sistem akan menghapus data mahasiswa terpilih dan menampilkan halaman yang sudah terupdate. Tabel 4.6 Pengujian Black Box Testing Halaman Manajemen User No Deskripsi Fungsional Kelompok 1 MenuManajemen User Normal Memilih menu manajemen user 2 Menu Daftar User Normal Memilih link daftar user 3 Menu Edit Normal Memilih link edit pada user terpilih 4 Menu Delete Normal Memilih link delete pada user terpilih halaman manajemen user. form daftar user. halaman edit user. Sistem akan menghapus data user terpilih dan menampilkan halaman yang sudah terupdate.
89 4.2.1.2 Skenario Pengujian Aplikasi Halaman Dosen Tabel 4.7 Pengujian Black Box Testing Halaman Menu Penguji No Deskripsi Fungsional Kelompok 1 Menu Penguji Normal Memilih menu penguji 2 Menu Tabel Penguji Normal Memilih link tabel penguji 3 Menu Beri Nilai Normal Memilih link beri nilai pada mahasiswa terpilih halaman penguji tabel mahasiswa yang akan diuji dalam sidang. form nilai penguji. 4 Menu Edit Normal Memilih link edit pada mahasiswa terpilih halaman edit nilai. Tabel 4.8 Pengujian Black Box Testing Halaman Menu Pembimbing No Deskripsi Fungsional Kelompok 1 Menu Pembimbing Normal Memilih menu pembimbing halaman pembimbing 2 Menu Tabel Pembimbing Normal Memilih link tabel pembimbing tabel mahasiswa yang akan dibimbing dalam sidang. 3 Menu Beri Nilai Normal Memilih link beri nilai pada mahasiswa terpilih form nilai pembimbing. 4 Menu Edit Normal Memilih link edit pada mahasiswa terpilih halaman edit nilai.
90 Tabel 4.9 Pengujian Black Box Testing Halaman Menu BAP sidang No Deskripsi Fungsional Kelompok 1 Menu BAP Sidang Normal Memilih menu bap sidang 2 Menu Nilai Detail Normal Memilih tombol nilai detail halaman bap sidang. pop up nilai detail mahasiswa terpilih. 4.1.2 Dokumen Hasil Pengujian 4.1.1.1 Dokumen Hasil Pengujian Aplikasi Halaman Admin Tabel 4.10 Tabel Halaman Manajemen Sidang No Deskripsi Kelompok Fungsional 1 Menu Normal Memilih menu Manajemen manajemen sidang Sidang 2 Menu Daftar Normal Memilih link daftar Sidang sidang 3 Menu Edit Normal Memilih link edit pada sidang terpilih 4 Menu Delete Normal Memilih link delete pada sidang terpilih halaman manajemen sidang. form daftar sidang. halaman edit sidang. Sistem akan menghapus data sidang terpilih dan menampilkan halaman yang sudah terupdate. Hasil Tabel 4.11 Tabel Halaman Manajemen Setup Deskripsi Kelompok Hasil No Fungsional 1 Menu Normal Memilih menu
91 Manajemen manajemen setup Setup 2 Menu Setup Normal Memilih link setup Sidang sidang 3 Menu Edit Normal Memilih link edit pada setup terpilih 4 Menu Delete Normal Memilih link delete pada setup terpilih halaman manajemen setup. form daftar setup. halaman edit setup. Sistem akan menghapus data setup terpilih dan menampilkan halaman yang sudah terupdate. Tabel 4.12 Tabel Halaman Manajemen Dosen No Deskripsi Kelompok Fungsional 1 Menu Normal Memilih menu Manajemen manajemen dosen Dosen 2 Menu Daftar Normal Memilih link daftar Dosen dosen 3 Menu Edit Normal Memilih link editpada dosen terpilih 4 Menu Delete Normal Memilih link delete pada dosen terpilih halaman manajemen dosen. form daftar dosen. halaman edit dosen. Sistem akan menghapus data dosen terpilih dan menampilkan halaman yang sudah terupdate. Hasil
92 Tabel 4.13 Tabel Halaman Manajemen Mahasiswa No Deskripsi Kelompok Fungsional 1 Menu Normal Memilih menu Manajemen manajemen Mahasiswa mahasiswa 2 Menu Daftar Normal Memilih link daftar Mahasiswa mahasiswa 3 Menu Edit Normal Memilih link edit pada mahasiswa terpilih 4 Menu Delete Normal Memilih link delete pada mahasiswa terpilih halaman manajemen mahasiswa. form daftar mahasiswa. halaman edit mahasiswa. Sistem akan menghapus data mahasiswa terpilih dan menampilkan halaman yang sudah terupdate. Hasil Tabel 4.14 Tabel Halaman Manajemen User No Deskripsi Kelompok Fungsional 1 Menu Normal Memilih menu Manajemen manajemen user User 2 Menu Daftar Normal Memilih link daftar User user 3 Menu Edit Normal Memilih link edit pada user terpilih 4 Menu Delete Normal Memilih link delete pada user terpilih halaman manajemen user. form daftar user. halaman edit user. Sistem akan menghapus data user terpilih dan menampilkan halaman yang sudah Hasil
93 terupdate. 4.1.1.2 Dokumen Hasil Pengujian Aplikasi Halaman Dosen Tabel 4.15 Tabel Halaman Menu Penguji No Deskripsi Kelompok Fungsional 1 Menu Penguji Normal Memilih menu penguji halaman penguji 2 Menu Tabel Normal Memilih link tabel tabel Penguji penguji mahasiswa yang akan diuji dalam sidang. 3 Menu Beri Normal Memilih link beri form Nilai nilai pada nilai penguji. mahasiswa terpilih Hasil 4 Menu Edit Normal Memilih link editpada mahasiswa terpilih halaman edit nilai. Tabel 4.16 Tabel Halaman Menu Pembimbing No Deskripsi Kelompok Fungsional 1 Menu Normal Memilih menu Pembimbing pembimbing 2 Menu Tabel Normal Memilih link tabel Pembimbing pembimbing 3 Menu Beri Normal Memilih link beri Nilai nilai pada mahasiswa terpilih halaman pembimbing tabel mahasiswa yang akan dibimbing dalam sidang. form nilai pembimbing. Hasil 4 Menu Edit Normal Memilih link edit pada mahasiswa halaman edit nilai.
94 terpilih Tabel 4.17 Tabel Halaman Menu BAP Sidang No Deskripsi Fungsional Kelompok Hasil 1 Menu BAP Normal Memilih menu bap Sidang sidang halaman bap sidang. 2 Menu Nilai Normal Memilih tombol pop Detail nilai detail up nilai detail mahasiswa terpilih. 4.1.4 Analisa Hasil Pengujian Setelah melakukan pengujian dengan menjalankan program aplikasi penjadwalan dan penilaian maka dari hasil tersebut dapat dianalisa sebagai berikut : 1. Halaman Admin Fungsi pada fitur halaman admin berjalan dengan baik dan sesuai dengan kode program dan database yang sudah tersimpan pada folder htdocs dan XAMPP, sehingga halaman admin sesuai yang. 2. Halaman Dosen Fungsi dan fitur pada halaman dosen dilihat dari tabel dokumen hasil pengujian halaman dosen, seluruh fungsi pada halaman dosen berjalan baik dan semestinya.