14 kedua dilakukan dengan memperbaiki kerja sistem yang masih belum valid seperti
data belum dapat mucul pada halaman galeri dan mengubah tampilan data agar lebih rapi dan aplikasi dapat berjalan dengan sempurna.
4. Hasil Implementasi dan Pembahasan
Implementasi dari pembuatan aplikasi pembelajaran sejarah ini dibangun menggunakan fitur yang terdapat pada HTML5 dan bahasa pemrograman PHP.
Terdapat beberapa pengaturan yang harus dilakukan pertama kali saat pembuatan, yaitu pengaturan koneksi ke basis data MySQL. Pengaturan koneksi basis data
dilakukan pada file database yang terletak pada folder config. Pengaturan ini ditunjukkan pada Kode Program 1.
Kode Program 1 Koneksi ke database MySQ
Kode Program 1 merupakan perintah untuk melakukan pengaturan koneksi
untuk menghubungkan ke basis data MySQL. Pada pengaturan ini dilakukan pengisian untuk hostname, username, password, dan nama dari basis data yang
digunakan. Sedangkan pengaturan untuk folder penyimpanan data berupa gambar ditunjukkan pada Kode Program 2.
Kode Program 2 Pengaturan tempat penyimpanan data gambar
Kode Program 2 berfungsi untuk tempat menyimpan data gambar yang
telah berhasil diupload. Baris ke 1 menunjukkan tempat dan nama folder gambar yang akan disimpan sedangkan baris ke 2 menunjukkan alamat file gambar yang
telah disimpan.
Gambar 8
Halaman Home Aplikasi Pembelajaran Sejarah
1.server = localhost; 2.user = root;
3.password = ; 4.db = galeri;
1. dir_gambar = C:\xampp\htdocs\skripsi percepatan\gambar\\; 2. url_folder_gambar = http:localhostskripsi percepatangambar;
15 Gambar 8 merupakan halaman yang akan muncul pertama kali ketika
aplikasi pembelajaran ini dijalankan pada halaman utama terdapat 4 tombol menu utama yaitu: tombol home digunakan untuk melihat sebagian isi dari aplikasi
pembelajaran ini, tombol sejarah didalam tombol sejarah terdapat menu dropdown prasejarah yang didalamnya terdapat 4 pembagian zaman prasejarah, tombol
video digunakan untuk melihat video mengenai zaman prasejarah, tombol Bantuan digunakan untuk melihat cara menggunakan aplikasi pembelajaran ini.
Gambar 9 Halaman Sejarah
Gambar 9 Merupakan halaman sejarah terdapat menu pembagian zaman prasejarah
berdasarkan kebudayaannya
yaitu zaman
palaeolithicum, mesolithicum, neolithicum , megalithicum
. Pada setiap menu user dapat melihat informasi yang berhubungan dengan zaman tersebut baik tentang kebudayaan,
alat-alat yang dipakai dan jenis manusia purba yang ditemukan pada zaman tersebut.
Gambar 10 Halaman Lihat Galeri
Untuk menampilkan data yang telah di upload pada Gambar 10, mengunakan fungsi pemanggilan data yang terdapat pada database dengan fungsi
while dan untuk menampilkan gambar yang sudah tersimpan dalam folder.
16
Kode Program 3
Fungsi while dalam pengambilan data
Penggunaan while dimaksudkan agar data dapat secara otomatis ditampilkan pada saat data berhasil di upload secara berurutan dimulai dari data
yang pertama kali di upload dan sistem view hanya mengikuti perintah untuk mengambik data berdasarkan id yang telah ditentukan.
Gambar 11
Halaman Hapus Data Galeri
Pada sistem ini admin juga dapat menghapus data yang sudah tidak di inginkan agar data tersebut tidak akan lagi di simpan dalam database MySQL.
Gambar 11 merupakan gambar halaman web untuk menghapus data yang di pilih, admin juga dapat menambah data pada galeri melalui halaman upload data yang
dapat diakses melalui halaman admin. Proses ini membutuhkan validasi login ke dalam halaman admin
Gambar 12 Halaman Untuk Mengupload Data Galeri
1. while rows = mysql_fetch_rowquery: 2. php echo rows[1] ; ?
3. img src=?php echo url_folder_gambar . rows[2];? width=100
4. hp echo rows[3]; ?
1.
17 Penambahan halaman upload ini dilakukan agar admin tidak perlu lagi
membuka halaman pada PHP MyAdmin untuk menambahkan data baru pada database. Form untuk mengupload data ditunjukkan oleh Gambar 12.
Gambar 13
Halaman Video
Kode Program 4
Fungsi Auto Play Untuk Memutar Video
Menanyangkan video pada halaman web menggunakan tag yang terdapat pada HTML5 untuk menampilkan video pada halaman web dapat
menggunakan tag yang tersedia pada HTML5 yaitu tag video. Halaman video dapat digunakan oleh user untuk melihat video yang sudah dipersiapkan oleh
admin video dapat diputar dengan mudah oleh user hanya dengan menekan tombol play dan secara otomatis video akan diputar, proses penambahan video
dilakukan dengan menambahkan langsung pada kode php sehingga tidak diperlukan database untuk menyimpan data video. Halaman video ditunjukkan
oleh Gambar 13
Gambar 14
Halaman Tambah User
1. video height=450 width=700 2. src=videokubur_batu.mp4
3.controls=controls 4.video
18 Halaman Tambah User dapat digunakan oleh admin untuk menambahkan
user pada database. User dapat melakukan hapus data data, update galeri, Halaman Tambah User ditunjukkan oleh Gambar 14.
Gambar 15 Halaman Untuk Mengelola Bantuan
Gambar 15 merupakan halaman untuk membantu user dalam memahami penggunaan aplikasi pembelajaran sejarah tersebut, halaman bantuan berisi
petunjuk penggunaan. Dengan adanya halaman bantuan ini diharapkan user dapat melihat ringkasan data yang terdapat pada aplikasi pembelajaran dan fungsi dari
masing- masing menu yang terdapat pada aplikasi pembelajaran.
Pengujian aplikasi dilakukan dengan menguji fungsi-fungsi dari aplikasi yang telah dibuat untuk mencari kesalahanbug pada sistem Dengan pengujian
black box ,pada aplikasi pembelajaran sejarah dapat dilakukan untuk menguji
sistem saat input dengan klik icon maupun button dan output yang dihasilkan sesuai yang diharapkan.
Teknik pengujian black-box berfokus pada domain informasi dari perangkat lunak, dengan melakukan test case dengan mempartisi domain input
dari suatu program dengan cara yang memberikan cakupan pengujian yang mendalam. Pengujian black box didesain untuk mengungkap kesalahan pada
persyaratan fungsional tanpa mengabaikan kerja internal dari suatu program. Tabel 1 adalah hasil pengujian dari aplikasi yang telah dilakukan.
Tabel 1 Hasil Pengujian Blackbox
Fungsi yang diuji Kondisi
Output yang diharapkan
Output yang dihasilkan system
Status Pengujian
Login Username
dan password benar
Username dan password
salah maupun kosong User dan Password salah
satu salah Sukses login
Gagal login Gagal login
Sukses login Gagal login
Gagal login Valid
Upload data Penanbahan data yang
baru pada tabel Form
diisi beberapa atau kosong
Sukses tambah data Gagal tambah data
Sukses tambah data Gagal tambah data
Valid Memutar video
Ketika user memutar video Video sukses diputar
Video sukses di putar Valid
Hapus data Menghapus data yang di
pilih Sukses hapus data
Sukses hapus data Valid
19 Berdasarkan pengujian yang dilakukan pada aplikasi web dapat dilihat
status pengujian dari setiap fungsi valid, maka disimpulkan bahwa aplikasi ini berjalan dengan baik dan sesuai yang diharapkan. Pengujian eksternal dilakukan
untuk mengetahui respon user terhadap software Aplikasi Pembelajaran Sejarah ini. Responden akan diberi 20 soal pertanyaan, data dan nilai dari responden dapat
dilihat pada Tabel 2 dan Tabel 3.
Tabel 2 Hasil dan Nilai Siswa Dengan Metode Konvensional
No Nama Siswa
Nilai
1 Antonius
70 2
Aprilliani 76
3 Bambang
66 4
Dewi 70
5 Eka
56 6
Eti 80
7 Fega
66 8
Hestomo 60
9 Heti
73 10
Istiana 70
11 Nanang
53 12
Rosi 66
13 Catur
66 14
Weni 70
15 Yudha
73 16
Donati 73
17 Deni
66 18
Afdhol 60
19 Fitri
76 20
Rafika 70
Tabel 3 Hasil dan Nilai Siswa Dengan Aplikasi Pembelajaran Sejarah
No Nama Siswa
Nilai
1 Antonius
86 2
Aprilliani 86
3 Bambang
76 4
Dewi 76
5 Eka
76 6
Eti 83
7 Fega
83 8
Hestomo 76
9 Heti
83 10
Istiana 86
11 Nanang
76 12
Rosi 70
13 Catur
83 14
Weni 80
15 Yudha
83 16
Donati 83
17 Deni
76 18
Afdhol 80
19 Fitri
86 20
Rafika 83
Pengujian ini dilakukan dengan Pre Test memakai sistem konvensional dan siswa yang di tes sejumlah 20 siswa dengan jumlah soal 20 dan Pengujian
dilakukan dengan setelah menggunkan Software Aplikasi Pembelajaran Sejarah dan siswa yang di tes sejumlah 20 siswa dengan jumlah soal 20 sample user pada
pengujian ini adalah siswa SMA Kanisius Ambarawa.
20 Pengujian keberhasilan responden dengan metode perbandingan antara
sistem pembelajaran konvensional dengan sistem aplikasi pembelajaran berbasis web kemudian di evaluasi dengan nilai maksimum 100.
Dari penelitian sistem pembelajaran konvensional yang dilakukan dengan jumlah 20 soal dengan 20 responden dilakukan tes kemampun dengan sistem
konvensioan. Diperoleh jumlah nilai siswa 1360 dengan nilai rata-rata 136020 adalah 68 dan dari 20 soal dengan 20 responden dilakukan tes kemampun dengan
sistem Aplikasi pembelajaran Sejarah dengan fitur HTML5. Evaluasi diperoleh jumlah nilai siswa 1618 dengan nilai rata-rata 161820 adalah 80,9.
Analisis hasil tes kemampuan dengan sistem konvensional dibandingkan dengan sistem aplikasi pembelajaran berbasis web ada peningkatan hasil sebesar
12,9 dengan demikian perangkat bantu Aplikasi Pembelajaran Sejarah yang dibangun dengan fitur HTML5 menunjukkan peningkatan hasil nilai sehingga
sistem pembelajaran dengan aplikasi pembelajaran media web tersebut lebih baik dalam meningkatkan minat belajar responden daripada sistem pembelajaran
konvesional.
5. Simpulan
