39 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Implementasi merupakan kelanjutan dari kegiatan perancangan sistem dan dapat dipandang sebagai usaha untuk mewujudkan sistem yang dirancang. Langkah-langkah dari proses implementasi adalah urutan dari kegiatan awal sampai kegiatan akhir yang harus dilakukan dalam mewujudkan sistem yang dirancang. Hasil dari tahapan implementasi ini adalah suatu sistem pengolahan data yang sudah dapat berjalan dengan baik. 4.1.1 Spesifikasi Kebutuhan Sistem Spesifikasi kebutuhan sistem pada area kerja dan pengujian terbagi menjadi 2 (dua) yaitu perangkat keras dan perangkat lunak yang dapat dilihat pada keterangan di bawah ini: 1. Perangkat Keras Prosesor Intel Core i5-4210m (3M Cache, 2.6GHz) Memori 4GB, PC3-12800 1600MHz DDR3L Hardisk 500GB 7200 RPM VGA Intel HD Graphics 4600 2. Perangkat Lunak Sistem Operasi, Windows 8.1 64-bit Peramban Internet, Google Chrome 44.0.2403.125 39

40 XAMPP Web Server v5.6.8 - Apache 2.4.12 (http server) - MySQL 5.6.24 - PHP 5.6.8 - phpmyadmin 4.4.3 Framework CodeIgniter 3.0.0 dan Bootstrap 3.3.5 Text Editor CKEditor 4.5.1 4.1.2 Pembuatan Database Pada tahap pertama dalam membangun aplikasi ini adalah pembuatan databasenya terlebih dahulu. mysql> CREATE DATABASE simonline; Gambar 4.1 Membuat database dengan phpmyadmin Berikut tabel yang akan dibuat: 1. Tabel soal CREATE TABLE soal ( id INT(11) NOT NULL AUTO_INCREMENT, soal TEXT, pilihana TEXT, pilihanb TEXT, pilihanc TEXT, pilihand TEXT, jawaban CHAR(8), PRIMARY KEY (id) );

41 2. Tabel user CREATE TABLE user ( id INT(11) NOT NULL AUTO_INCREMENT, username VARCHAR(25), password VARCHAR(64), fullname VARCHAR(256), PRIMARY KEY (id) ); 4.1.3 Antar Muka Sistem (Interface) Tahap implementasi sistem merupakan tahap penerapan sistem agar dapat dioperasikan secara optimal sesuai yang diharapkan. Implementasi antarmuka yang dibuat pada tahap perancangan, diimplementasikan menjadi bentuk halaman web. Implementasi antar muka menggambarkan tampilan dari aplikasi yang dibangun yaitu implementasi antar muka aplikasi latihan soal ujian teori Surat Izin Mengemudi. Berikut ini adalah implementasi antar muka dari aplikasi yang dibuat: 1. Halaman Utama Pengguna Gambar 4.2 Implementasi Halaman Utama Antar Muka Pengguna

42 2. Halaman Soal Latihan Gambar 4.3 Implementasi Halaman Antar Muka Soal Latihan 3. Halaman Hasil Lulus Gambar 4.4 Implementasi Halaman Antar Muka Hasil Lulus

43 4. Halaman Hasil Tidak Lulus Gambar 4.5 Implementasi Halaman Antar Muka Hasil Tidak Lulus 5. Halaman Login Administrator Gambar 4.6 Implementasi Halaman Antar Muka Login Administrator

44 6. Halaman Indeks Soal Gambar 4.7 Implementasi Halaman Antar Muka Indeks Soal

45 7. Halaman Tambah Soal Gambar 4.8 Implementasi Halaman Antar Muka Tambah Soal

46 8. Halaman Ubah Soal Gambar 4.9 Implementasi Halaman Antar Muka Ubah Soal 4.2 Pengujian Sistem Pengujian merupakan hal terpenting yang bertujuan untuk menemukan kesalahan-kesalahan atau kekurangan-kekurangan pada perangkat lunak yang akan diuji. Pengujian bermaksud untuk mengetahui perangkat lunak yang dibuat sudah memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat lunak tersebut.

47 4.2.1 Pengujian pada Antar Muka Pengguna Berdasarkan Implementasi Antar Muka Pengguna, Berikut adalah hasil pengujian dari data yang dimasukkan (input) dan pengamatan (output) sesuai yang diharapkan sehingga dapat ditarik kesimpulan apakah pengujian tersebut diterima atau ditolak. Hasil pengujian dapat dilihat pengujian dari pada Tabel 4.1. Tabel 4.1 Daftar Pengujian pada Antar Muka Pengguna Case ID Data Masukan Yang diharapkan Pengamatan Kesimpulan 1 Klik tombol Menampilkan soal Mulai. latihan. soal 2 Check pada Aktifkan fitur pengecekan! 3 Klik tombol Lanjut tanpa memillih jawaban. 4 Memilih jawaban dan klik tombol Lanjut. 5 Klik tombol Koreksi tanpa memilih jawaban 6 Klik tombol Koreksi dengan memilih jawaban yang salah. 7 Klik tombol Koreksi dengan memilih jawaban yang benar. 8 Klik tombol Lanjut pada soal nomor 25. Menampilkan soal latihan dengan tombol Koreksi aktif kesalahan untuk memilih jawaban Menampilkan soal selanjutnya. kesalahan untuk memilih jawaban jawaban salah jawaban benar Menampilkan hasil. latihan. soal latihan dan tombol Koreksi dapat digunakan pesan kesalahan Silakan pilih jawaban untuk melanjutkan! soal selanjutnya. pesan kesalahan Anda belum memilih jawaban! pesan Jawaban SALAH pesan Jawaban BENAR hasil.

48 Tabel 4.1 (Lanjutan) Daftar Pengujian pada Antar Muka Pengguna Case ID Data Masukan Yang diharapkan Pengamatan Kesimpulan 9 Klik tombol Mulai ulang pada halaman hasil Kembali ke halaman utama pengguna kembali ke halaman utama pengguna 4.2.2 Pengujian pada Antar Muka Administrator Berdasarkan Implementasi Antar Muka Administrator, Berikut adalah hasil pengujian dari data yang dimasukkan (input) dan pengamatan (output) sesuai yang diharapkan sehingga dapat ditarik kesimpulan apakah pengujian tersebut diterima atau ditolak. Hasil pengujian dapat dilihat pengujian dari pada Tabel 4.2. Tabel 4.2 Daftar Pengujian pada Antar Muka Administrator Case ID Data Masukan Yang diharapkan Pengamatan Kesimpulan 10 Klik tombol Masuk tanpa memasukkan username dan password kesalahan tetap pada halaman login administrator pesan kesalahan Username dan Password Salah! pada halaman login 11 Memasukkan username dan password yang salah 12 Memasukkan username dan password. Klik tombol Masuk Username: admin Password: AdminUMB13 13 Klik tombol Tambah Soal pada halaman Indeks Soal kesalahan tetap pada halaman login administrator Menampilkan halaman indeks soal. Menampilkan halaman tambah soal administrator pesan kesalahan Username dan Password Salah! pada halaman login administrator Login sukses, dapat halaman indeks soal halaman menambah soal

49 Tabel 4.2 (Lanjutan) Daftar Pengujian pada Antar Muka Administrator Case ID Data Masukan Yang diharapkan Pengamatan Kesimpulan 14 Klik tombol Simpan pada halaman tambah soal Kembali ke halaman Indeks Soal dan soal berhasil ditambahkan. kembali ke Soal dan soal berhasil 15 Klik tombol Batal pada halaman tambah soal 16 Klik tombol Ubah pada Soal 17 Klik tombol Simpan pada halaman ubah soal 18 Klik tombol Batal pada halaman ubah soal 19 Klik tombol Hapus pada Soal Kembali ke halaman Indeks Soal. Menampilkan halaman ubah soal. Kembali ke halaman Indeks Soal dan soal berhasil diubah. Kembali ke halaman Indeks Soal. Soal yang dipilih terhapus dari Soal ditambahkan. kembali ke Soal. halaman ubah soal. kembali ke Soal dan soal berhasil diubah. kembali ke Soal. Soal yang dipilih dapat terhapus dari halaman Indeks Soal