sempurna merupakan hal yang sangat sulit. Kesulitan lain juga akan muncul
mendesain aplikasi yang kemudian divalidasi dan diuji coba dengan tujuan untuk
mengetahui kelayakan dan kelemahan dari sistem tersebut. Hasil validasi dan uji
secara langsung. Aplikasi dibagi menjadi tiga halaman utama berdasarkan hak
akses yang diberikan kepada masing-masing user yaitu halaman yang dapat
50
51
diakses oleh semua pengunjung, halaman user yang hanya dapat diakses oleh user
a. Halaman Pengunjung
1) Halaman Utama
Halaman utama merupakan halaman awal yang akan tampil pada sistem.
Halaman ini dapat diakses baik oleh user yang telah teregistrasi (registered user)
maupun pengunjung. Gambar 4.1 adalah tampilan halaman utama Aplikasi Media
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
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
Form sign up here/ form registrasi merupakan form yang disediakan bagi
user yang belum memiliki account dan ingin melakukan registrasi untuk
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
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
untuk mengetahui hukum bacaan yang ada pada bacaan Al Quran. Dua menu ini
hanya dapat digunakan oleh pengunjung yang sudah teregistrasi atau menjadi
Gambar 4.5
Halaman About
c. Menu Contact
Gambar 4.6
Halaman Contact
51
oleh user yang telah melakukan registrasi. Halaman ini hanya dapat diakses
setelah user melakukan proses login yang berada pada halaman utama sistem.
Gambar 4.7 menunjukkan halaman untuk user yang telah melakukan registrasi.
Gambar 4.7
Halaman Registered User
51
Menu yang disediakan bagi member yang ingin mengetahui atau menguji
yang berbeda dengan tingkat kesulitan yang terus meningkat dan setelah
berupa kesalahan dan kekurangan yang harus diperbaiki oleh member. Gambar
Gambar 4.8
Halaman Proses Evaluasi
secara acak untuk menguji user. Kemudian jawaban user akan dikalkulasi dan
sistem akan mengambil keputusan di tiap tingkatan soal untuk mengevaluasi hal-
hal yang dianggap sangat kurang dari user sehingga sistem memberikan hasil dan
51
saran mengenai hal-hal yang harus diperbaiki oleh user. Halaman hasil evaluasi
Gambar 4.9
Halaman Hasil Evaluasi
Hasil evaluasi tersebut dapat dicetak oleh user. Gambar 4.10 merupakan
Gambar 4.10
Print Out Hasil Evaluasi
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
Gambar 4.11
Halaman Proses Indentifikasi Hukum
Kemudian setelah user meng-klik button Next maka akan tampil huruf-
huruf 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
Gambar 4.14
51
Menu lihat hasil berisi halaman yang menampilkan seluruh hasil dari
proses evaluasi yang telah dilakukan oleh user sesuai dengan tanggal yang
Gambar 4.15
Menu Lihat Hasil
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
admin sehingga memudahkan pengolahan data paket soal uji kemampuan dan
pengelolaan akun user serta hukum bacaan, melakukan manipulasi terhadap basis
Gambar 4.17
Halaman Login Administrator
Soal, Input Soal, Daftar Hukum Bacaan, Data User, dan Aktifitas User. Halaman
Gambar 4.18
Halaman Index Adminisrator
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
penambahan soal. Halaman input soal ditunjukkan pada Gambar 4.20 pada
halaman selanjutnya.
Gambar 4.20
Halaman Input Soal
Menu daftar hukum bacaan merupakan halaman yang berisi daftar seluruh
Gambar 4.21
Halaman Daftar Hukum Bacaan
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
user pada aplikasi media pembelajaran ilmu tajwid berbasis web yang meliputi
berapa kali user telah melakukan proses evaluasi, nama suser, waktu login user.
Gambar 4.23
Halaman Data Evaluasi
melalui data uji dan memeriksa fungsional dari sistem. Pengujian ini
input yang sesuai dengan persyaratan fungsional untuk suatu program. Daftar
usecase, metode pengujian dan kreteria evaluasi hasil pengujian dapat dilihat pada
a. Pengunjung
Tabel 4.1
Usecase, Metode Pengujian Dan Kriteria Evaluasi Pengunjung
Tabel 4.2
Usecase, Metode Pengujian Dan Kriteria Evaluasi User
b. Admin
Tabel 4.3
Usecase, Metode Pengujian Dan Kriteria Evaluasi Admin
Metode
No Use case Kriteria Evaluasi Hasil Pengujian
Pengujian
berdasarkan usecase dan kriteria evaluasi meliputi user dan admin adalah sebagai
berikut.
a. User
1) Registrasi User
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
berhasil. Kesimpulan untuk hasil pengujian halaman registrasi user adalah valid.
Gambar 4.25.
Gambar 4.25
Konfirmasi Proses Registrasi Berhasil
51
2) Login User
password pada form login kemudian mengklik tombol login. Pengujian halaman
Gambar 4.26
Pengujian Halaman Login
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
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
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
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
User menjawab tiap pertanyan yang diajukan sistem dengan memilih jawaban lalu
inputan jawaban user. Pengujian halaman evaluasi untuk seperti yang terlampir
Gambar 4.31
Pertanyaan 1
Jika user memilih jawaban dan mengklik tombol jawab maka akan muncul
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
menampilkan hasil evaluasi dari inputan jawaban user. Kesimpulan hasil evaluasi
Gambar 4.35
Halaman Hasil Evaluasi
Pengujian untuk cetak hasil evaluasi dilakukan dengan memasukkan tanggal pada
menu lihat hasil lalu mengklik tombol kirim. Kesimpulan untuk hasil pengujian
hasil evaluasi adalah valid. Hasil evaluasi yang siap dicetak dapat dilihat pada
Gambar 4.36.
Gambar 4.36
Pengujian Cetak Hasil Evaluasi
51
User menjawab tiap pertanyan yang diajukan sistem dengan memilih jawaban lalu
inputan jawaban user. Pengujian halaman diagnosa untuk rulebase 1 seperti yang
Gambar 4.37
Pengujian Identifikasi Hukum Bacaan
Gambar 4.38
Pengujian Next Identifikasi Hukum Bacaan
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
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
dimana sistem memberikan pesan konfirmasi bahwa password berhasil direset dan
menampilkan form untuk mengganti password lama dengan password yang baru.
Konfirmasi bahwa password berhasil direset dan form pengisian password baru
Gambar 4.41
Konfirmasi Reset Password
Pengujian juga dilakukan pada password yang baru dibuat oleh user,
b. Administrator
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
Gambar 4.43
Selanjutnya Pengujian Edit Soal
51
ke dalam database. Kesimpulan untuk pengujian halaman edit soal adalah valid.
Pengujian dilakukan dengan menginput soal pada form input soal kemudian
mengklik tombol simpan. Pengujian input soal dapat dilihat pada Gambar 4.44.
Gambar 4.44
Pengujian Input Soal
Gambar 4.45
Selanjutnya Pengujian Input Soal
dalam database. Kesimpulan untuk hasil pengujian halaman tambah data soal
adalah valid.
Admin mempunyai hak akses untuk menghapus soal evaluasi pada sistem.
Pengujian dilakukan dengan mengklik tombol hapus pada soal yang akan dihapus.
Gambar 4.46
Pengujian Hapus Soal Evaluasi
51
sistem. Pengujian dilakukan dengan menginput data hukum bacaan pada form
input hukum bacaan. Untuk masuk ke form maka klik tambah data. Pengujian
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
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
Gambar 4.49
Hasil Input Berhasil Disimpan
sistem. Pengujian dilakukan dengan menginput data yang diupdate pada form
update hukum bacaan kemudian mengklik icon update. Pengujian update hukum
Gambar 4.50
Pengujian Update Hukum Bacaan
bacaan berhasil diupdate. Konfimasi hukum bacaan ketika berhasil akan muncul
Gambar 4.51
Konfirmasi Hukum Bacaan Berhasil Disimpan
sistem. Pengujian dilakukan dengan mengklik tombol hapus pada hukum bacaan
yang akan dihapus. Pengujian hapus hukum bacaan dapat dilihat pada Gambar
4.52
Gambar 4.52
Pengujian Hapus Hukum Bacaan
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
hapus pada user yang akan dihapus. Pengujian hapus data user ditunjukkan pada
Gambar 4.54.
Gambar 4.54
Pengujian Hapus User
bahwa user telah dihapus ditunjukkan pada Gambar 4.55. Kesimpulan untuk
Gambar 4.55
User Berhasil Dihapus
B. Pembahasan
Pendekatan prototipe sangat sesuai untuk proyek kecil atau pada tingkat
sangat sulit. Kesulitan lain juga akan muncul ketika menghentikan pengulangan
kebutuhan dan analisis yaitu tahap dimana menentukan kelayakan dan justifikasi
kemudian divalidasi dan diuji coba untuk mengetahui kelayakan dan kelemahan
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