75
Tabel 4.2 Tabel User
2. Tabel Materi Nama table
: materi Primary key
: id_ materi
Tabel 4.3 Tabel Materi
3. Tabel Jenis Materi Nama table
: jenis_materi Primary key
: id_ jenis_materi
Tabel 4.4 Tabel Jenis Materi
76
4. Tabel Latihan Nama table
: latihan Primary key
: id_ latihan
Tabel 4.5 Tabel Latihan
5. Tabel Listening Nama table
: listening Primary key
: id_ listening
Tabel 4.6
Tabel Listening
6. Tabel Grammer Nama table
: grammer Primary key
: id_ grammer
Tabel 4.7 Tabel Grammer
77
7. Tabel Reading Nama table
: reading Primary key
: id_ reading
Tabel 4.8 Tabel Reading
8. Tabel Skor Nama table
: skor Primary key
: id_ skor
Tabel 4.9 Tabel Skor
9. Tabel Skor User Nama table
: skor_user Primary key
: id_ skor_user
Tabel 4.10
Tabel Skor User
78
10. Tabel Temp Skor Nama table
: temp_skor Primary key
: id_ temp_skor
Tabel 4.11 Tabel Temp Skor
11. Tabel Download Nama table
: download Primary key
: id_ download
Tabel 4.12 Tabel Download
12. Tabel Buku Tamu Nama table
: buku_tamu Primary key
: id_ bukutamu
Tabel 4.13 Tabel Buku Tamu
79
13. Tabel Pengunjung Nama table
: pengunjung Primary key
: id_ pengunjung
Tabel 4.14 Tabel Pengunjung
14. Tabel Kategori User Nama table
: kategori_user Primary key
: id_ kategori_user
Tabel 4.15 Tabel Kategori User
80
4.3.3. Perancangan Antarmuka
4.3.3.1. Antarmuka Halaman Admin
Secara umum, rancang antarmuka halaman admin seperti terlihat pada gambar 4.9.
Gambar 4.9 Antarmuka admin
4.3.3.2. Antarmuka Halaman User
Antarmuka pada halaman user dirancang dua macam, yaitu dengan kolom menu pada sisi kiri halaman dan tanpa
kolom menu. Halaman dengan tanpa kolom menu ini digunakan untuk halaman simulasi TOEFL. Halaman menu
yang kosong tersebut digantikan dengan halaman jawaban. 1. Antarmuka Halaman User
81
Gambar 4.10 Antarmuka User
2. Antarmuka Halaman TOEFL Khusus pada halaman TOEFL, menu yang biasa ada
disebelah kiri ditiadakan, diganti dengan kolom untuk menjawab soal.
Gambar 4.11 Antarmuka TOEFL
82
4.4. Construction
4.4.1. Coding Pengkodean
Dalam tahap coding, perancangan aplikasi ini menggunakan bahasa pemrograman PHP versi 5.3.1 dengan database MySQL
versi 5.1.41 yang telah terintegrasi dalam Xampp versi 1.7.3. Untuk penulisan kode, digunakan bantuan aplikasi Adobe
Dreamweaver CS3 sebagai text editor. Adobe Dreamweaver CS3 dipilih karena kemudahannya dalam penulisan kode dengan fasilitas-
fasilitas yang telah disediakan. Source code program aplikasi ini dapat dilihat di bagian Lampiran.
4.4.2. Testing Pengujian
Setelah selesai melakukan coding aplikasi, maka aplikasi ini harus diujicoba terlebih dahulu dengan tujuan untuk mengetahui
apakah aplikasi ini dapat bekerja dengan baik dan apakah aplikasi ini
telah sesuai dengan tujuan yang diharapkan. 4.4.2.1.
Pengujian Mandiri
Pengujian mandiri dilakukan sebelum aplikasi ini ujicobakan kepada pihak pengguna. Pengujian mandiri
dilakukan dengan mengecek satu persatu menu yang ada. Pengujian mandiri ini dilakukan denga metode Black-box.
Pengujian Black-box berupaya untuk menemukan kesalahan dalam kategori berikut: 1 fungsi yang tidak tepat atau
hilang, 2 kesalahan interface, 3 kesalahan pada struktur