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 http://digilib.mercubuana.ac.id/
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) );
http://digilib.mercubuana.ac.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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
44
6.
Halaman Indeks Soal
Gambar 4.7 Implementasi Halaman Antar Muka Indeks Soal
http://digilib.mercubuana.ac.id/
45
7.
Halaman Tambah Soal
Gambar 4.8 Implementasi Halaman Antar Muka Tambah Soal
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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 1
Data Masukan Klik tombol “Mulai”.
Yang diharapkan Menampilkan soal latihan.
2
Check pada “Aktifkan fitur pengecekan!”
Menampilkan soal latihan dengan tombol “Koreksi” aktif
3
Klik tombol “Lanjut” tanpa memillih jawaban.
Menampilkan pesan kesalahan untuk memilih jawaban
4
Memilih jawaban dan klik tombol “Lanjut”. Klik tombol “Koreksi” tanpa memilih jawaban
Menampilkan soal selanjutnya.
Klik tombol “Koreksi” dengan memilih jawaban yang salah. Klik tombol “Koreksi” dengan memilih jawaban yang benar. Klik tombol “Lanjut” pada soal nomor 25.
Menampilkan pesan jawaban salah
5
6
7
8
Pengamatan Dapat menampilkan soal latihan. Dapat menampilkan soal latihan dan tombol “Koreksi” dapat digunakan Dapat menampilkan pesan kesalahan “Silakan pilih jawaban untuk melanjutkan!” Dapat menampilkan soal selanjutnya.
Kesimpulan [v] Diterima [ ] Ditolak
Dapat menampilkan pesan kesalahan “Anda belum memilih jawaban!” Dapat menampilkan pesan “Jawaban SALAH”
[v] Diterima [ ] Ditolak
Menampilkan pesan jawaban benar
Dapat menampilkan pesan “Jawaban BENAR”
[v] Diterima [ ] Ditolak
Menampilkan hasil.
Dapat menampilkan hasil.
[v] Diterima [ ] Ditolak
Menampilkan pesan kesalahan untuk memilih jawaban
http://digilib.mercubuana.ac.id/
[v] Diterima [ ] Ditolak
[v] Diterima [ ] Ditolak
[v] Diterima [ ] Ditolak
[v] Diterima [ ] Ditolak
48
Tabel 4.1 (Lanjutan) Daftar Pengujian pada Antar Muka Pengguna Case ID 9
Data Masukan Klik tombol “Mulai ulang” pada halaman hasil
Yang diharapkan Kembali ke halaman utama pengguna
Pengamatan Dapat kembali ke halaman utama pengguna
Kesimpulan [v] Diterima [ ] Ditolak
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 10
Data Masukan Klik tombol “Masuk” tanpa memasukkan username dan password
Yang diharapkan Menampilkan pesan kesalahan tetap pada halaman login administrator
11
Memasukkan username dan password yang salah
Menampilkan pesan kesalahan tetap pada halaman login administrator
12
Memasukkan username dan password. Klik tombol “Masuk”
Menampilkan halaman indeks soal.
13
Username: admin Password: AdminUMB13 Klik tombol “Tambah Soal” pada halaman Indeks Soal
Menampilkan halaman tambah soal
Pengamatan Dapat menampilkan pesan kesalahan “Username dan Password Salah!” pada halaman login administrator Dapat menampilkan pesan kesalahan “Username dan Password Salah!” pada halaman login administrator Login sukses, dapat menampilkan halaman indeks soal
Kesimpulan [v] Diterima [ ] Ditolak
Dapat menampilkan halaman menambah soal
[v] Diterima [ ] Ditolak
http://digilib.mercubuana.ac.id/
[v] Diterima [ ] Ditolak
[v] Diterima [ ] Ditolak
49
Tabel 4.2 (Lanjutan) Daftar Pengujian pada Antar Muka Administrator Case ID 14
Data Masukan Klik tombol “Simpan” pada halaman tambah soal
Yang diharapkan Kembali ke halaman Indeks Soal dan soal berhasil ditambahkan.
15
Klik tombol “Batal” pada halaman tambah soal Klik tombol “Ubah” pada halaman Indeks Soal Klik tombol “Simpan” pada halaman ubah soal Klik tombol “Batal” pada halaman ubah soal Klik tombol “Hapus” pada halaman Indeks Soal
Kembali ke halaman Indeks Soal.
16
17
18
19
Menampilkan halaman ubah soal. Kembali ke halaman Indeks Soal dan soal berhasil diubah. Kembali ke halaman Indeks Soal. Soal yang dipilih terhapus dari halaman Indeks Soal
Pengamatan Dapat kembali ke halaman Indeks Soal dan soal berhasil ditambahkan. Dapat kembali ke halaman Indeks Soal.
Kesimpulan [v] Diterima [ ] Ditolak
Dapat menampilkan halaman ubah soal. Dapat kembali ke halaman Indeks Soal dan soal berhasil diubah. Dapat kembali ke halaman Indeks Soal.
[v] Diterima [ ] Ditolak
Soal yang dipilih dapat terhapus dari halaman Indeks Soal
[v] Diterima [ ] Ditolak
http://digilib.mercubuana.ac.id/
[v] Diterima [ ] Ditolak
[v] Diterima [ ] Ditolak [v] Diterima [ ] Ditolak
