UJ I COBA DAN EVALUASI PROGRAM
5.2 Pelaksanaan Uji Coba
Setelah membuat skenario uji coba, peneliti melakukan menguji coba secara langsung sesuai dengan skenario. Tahap ini sangat dibutuhkan untuk menguji apakah software yang dibuat, sesuai dengan fungsionalitas serta tujuan dan manfaat.
5.2.1 Uji Coba Login
Masukkan URL ke dalam browser yaitu “http://localhost/adbo/”,
kemudian masukkan username dan password pada form yang disediakan, setelah username dan password terisi, klik login seperti pada gambar 5.1.
88 Setelah sukses melakukan login, maka akan menuju ke halaman utama user seperti pada gambar 5.2.
Gambar 5.2 Halaman Utama User
5.2.2 Uji Coba Lihat Materi
User setelah melakukan login, memilih sesuai modul, caranya yaitu dengan mengeklik menu “modul” kemudian pilih modul. Setelah itu akan muncul modul flash, pada modul flash akan terlihat tiga menu yaitu Pengenalan, Tutorial, dan Kuis. Pilih Pengenalan pada menu yang ditampilkan di modul flash, maka akan terlihat materi sesuai modul yang dipilih. Pilih next untuk melanjutkan, back untuk ke halaman sebelumnya dan menu untuk kembali ke menu.
Isi materi ini didapatkan dari mengambil data materi dari database, maksimal jumlah halaman yang dimuat yaitu 30 halaman materi per modul. Jika materi sudah berada pada posisi terakhir, maka user akan diarahkan ke halaman video. Untuk lebih jelasnya, digambarkan pada gambar 5.3. Untuk lebih jelasnya, digambarkan pada gambar 5.3.
89 Gambar 5.3 Melihat Materi
5.2.3 Uji Coba Melihat Tutorial
Untuk melakukan uji coba tutorial, pilih menu tutorial pada menu di modul flash. Setelah memilih menu tutorial, makan akan muncul video tutorial.
Gambar 5.4 Halaman Tutorial
Terdapat tiga buah button, yaitu next, menu dan back. “Next button” digunakan untuk melanjutkan ke menu berikutnya, begitu juga “back button”,
90 digunakan untuk kembali ke menu sebelumnya. Sedangkan menu button digunakan untuk kembali ke menu.
Video tutorial modul pembelajaran ini terdapat standart video player control, yang mana user dapat memberhentikan, memutar ulang, mempercepat, memperlambat dan mengatur suara yang dihasilkan dari video. Selengkapnya dapat dilihat pada gambar 5.4.
5.2.4 Uji Coba Kuis
Cara untuk dapat mengakses kuis yaitu dengan memilih menu kuis pada menu di modul flash. Setelah itu, maka akan muncul halaman intruksi, klik “next button”maka akan muncul soal dan jawaban pilihan ganda serta pengaktifan timer. User cukup menekan tombol jawaban “A”, “B” atau “C” yang telah disediakan.
Gambar 5.5 Halaman Kuis
Setelah itu jika semua soal telah terjawab atau waktu timer telah habis, maka otomatis akan diarahkan ke perhitungan skor. Pada halaman perhitungan
91 skor, terdapat dua tombol yaitu ulangi kuis, yang kedua yaitu kembali ke menu utama.
Setelah selesai menjawab soal-soal kuis, atau waktu yang dibutuhkan habis, maka user akan diarahkan ke halaman perhitungan skor. Skor tersebut akan disimpan pada data skor di database.
Gambar 5.6 Halaman Perhitungan Skor
Pada gambar 5.6 merupakan tampilan dari halaman kuis, yang mana terdapat nama user, jumlah benar, jumlah salah dan jumlah soal yang belum terjawab. Untuk uji coba apakah skor yang dihasilkan oleh user dari mengerjakan kuis ini tersimpan atau tidak, akan di buktikan pada Uji Coba Melihat History.
5.2.5 Uji Coba Melihat History
Untuk melihat histori user harus melakukan login, setelah itu akan muncul halaman utama user. Klik “History” pada menu website. Setelah memilih menu history, maka akan muncul skor-skor yang user hasilkan dari pengerjaan kuis,
92 sesuai dengan modul dan tanggal tertentu. Hasil tangkapan layar pada gambar 5.7 merupakan hasil uji coba kuis, yang mana hasilnya tertera pada baris teratas.
Gambar 5.7 Halaman History
5.2.6 Login Admin
Sebelum admin dapat memasuki halaman utama admin, admin diwajibkan untuk login dengan memasukkan URL Address khusus admin yaitu
http://localhost/adbo/loginadmin.php.
Masukkan “username” dan “password” pada textarea yang telah disediakan. Kemudian klik “login”, jika username dan passsword benar maka akan segera terbuka halaman utama admin, jika username dan password salah, maka akan muncul peringatan dan tetap pada halaman login admin. Selengkapnya dapat dilhat pada gambar 5.8.
93 Gambar 5.8 Login Admin
Masukkan “username” dan “password” pada textarea yang telah disediakan. Kemudian klik “login”, jika username dan passsword benar maka akan segera terbuka halaman utama admin, jika username dan password salah, maka akan muncul peringatan dan tetap pada halaman login admin. Selengkapnya dapat dilhat pada gambar 5.8.
Setelah melakukan login oleh admin, maka admin akan diarahkan pada halaman utama admin. Halaman utama admin terdapat empat menu utama yaitu Home, Kelola User, Edit Modul dan Logout, sedangkan pada bagian bawah menu utama, terdapat animasi pembuka yang dibuat dengan menggunakan flash. Selengkapnya dapat dilihat pada gambar 5.9.
94 Gambar 5.9 Halaman Utama Admin
5.2.7 Kelola Data User
Setelah itu admin melakukan login seperti pada tahap sebelumnya, admin dapat mengatur data user dengan memilih menu kelola user pada menu website. Pada menu tersebut terdapat dua pilihan dua submenu yang ditampilkan dengan combobox, submenu tersebut adalah tambah user dan edit user.
95 Setelah memilih tambah user, admin akan melihat halaman tambah user, yang berisi field-field seperti username, password, nama lengkap dan jenis. Jenis hanya terdiri dari dua pilihan yaitu user dan admin. Setelah mengisi field-field tersebut, klik tombol “tambah”, maka akan menambahkan record baru pada database data user seperti pada gambar 5.10.
Gambar 5.11 List User
Jika admin memilih edit user, maka admin akan melihat halaman edit user, yang mana halaman tersebut berisi list user dan admin, serta terdapat link edit dan delete, yang mana jika dipilih edit, maka akan diarahkan ke form edit data sesuai dengan record yang dipilih. Lebih jelasnya dapat dilihat pada gambar 5.11.
Untuk mengubah data, admin dapat mengganti isi form edit seperti username, password, nama lengkap dan jenis, kemudian klik “simpan perubahan” untuk menyimpan data yang telah dimasukkan, kemudian akan terlihat sebuah pop-up messege yang bertuliskan bahwa data user telah tersimpan. Lebih jelasnya dapat dilihat pada gambar 5.12.
96 Gambar 5.12 Halaman Edit User
Sedangkan jika memilih delete, maka record data yang dipilih akan segera terhapus, tapi sebelumnya terdapat sebuah peringatan, yang mana peringatan tersebut untuk meyakinkan, apakah admin ingin benar-benar menghapus data. Untuk lebih jelasnya dapat dilihat pada gambar 5.13.
97 5.2.8 Kelola Materi
Untuk mengatur materi, admin harus memilih menu edit materi dan kuis, pada tersebut akan muncul empat pilihan submenu, yaitu edit materi, edit video tutorial, edit kuis dan atur timer, pilih edit materi, kemudian akan muncul halaman list edit materi seperti pada gambar 5.14.
Gambar 5.14 Pemilihan Modul dan Halaman Materi
Pilih halaman materi sesuai nomor halaman dan modul, selanjutnya akan ditampilkan list data materi yang ditampilkan setiap lima halaman, seperti pada gambar 5.15.
98 Untuk mengedit halaman, klik button edit yang dilambangkan dengan gambar pulpen, maka halaman edit akan terbuka seperti pada gambar 5.16.
Gambar 5.16 Edit Halaman Materi
Masukkan judul, teks, dan upload gambar jika diperlukan dengan menekan button “browse” kemudian pilih file gambar yang akan di upload.
99 Untuk menyimpan, pilih button “upload”. Field teks wajib diisi, bila tidak terisi, maka materi tidak ditampilkan ke dalam modul flash. Sedangkan untuk menghapus materi, pilih button “delete” yang dilambangkan pada gambar silang maka akan muncul seperti pada gambar 5.17.
5.2.9 Kelola Kuis
Untuk mengatur kuis, pilih submenu “edit kuis” pada menu “Edit Modul” halaman utama admin. Sama seperti kelola materi, admin memilih modul dan halaman kuis yang akan di edit.
Gambar 5.18 Pemilihan Modul dan Halaman Kuis
Lebih jelasnya seperti pada gambar 5.18, yang mana terdapat pilihan modul yaitu mulai modul 1 hingga modul 8 dan halaman kuis masing-masing lima record yang akan ditampilkan dalam sebuah form list.
Pada list tersebut, admin memilih satu dari record tersebut dengan klik button edit yang digambarkan dengan ikon pulpen, maka akan muncul halaman
100 edit kuis. Masukkan soal, tipe kuis, jawaban a, jawaban b, jawaban c dan kunci jawaban seperti pada gambar 5.19 berikut.
Gambar 5.19 List Edit Halaman Kuis
Tipe jawaban yaitu dapat berupa teks atau gambar. Klik button “Upload” untuk menyimpan. Jika ingin meenghapus record, yaitu dengan menekan button “delete” yang dilambangkan dengan ikon silang. Lebih jelasnya dapat dilihat pada gambar 5.20.
101 5.2.10 Atur Timer
Untuk mengatur timer kuis, pilih submenu “atur timer kuis” pada menu “Edit Modul” halaman utama admin, maka akan muncul halaman atur timer. Halaman atur timer berisi dua buah textfield yaitu menit dan detik. Masukkan menit dan detik, lalu klik tombol “atur”.
Untuk uji coba, peneliti memasukkan ke field menit dan detik yaitu 2 menit 30 detik pada form timer. Lebih jelasnya dapat dilihat pada gambar 5.21. Angka tersebut akan di konversi menjadi satuan mili detik, yang mana merupakan satuan yang support oleh Adobe Flash. Setelah dikonversi, angka tersebut disimpan dalam database.
Gambar 5.21 Form Atur Timer Kuis
Setelah penyimpanan ke database dilakukan, tahap selanjutnya yaitu menguji-coba, apakah angka tersebut dapat ditangkap oleh modul flash, dengan cara menjalankan langsung kuis pada modul pembelajaran ini, yaitu dengan
102 menjalankan modul flash, kemudian pilih menu halaman kuis, maka muncul angka dan menit dari pengubahan timer. Hasil uji coba dapat dilihat pada gamba r 5.22.
Gambar 5.22 Hasil Uji Coba Timer
5.2.11 Atur Video
Untuk mengatur video, admin memilih menu edit modul pada submenu “Edit modul”. Kemudian akan muncul form pungunggahan video, mulai video pertama hingga akhir. Untuk mengunggah, klik tombol browse kemudian pilih file video berekstensi .flv, setelah itu klik upload.
103 Gambar 5.23 Hasil Uji Coba Edit Video
Gambaran lengkapnya seperti pada gambar 5.23 diatas. Untuk menjalankan video, peneliti menganjurkan untuk membersihkan cache yang pada browser, agar file video yang lama tergantikan dengan yang baru.
104
BAB VI
PENUTUP
Setelah melalui beberapa tahapan pembahasan teori, perancangan sistem dan pengujian terhadap bab-bab sebelumnya, maka pada bab ini dapat diambil kesimpulan dan saran pengembangan dari Tugas Akhir “Modul Pembelajaran Analisis Desain Beorientasi Objek Dengan Menggunakan Flash Berbasis Web”.