9
merancang proses sistem dan interface selesai, akan dilakukan evaluasi terhadap hasil rancangan. Tahap ketiga adalah tahapan implementation and unit testing
yang berfungsi untuk membuat dan menguji coba aplikasi. Kegiatan yang dilakukan pada tahapan ini yaitu mulai membuat hasil rancangan dari tahapan
sebelumnya dengan menggunakan HTML5. Pada tahapan ini juga dilakukan proses uji coba, untuk mengetahui apakah aplikasi ini memiliki kesalahan dalam
pembuatannya. Tahap keempat adalah tahapan integration and system testing yang berfungsi untuk menyatukan program dan melakukan pengujian sistem,
apakah benar-benar memberikan manfaat serta memudahkan pengguna dalam pemakaiannya sehingga bisa menciptakan sebuah sistem yang terkomputerisasi
dengan baik. Pengujian dilakukan secara langsung terhadap siswa
di “SMART” pre-school, selain itu pengujian dilakukan pengujian secara tidak langsung, yaitu
user atau pengguna bisa melakukan pembelajaran dimana saja. Tahapan terakhir yaitu operation and maintenance yang berfungsi menjaga dan merawat, serta
terus dievaluasi kelemahan-kelemahan yang ada untuk mendapatkan hasil yang maksimal.
3.1 Perancangan Sistem
Gambar 2 Use Case Diagram Sistem
Gambar 2 merupakan gambaran use-case dari sistem pembelajaran Bahasa Inggris berbasis website menggunakan HTML5. Use-case di atas memiliki dua
actor yaitu admin dan user. Admin memiliki fungsi lebih dibanding dengan dengan user. Admin dapat melakukan login ke dalam database yang ada,
sedangkan user hanya dapat melakukan proses pembelajaran saja. User harus melakukan proses registrasi untuk dapat melakukan kegiatan pembelajaran
Bahasa Inggris. Seorang administrator dapat melakukan pengolahan database hasil quiz, dan database user, sedangkan user dapat melakukan proses
pembelajaran Bahasa Inggris seperti: pembelajaran bentuk, pembelajaran huruf, pembelajaran angka, dan pembelajaran warna. User juga dapat mengikuti quiz
10
yang ada dalam setiap proses pembelajaran, serta dapat melihat hasil dari pada quiz yang sudah di ikuti.
3.2 Perancangan Basis Data
Dalam perancangan aplikasi pembelajaran bahasa inggris dasar diperlukan sebuah media penyimpanan berupa basis data. Basis data akan digunakan sebagai
media penyimpanan data yang ada dalam aplikasi pembelajaran bahasa inggris dasar. Aplikasi ini membutuhkan dua tabel masing-masing adalah tabel member
dan tabel test.
Tabel member berfungsi untuk menyimpan informasi data member yang sudah melakukan registrasi, sehingga user dapat melakukan proses login ke dalam
aplikasi. Id merupakan primary key dimana tidak ada user yang mempunyai id yang sama. Informasi lain dari Tabel member dapat dilihat pada Tabel 1.
Tabel 1 Tampilan dari tabel member
Tabel test berfungsi untuk menyimpan informasi data hasil test yang sudah di lakukan oleh user di aplikasi proses pembejaran bahasa inggris dasar berbasis
web. Id_member dalam tabel merupakan primary key dimana id_member ini adalah id yang di miliki oleh user yang sudah melakukan proses registrasi.
Informasi lain dari Tabel test dapat dilihat pada Tabel 2.
Tabel 2 Tampilan dari tabel test
Nama Kolom Tipe Data
Lebar Data
ID Int
11 ID_member
Int 11
Quiz Varchar
255 Tanggal
Datetime Jumlah
Int 11
Berhasil Int
11 Nilai
Int 11
.
Nama Kolom Tipe Data
Lebar Data
ID Int
11 Nama
Varchar 255
Umur Int
11 Alamat
Text Sekolah
Varchar 255
Username Varchar
255 Password
Varchar 255
11
JUDUL WEB
Home Pembelejaran
Login Register
GAMBAR Pengantar Media Pembelajaran
Bahasa Inggris Dasar Berbasis Web
site Menggunakan HTML5
Tabel member dan tabel tes memiliki hubungan atau relasi.Relasi antara tabel member dan tabel test adalah one to many. Setiap ID dapat memiliki banyak ID
tabel test. Penghubung antara tabel member dan tabel tes adalah ID pada tabel member sebagai primary key dan ID_member pada tabel tes sebagai foraign key
Relasi dari tabel member dan tabel test dapat dilihat di Gambar 5
Gambar 3 Tampilan relasi tabel
3.3 Perancangan Antar Muka
