71
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,
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 :
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
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:
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
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
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,
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
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 :
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 me-manage mahasiswa. Berikut adalah tampilan halaman manajemen mahasiswa:
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:
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.
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.29 Tampilan halaman tabel nilai penguji
4.1.3.10 Implementasi Halaman Menu Pembimbing
Gambar 4.30 Tampilan halaman menu pembimbing
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.
4.2.1.1 Skenario Pengujian Aplikasi Halaman Admin
Tabel 4.1 Pengujian Black Box Testing Halaman Login Admin
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Halaman Login Admin Normal Memasukkan URL
halaman admin
Menampilkan form login admin. Data Benar : Memasukkan
username dan password pada form login admin Sistem melakukan validasi terhadap username dan password kemudian sistem akan menampilkan halaman utama admin
Data Salah : Memasukkan username dan password pada form login admin
Sistem akan
mengembalikan user (admin) ke halaman login admin.
Tabel 4.2 Pengujian Black Box Testing Halaman Manajemen Sidang
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Menu Manajemen Sidang Normal Memilih menu
manajemen sidang
Menampilkan halaman manajemen sidang.
2 Menu Daftar Sidang Normal Memilih link daftar
sidang
Menampilkan form daftar sidang.
3 Menu Edit Normal Memilih link edit
pada sidang terpilih
Menampilkan halaman edit sidang.
4 Menu Delete Normal Memilih link delete
pada sidang terpilih
Sistem akan menghapus data sidang terpilih dan menampilkan halaman yang sudah terupdate.
Tabel 4.3 Pengujian Black Box Testing Halaman Manajemen Setup
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Menu Manajemen Setup Normal Memilih menu
manajemen sidang
Menampilkan halaman manajemen sidang.
2 Menu Setup Sidang Normal Memilih link setup
sidang
Menampilkan form setup sidang.
3 Menu Edit Normal Memilih link edit
pada setup terpilih
Menampilkan halaman edit setup.
4 Menu Delete Normal Memilih link delete
padasetup terpilih
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
Uji Kasus Uji
Hasil yang diharapkan
1 Menu Manajemen Dosen Normal Memilih menu
manajemen dosen
Menampilkan halaman manajemen dosen.
2 Menu Daftar Dosen Normal Memilih link daftar
dosen
Menampilkan formdaftar dosen.
3 Menu Edit Normal Memilih link edit
pada dosen terpilih
Menampilkan 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.
Tabel 4.5 Pengujian Black Box Testing Halaman Manajemen Mahasiswa
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Menu Manajemen User Normal Memilih menu
manajemen user
Menampilkan halaman manajemen user.
2 Menu Daftar Mahasiswa Normal Memilih link daftar
mahasiswa
Menampilkan form daftar mahasiswa.
3 Menu Edit Normal Memilih link edit
pada
mahasiswaterpilih
Menampilkan halaman edit mahasiswa.
4 Menu Delete Normal Memilih link delete
pada mahasiswa terpilih 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
Uji Kasus Uji
Hasil yang diharapkan
1 MenuManajemen User Normal Memilih menu
manajemen user
Menampilkan halaman manajemen user.
2 Menu Daftar User Normal Memilih link daftar
user
Menampilkan form daftar user.
3 Menu Edit Normal Memilih link edit
pada user terpilih
Menampilkan halaman edit user.
4 Menu Delete Normal Memilih link delete
pada user terpilih
Sistem akan
menghapus data user terpilih dan
menampilkan halaman yang sudah terupdate.
4.2.1.2 Skenario Pengujian Aplikasi Halaman Dosen
Tabel 4.7 Pengujian Black Box Testing Halaman Menu Penguji
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Menu Penguji Normal Memilih menu
penguji
Menampilkan halaman penguji
2 Menu Tabel Penguji Normal Memilih link tabel
penguji
Menampilkan tabel mahasiswa yang akan diuji dalam sidang.
3 Menu Beri Nilai Normal Memilih link beri
nilai pada
mahasiswa terpilih
Menampilkan form nilai penguji.
4 Menu Edit Normal Memilih link edit
pada mahasiswa terpilih
Menampilkan halaman edit nilai.
Tabel 4.8 Pengujian Black Box Testing Halaman Menu Pembimbing
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Menu Pembimbing Normal Memilih menu
pembimbing
Menampilkan halaman pembimbing
2 Menu Tabel Pembimbing Normal Memilih link tabel
pembimbing
Menampilkan tabel mahasiswa yang akan dibimbing dalam sidang.
3 Menu Beri Nilai Normal Memilih link beri
nilai pada
mahasiswa terpilih
Menampilkan form nilai pembimbing.
4 Menu Edit Normal Memilih link edit
pada mahasiswa terpilih
Menampilkan halaman edit nilai.
Tabel 4.9 Pengujian Black Box Testing Halaman Menu BAP sidang
No Deskripsi Fungsional Kelompok
Uji Kasus Uji
Hasil yang diharapkan
1 Menu BAP Sidang Normal Memilih menu bap
sidang
Menampilkan halaman bap sidang.
2 Menu Nilai Detail Normal Memilih tombol
nilai detail
Menampilkan 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 Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan Hasil Uji 1 Menu Manajemen Sidang
Normal Memilih menu
manajemen sidang Menampilkan halaman manajemen sidang. Sukses 2 Menu Daftar Sidang
Normal Memilih link daftar sidang
Menampilkan form daftar sidang.
Sukses
3 Menu Edit Normal Memilih link edit
pada sidang terpilih
Menampilkan halaman edit sidang.
Sukses
4 Menu Delete Normal Memilih link delete
pada sidang terpilih
Sistem akan menghapus data sidang terpilih dan menampilkan halaman yang sudah terupdate. Sukses
Tabel 4.11 Tabel Halaman Manajemen Setup
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan
Hasil Uji
Manajemen Setup
manajemen setup halaman manajemen setup.
2 Menu Setup
Sidang
Normal Memilih link setup
sidang
Menampilkan form daftar setup.
Sukses
3 Menu Edit Normal Memilih link edit
pada setup terpilih
Menampilkan halaman edit setup.
Sukses
4 Menu Delete Normal Memilih link delete
pada setup terpilih
Sistem akan menghapus data setup terpilih dan menampilkan halaman yang sudah terupdate. Sukses
Tabel 4.12 Tabel Halaman Manajemen Dosen
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan Hasil Uji 1 Menu Manajemen Dosen
Normal Memilih menu
manajemen dosen Menampilkan halaman manajemen dosen. Sukses 2 Menu Daftar Dosen
Normal Memilih link daftar dosen
Menampilkan form daftar dosen.
Sukses
3 Menu Edit Normal Memilih link
editpada dosen terpilih Menampilkan halaman edit dosen. Sukses
4 Menu Delete Normal Memilih link delete
pada dosen terpilih
Sistem akan menghapus data dosen terpilih dan menampilkan halaman yang sudah terupdate. Sukses
Tabel 4.13 Tabel Halaman Manajemen Mahasiswa
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan Hasil Uji 1 Menu Manajemen Mahasiswa
Normal Memilih menu
manajemen mahasiswa Menampilkan halaman manajemen mahasiswa. Sukses 2 Menu Daftar Mahasiswa
Normal Memilih link daftar mahasiswa
Menampilkan form daftar mahasiswa.
Sukses
3 Menu Edit Normal Memilih link edit
pada mahasiswa terpilih Menampilkan halaman edit mahasiswa. Sukses
4 Menu Delete Normal Memilih link delete
pada mahasiswa terpilih Sistem akan menghapus data mahasiswa terpilih dan menampilkan halaman yang sudah terupdate. Sukses
Tabel 4.14 Tabel Halaman Manajemen User
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan Hasil Uji 1 Menu Manajemen User
Normal Memilih menu
manajemen user Menampilkan halaman manajemen user. Sukses 2 Menu Daftar User
Normal Memilih link daftar user
Menampilkan form daftar user.
Sukses
3 Menu Edit Normal Memilih link edit
pada user terpilih
Menampilkan halaman edit user.
Sukses
4 Menu Delete Normal Memilih link delete
pada user terpilih
Sistem akan
menghapus data user terpilih dan
menampilkan halaman yang sudah
terupdate.
4.1.1.2 Dokumen Hasil Pengujian Aplikasi Halaman Dosen Tabel 4.15 Tabel Halaman Menu Penguji
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan
Hasil Uji
1 Menu Penguji Normal Memilih menu
penguji Menampilkan halaman penguji Sukses 2 Menu Tabel Penguji
Normal Memilih link tabel
penguji
Menampilkan tabel mahasiswa yang akan diuji dalam sidang.
Sukses
3 Menu Beri Nilai
Normal Memilih link beri
nilai pada
mahasiswa terpilih
Menampilkan form nilai penguji.
Sukses
4 Menu Edit Normal Memilih link
editpada
mahasiswa terpilih
Menampilkan halaman edit nilai.
Sukses
Tabel 4.16 Tabel Halaman Menu Pembimbing
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan Hasil Uji 1 Menu Pembimbing
Normal Memilih menu
pembimbing Menampilkan halaman pembimbing Sukses 2 Menu Tabel Pembimbing
Normal Memilih link tabel
pembimbing Menampilkan tabel mahasiswa yang akan dibimbing dalam sidang. Sukses 3 Menu Beri Nilai
Normal Memilih link beri nilai pada
mahasiswa terpilih
Menampilkan form nilai pembimbing.
Sukses
4 Menu Edit Normal Memilih link edit
pada mahasiswa
Menampilkan halaman edit nilai.
terpilih
Tabel 4.17 Tabel Halaman Menu BAP Sidang
No Deskripsi Fungsional
Kelompok
Uji Kasus Uji
Hasil yang diharapkan Hasil Uji 1 Menu BAP Sidang
Normal Memilih menu bap
sidang
Menampilkan halaman bap sidang.
Sukses
2 Menu Nilai Detail
Normal Memilih tombol
nilai detail
Menampilkan pop up nilai detail mahasiswa terpilih.
Sukses
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 diharapkan.
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.