BAB IV IMPLEMENTASI SISTEM
4.1 Kebutuhan Sistem
Implementasi dilakukan dengan menerapkan hasil desain yang telah dibuat kedalam bahasa pemrograman web yakni HTML, PHP dan juga JavaScript,
sehingga prosedur-prosedur yang telah dibuat dapat dimengerti oleh mesin dan menghasilkan keluaran seperti apa yang diharapkan. Berikut ini adalah
perlengkapan yang digunakan dalam implementasi sistem : a.
Sebuah PC dengan spesifikasi standar untuk melakukan pembuatan website dan untuk pengujian
b. Text editor, dalam hal ini penulis memilih menggunakan Dreamweaver karena
dalam Dreamweaver penulisan script PHP dan Javacript akan sangat mudah. c.
Xampp, sebuah webserver yang didalamnya sudah terdapat Apache server, PHP dan juga database berupa mysql sekaligus PhpMyAdmin untuk editor
untuk mengakses database mysql secara grafis. d.
Browser yang terdiri dari Firefox 3.6
4.2. Penerapan Ajax dalam membangun website Knowledge management system
Penggunaa Ajax dalam website yang penulis buat untuk mendapatkan suatu sistem wesite yang interaktif seperti halnya kita menggunakan aplikasi
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
desktop. Tetapi penggunaan Ajax disini masih sangat sedikit, namun masih bisa menghasilkan website yang interakrif. misalnya untuk form formulir sebagai
berikut:
function cek_Id{ if document.register.id_user.value ={
var posisi = 1; var elemen_id_info = document.getElementById id_info;
elemen_id_info.innerHTML = ; var elemen_id_user = document.getElementByIdid_user;
var pasangan_var_nilai = id= + elemen_id_user.value; prosesDataxmlHttpSimpan, aksi.php?modul=cek_user,
pasangan_var_nilai, id_info, posisi; }
} function cek_emailemail{
var posisi = 2; var elemen_id_email =
document.getElementByIdid_email; elemen_id_email.innerHTML = ;
var elemen_email = document.getElementByIdemail; var pasangan_var_nilai = kode= + elemen_email.value;
prosesDataxmlHttpSimpan, aksi.php?modul=email, pasangan_var_nilai,
id_email, posisi;
} function cek_pass{
if document.register.pass2.value ={ if document.register.pass.value =
document.register.pass2.value{ var pesan = img src=imageserror.png
border=0nbsp;nbsp;nbsp;Password Tidak Cocok; }
else {
var pesan = img src=imagesok.png border=0nbsp;nbsp;nbsp;Password Cocok;
} var obj = document.getElementByIdinfo_pass;
obj.innerHTML = pesan;
} }
script div class=kotakdiv class=framebRegisterbdiv?
if isset_SESSION[ERRMSG_ARR] is_array_SESSION[ERRMSG_ARR]
count_SESSION[ERRMSG_ARR] 0 { echo div class=pesan;
echo ul class=err; foreach_SESSION[ERRMSG_ARR] as msg {
echo li,msg,li; }
echo uldiv; unset_SESSION[ERRMSG_ARR];
} ?
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
div class=isiform method=post name=register action=aksi.php?modul=daftar enctype=multipartform-data
tabletrtd colspan=2h3Informasi data Pribadih3tdtr
trtd colspan=2nbsp;tdtr trtd align=rightNama Lengkaptdtdinput type=text
name=nama size=31 tdtr trtd colspan=2nbsp;tdtr
trtd align=rightJenis Jelamintdtdselect name=kelaminoption selected=selected value=Laki-
lakiLaki - Lakioptionoption value=PerempuanPerempuanoptionselecttdtr
trtd colspan=2nbsp;tdtr trtd align=rightTangal Lahirtdtdinput type=text
name=tanggal size=3select name=bulanoption selected=selected - Bulan - optionoption
value=JanuariJanuarioptionoption value=FebruariFebruarioptionoption
value=MaretMaretoptionoption value=AprilApriloptionoption
value=MeiMeioptionoption value=JuniJunioptionoption
value=JuliJulioptionoption value=AgustusAgustusoptionoption
value=SeptemberSeptemberoptionoption value=OktoberOktoberoptionoption
value=NovemberNovenberoptionoption value=DesemberDesemberoptionselectinput type=text
name=tahun size=8tdtrtrtd colspan=2nbsp;tdtr
trtd align=rightNegaratdtdinput type=text name=negara size=31 tdtr
trtd colspan=2nbsp;tdtr trtd colspan=2h3Informasi Accunth3tdtr
trtd align=rightUser ID nbsp;nbsp;td tdinput type=text name=user id=id_user
onblur=cek_Id; size=31 tdtr trtdnbsp;tdtdspan id=id_info
spantdtrtrtd align=rightPasswordtdtdinput type=password
name=pass id=pass1 size=31 tdtr trtd colspan=2nbsp;tdtr
trtd align=rightRepeat Passwordtdtdinput type=password name=pass2 id=pass2 onblur=cek_pass;
size=31 tdtr trtdnbsp;tdtdspan id=info_passspantdtr
trtd align=rightEmailtdtdinput type=text name=email id=email onblur=cek_email; size=31
tdtr trtdnbsp;tdtdspan id=id_emailspantdtr
trtd colspan=2img src=captchasecurityimages.php?width=100height=40character=
5 br Security Code: input id=security_code name=security_code
type=text br tdtr
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Hasil script diatas sebagai berikut:
Gambar 4.1 Formulir dengan teknik Ajax Dalam formulir tesebut karena menggunakan Ajax, kaerna validasi
formulir menggunankan teknik Ajax maka untuk mengecek user id tidak perlu
trtd colspan=2 align=centerinput type=submit value=Next class=button
nbsp;nbsp;input type=reset value=Batal class=button tdtr
tableform brnbsp;nbsp;nbsp;Harus diisibr nbsp;Repeat Password
harus samabrdiv div;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
mengirimkan seluruh isi formulir ke server, cukup dengan mengarahkan kursor keluar dari text field User ID. maka akan dilakukan proses cek user apakah sudah
digunakan atau belum di dalam database, sedangan script sebagai berikut:
input type=text name=user id=id_user onblur=cek_Id; size=31
Jika kursor meninggalkan text field maka fungsi cek id akan di jalankan,
function cek_Id{ if document.register.id_user.value ={
var posisi = 1; var elemen_id_info = document.getElementById id_info;
elemen_id_info.innerHTML = ; var elemen_id_user = document.getElementByIdid_user;
var pasangan_var_nilai = id= + elemen_id_user.value; prosesDataxmlHttpSimpan, aksi.php?modul=cek_user,
pasangan_var_nilai, id_info, posisi; }
}
Fungsi diatas akan mengirimkan permintaan ke server dengan alamat yang telah di definisikan diatas, sedangkan script yang ada pada server sebagai berikut:
id_user = _POST[id]; polausername= [A-Za-z0-9];
cekuser = eregipolausername,id_user; if cekuser{
print img src=imageserror.png border=0 nbsp;nbsp;nbsp;Pola
Username Salah
salah Gunakan kombinasi huruf dan angka; }
else { sql = SELECT id_user FROM user WHERE id_user =
id_user; hasil = mysql_querysql;
baris = mysql_fetch_rowhasil; if
baris{ printimg src=imageserror.png border=0 Sudah
Digunakan;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Hasil dari script pada server untuk melakukan cek user id akan di tampilkan pada tag HTML yang telah di beri id ‘id_info’
trtdnbsp;tdtdspan id=id_infospan
Gambar 4.2 Validasi formulir dengan Ajax
4.3 Pengumpulan knowledge pengetahuan dengan menggunakan algoritma
Kategori