BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman. Setelah diimplementasikan maka dilakukan pengujian terhadap sistem dan dilihat kekurangan-kekurangan pada aplikasi untuk pengembangan sistem selanjutnya. 4.1 Implementasi Setelah sistem dianalisis dan didesain secara rinci, maka akan menuju tahap implementasi. Implementasi merupakan tahap meletakkan sistem sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modulmodul perancangan, sehinga pengguna dapat memberikan masukan kepada pembangun sistem. 4.1.1. Perangkat Keras (Hardware) Perangkat Keras (Hardware) yang dipergunakan untuk mengimplementasikan system adalah: 1. Processor Intel(R) Core(TM)2 Duo 2. RAM 512 GHz (minimum) 3. Hardisk 40 Gb (minimum) 4. Monitor 15 (minimum) 5. CD ROM Drive, Keyboard dan Mouse 4.1.2. Perangkat Lunak (Software) Perangkat Keras (Hardware) yang dipergunakan untuk mengimplementasikan system adalah: 79
80 1. Sistem Operasi Windows Vista atau Windows7 2. Google Chrome versi 20.0.1132.57 atau versi 28.0.1500.72 m 3. XAMPP versi 1.7.3. atau 1.7.7. 4. Notepad ++ 4.1.3. Implementasi Database Pembuatan Database dilakukan dengan menggunakan aplikasi XAMPP versi 1.7.7 dengan fasilitas phpmyadmin. Berikut akan dijelaskan pembuatan database aplikasi pembelajaran kalkulus proposisi. 1. XAMPP yang telah terinstall di komputer harus diaktifkan terlebih dahulu dengan cara me-running modules apache dan MySql seperti gambar dibawah ini. Gambar 4.1 Tampilan XAMPP Control Panel Application 2. Kemudian ketikan XAMPP pada menu browser di Google Chrome seperti terlihat pada gambar dibawah ini. Gambar 4.2 Tampilan Menu Browser untuk membuka localhost XAMPP
81 3. Kemudian setelah proses di nomor 2 maka akan terlihat tampilan sebagai berikut: 4. Kemudian klik phpmyadmin, yang akan menampilkan gambar berikut: Gambar 4.3 Tampilan phpmyadmin 5. Kemudian, untuk pembuatan database dengan mengisikan nama database dan klik ciptakan. Dalam hal ini penulis sudah membuatnya dengan nama tataufik seperti terlihat dengan tanda pada gambar berikut:
82 Gambar 4.4 Tampilan phpmyadmin 6. Database dalam aplikasi pembelajaran kalkulus proposisi ini digunakan sebagai media penyimpanan data login pengguna (user), data materi, data latihan dan data nilai. Gambar 4.5 Tampilan Database Dalam melakukan koneksi antara sistem dengan database, sebagaimana terlihat di atas yaitu dibuat sebuah konfigurasi dengan nama file connection.php yang ditempatkan pada folder khusus yaitu dengan nama folder inc untuk mempermudah melakukan koneksi.
83 Agar koneksi database sukses maka sesuaikan username dan password di connection.php yang dari local host dengan username dan password database yang sudah dibuat di database control panel. Gambar 4.6 Konfigurasi connection.php 4.2 Mulai Aplikasi Pada saat aplikasi pertama kali dijalankan yaitu dengan cara klik Start Menu Google Chrome, seperti terlihat pada gambar di bawah ini. Gambar 4.7 Tampilan Memulai Menjalankan Aplikasi
84 4.3 Menu Tampilan Browser Setelah diklik Google Chrome maka akan muncul tampilan browser sebagai berikut: Gambar 4.8 Tampilan Browser 4.4 Halaman Utama Aplikasi Setelah tampilan browser Google Chrome terbuka, ketik url: http://localhost/tataufik/ pada alamat browser kemudian tekan ENTER, sehingga akan menampilkan halaman depan aplikasi sebagai berikut: Gambar 4.9 Tampilan Halaman Utama
85 Untuk memulai masuk kedalam aplikasi ini, maka terlebih dahulu melakukan sign-in tampilannya seperti terlihat pada gambar di bawah ini. Gambar 4.10 Tampilan Halaman Sign-in Variable dalam form sign-in adalah : - Email address - Password Semua variable wajib diisi, karena itu adalah syarat untuk bisa melakukan sign-in. Jika belum menjadi anggota terlebih dahulu harus masuk ke menu daftar untuk register. Gambar 4.11 Tampilan Halaman Register
86 Di bawah ini adalah tampilan halaman sign-in sebagai admin, maka masukan email dan password Gambar 4.12 Tampilan Halaman Sign-in sebagai admin Semua variable wajib diisi email dan password yang pernah terdaftar dengan benar, karena itu adalah syarat untuk bisa melakukan sign-in sebagai admin. Di bawah ini adalah tampilan halaman beranda admin yang terdiri dari menu Beranda, Simulasi, Users, Materi, Latihan, Nilai dan Keluar. Menu Beranda menampilkan halaman notifikasi. Gambar 4.13 Tampilan Halaman beranda admin
87 Di bawah ini adalah gambar form implementasi halaman daftar user. Gambar 4.14 Tampilan Halaman User admin Di bawah ini adalah gambar form implementasi dari halaman admin user untuk tambah user baru. Gambar 4.15 Tampilan Halaman User admin untuk tambah user
88 Proses berikutnya adalah gambar form implementasi dari proses simulasi. Gambar 4.16 Tampilan Halaman User admin untuk menu simulasi Proses berikutnya adalah gambar form implementasi dari menu daftar materi. Gambar 4.17 Tampilan Halaman User admin untuk daftar materi
89 Proses berikutnya adalah gambar form implementasi dari menu tambah materi. Gambar 4.18 Tampilan Halaman User admin untuk tambah materi Proses berikutnya adalah gambar form implementasi dari menu latihan. Gambar 4.19 Tampilan Halaman User admin untuk menu latihan
90 Proses berikutnya adalah gambar form implementasi dari menu tambah latihan. Gambar 4.20 Tampilan Halaman User admin untuk menu tambah latihan Proses berikutnya adalah gambar form implementasi dari menu nilai. Gambar 4.21 Tampilan Halaman User admin untuk menu nilai
91 Proses berikutnya adalah gambar form implementasi dari sign-in sebagai member. Gambar 4.22 Tampilan Halaman sign-in sebagai member Proses berikutnya adalah gambar form implementasi dari beranda sign-in sebagai member. Gambar 4.23 Tampilan Halaman beranda sign-in sebagai member
92 Proses berikutnya adalah gambar form implementasi dari beranda sign-in sebagai member untuk menu simulasi. Gambar 4.24 Tampilan Halaman simulasi sign-in sebagai member Proses berikutnya adalah gambar form implementasi dari beranda sign-in sebagai member untuk menu materi. Gambar 4.25 Tampilan Halaman materi sign-in sebagai member
93 Proses berikutnya adalah gambar form implementasi dari beranda sign-in sebagai member untuk menu latihan. Gambar 4.26 Tampilan Halaman latihan sign-in sebagai member Proses berikutnya adalah gambar form implementasi dari beranda sign-in sebagai member untuk menu nilai. Gambar 4.27 Tampilan Halaman nilai sign-in sebagai member
94 Proses berikutnya adalah gambar form implementasi dari beranda sign-in sebagai member untuk menu profil. Gambar 4.28 Tampilan Halaman profil sign-in sebagai member 4.5 Pengujian Pengujian merupakan suatu investigasi yang dilakukan untuk mendapatkan informasi mengenai kualitas dari layanan yang sedang diuji. Pengujian perangkat lunak juga memberikan pandangan mengenai perangkat lunak secara obyektif dan independen yang bermanfaat dalam operasional untuk memahami tingkat resiko pada implementasinya. Pengujian ini memfokuskan pada keperluan fungsional dari aplikasi yang telah dibangun. Karena itu pengujian memungkinkan pengembangan aplikasi diwaktu yang akan datang agar dapat mengikuti teknologi seiring dengan perkembangan teknologi itu sendiri. Pada sistem kali ini, penulis hanya akan melakukan pengujian dengan teknik pengujian Black Box saja. Pengujian Black Box merupakan teknik pengujian internal dimana proses internal dari perangkat lunak (software) yang diuji tidak diketahui oleh para penguji (tester). Para penguji hanya mengetahui masukan (input) dan apa hasil yang
95 diharapkan (output). Pengujian ini dilihat dari sudut pandang pengguna, bukan perancang. 4.5.1. Pengujian Black Box Tabel 4.5.1 Skenario Pengujian No Nama Halaman Menu Aksi Hasil yang diharapkan 1. Sign-in Kotak isian email Mengisi Merekam email address dan address & password kata sandi ke database 2. Admin Simulasi Mengisi Memasukkan proposisi untuk diproses Daftar Users Memilih Menampilkan user yang sudah terdaftar Tambah User Baru Mengisi Menambahkan user admin / member Daftar Materi Memilih Menampilkan Materi yang sudah terdaftar Tambah Materi Baru Mengisi Menambahkan Materi Daftar Latihan Memilih Menampilkan Latihan yang sudah terdaftar Tambah Latihan Baru Mengisi Menambahkan Soal Latihan Daftar Nilai Memilih Menampilkan Nilai dari user yang telah mengerjakan latihan Edit Mengisi Merubah nama, email, password, materi dan latihan Delete Memilih Menghapus user, materi dan latihan Submit Memilih Merekam hasil tambahan, perubahan ataupun update-tan ke database Log out Memilih Mengakhiri aplikasi 3. Member Simulasi Mengisi Memasukkan proposisi untuk diproses Daftar Materi Memilih Menampilkan Materi yang sudah terdaftar Daftar Latihan Memilih Menampilkan Latihan yang sudah terdaftar Daftar Nilai Memilih Menampilkan Nilai hasil mengerjakan latihan Profil Mengisi Merubah nama, email, dan password Update Mengisi Merubah nama, email dan password Submit Memilih Merekam hasil mengerjakan jawaban dari latihan ke database Log out Memilih Mengakhiri aplikasi
96 Dari skenario pengujian yang telah dilakukan maka akan didapatkan hasil pengujian. Hasil pengujian didapat setelah melakukan aksi pada setiap skenario terangkum dalam tabel hasil pengujian sebagai berikut : Tabel 4.5.2 Hasil Pengujian No Nama Halaman Menu Aksi Hasil yang diharapkan Hasil Uji 1. Sign-in Kotak isian email Mengisi Merekam email address dan Sesuai address & password kata sandi ke database 2. Admin Simulasi Mengisi Memasukkan proposisi untuk Sesuai diproses Daftar Users Memilih Menampilkan user yang sudah Sesuai terdaftar Tambah User Baru Mengisi Menambahkan user admin / member Sesuai Daftar Materi Memilih Menampilkan Materi yang Sesuai sudah terdaftar Tambah Materi Baru Mengisi Menambahkan Materi Sesuai Daftar Latihan Memilih Menampilkan Latihan yang Sesuai sudah terdaftar Tambah Latihan Baru Mengisi Menambahkan Soal Latihan Sesuai Daftar Nilai Memilih Menampilkan Nilai dari user Sesuai yang telah mengerjakan latihan Edit Mengisi Merubah nama, email, Sesuai password, materi dan latihan Delete Memilih Menghapus user, materi dan latihan Sesuai Submit Memilih Merekam hasil tambahan, Sesuai perubahan ataupun update-tan ke database Log out Memilih Mengakhiri aplikasi Sesuai 3. Member Simulasi Mengisi Memasukkan proposisi untuk diproses Sesuai Daftar Materi Memilih Menampilkan Materi yang Sesuai sudah terdaftar Daftar Latihan Memilih Menampilkan Latihan yang sudah terdaftar Sesuai Daftar Nilai Memilih Menampilkan Nilai hasil Sesuai mengerjakan latihan Profil Mengisi Merubah nama, email, dan Sesuai password Update Mengisi Merubah nama, email dan Sesuai password Submit Memilih Merekam hasil mengerjakan Sesuai jawaban dari latihan ke database Log out Memilih Mengakhiri aplikasi Sesuai
97 4.5.2. Analisa Hasil Pengujian Black Box Pengujian aplikasi telah dilakukan. Analisa dari hasil pengujian aplikasi adalah sebagai berikut : - Pada Halaman Masuk Aplikasi, kasus uji yang dimasukkan adalah memasukkan data email dan kata sandi (password). Apabila email dan password sesuai dengan data pada basis data, maka akan masuk ke halaman sesuai rule. - Jika email dan password yang dimasukan sebagai admin maka akan tampil Halaman Utama untuk pengguna rule admin. - Jika email dan password yang dimasukan rule member maka akan tampil Halaman Utama untuk pengguna member. - Jika email dan password salah maka akan muncul pesan kesalahan bahwa pengguna memasukkan email atau password is invalid.