21
Bab 4
Hasil dan Pembahasan
4.1 Implementasi
Hasil dari perancangan sistem yang telah dibuat, maka
didapatkan sebuah media pembelajaran mengenai penentuan letak
suatu unsur pada tabel periodik unsur kimia menggunakan prinsip
aufbau, aturan hund dan larangan pauli.
Pada gambar 4.1 ditunjukkan tampilan halaman Home
yang merupakan tampilan utama dari media pembelajaran ini.
Pada halaman home terdapat tabel periodik unsur kimia di
dalamnya beserta dengan keterangan dari masing-masing unsur
kimia yang ada. Keterangan tersebut berisikan 3 prinsip yaitu
prinsip aufbau, aturan hund dan larangan pauli.
Kode Program 4.1 Perintah untuk Menampilkan Video pada Detail Unsur[12]
1 <video id="media-vid-<?php echo $k; ?>" class="video-js vjs-default-skin"
2 controls preload="auto" width="500" height="400" data-setup='{"example_option":true}'>
3 <source src="<?php echo $v['url']; ?>" type="video/mp4"></source>
4 </video>
Kode program 4.1 merupakan perintah untuk
menampilkan video pada setiap unsur pada tabel periodik kimia
yang ada. Video berfungsi untuk mempermudah siswa dalam
memahami materi pembelajaran mengenai tabel periodik unsur
yang telah disampaikan.
Pada Gambar 4.2 ditunjukkan keterangan mengenai
prinsip aufbau dan aturan hund guna mempermudah siswa dalam
memahami penentuan letak suatu unsur pada tabel periodik unsur
kimia. Pada keterangan tersebut juga terdapat kategori, periode
dan juga blok dari unsur kimia itu.
Kode Program 4.2 Perintah untuk Menampilkan Test Online dan Quiz
1 <div class="pertanyaan">
2 <div class="soal-nomor"><?php echo $k + 1; ?></div> 3 <div class="soal-text"><?php echo
nl2br($v['soal']); ?></div>
4 <input type="text" name="soal[<?php echo $v['id']; ?>]"
5 id="soal_<?php echo $v['id']; ?>" class="soal-input">
6 </div>
7 <ul class="opsi">
8 <li data-opsi="a">
9 <?php echo nl2br($v['opsi_a']); ?>
10 </li>
11 <li data-opsi="b">
12 <?php echo nl2br($v['opsi_b']); ?>
13 </li>
14 <li data-opsi="c">
15 <?php echo nl2br($v['opsi_c']); ?>
16 </li>
17 <li data-opsi="d">
18 <?php echo nl2br($v['opsi_d']); ?>
19 </li>
20 <li data-opsi="e">
21 <?php echo nl2br($v['opsi_e']); ?>
22 </li> 23 </ul>
Kode program 4.2 merupakan perintah untuk
menampilkan pertanyaan dan pilihan jawaban, pada halaman test
online dan quiz. Kode program 2 merupakan gabungan dari
perintah HTML dan PHP. Pertanyaan ditampilkan dengan
menggunakan elemen DIV (baris 1-6). Pilihan jawaban
Kode Program 4.3 Perintah untuk Menyimpan Hasil Quiz/Test Online
1 foreach ($soal as $k => $v) {
2 if($v['jawaban_benar'] == $input_soal[$v['id']]) {
3 $jawaban_benar++;
4 }
5
6 $data_test_detail = array(
7 'NIS'=>$member['NIS'],
8 'session_id'=>$session_test,
9 'id_soal'=>$v['id'],
10 'jawaban'=>$input_soal[$v['id']],
11 'nilai'=>$v['jawaban_benar'] ==
12 $input_soal[$v['id']] ? 1 : 0
13 );
14
15 $test_detail_model->insert($data_test_detail); 16 }
Kode program 4.3 merupakan perintah untuk menyimpan
hasil test online ataupun quiz. Perintah tersebut ditulis dengan
bahasa pemrograman PHP. Proses penyimpanan dilakukan
dengan cara melakukan perulangan untuk tiap-tiap soal (baris 1),
kemudian dibaca variabel yang menyimpan pilihan jawaban
(baris 2). Id soal, jawaban, NIS, dan nilai (baris 6-11), disimpan
ke dalam database (baris 15).
Gambar 4.3 menunjukkan halaman hasil dari test siswa
tersebut. Dari hasil tersebut dapat dilihat perkembangan nilai
masing-masing siswa dan siswa juga dapat belajar untuk
memahami materi dengan melihat pembahasan dari setiap quiz
yang telah diikuti olehnya.
Gambar 4.4 Halaman Tambah Soal Admin
Gambar 4.4 menunjukkan halaman tambah soal pada
admin. Admin dapat menambahkan soal, pembahasan, kategori
soal, opsi-opsi jawaban dan jawaban yang benar. Pembahasan
berguna untuk membantu siswa dalam mempelajari kembali hasil
quiz/test yang telah dikerjakan. Kategori soal berfungsi untuk
Gambar 4.5 Analisa item bagian Admin
Gambar 4.5 menunjukkan analisa item mengenai
perkembangan nilai dari masing-masing siswa pada bagian
admin. Analisa item ini dapat membantu admin/guru untuk
memantau hasil belajar siswanya.
4.2 Pengujian
Pengujian sistem media pembelajaran ini dilakukan untuk
menguji fungsi-fungsi aplikasi yang ada dapat membantu
mempermudah siswa dalam memahami materi mengenai
penentuan letak suatu unsur pada tabel periodik unsur kimia.
Blackbox Testing, dilakukan untuk mengetahui bahwa semua
fungsi dan fitur pada sistem bekerja dengan tepat. Pengujian
dilakukan dengan cara melihat fungsi-fungsi pada sistem,
kemudian membandingkan hasil pengujian dengan hasil yang
diharapkan. Hasil dari blackbox testing ditampilkan pada Tabel
Tabel 4.1 Hasil Blackbox Testing
Test ID
Deskripsi Hasil yang
Diharapkan
Hasil yang Diberikan Sistem
1. Siswa
mendaftarkan diri sebagai member kepada admin
Data registrasi siswa tersimpan sebagai member.
Sesuai yang diharapkan.
2. Siswa
mendaftarkan diri menggunakan nomor induk yang telah diberikan kepada admin.
Sistem memberikan pesan kesalahan bahwa nomor induk telah digunakan/tidak dapat digunakan.
Sesuai yang diharapkan.
3. Admin melakukan registrasi siswa dengan
menggunakan password kosong.
Sistem memberikan pesan kesalahan bahwa password harus diisi.
Sesuai yang diharapkan.
4. Siswa melakukan login dengan
5. Siswa melakukan login dengan nomor induk atau password yang salah
Sistem memberikan pesan kesalahan login.
Sistem menampilkan soal sesuai dengan kategori yang dipilih.
Sesuai yang
Sistem menampilkan score berdasarkan jawaban yang benar.
8. Siswa dapat melihat
pembahasan mengenai jawaban quiz/test online
Sistem menampilkan soal quiz/test online dan jawaban yang benar serta pembahasan
mengenai soal tersebut.
Sistem menampilkan nilai-nilai dari siswa yang lain.
Sesuai yang diharapkan.
10.Siswa melihat detail informasi unsur kimia.
Sistem menampilkan halaman detail unsur.
Sesuai yang diharapkan.
11.Siswa melihat video tentang unsur kimia.
Sistem memainkan video.
Sesuai yang diharapkan.
Berdasarkan hasil blackbox testing pada Tabel 4.1,
disimpulkan bahwa fungsi-fungsi pada sistem bekerja sesuai
dengan yang diharapkan. Fungsi-fungsi untuk registrasi siswa
sebagai member (nomor pengujian 1-3) berjalan sesuai dengan
yang diharapkan. Fungsi-fungsi untuk login (nomor pengujian
4-5) berjalan sesuai dengan yang diharapkan. Fungsi-fungsi untuk
mengerjakan quiz/test online (nomor pengujian 6-9) berjalan
sesuai dengan yang diharapkan. Serta fungsi untuk menampilkan
informasi unsur kimia mengenai prinsip aufbau, aturan hund dan
larangan pauli yang berupa teks dan video (nomor pengujian
10-11) juga berjalan sesuai dengan yang diharapkan.
Pada sistem yang telah dikembangkan, dilakukan
pengujian terhadap 20 responden. Karakteristik responden
adalah: (1) siswa kelas XI dari SMA Kristen 1 di Salatiga; (2)
beberapa siswa selaku mengalami kesulitan dalam belajar
menentukan letak suatu unsur pada tabel periodik unsur kimia;
(3) 20 siswa memiliki akses ke komputer dan internet, namun
keseluruhan siswa sudah pernah menggunakan browser internet
sebelumnya. Hasil pengujian ditunjukkan pada Tabel 4.2.
Pengujian dilakukan untuk mengetahui apakah sistem telah
memenuhi ciri-ciri media pembelajaran terutama media
pembelajaran tabel periodik unsur kimia.
Tabel 4.2 Hasil Pengujian Terhadap 20 Responden
Nomor Pertanyaan Ya Tidak
1 Tabel periodik yang ditampilkan pada sistem memiliki susunan yang familiar (sesuai dengan buku pelajaran), sehingga mudah digunakan.
20 0
2 Sistem memberikan informasi yang jelas tentang letak suatu unsur pada tabel periodik kimia dan unsur-unsur kimia yang ada di dalamnya.
16 4
3 Sistem memberikan informasi yang lengkap tentang tabel periodik kimia dan unsur-unsur kimia yang ada di dalamnya.
18 2
4 Tampilan menarik, sehingga menumbuhkan minta belajar/rasa ingin tahu lebih.
19 1
5 Sistem dapat membantu belajar tabel periodik 17 3
Berdasarkan pertanyaan nomor 1 semua responden setuju
bahwa tabel periodik yang ditampilkan memiliki susunan yang
mudah untuk dipahami, hal ini dikarenakan susunan tabel
yang sesuai pada buku pelajaran Kimia. Untuk pertanyaan nomor
2, 16 siswa setuju bahwa informasi yang diberikan tentang
unsur-unsur kimia sudah jelas dan dapat mendukung siswa dalam
belajar tentang unsur kimia. Berdasarkan hasil pertanyaan nomor
3, dapat dikatakan bahwa sistem memberikan informasi yang
lengkap mengenai tabel periodik kimia dan unsur-unsur kimia,
hal ini didukung oleh jawaban dari 18 responden dari 20 siswa.
Aplikasi ini juga dapat dikatakan memiliki tampilan yang
menarik sehingga menumbuhkan minat belajar dan rasa ingin
tahu lebih, hal ini didukung oleh 19 orang dari 1 responden yang
ada. Selain itu sistem juga dapat membantu belajar tentang tabel
periodik berdasarkan jawaban yang ditujukan dari 17 responden.
Dari 20 responden yang ada, sekitar satu sampai empat responden
memberikan respon yang negatif, hal ini dikarenakan mereka
tidak terbiasa menggunakan komputer, sehingga mengalami
