`score` int10 Default null, `tgl_pengerjaan` timestamp NOT NULL default
CURRENT_TIMESTAMP on update
CURRENT_TIMESTAMP, KEY `FK_tabel_nilai_tabel_user` `nis`,
KEY `FK_tabel_nilai_tabel_soal` `id_soal`, CONSTRAINT `FK_tabel_nilai_tabel_user`
FOREIGN KEY `nis` REFERENCES `tabel_user` `nis`
ON DELETE NO ACTION ON UPDATE NO ACTION, CONSTRAINT `FK_tabel_nilai_tabel_soal`
FOREIGN KEY `id_soal` REFERENCES `tabel_soal` `id_soal`
ON DELETE NO ACTION ON UPDATE NO ACTION ;
4.3 Implementasi Sistem
4.3.1 Halaman Utama Sistem
Halaman utama aplikasi adalah halaman yang akan muncul ketika siswa pertama kali membuka Sistem Pembelajaran Organ
Tubuh Manusia ini. Pada halaman ini terdapat menu sains biologi yang di dalamnya mencakup materi organ tubuh manusia untuk
kelas 8 SMP, menu glosarium, dan evaluasi yang berisi soal – soal
latihan. Pada halaman utama ini siswa dapat memilih materi yang telah disajikan, yang sesuai dengan materi pelajaran biologi
khususnya materi organ tubuh yaitu sistem gerak tubuh, sistem pernapasan, sistem pencernaan dan sistem peredaran darah.
Terdapat tombol keluar, untuk menutup aplikasi.
Gambar 4. 1 Gambar halaman utama aplikasi
4.3.2 Halaman Materi Pada Sistem
Pada halaman materi ini terdapat visualisasi gambar atau video beserta audio, untuk mempermudah siswa dalam
mempelajari materi organ tubuh manusia. Terdapat tombol next untuk lanjut ke page selanjutnya.
Gambar 4. 2 Gambar halaman materi
Berikut merupakan cuplikan program untuk membalik halaman. on release{
nextFrame; }
on release{ prevFrame;
}
4.3.3 Halaman Glosarium Pada Sistem
Pada halaman glosarium ini akan ditampilkan beberapa daftar istilah yang terdapat pada penjelasan materi organ tubuh
manusia yang ada pada media pembelajaran.
Gambar 4. 3 Gambar halaman glosarium Berikut ini potongan listing program bagian memilih menu materi.
on release{
gotoAndPlay115; getURLSistem Gerak.swf, _level1;
getURL, _level6; getURL, _level8;
} on release{
gotoAndPlay115; getURLSistem Pencernaan.swf, _level2;
getURL, _level6; getURL, _level8;
} on release{
gotoAndPlay115; getURLSistem Pernapasan.swf, _level3;
getURL, _level6; getURL, _level8;
} on release{
gotoAndPlay115; getURLPeredaran Darah.swf, _level4;
getURL, _level6; getURL, _level8; }
4.3.4 Halaman Latihan Pada Sistem
Pada halaman latihan akan muncul soal berupa
multiple choice.
Siswa menjawab dengan mengklik pilihan jawaban. Apabila siswa sudah menjawab soal, siswa dapat mengklik tombol
next untuk lanjut ke soal berikutnya. Jika sudah selesai maka siswa diminta untuk mengklik tombol koreksi dan program akan
menampilkan hasil total yang diperoleh oleh siswa.
Gambar 4. 4 Gambar halaman latihan Berikut ini potongan
listing
program bagian latihan soal. Frame 0
Action tag 0 function reset{
i = 1; for ;;{
if i = 11{ return;
} _root[silang + i]._x = -100;
_root[silang + i]._y = -100; _root[jawaban + i] = false;
_root[lingkaran + i]._alpha = 0; cek = false;
tulis = true; nilai = 0;
benar = 0; salah = 0;
++i; }
} on release{
if tulis{ silang2._x = tombol2b._x;
silang2._y = tombol2b._y; jawaban2 = true;
} }
4.3.5 Halaman Login Web
Halaman login dapat digunakan oleh guru dan siswa. Untuk melakukan login dibutuhkan
username
dan
password
. Terdapat pilihan hak akses yaitu sebagai admin atau siswa. Sistem akan
melakukan pengecekan terhadap
username
dan
password
yang telah dimasukkan oleh guru. Jika
username
dan
password
yang dimasukkan sesuai dengan
database
, sistem akan menampilkan halaman utama untuk guru atau siswa. Jika
username
dan
password
tidak sesuai dengan
database
maka sistem akan menampilkan pesan “Gagal Login”.
Gambar 4. 5 Gambar halaman login
Berikut ini potongan
listing
program bagian validasi inputan
username
dan
password
ketika melakukan proses login. ?php session_start;
include conn.php; if isset_POST[login]{
username=_POST[username]; password=_POST[password];
domain=_POST[domain]; ifdomain==admin{
query=mysql_queryselect from admin where username=username and password=password;
cek=mysql_num_rowsquery; row=mysql_fetch_arrayquery;
id_admin=row[id_admin]; ifcek{
_SESSION[username]=username; _SESSION[id_admin]=id_admin;
_SESSION[domain]=domain; _SESSION[waktu]=dateY-m-d H:i:s;
?script language=javascriptdocument.location.href=home.php;script
?php }else{
?script language=javascriptdocument.location.href=index.php?status=G
agal Login;script?php }
}
4.3.6 Halaman Utama Web
Halaman ini adalah halaman utama dari website Pembelajaran Organ Tubuh Manusia yang dapat dilihat oleh guru
dan siswa setelah melakukan proses login.
Gambar 4. 6 Halaman Utama web
4.3.7 Halaman Tambah Siswa
Halaman ini hanya dapat diakses oleh guru atau administrator. Pada halaman ini guru menginputkan data siswa
yang baru. Guru harus menginputkan NIS, nama lengkap, tahun ajaran, kelas, username, dan password. Ketika guru mengklik
tombol submit maka sistem akan memproses inputan pada halaman data_siswa.php
Gambar 4. 7 Gambar halaman tambah siswa
Berikut merupakan query pada
listing program
yang berfungsi untuk menambahkan data siswa pada data_siswa.php
query=mysql_queryinsert into tabel_user valuesnis,nama_lengkap,tahun_ajaran,kelas,username,
password;
4.3.8 Halaman Tambah Soal Evaluasi
Halaman ini hanya dapat diakses oleh guru atau administrator. Pada halaman ini guru dapat menginputkan data soal
yang baru. Guru harus menginputkan id soal, pilihan soal, pilihan jawaban a, pilihan jawaban b, pilihan jawaban c, pilihan jawaban d,
jawaban, kode materi, dan guru dapat menentukan apakah soal akan di tampilkan atau tidak dengan pilihan publish . Ketika guru
mengklik tombol submit maka sistem akan memproses inputan pada halaman data_soal.php
Gambar 4. 8 Gambar halaman tambah soal evaluasi Berikut merupakan query pada
listing program
yang berfungsi untuk menambahkan data siswa pada data_soal.php
query=mysql_queryinsert into tabel_soal values id_soal,pertanyaan,pilihan_a,pilihan_b,pilihan_c,pilihan_d,
jawaban,publish,kode_materi;
4.3.9 Halaman Nilai Siswa
Pada halaman ini guru dapat melihat laporan nilai siswa yang telah mengerjakan evaluasi. Pada laporan ini akan
ditampilkan NIS, nama lengkap siswa, kelas. Kemudian akan ditampilkan pula nilai yang didapatkan siswa pada daftar nilai
evaluasi beserta tanggal pengerjaan.
Gambar 4. 9 Gambar halaman nilai siswa
93
BAB V ANALISA HASIL
