PengertianImplementasi Sistem - PERANCANGAN APLIKASIUJIANONLINE BERBASIS WEB TUGAS AKHIR LOUIST

Setelahdianalisisdandirancang secararincidanteknologitelahdiseleksidan dipilih.

Tiba saatnya, sistem untuk di implementasikan. Implementasi sistem adalahlangkah–langkahatauprosedur yangdilakukandalammenyelesaikan desainsistemyang telahdisetujui, untuk menguji, meng-install, dan memulai sistem

sedangkantahapimplementasisistem merupakantahapmeletakkansistemagar sistemdapatsiap untukdioperasikan.Tahap implementasi sistem terdiridari langkah–

langkahsebagaiberikutini,yaitu menerapkanrencana implementasi, melakukan kegiatan implementasi, dan tindak lanjut implementasi.

4.2 TujuanImplementasi

Tujuan – tujuan dari implementasi sistem,yaitu :

1. Mengkajirangkaiansistembaikdarisegisoftwaremaupunhardware sebagaisaranapengolahdata dan penyaji informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yangbaruatauyangtelah disetujui.

3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadapsistemyangbaru danmendapatinformasiyangbaik danjelas.

4. Memperhitungkanbahwasistemtelahmemenuhipermintaanpemakai yaitudengan mengujisistem secaramenyeluruh.

5. Memastikanbahwasistemtelahberjalanlancardengannmengontrol danmelalukan instalasi secarabenar.

4.3 KomponenDalamImplementasiSistem

Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau

Untuk itudibutuhkan beberapa komponen utama yang mencakup perangkat keras(hardware), perangkatlunak (software)danperangkatoperator(brainware).

4.3.1KebutuhanPerangkatKeras (Hardware)

Perangkatkeras(hardware)merupakankomponen – komponenperalatanyang membentuksuatusistemkomputerdanperalatan –peralatantambahanlainnya yangmungkin komputer menjalankan tugasnya sesuaidengan yangdiberikan.

Komponen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnyamonitor, CPU(CentralProcessingUnit),printer, keyboard, dan mouse. Spesifikasi perangkat keras komputer yang digunakan dalampembuatanwebsiteiniadalah:

1. PersonalComputerdenganProcessorminIntelPentium3.

2. Memorymin512 MB.

3. MonitorW14”resolution1024x768.

4. Hardisksebagaimedia penyimpan.

5. DVDR/W.

4.3.2KebutuhanPerangkatLunak(Software)

Hardware tidak dapat menyelesaikan masalah tanpa adanya software.

Softwaremerupakan komponen di dalam sistem data berupa program atau instruksiuntukmengontrol suatu sistem. Perangkat lunak yang diperlukan untuk

Browser, danSublime.

4.3.3KebutuhanBrainware

PerangkatOperator(Brainware)yangdapatmenjalankanwebsiteini terbagi menjadi2yaituadministrator dan public.

4.4 TampilanHalamanWebsite

Untukmenjalankansystemguna webbrowser pada pengujianinipenulis menggunakan web browser Mozilla Firefoxdan GoogleChrome setelah web browserjalan,ketikkanpada addresbar http://localhost/online_test/index.php untuk pengetesan halaman utama. Halamanutamasistemtersebutsepertipada gambarberikut:

Gambar4.4.2 HalamanBerandaAdmin

Gambar4.4.3 HalamanDaftarUjian

Gambar4.4.4 HalamanTambah Ujian

Gambar4.4.5 Halaman Tambah Soal Ujian

Gambar4.4.6 HalamanDaftar Peserta

Gambar4.4.7 HalamanLihat Nilai

Gambar4.4.8 HalamanGanti Password

Gambar4.4.9 HalamanBerandaPeserta

Gambar4.4.10 HalamanDaftarUjian Peserta

Gambar4.4.11 HalamanPengerjaan Ujian Peserta

BAB5

KESIMPULANDANSARAN

5.1. Kesimpulan

Berdasarkan uraian pada bab-bab sebelumnya maka penulis dapat mengambil kesimpulan sebagai berikut :

1. SistemInformasiujianonlineinidibangundenganmenggunakanbahasa pemograman PHPdan menggunakandatabaseMySQL

2. PerancangansisteminformasiujianonlineinidenganmenggunakanData FlowDiagram, desaininputdanoutput, desaindatabase, kemudian diimplementasikan dengan menggunakansublimetext.

3. Soal padaujian onlineinimenggunakan sistemrandom.

4. Adanyafasilitastimerotomatissehinggaapabilawaktuujianyangtelah diberikan telah habis, makasistem akan langsunglogout.

5.2. Saran

Berdasarkan kesimpulan di atas, maka penulis dapat memberikan saran-saran yangkiranyadapat membantu penelitian dan pengembangan sistem informasi

ujianonlineinidimasayangakandating,saran-saranpenulisdalampenelitianini adalah sebagai berikut :

1.Sisteminidikembangkandenganmenambahkanaplikasiyang bisa digunakan untuk lebih dari satu mata pelajaran.

2. Penelitianinibisadigunakansebagaikajianpustakabagipembacaatau referensibagipenelitiselanjutnya, sistem inimasih jauh dari sempurna.

Olehkarena itupenulismenyarankan agar sisteminidikembangkanoleh penelitiselanjutnya.

DAFTARPUSTAKA

Atkinson,Leon. 2004.Core PHP Programming.Third Edition. USA:

PrenticeHall PTR.

ASPReferenceManual, Microsoft, 1999.

Betha dan Epsi Budiharjo,Client Side Programming, PIKSI-ITB, 2001.

Darmawan, Dilar. 2007Aplikasi PHP padaWebsiteOnline Examination.

Kadir, Abdul, 2008, Dasar Pemograman WEBDinamis Menggunakan PHP, penerbit Andi.

Meloni, Julie C.2002. Sams Teach Yourself PHP, MySQLand Apachein 24 Hours. USA: Sams Publishing.

http://Microsoft.com

Saputra, Agus, 2011. Pemograman CSSUntuk Pemula. Jakarta: PT. Gramedia.

Syafi’i. 2009. Rancang BangunAplikasi Onlineuntuk Ujian Masuk Jalur Reguler Di UniversitasIslam Negeri (UIN)MaulanaMalikIbrahimMalang.

http://W3Schools.com,2002

<divstyle="width:80%;margin:0auto;font-size:110%">

<fieldsetstyle="margin:0auto;">

<legend>InfoSingkatTentangAplikasiDan Pengembang</legend>

<div>

<p>

Aplikasiujianonlineinisengajadibuatsesederhanamungki ndengantujuanmudah

digunakanolehsemuaorangyangpeduliterhadap duniapendidikan.Fiturutamadalamaplikasiin iadalahsebagaiberikut:</p>

<divclass="judul">Untuksemuauser:</div>

<ol>

<li>Melihatprofiluser</li>

<li>Menggantipasswordkarenasecaradefaultpassword

=username/iddariusertersebut</li>

</ol>

<divclass="judul">Untukuseradmin:</div>

<ol>

<li>Menambah,mengeditdanmenghapusmatapelajaranyangd iujikan</li>

<li>Menambah,mengeditdanmenghapusdaftarujia n</li>

<li>Menambah,mengeditdanmenghapussiswapesertaujian

</li>

<li>Melihatdanmendownloadhasilujiansiswadalambentuk spreadsheet(excel)</li>

<li>Menghapusnilaisiswapadaujiantertentu,agarsiswad apatmengulangujiantersebut</li>

</ol>

<divclass="judul">Untukusersiswa:</div>

<ol>

<li>Mengerjakanujianyangtersedia</li>

<li>Melihathasilujiansiswabersangkutan</li>

</ol>

</div>

</fieldset>

</div>

<style>

div.judul{

text-decoration:underline;

font-weight:bolder;

font-size:115%;

}

</style>

<?php

include_once"include/koneksi.php";

$id_ujian =$_REQUEST["id_ujian"];

$ujian_exe=mysql_query("select nama_ujian,id_mp from ujian where id_ujian='".$id_ujian."'");

while($data =mysql_fetch_assoc($ujian_exe)){

$id_mp =$data['id_mp'];

$nama_ujian =$data['nama_ujian'];

}

$soal_terakhir_exe=mysql_query("select id_soalfrom soal where id_ujian='".$id_ujian."'order byid_soal");

$jum_soal =mysql_num_rows($soal_terakhir_exe);

if($jum_soal >0){

//cari id_soal terakhir

$arr_temp =array();

while($data_soal=mysql_fetch_assoc($soal_terakhir_exe)){

$soal_temp = explode("_",$data_soal['id_soal']);

$nomer_soal =$soal_temp[1];

array_push($arr_temp,$nomer_soal);

}

$soal_terakhir =max($arr_temp);

} else {

$soal_terakhir =0;

}

<div class="kembali"onclick="kembali_lagi('<?php echo $id_mp

?>')">Kembali</div>

function soal_kosong(id_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= "<divclass='soal_ujian'>";

soal_kosong+="<div class='no_soal'>"+jum_soal+"</div>";

soal_kosong+="<div class='isi_soal'>";

soal_kosong+="<div class='div_editor'><span

onclick='hapus_kaji_editor(\""+id_area+"\")'>Preview</span><span onclick='replaceDiv(\""+id_area+"\")'>Text Editor</span></div>";

soal_kosong+="<div class='pertanyaan'id='"+id_area+"'>Tulis pertanyaan disini ...</div>";

soal_kosong+="<div style='clear:both'></div>";

for(var i =0; i<jml_pil_jawaban;i++){

soal_kosong+="<div class='pilihan_jawaban'><input type='radio' name='"+nama_radio+"'onclick='jawab(this)'/><textarea

onclick='preview(this)'>Preview</label></span></div>";

}

soal_kosong+="<div><spanstyle='text-decoration:underline'>Kunci Jawaban :</span>";

soal_kosong+="<div class='kunci_jawaban'></div>";

soal_kosong+="</div>";

soal_kosong+="<divstyle='margin:10px'><spanclass='tombol simpan' onclick='simpan(this)'>Simpan</span><span class='tombol reset'

onclick='reset(this)'>Reset</span></div>";

soal_kosong+="</div></div>";

return soal_kosong;

}

function tambah_soal(jumlah){

var jum_awal ="<?php echo $jum_soal?>";

var soal_terakhir ="<?php echo $soal_terakhir ?>";

for(var i =0; i<jumlah; i++){

var id_ujian ="<?php echo $id_ujian?>";

var soal_ke=$(".soal_ujian").length+1 +parseInt(soal_terakhir);

var id_area="_"+id_ujian+"_"+soal_ke;

var jum_soal_sekarang=$(".soal_ujian").length +1 + parseInt(jum_awal);

var soalnya=soal_kosong(id_ujian,soal_ke,jum_soal_sekarang);

$(soalnya).appendTo("#tempat_soal");

replaceDiv(id_area);

//info untuk jumlah soal

$("#info_jml_soal").text(jum_soal_sekarang);

} }

function jawab(elm){

$(elm).parent().parent().find("div.kunci_jawaban").html($(elm).next().val(

));

}

function hapus_kunci_jawaban(elm){

$(elm).parent().parent().find("div.kunci_jawaban").empty();

}

functionsimpan(elm){

var isi_soal = $(elm).parents("div.isi_soal");

//pilihan jawaban dan kunci jawabangak boleh kosong var pilihan_jawaban =new Array();

var error=0;

$(isi_soal).find(".pilihan_jawaban>textarea").each(function(index){

if($(this).val()==""){

$(this).css({"background":"#F4C3C2"});

error++;

} else{

var temp_status =0; // 0 = false if($(this).prev().is(":checked")){

temp_status = 1;

}

var temp_jawaban =[$(this).val(),temp_status];

pilihan_jawaban.push(temp_jawaban);

} });

//ambil pertanyaan tapi destroyduluckeditorbiarlebih mudah

$(isi_soal).find(".div_editorspan").eq(0).click();

var pertanyaan=$(isi_soal).find(".pertanyaan").eq(0).html();

var kunci_jawaban =$(isi_soal).find(".kunci_jawaban:first");

//jikasudah lengkap semuasimpan kedatabase if(error ==0 &&$(kunci_jawaban).html()!= ""){

//id_ujian diambil dari nama radiobutton padapilihan jawaban var nama_radio = $(isi_soal).find(":radio").eq(0).attr("name");

//id untuk div informasiketikamenyimpan 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();

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:1pxsolid #000000;font-weight:bolder";

div_overlay+=";background:#FFFFFF;padding:6px;border:1px solid #00FF00;border-radius:3px;text-align:center'>";

div_overlay+="<span class='loading'>Sedangmenyimpan ...</span></div>";

$(div_overlay).appendTo("#tempat_soal");

//letakkan informasi padadiv id=id_info tepat ditengah soal var tinggi_info=$("#"+id_info).outerHeight();

var lebar_info =$("#"+id_info).outerWidth();

var atas= (parseInt(posisi.top) +(tinggi_div_soal-tinggi_info)/2)+"px";

var kiri = (lebar_div_soal-lebar_info)/2+"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";

//info sukses disimpan

$("#"+id_info).html("<span class='sukses'>Sudahdisimpan ...</span>");

} else {

//tampilkan info cobasimpan lagi

$("#"+id_info).html("<div>Gagal disimpan, mungkin jaringan sedangdown...</div><div style='margin:0

auto;width:80px;border:2pxsolid green'class='tombol'

onclick=\"simpan_lagi(this,'"+id_info+"')\">Cobalagi</div>");

} })

} else{

alert("adayangkosongatau belummemilih jawaban");

if($(kunci_jawaban).html() ==""){

$(kunci_jawaban).css({"background":"#F4C3C2"});

} }

}

function simpan_lagi(elm,info_soal){

//id elemen ini adalah info_id_soal, id soal aja

var id_soal = info_soal.substr(5);

//hapus overlay

$(elm).parent().parent().remove();

// klik kembali tombolsimpan

$("#"+id_soal).parent().find("div input.tombol").eq(0).click();

}

function reset(elm){

var isi_soal = $(elm).parents("div.isi_soal");

$(isi_soal).find("textarea").val("");

$(isi_soal).find(".kunci_jawaban").empty();

}

function preview(elm){

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:1pxsolid

#000000;width:65%;position:absolute;padding:10px\"><div id='popup_editor'>"+data_textarea+"</div>";

overlay+="<div style='margin-top:10px'>";

onclick='tutup_texteditor(this)'>Tutup</span></div></div></div>";

$(overlay).appendTo("#content");

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 overlaydisesuaikan

$("#overlay").css({"height":$(document).height()+"px"});

}

functionpopup_editor(elm){

//tambahkan elemen pemanggildengan id pemanggil_editor

$(elm).attr('id','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>";

overlay+="<div style='margin-top:10px'><spanclass='tombol edit' onclick='sisipke_textarea(this)'>Sisipkan</span>";

overlay+="<spanclass='tombol batal'

onclick='tutup_texteditor(this)'>Tutup</span></div></div></div>";

$(overlay).appendTo("#content");

replaceDiv("popup_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 overlaydisesuaikan

$("#overlay").css({"height":$(document).height()+"px"});

}

function sisipke_textarea(elm){

hapus_kaji_editor("popup_editor");

var data=$("#popup_editor").html();

//pemanggileditor

var pemanggil=$("#pemanggil_editor");

//textareayangdiisi data

$(pemanggil).parent().prev().val(data).change();

$(elm).parent().parent().parent().remove();

//hapus elemen id dari pemanggil

function tutup_texteditor(elm){

hapus_kaji_editor("popup_editor");

$(elm).parent().parent().parent().remove();

var pemanggil=$("#pemanggil_editor");

$(pemanggil).removeAttr("id");

}

function kembali_lagi(id_mp){

$("#content").html(info_loading).load("daftar_ujian.php?id_mp="+id_mp)

; }

$(function(){

$("#t_soal").click();

})

</script>

<div id="t_soal"class="tombol

tambah"onclick="tambah_soal(1)">Soal

<spanid="info_jml_soal">0</span>

</div>

<div style="font-size:140%;font-style:italic;font-weight:bolder"

class="tombol">Tambahkan soal untuk ujian <?php echo $nama_ujian

?></div>

</div>

3. buat_ujian.php

<?php

include_once"include/koneksi.php";

$id_mp =$_REQUEST['id_mp'];

$nama_mp = mysql_result(mysql_query("select nama_mp from mapel where id_mp='".$id_mp."'"),0);

<div>

<legend>Buat UjianBaru Mata Pelajaran <?php echo $nama_mp

?></legend>

<form method="post"title="ujian"onsubmit="return simpan(this)"

action="simpan_form.php">

<inputtype="hidden"name="id_mp"id="id_mp" value="<?php echo

$id_mp?>"class="isian"/>

<label>Nama Ujian

<span class="small">Nama ujianyangdilaksanakan</span>

</label>

<inputtype="text" name="nama_ujian"id="nama_ujian"class="isian"/>

<label >Tanggal Ujian

<span class="small">Format (2020-12-30)</span>

<label >Waktu Ujian

<span class="small">Dalam menit</span>

</label>

<inputtype="text"name="waktu"id="waktu"class="isian"/>

<label >Keterangan

<span class="small">Keterangan tambahan</span>

</label>

<inputtype="text"name="keterangan"id="keterangan" class="isian"/>

<button type="submit"class="isian">Simpan</button>

</form>

</div>

</fieldset>

</div>

function simpan(elm){

var inputan =$(elm).find(".isian");

var data=$(elm).serializeArray();//berupaJSONobject var url = $(elm).attr('action');

var tabel = $(elm).attr('title');

for(i =0; i<inputan.length-1; i++){

if($(inputan).eq(i).val() ==""){

$(".ket").eq(i).html("harus diisi").css({"display":"block"});

$(inputan).eq(i).focus();

return false;

} else {

$(".ket").eq(i).empty().css({"display":"none"});

} }

//simpan kedatabase

$.post(url,{tbl:tabel,data:data},function(hasil){

if(hasil==1){

var tampil = "<div>UjianSudah dibuat</div>";

$("#stylized").html(tampil);

} else{

alert("gagal disimpan");

} }) return false;

}

<?php

session_start();

include_once"include/koneksi.php";

$id_user =$_SESSION['nis_kj'];

$status = 0;

$pass_lama =md5($_REQUEST['pass_lama']);

$pass_baru =md5($_REQUEST['pass_baru']);

//cek apakah password lama sudah benar

$pass_lama_db =mysql_result(mysql_query("select password from user whereid_user='".$id_user."'"),0);

if($pass_lama_db ==$pass_lama){

$update_pass = mysql_query("update user set password='".$pass_baru."' whereid_user='".$id_user."'");

if($update_pass){

$status = 1;

} } else {

$status = "password lamagak sama, cek kembali ...";

}

echo $status;

5. daftar_mp.php

<legend>Pilih MataPelajaran</legend>

<inputtype="text"name="nama_mp"value="nama mata pelajaran"

class="inputan"onfocus="bersihkan(this)"onblur="kembali_semula(this)"/>

<spanid="simpan_mp"class="tombol tambah"

onclick="simpan_mp(this)">Mata Pelajaran</span>

<spanid="update_mp"style="display:none">

<span class="tombol simpan"onclick="update_mp(this)">Mata Pelajaran</span>

<span class="tombol batal"onclick="batal_update()">Batal</span>

</span>

</form>

<?php

//ambil datamatapelajaran dari database

$mp_exe=mysql_query("select * from mapel");

$jml_mp =mysql_num_rows($mp_exe);

if($jml_mp >0){

<ul>

<?php

from ujian whereid_mp='".$data['id_mp']."'"),0);

echo"<div><span class='jml_ujian'>".$jml_ujian."</span>";

echo"<li>".$data['nama_mp']."</li>";

echo"<div onclick=\"lihat_ujian('".$data['id_mp']."')\"

style='margin:10px'><span class='tombol tambah'>Ujian </span></div>";

echo"<div onclick=\"edit_mp(this,'".$data['id_mp']."')\"

style='margin:10px'><span class='tombol edit'>Pelajaran</span></div>";

echo"<div onclick=\"hapus_mp(this,'".$data['id_mp']."')\"

style='margin:10px'><span class='tombol hapus'>Pelajaran</span></div>";

echo"</div>";

}

</ul>

<?php } else {

echo"MataPelajaranBelum Dibuat";

}

</fieldset>

</div>

function lihat_ujian(id_mp){

//load content dengan data daridaftar_ujian.php

$("#content").html(info_loading).load("daftar_ujian.php?id_mp="+id_mp)

; }

function edit_mp(elm,id_mp){

var nama_mp =$(elm).parent().find("li").text();

$(".sedang_diedit").removeClass("sedang_diedit");

$(".telah_diedit").removeClass("telah_diedit");

$(elm).parent().addClass("sedang_diedit");

$("#f_mp input[name=nama_mp]").val(nama_mp);

//sembunyikan tombol simpan

$("#simpan_mp").fadeOut();

$("#update_mp").fadeIn();

$("#update_mp").data("id_mp",id_mp);

}

function batal_update(){

$(".sedang_diedit").removeClass("sedang_diedit");

$("#update_mp").fadeOut();

$("#simpan_mp").fadeIn();

$(".inputan").each(function(){

}

function update_mp(elm){

var errornya=0;

$(".inputan").each(function(){

if($(this).val()==""){

errornya++;

$(this).focus();

return false;

} })

if(errornya==0){

//simpan kedatabase

var data=$(elm).parent().parent().serializeArray();

var url ="update_data.php";

vartabel ="mapel";

data.unshift({"name":"id_mp","value":$("#update_mp").data("id_mp")});

$.post(url,{data:data,table:tabel},function(hasil){

if(hasil==1){

//update data padabarisyangdiedit var div_mapel = $(".sedang_diedit");

$(div_mapel).find("li").text($("input[name=nama_mp]").val());

//hapus class sedangdieditdan tambahkan kelas telah diedit

$(div_mapel).removeClass("sedang_diedit").addClass("telah_diedit");

} else{

alert("gagal disimpan, mungkin datasudahada\n atau koneksi bermasalah"+hasil);

} }) }

else {

alert("harus diisi semua....");

} }

function simpan_mp(elm){

var nama_mp =$(elm).prev().val();

if(nama_mp !=""&&nama_mp !="nama mata pelajaran"){

//simpan kedatabase

var data=$(elm).parent().serializeArray();

var url ="simpan_form.php";

var tabel ="mapel";

//reload content denganhalaman ini

$("#content").html(info_loading).load("daftar_mp.php");

} else{

alert("gagal disimpan, mungkin datasudah ada\n atau koneksi bermasalah");

} }) }

else {

alert("harus diisi semua....");

} }

function hapus_mp(elm,id_mp){

$(".sedang_diedit").removeClass("sedang_diedit");

$(elm).parent().addClass("sedang_diedit");

6. daftar_nilai_mp.php

<legend>Pilih MataPelajaran</legend>

<?php

//ambil datamatapelajaran dari database

$mp_exe=mysql_query("select * from mapel");

$jml_mp =mysql_num_rows($mp_exe);

if($jml_mp >0){

<ul>

<?php

while($data =mysql_fetch_assoc($mp_exe)){

$jml_ujian =mysql_result(mysql_query("select count(*) from ujian whereid_mp='".$data['id_mp']."'"),0);

echo"<div

onclick=\"lihat_nilai_ujian('".$data['id_mp']."')\"><span

class='jml_ujian'>".$jml_ujian."</span><li>".$data['nama_mp']."</li>";

echo"<div style='margin:10px'><span class='tombol edit'>Lihat Nilai</span></div>";

echo"</div>";

}

</ul>

<?php } else {

</fieldset>

</div>

function lihat_nilai_ujian(id_mp){

//load content dengan data dari daftar_ujian.php

$("#content").html(info_loading).load("daftar_nilai_ujian.php?id_mp="+i d_mp);

}

</script>

7. daftar_nilai_ujian.php

<?php

//current time

$mtime=microtime();

//splitseconds and microseconds

$mtime= explode(" ",$mtime);

//createasingle value for statrtime

$mtime=$mtime[1]+$mtime[0];

$tstart =$mtime;

include_once"include/koneksi.php";

$id_mp =$_REQUEST['id_mp'];

$nama_mp =mysql_result(mysql_query("select nama_mp from mapel where id_mp='".$id_mp."'"),0);

<legend>Daftar Nilai Ujian Mata Pelajaran <?php echo ucwords($nama_mp)

?></legend>

<div style="margin-bottom:10px"><spanonclick="download_ini()"

class="tombol">Download as xls</span></div>

<?php

echo"<tableclass='listing'cellpadding='0'cellspacing='0'align='center'>";

//ambil dataujian padaid_mp inisebagai header echo"<thead>";

echo"<tr>";

echo"<th>No</th><th>NIS</th><th>Nama</th>";

$sql_head ="select id_ujian,nama_ujian from ujian where id_mp='".$id_mp."'";

$sql_head_exe=mysql_query($sql_head);

$head_id_ujian =array();

while($head=mysql_fetch_assoc($sql_head_exe)){

array_push($head_id_ujian,$head['id_ujian']);

echo"<th>".$head['nama_ujian']."</th>";

}

if(count($head_id_ujian)>0){

//ambil semuadata siswapesertaujian

$sql_siswa="select nis,nama from siswa";

$sql_siswa_exe=mysql_query($sql_siswa);

//simpan aja di arraydulu biargampang

$data_siswa=array();

while($data =mysql_fetch_assoc($sql_siswa_exe)){

$data_siswa[$data['nis']]['nama']=$data['nama'];

}

8. daftar_nilai_ujian_xls.php

<?php

include_once"include/koneksi.php";

$xlsfile="Hasil_ujian_".date("d-m-Y").".xls";

header("Content-type: application/vnd.ms-excel");

header("Content-Disposition: attachment; filename=$xlsfile");

$id_mp =$_REQUEST['id_mp'];

$nama_mp =mysql_result(mysql_query("select nama_mp from mapel where id_mp='".$id_mp."'"),0);

<legend>Daftar Nilai Ujian Mata Pelajaran <?php echo ucwords($nama_mp)

?></legend>

<?php

echo"<tableclass='listing'cellpadding='0'cellspacing='0'>";

//ambil dataujian padaid_mp inisebagai header echo"<tr>";

echo"<th>No</th><th>NIS</th><th>Nama</th>";

$sql_head ="select id_ujian,nama_ujian from ujian where id_mp='".$id_mp."'";

$sql_head_exe=mysql_query($sql_head);

$head_id_ujian =array();

while($head=mysql_fetch_assoc($sql_head_exe)){

array_push($head_id_ujian,$head['id_ujian']);

echo"<th>".$head['nama_ujian']."</th>";

}

echo"<th>Rerata</th>";

echo"</tr>";

//ambil semuadata siswapesertaujian

$sql_siswa="select nis,nama from siswa";

$sql_siswa_exe=mysql_query($sql_siswa);

//simpan aja di arraydulu biargampang

$data_siswa=array();

}

$sql_nilai = "select id_user,nilai.id_ujian,ifnull(nilai,\"--\")as nilai from nilai right join ujian on ujian.id_ujian=nilai.id_ujian and nilai.id_ujian in (select id_ujian from ujian whereid_mp='".$id_mp."') order by

nilai.id_ujian,id_user";

$sql_nilai_exe=mysql_query($sql_nilai);

while($data =mysql_fetch_assoc($sql_nilai_exe)){

$data_siswa[$data['id_user']]['nilai'][$data['id_ujian']]=$data['nilai'];

}

//tampilkan dalam tabel

$no =1;

foreach($data_siswa as $id_siswa =>$data_tampil){

echo"<tr>";

echo"<td>".$no++."</td>";

echo"<td>".$id_siswa."</td>";

echo"<td>".$data_tampil['nama']."</td>";

$temp_arr=array();

for($i =0;$i< count($head_id_ujian); $i++){

if(isset($data_tampil['nilai'][$head_id_ujian[$i]])){

$nilainya=$data_tampil['nilai'][$head_id_ujian[$i]];

}

else $nilainya="---";

echo"<td>".round($nilainya)."</td>";

array_push($temp_arr,$nilainya);

}

echo"<td>".round(array_sum($temp_arr)/count($temp_arr))."</td>";

echo"</tr>";

}

echo"</table>";

9. daftar_siswa.php

<legend>Daftar SiswaPesertaUjian</legend>

<inputtype="text"name="nis"value="nomerdaftar" class="inputan"

onfocus="bersihkan(this)"onblur="kembali_semula(this)"/>

<inputtype="text"name="nama"value="nama siswa" class="inputan"

onfocus="bersihkan(this)"onblur="kembali_semula(this)"/>

<inputtype="text"name="alamat"value="alamatsiswa"class="inputan"

onfocus="bersihkan(this)"onblur="kembali_semula(this)"/>

<inputtype="text"name="agama"value="Islam" class="inputan"

onfocus="bersihkan(this)"onblur="kembali_semula(this)"/>

<spanid="simpan_siswa"class="tombol tambah"

<span class="tombol simpan"onclick="update_siswa(this)">Siswa</span>

<span class="tombol batal"onclick="batal_update()">Batal</span>

Dalam dokumen PERANCANGAN APLIKASIUJIANONLINE BERBASIS WEB TUGAS AKHIR LOUISTENMANALU (Halaman 47-139)