50
51
diakses oleh semua pengunjung, halaman user yang hanya dapat diakses oleh user
teregistrasi dan halaman admin yang dapat diakses oleh administrator.
a.
Halaman Pengunjung
Halaman pengunjung biasa merupakan halaman yang dapat diakses oleh
51
Gambar 4.1
Halaman Utama Aplikasi
Halaman utama berisi form login bagi user yang telah melakukan registrasi
atau telah memiliki account, link daftar bagi user yang belum memiliki account
51
dan ingin melakukan registrasi, about yang berisi gambaran umum tentang web
tersebut dan panduannya., contact yang berisi tampungan saran dan informasi
kontak web, serta materi-materi mengenai ilmu tajwid.
a)
Form Login
Form login merupakan form yang disedikan untuk user yang telah
melakukan registrasi atau telah memiliki account. Form login ditunjukkan pada
Gambar 4.2.
Gambar 4.2
Form Login
b) Form Sign Up Here/Form Registrasi
Form sign up here/ form registrasi merupakan form yang disediakan bagi
user yang belum memiliki account dan ingin melakukan registrasi untuk
mendapatkan username serta password. Username dan password yang diperoleh
dari proses registrasi dapat digunakan untuk login agar dapat mengakses halaman
user yang telah teregistrasi. Link registrasi serta form registrasi ditunjukkan pada
Gambar 4.3 dan Gambar 4.4.
Gambar 4.3
Daftar (Link Registrasi)
51
Gambar 4.4
Daftar (Form Registrasi)
b. Menu About
Menu dental dictionary berisi berisi gambaran umum tentang web yang
memiliki dua sistem yaitu evaluasi pengetahuan member dalam ilmu tajwid
setelah mempelajari beberapa materi dan menggunakan aplikasi yang ada di web
kemudian menu identifikasi hukum bacaan yang dapat memudahkan member
untuk mengetahui hukum bacaan yang ada pada bacaan Al Quran. Dua menu ini
hanya dapat digunakan oleh pengunjung yang sudah teregistrasi atau menjadi
member. Halaman about istilah ditunjukkan pada Gambar 4.5.
51
Gambar 4.5
Halaman About
c. Menu Contact
Menu yang berisi tampungan saran dan informasi kontak web.
Gambar 4.6
Halaman Contact
51
Gambar 4.7
Halaman Registered User
51
Gambar 4.8
Halaman Proses Evaluasi
Pada database telah disediakan beberapa pertanyaan yang akan keluar
secara acak untuk menguji user. Kemudian jawaban user akan dikalkulasi dan
sistem akan mengambil keputusan di tiap tingkatan soal untuk mengevaluasi halhal yang dianggap sangat kurang dari user sehingga sistem memberikan hasil dan
51
saran mengenai hal-hal yang harus diperbaiki oleh user. Halaman hasil evaluasi
ditunjukkan pada Gambar 4.9 pada halaman selanjutnya.
Gambar 4.9
Halaman Hasil Evaluasi
Hasil evaluasi tersebut dapat dicetak oleh user. Gambar 4.10 merupakan
print out dari hasil evaluasi.
Gambar 4.10
Print Out Hasil Evaluasi
2) Menu Identifikasi Hukum
Menu yang disediakan bagi member untuk mengetahui hukum bacaan
melalui huruf-huruf hijaiyyah yang ditemui member saat membaca Al Qur'an.
User akan diberikan berbagai pilihan sehingga menghasilkan identifikasi nama
hukum bacaan yang tepat beserta cara membacanya.
51
User memilih salah satu dari huruf mati atau sakin yang terdapat dalam
bacaan yaitu mim sakin atau nun sakin/tanwin yang merupakan dua garis besar
pembagian hukum-hukum bacaan seperti yang ditunjukkan pada Gambar 4.11.
Gambar 4.11
Halaman Proses Indentifikasi Hukum
Kemudian setelah user meng-klik button Next maka akan tampil hurufhuruf yang harus user pilih sesuai huruf yang terdapat setelah adanya huruf mim
sakin atau nun sakin/ tanwin. Form proses identifikasi ditunjukkan pada Gambar
4.12.
Gambar 4.12
51
Gambar 4.13
Halaman Hasil Indentifikasi Hukum
3) Menu Profil
Menu profil merupakan menu yang berisi halaman yang menampilkan data
profil dari user. Data tersebut merupakan data yang diinput dari proses registrasi.
Data profil tersebut dapat diubah oleh user bersangkutan. Halaman profil
ditunjukkan pada Gambar pada Gambar 4.14.
Gambar 4.14
51
Gambar 4.15
Menu Lihat Hasil
Ketika user memasukkan tanggal maka halaman lihat hasil akan
menunjukkan seperti pada Gambar 4.16 pada halaman selanjutnya dan siap untuk
di print out.
Gambar 4.16
Halaman Lihat Hasil
c.
Halaman Administrator
51
Gambar 4.17
Halaman Login Administrator
Menu navigasi pada halaman administrator meliputi menu Home, Edit
Soal, Input Soal, Daftar Hukum Bacaan, Data User, dan Aktifitas User. Halaman
administrator ditunjukkan pada Gambar 4.18.
51
Gambar 4.18
Halaman Index Adminisrator
1) Menu Edit Soal
Menu edit soal merupakan halaman yang menampilkan daftar soal-soal
pada sistem. Admin dapat melakukan proses melihat detail soal, mengupdate soal
serta menghapus penyakit. Halaman edit soal ditunjukkan pada Gambar 4.19.
Gambar 4.19
Halaman Edit Soal
2) Menu Input Soal
51
Gambar 4.20
Halaman Input Soal
3) Menu Daftar Hukum Bacaan
Menu daftar hukum bacaan merupakan halaman yang berisi daftar seluruh
hukum-hukum bacaan yang telah terdapat di database sistem. Halaman daftar
hukum bacaan ditunjukkan pada Gambar 4.21.
51
Gambar 4.21
Halaman Daftar Hukum Bacaan
4) Menu Data User
Menu data user berisi daftar seluruh user yang telah melakukan registrasi
beserta data diri dari user bersangkutan. Halaman data user ditunjukkan pada
Gambar 4.22.
Gambar 4.22
Halaman Data User
51
Gambar 4.23
Halaman Data Evaluasi
2. Uji Coba Black Box
Hasil pengujian dilakukan dengan menggunakan metode black box testing
merupakan metode pengujian yang dilakukan dengan mengamati hasil eksekusi
melalui data uji dan memeriksa fungsional dari sistem. Pengujian ini
memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi
input yang sesuai dengan persyaratan fungsional untuk suatu program. Daftar
usecase, metode pengujian dan kreteria evaluasi hasil pengujian dapat dilihat pada
tabel pada halaman selanjutnya.
51
a.
Pengunjung
Tabel 4.1
Usecase, Metode Pengujian Dan Kriteria Evaluasi Pengunjung
No
.
Use Case
Metode
Pengujian
1.
Info sistem
(materi/informasi,
about, contact)
Black box
2.
Registrasi
Black box
3.
Media flash
Black box
Tabel 4.2
Usecase, Metode Pengujian Dan Kriteria Evaluasi User
No
.
Use Case
Metode
Pengujian
1.
Login user
Black box
2.
Black box
3.
Evaluasi pengetahuan
Black box
4.
Cetak hasilevaluasi
Black box
Black box
Black box
5.
6.
Hukum bacaan
Reset password
51
b. Admin
Tabel 4.3
Usecase, Metode Pengujian Dan Kriteria Evaluasi Admin
No
Use case
Metode
Pengujian
1.
Login admin
Black box
2.
Black box
3.
Black box
4.
Delete soal
evaluasi
Black box
5.
Menambah data
hukum bacaan
Black box
6.
Black box
7.
Black box
8.
Menghapus user
Black box
data
soal
51
menginput data user pada form registrasi. Setelah semua data terisi user, mengklik
tombol daftar. Pengujian halaman registrasi dapat dilihat pada Gambar 4.24.
Gambar 4.24
Pengujian Halaman Registrasi
Gambar 4.25
Konfirmasi Proses Registrasi Berhasil
51
2) Login User
User yang telah teregistrasi melakukan proses login untuk dapat
mengakses halaman user. Pengujian dilakukan dengan menginput username dan
password pada form login kemudian mengklik tombol login. Pengujian halaman
login dapat dilihat pada Gambar 4.26.
Gambar 4.26
Pengujian Halaman Login
Pengujian menunjukkan bahwa user berhasil melakukan proses login
dimana setelah menginput username dan password, user dapat mengakses
halaman user teregistrasi. Kesimpulan untuk hasil pengujian pada form login user
adalah valid. Halaman user yang berhasil melakukan registrasi dapat dilihat pada
Gambar 4.27.
51
Gambar 4.27
Halaman User Teregistrasi
3) Edit Data User
Edit data user memungkin user untuk melakukan proses update terhadap
data dari proses registrasi. Button edit data dapat dilihat pada Gambar 4.28.
Gambar 4.28
Button Edit data
Pengujian dilakukan dengan melakukan beberapa perubahan pada data
user kemudian user mengklik tombol simpan untuk menyimpan data yang diubah
ke database. Pengujian edit data user dapat dilihat pada Gambar 4.29.
51
Gambar 4.29
Pengujian Edit Data User
Hasil pengujian menunjukkan data user yang diupdate dalam hal ini nama
user berhasil disimpan ke database. Sistem menampilkan pesan konfirmasi bahwa
proses registrasi berhasil dan menampilkan data user yang telah berhasil
diupdate.pesan konfirmasi edit data user dapat dilihat pada gambar 4.30.
Gambar 4.30
Pesan Konfirmasi Edit Data User
4) Evaluasi Pengetahuan
Proses evaluasi merupakan proses dimana sistem melakukan dialog
dengan user dengan menampilkan pertanyaan-pertanyaan tentang ilmu tajwid.
User menjawab tiap pertanyan yang diajukan sistem dengan memilih jawaban lalu
menyimpan jawaban untuk diproses. Keberhasilan pengujian proses evaluasi
adalah ketika sistem dapat menampilkan serangkaian pertanyaan berdasarkan
51
inputan jawaban user. Pengujian halaman evaluasi untuk seperti yang terlampir
pada lampiran 1 ditunjukkan pada halaman 91.
Ketika user mulai melakukan evaluasi, maka pertanyaan pertama yang
diajukan oleh sistem adalah seperti Gambar 4.31
Gambar 4.31
Pertanyaan 1
Jika user memilih jawaban dan mengklik tombol jawab maka akan muncul
pesan konfirmasi lalu user memilih ok seperti Gambar 4.32
51
Gambar 4.32
Pesan Konfirmasi Jawaban
Apabila user menjawab ok, maka akan muncul hasil jawaban seperti
Gambar 4.33,
Gambar 4.33
Hasil dan simpan nilai
Apabila user mengklik simpan nilai, maka akan muncul pertanyaan pada
level yang kedua yang diajukan oleh sistem adalah seperti Gambar 4.34
51
Gambar 4.34
Level 2
Setelah user menjawab rangkaian pertanyaan tentang ilmu tajwid sistem
menampilkan hasil evaluasi dari inputan jawaban user. Kesimpulan hasil evaluasi
ditunjukkan seperti pada Gambar 4.35.
Gambar 4.35
Halaman Hasil Evaluasi
Hasil pengujian menunjukkan bahwa sistem dapat menampilkan rangkain
pertanyaan evaluasi serta dapat menampilkan kesimpulan hasil evaluasi dan
51
Gambar 4.36
Pengujian Cetak Hasil Evaluasi
51
Gambar 4.37
Pengujian Identifikasi Hukum Bacaan
Kemudian ketika user mengklik Next maka akan muncul pertanyaan
selanjutnya seperti pada Gambar 4.38.
51
Gambar 4.38
Pengujian Next Identifikasi Hukum Bacaan
Pengujian menunjukkan bahwa identifikasi berhasil dilakukan dimana
sistem menampilkan hasil identifikasi berupa hukum bacaan serta penjelasannya.
Pengujian untuk halaman hasil identifikasi adalah valid dan dapat dilihat pada
Gambar 4.39.
51
Gambar 4.39
Hasil Identifikasi
7) Reset Password
User dapat melakukan reset password dan membuat password baru apabila
user lupa dengan passwordnya. Pengujian dilakukan dengan menginput username
pada form reset password kemudian klik lanjutkan. Sistem akan menampilkan
pertanyaan rahasia dari hasil registrasi user. Jawaban pertanyaan rahasia tersebut
akan dicocokkan oleh sistem. Jika sesuai, user berhak untuk mengganti password
lama dengan password yang baru. Pengujian reset password dapat dilihat pada
Gambar 4.40.
Gambar 4.40
Pengujian Reset Password
51
Gambar 4.41
Konfirmasi Reset Password
Pengujian juga dilakukan pada password yang baru dibuat oleh user,
dimana hasil pengujian menunjukkan bahwa password berhasil disimpan ke
dalam database dan sistem menampilkan pesan konfirmasi bahwa password
tersebut berhasil disimpan. Kesimpulan untuk hasil pengujian halaman reset
password adalah valid.
b. Administrator
1) Edit Soal Evaluasi
Admin mempunyai hak akses untuk mengedit data soal evaluasi
pengetahuan pada sistem. Pengujian dilakukan dengan menginput pada form edit
soal pada soal yang dipilih icon edit. Pengujian edit soal dapat dilihat pada
Gambar 4.42.
51
Gambar 4.42
Pengujian Edit Soal
Kemudian akan muncul halaman edit pada soal yang dipilih. Seperti yang
ditampilkan pada Gambar 4.43.
Gambar 4.43
Selanjutnya Pengujian Edit Soal
51
Gambar 4.44
Pengujian Input Soal
Selanjutnya admin menginput soal. Seperti pada Gambar 4.45.
51
Gambar 4.45
Selanjutnya Pengujian Input Soal
Pengujian menunjukkan bahwa soal berhasil diinput dan disimpan ke
dalam database. Kesimpulan untuk hasil pengujian halaman tambah data soal
adalah valid.
3) Hapus Soal Evaluasi
Admin mempunyai hak akses untuk menghapus soal evaluasi pada sistem.
Pengujian dilakukan dengan mengklik tombol hapus pada soal yang akan dihapus.
Pengujian haspus soal evaluasi dapat dilihat pada Gambar 4.46.
Gambar 4.46
Pengujian Hapus Soal Evaluasi
51
Gambar 4.47
Pengujian Tambah Data
Kemudian isi form lalu klik tombol simpan seperti pada Gambar 4.48.
Gambar 4.48
Pengujian Input Hukum Bacaan
Pengujian menunjukkan bahwa hukum bacaan berhasil diinput dan
disimpan ke dalam database. Bisa dilihat pada menu daftar hukum bacaan.
Kesimpulan untuk hasil pengujian halaman tambah data hukum bacaan adalah
51
valid. ketika hasil input berhasil maka akan muncul pada halaman hukum bacaan
seperti pada Gambar 4.49.
Gambar 4.49
Hasil Input Berhasil Disimpan
5) Update Hukum Bacaan
Admin mempunyai hak akses untuk mengupdate hukum bacaan pada
sistem. Pengujian dilakukan dengan menginput data yang diupdate pada form
update hukum bacaan kemudian mengklik icon update. Pengujian update hukum
bacaan dapat dilihat pada Gambar 4.50
Gambar 4.50
Pengujian Update Hukum Bacaan
Pengujian menunjukkan bahwa hukum bacaan berhasil diupdate dan data
disimpan ke dalam database. Sistem menampilkan konfirmasi bahwa hukum
bacaan berhasil diupdate. Konfimasi hukum bacaan ketika berhasil akan muncul
seperti pada Gambar 4.51.
51
Gambar 4.51
Konfirmasi Hukum Bacaan Berhasil Disimpan
Gambar 4.52
Pengujian Hapus Hukum Bacaan
Hasil pengujian menunjukkan bahwa data berhasil dihapus. Sistem
menampilkan konfirmasi bahwa hukum bacaan berhasil dihapus. Kesimpulan
untuk pengujian hapus hukum bacaan adalah valid. Ketika konfirmasi hukum
bacaan berhasil dihapus maka akan muncul tampilan seperti pada Gambar 4.53.
51
Gambar 4.53
Konfirmasi Hukum Bacaan Berhasil Dihapus
7) Hapus User
Admin mempunyai hak akses untuk menghapus user yang telah
melakukan registrasi pada sistem. Pengujian dilakukan dengan mengklik tombol
hapus pada user yang akan dihapus. Pengujian hapus data user ditunjukkan pada
Gambar 4.54.
Gambar 4.54
Pengujian Hapus User
Hasil pengujian menunjukkan bahwa user berhasil dihapus. Konfirmasi
bahwa user telah dihapus ditunjukkan pada Gambar 4.55. Kesimpulan untuk
pengujian hapus user adalah valid.
51
Gambar 4.55
User Berhasil Dihapus
Daftar seluruh hasil pengujian black box berdasarkan kriteria masingmasing usecase ditunjukkan pada Lampiran 1.
B. Pembahasan
Pendekatan prototipe sangat sesuai untuk proyek kecil atau pada tingkat
subsistem. Memprototipekan sebuah sistem yang sempurna merupakan hal yang
sangat sulit. Kesulitan lain juga akan muncul ketika menghentikan pengulangan
pembuatan prototipe. Pembuatan aplikasi ini dimulai dengan pengumpulan
kebutuhan dan analisis yaitu tahap dimana menentukan kelayakan dan justifikasi
atas permasalahan yang akan diambil. Tahap selanjutnya adalah perancangan
cepat dalam pembuatan sistem dibutuhkan akuisisi pengetahuan dimana
knowledge engineer mengumpulkan materi dari referensi, mengolahnya dan
menyimpannya dalam basis pengetahuan kemudian mendesain aplikasi yang
kemudian divalidasi dan diuji coba untuk mengetahui kelayakan dan kelemahan
dari sistem tersebut.
Berdasarkan hasil dari pengujian black box maka dapat diperoleh
gambaran bahwa setiap usecase pada kategori pengujian dapat berfungsi dengan
benar dan telah sesuai dengan yang diharapkan. Hasil validasi oleh validator
51
content (basis pengetahuan aplikasi) dan validator sistem, diperoleh hasil bahwa
sistem
layak
digunakan
setelah
penulis
melakukan
revisi
berdasarkan