BAB IV IMPLEMENTASI DAN PENGUJIAN

(1)

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,

(2)

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 :

(3)

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

(4)

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:

(5)

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

(6)

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

(7)

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,

(8)

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

(9)

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 :

(10)

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:

(11)

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:

(12)

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.

(13)

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

(14)

Gambar 4.29 Tampilan halaman tabel nilai penguji

4.1.3.10 Implementasi Halaman Menu Pembimbing

Gambar 4.30 Tampilan halaman menu pembimbing

(15)

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.

(16)

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

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

Sistem akan menghapus data sidang terpilih dan menampilkan halaman yang sudah terupdate.

(17)

Tabel 4.3 Pengujian Black Box Testing Halaman Manajemen Setup

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.

pada setup terpilih

Menampilkan halaman edit setup.

padasetup terpilih

Sistem akan menghapus data setup terpilih dan menampilkan halaman yang sudah terupdate.

Tabel 4.4 Pengujian Black Box Testing Halaman Manajemen Dosen

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.

pada dosen terpilih

Menampilkan halaman edit dosen.

pada dosen terpilih

Sistem akan menghapus data dosen terpilih dan menampilkan halaman yang sudah terupdate.

(18)

Tabel 4.5 Pengujian Black Box Testing Halaman Manajemen Mahasiswa

Hasil yang diharapkan No Deskripsi Fungsional Kelompok

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.

pada

mahasiswaterpilih

Menampilkan halaman edit mahasiswa.

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

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.

pada user terpilih

Menampilkan halaman edit user.

pada user terpilih

Sistem akan

menghapus data user terpilih dan

menampilkan halaman yang sudah terupdate.

(19)

4.2.1.2 Skenario Pengujian Aplikasi Halaman Dosen

Tabel 4.7 Pengujian Black Box Testing Halaman Menu Penguji

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.

pada mahasiswa terpilih

Menampilkan halaman edit nilai.

Tabel 4.8 Pengujian Black Box Testing Halaman Menu Pembimbing

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.

pada mahasiswa terpilih

(20)

Tabel 4.9 Pengujian Black Box Testing Halaman Menu BAP sidang

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

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

Menampilkan halaman edit sidang.

Sukses

Sistem akan menghapus data sidang terpilih dan menampilkan halaman yang sudah terupdate. Sukses

Tabel 4.11 Tabel Halaman Manajemen Setup

Kelompok

Hasil Uji

(21)

Manajemen Setup

manajemen setup halaman manajemen setup.

2 Menu Setup

Sidang

Normal Memilih link setup

sidang

Menampilkan form daftar setup.

Sukses

pada setup terpilih

Menampilkan halaman edit setup.

Sukses

pada setup terpilih

Sistem akan menghapus data setup terpilih dan menampilkan halaman yang sudah terupdate. Sukses

Tabel 4.12 Tabel Halaman Manajemen Dosen

Kelompok

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

pada dosen terpilih

Sistem akan menghapus data dosen terpilih dan menampilkan halaman yang sudah terupdate. Sukses

(22)

Tabel 4.13 Tabel Halaman Manajemen Mahasiswa

Kelompok

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

pada mahasiswa terpilih Menampilkan halaman edit mahasiswa. Sukses

pada mahasiswa terpilih Sistem akan menghapus data mahasiswa terpilih dan menampilkan halaman yang sudah terupdate. Sukses

Tabel 4.14 Tabel Halaman Manajemen User

Kelompok

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

pada user terpilih

Menampilkan halaman edit user.

Sukses

pada user terpilih

Sistem akan

menghapus data user terpilih dan

menampilkan halaman yang sudah

(23)

terupdate.

4.1.1.2 Dokumen Hasil Pengujian Aplikasi Halaman Dosen Tabel 4.15 Tabel Halaman Menu Penguji

Kelompok

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

Sukses

Tabel 4.16 Tabel Halaman Menu Pembimbing

Kelompok

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

pada mahasiswa

(24)

terpilih

Tabel 4.17 Tabel Halaman Menu BAP Sidang

Kelompok

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.