1. beranda.php
div style=width:80;margin:0 auto;font-size:110
fieldset style=margin:0 auto;
legendInfo Singkat Tentang Aplikasi Dan
Pengembanglegend div
p Aplikasi
ujian online ini sengaja dibuat sesederhana mungkin
dengan tujuan mudah digunakan
oleh semua orang yang peduli terhadap dunia
pendidikan. Fitur utama dalam aplikasi
ini adalah sebagai berikut :p div
class=judulUntuk semua user :div ol
liMelihat profil userli
liMengganti password karena secara default
password = username id dari user tersebutli
ol div
class=judulUntuk user admin :div ol
liMenambah, mengedit dan menghapus mata pelajaran
yang diujikanli
liMenambah, mengedit dan menghapus daftar
ujianli
Universitas Sumatera Utara
liMenambah, mengedit dan menghapus siswa peserta
ujianli liMelihat
dan mendownload hasil ujian siswa dalam bentuk
spreadsheet excel li liMenghapus
nilai siswa pada ujian tertentu, agar siswa
dapat mengulang ujian tersebutli ol
div class=judulUntuk user siswa :div
ol liMengerjakan
ujian yang tersediali liMelihat
hasil ujian siswa bersangkutanli ol
div fieldset
div
style div.judul{
text-decoration:underline; font-weight:bolder;
font-size:115; }
style
Universitas Sumatera Utara
2. buat_soal.php
?php include_once includekoneksi.php;
id_ujian = _REQUEST[id_ujian]; ujian_exe = mysql_queryselect nama_ujian,id_mp from ujian where
id_ujian=.id_ujian.; whiledata = mysql_fetch_assocujian_exe{
id_mp = data[id_mp]; nama_ujian = data[nama_ujian];
} soal_terakhir_exe = mysql_queryselect id_soal from soal where
id_ujian=.id_ujian. order by id_soal; jum_soal = mysql_num_rowssoal_terakhir_exe;
ifjum_soal 0{ cari id_soal terakhir
arr_temp = array; whiledata_soal = mysql_fetch_assocsoal_terakhir_exe{
soal_temp = explode_,data_soal[id_soal]; nomer_soal = soal_temp[1];
array_pusharr_temp,nomer_soal; }
soal_terakhir = maxarr_temp; }
else {
Universitas Sumatera Utara
soal_terakhir = 0; }
? div class=kembali onclick=kembali_lagi?php echo id_mp
?Kembalidiv script type=textjavascript
function soal_kosongid_ujian,soal_ke,jum_soal{ var jml_pil_jawaban = 5;
var nama_radio = _+id_ujian+_+soal_ke; var id_area = _+id_ujian+_+soal_ke;
var soal_kosong = div class=soal_ujian; soal_kosong += div class=no_soal+jum_soal+div;
soal_kosong += div class=isi_soal; soal_kosong += div class=div_editorspan
onclick=hapus_kaji_editor\+id_area+\Previewspanspan onclick=replaceDiv\+id_area+\Text Editorspandiv;
soal_kosong += div class=pertanyaan id=+id_area+Tulis pertanyaan disini ...div;
soal_kosong += div style=clear:bothdiv; forvar i = 0; i jml_pil_jawaban;i++{
soal_kosong += div class=pilihan_jawabaninput type=radio name=+nama_radio+ onclick=jawabthistextarea
onchange=hapus_kunci_jawabanthistextareaspanlabel
Universitas Sumatera Utara
onclick=popup_editorthisText Editorlabellabel onclick=previewthisPreviewlabelspandiv;
} soal_kosong += divspan style=text-decoration:underlineKunci
Jawaban :span; soal_kosong += div class=kunci_jawabandiv;
soal_kosong += div; soal_kosong += div style=margin:10pxspan class=tombol simpan
onclick=simpanthisSimpanspanspan class=tombol reset onclick=resetthisResetspandiv;
soal_kosong += divdiv; return soal_kosong;
} function tambah_soaljumlah{
var jum_awal = ?php echo jum_soal ?; var soal_terakhir = ?php echo soal_terakhir ?;
forvar i = 0; i jumlah; i++{ var id_ujian = ?php echo id_ujian ?;
var soal_ke = .soal_ujian.length + 1 + parseIntsoal_terakhir; var id_area = _+id_ujian+_+soal_ke;
var jum_soal_sekarang = .soal_ujian.length + 1 + parseIntjum_awal;
var soalnya = soal_kosongid_ujian,soal_ke,jum_soal_sekarang; soalnya.appendTotempat_soal;
Universitas Sumatera Utara
replaceDivid_area; info untuk jumlah soal
info_jml_soal.textjum_soal_sekarang; }
} function jawabelm{
elm.parent.parent.finddiv.kunci_jawaban.htmlelm.next.val ;
} function hapus_kunci_jawabanelm{
elm.parent.parent.finddiv.kunci_jawaban.empty; }
function simpanelm{ var isi_soal = elm.parentsdiv.isi_soal;
pilihan jawaban dan kunci jawaban gak boleh kosong var pilihan_jawaban = new Array;
var error = 0; isi_soal.find.pilihan_jawabantextarea.eachfunctionindex{
ifthis.val == { this.css{background:F4C3C2};
error++; }
else{ this.css{background:FFFFFF};
Universitas Sumatera Utara
yang radio buttonnya dipilih berarti jawaban yang benar var temp_status = 0; 0 = false
ifthis.prev.is:checked{ temp_status = 1;
} var temp_jawaban = [this.val,temp_status];
pilihan_jawaban.pushtemp_jawaban; }
}; ambil pertanyaan tapi destroy dulu ckeditor biar lebih mudah
isi_soal.find.div_editor span.eq0.click; var pertanyaan = isi_soal.find.pertanyaan.eq0.html;
var kunci_jawaban = isi_soal.find.kunci_jawaban:first; jika sudah lengkap semua simpan ke database
iferror == 0 kunci_jawaban.html = { id_ujian diambil dari nama radio button pada pilihan jawaban
var nama_radio = isi_soal.find:radio.eq0.attrname; id untuk div informasi ketika menyimpan soal
var id_info = info_+nama_radio; nama_radio = nama_radio.split_;
var id_ujian = nama_radio[1]; var id_soal = id_ujian+_+nama_radio[2];
var tinggi_div_soal = isi_soal.parent.outerHeight; var lebar_div_soal = isi_soal.parent.outerWidth;
Universitas Sumatera Utara
var posisi = isi_soal.parent.position; var div_overlay = div
style=position:absolute;top:+posisi.top+;left:+posisi.left; div_overlay
+=;width:+lebar_div_soal+px;height:+tinggi_div_soal+;background:F FFFFF;opacity:0.6 ;
div_overlay +=div; div_overlay +=div id=+id_info+
style=position:absolute;border:1px solid 000000;font-weight:bolder; div_overlay +=;background:FFFFFF;padding:6px;border:1px
solid 00FF00;border-radius:3px;text-align:center ; div_overlay +=span class=loadingSedang menyimpan
...........spandiv; div_overlay.appendTotempat_soal;
letakkan informasi pada div id=id_info tepat ditengah soal var tinggi_info = +id_info.outerHeight;
var lebar_info = +id_info.outerWidth; var atas = parseIntposisi.top + tinggi_div_soal - tinggi_info2+px;
var kiri = lebar_div_soal - lebar_info2+px; +id_info.css{top:atas,left:kiri};
simpan soal ke database var data_kirim = [id_soal,id_ujian,pertanyaan,pilihan_jawaban];
var url = simpan_soal.php; .posturl,{data:data_kirim},functionhasil{
Universitas Sumatera Utara
ifhasil == 1{ info sukses disimpan
+id_info.htmlspan class=suksesSudah disimpan ..........span;
} else {
tampilkan info coba simpan lagi +id_info.htmldivGagal disimpan, mungkin
jaringan sedang down ..........divdiv style=margin:0 auto;width:80px;border:2px solid green class=tombol
onclick=\simpan_lagithis,+id_info+\Coba lagidiv; }
}
} else{
alertada yang kosong atau belum memilih jawaban; ifkunci_jawaban.html == {
kunci_jawaban.css{background:F4C3C2}; }
} }
function simpan_lagielm,info_soal{ id elemen ini adalah info_id_soal, id soal aja
Universitas Sumatera Utara
var id_soal = info_soal.substr5; hapus overlay
elm.parent.parent.remove; klik kembali tombol simpan
+id_soal.parent.finddiv input.tombol.eq0.click; }
function resetelm{ var isi_soal = elm.parentsdiv.isi_soal;
isi_soal.findtextarea.val; isi_soal.find.kunci_jawaban.empty;
} function previewelm{
var data_textarea = elm.parent.prev.val; tutup semua layar monitor
var lebar_layar = window.width; var tinggi_layar = document.height;
var overlay = div id=overlay style=\width:+lebar_layar+px;; overlay +=position:absolute;top:0px;background:FFFFFF;z-
index:25\; overlay +=div style=\border:1px solid
000000;width:65;position:absolute;padding:10px\div id=popup_editor+data_textarea+div;
overlay +=div style=margin-top:10px;
Universitas Sumatera Utara
overlay +=span class=tombol batal onclick=tutup_texteditorthisTutupspandivdivdiv;
overlay.appendTocontent; var atas = window.height - popup_editor.parent.height 2
+ window.scrollTop; var kiri = lebar_layar - popup_editor.parent.width 2 +
window.scrollLeft; popup_editor.parent.css{top:atas+px,left:kiri+px};
tinggi overlay disesuaikan overlay.css{height:document.height+px};
} function popup_editorelm{
tambahkan elemen pemanggil dengan id pemanggil_editor elm.attrid,pemanggil_editor;
var data_textarea = elm.parent.prev.val; tutup semua layar monitor
var lebar_layar = window.width; var tinggi_layar = document.height;
var overlay = div id=overlay style=\width:+lebar_layar+px;; overlay +=position:absolute;top:0px;background:FFFFFF;z-
index:25\; overlay +=div
style=\width:65;position:absolute;padding:10px\div id=popup_editor+data_textarea+div;
Universitas Sumatera Utara
overlay +=div style=margin-top:10pxspan class=tombol edit onclick=sisipke_textareathisSisipkanspan;
overlay +=span class=tombol batal onclick=tutup_texteditorthisTutupspandivdivdiv;
overlay.appendTocontent; replaceDivpopup_editor;
var atas = window.height - popup_editor.parent.height 2 + window.scrollTop;
var kiri = lebar_layar - popup_editor.parent.width 2 + window.scrollLeft;
popup_editor.parent.css{top:atas+px,left:kiri+px}; tinggi overlay disesuaikan
overlay.css{height:document.height+px}; }
function sisipke_textareaelm{ hapus_kaji_editorpopup_editor;
var data = popup_editor.html; pemanggil editor
var pemanggil = pemanggil_editor; textarea yang diisi data
pemanggil.parent.prev.valdata.change; elm.parent.parent.parent.remove;
hapus elemen id dari pemanggil pemanggil.removeAttrid;
Universitas Sumatera Utara
} function tutup_texteditorelm{
hapus_kaji_editorpopup_editor; elm.parent.parent.parent.remove;
var pemanggil = pemanggil_editor; pemanggil.removeAttrid;
} function kembali_lagiid_mp{
content.htmlinfo_loading.loaddaftar_ujian.php?id_mp=+id_mp ;
} function{
t_soal.click; }
script div id=t_soal class=tombol tambah onclick=tambah_soal1
Soal span id=info_jml_soal0span
div div id=tempat_soal
div style=font-size:140;font-style:italic;font-weight:bolder class=tombolTambahkan soal untuk ujian ?php echo nama_ujian
?div div
Universitas Sumatera Utara
3. buat_ujian.php
Kategori