Aktifkan apache mod-bw dengan mengetikkan perintah berikut pada console.
a2enmod bw Restart apache agar modul yang telah diaktifkan dijalankan oleh apache2
dengan mengetikkan perintah berikut pada console. etcinit.dapache2 restart
4.2 Implementasi Antar Muka
Dalam implementasi desain antar muka ini akan menjelaskan hubungan antar form yang nantinya terlibat dalam aplikasi penyedia penyimpanan file online
ini dan menghasilkan beberapa form diantaranya adalah:
4.2.1 Form Utama Aplikasi
Form utama aplikasi ini didesain sedemikian rupa sehingga menarik pengguna dan tidak menggunakan tampilan yang monoton. Tampilan form utama
dapat dilihat pada form gambar 4.1:
Gambar 4.1 Form Utama Aplikasi
4.2.2 Antar Muka Pendaftaran
Pada tampilan antar muka pendaftaran digunakan untuk user yang ingin mendaftar pada layanan penyedia penyimpanan file online. Berikut tampilan antar
muka pendaftaran user pada gambar 4.2:
Gambar 4.2 Form Pendaftaran User
Agar tidak terjadi kesalahan pada pendaftaran user seperti mendaftarkan dengan email yang tidak diisi, password yang tidak cocok maka, perlu adanya
validasi saat memasukkan pengisian data pada. Berikut potongan kode untuk validasi dari Form pendaftaran:
script type=textjavascript function checkform{
var s1 = document.getElementByIdusername.value; var s2 = document.getElementByIdemail.value;
var s3 = document.getElementByIdpassword.value; var s4 = document.getElementByIdpassword_repeat.value;
ifs1== || s2== || s3== || s4=={ alertYou still have blank field.;
return false;
} else
ifs3=s4{ alertYou have miss matched password.;
return false;
}
else return agreeterms; }
function agreeterms{ if document.getElementByIdrules.checked {
alertYou have to agree with our sign up terms in order to proceed.;
return false;
} }
script
4.2.3 Antar Muka Upload
Pada form antar muka upload ini digunakan untuk proses upload file dari client ke server. Berikut tampilan antar muka untuk upload pada gambar 4.3:
Gambar 4.3 Tampilan Antar Muka Upload
Interface upload menggunakan ajax plugin jQuery dan uploadify-v2.10. Berikut potongan kode implementasinya pada halaman upload:
input id=fileInput name=fileInput type=file script type=textjavascript [CDATA[
document.readyfunction { fileInput.uploadify{
uploader : uploadify.swf, script : uploadify.php,
cancelImg : cancel.png, auto : true,
folder : uploads
}; };
]]script
4.2.4 Antar Muka Link File
Pada tampilan antar muka link file ini digunakan untuk menampilkan hasil dari pembuatan link yang dihasilkan dengan menggunakan metode MD5
oleh applikasi yang nantinya digunakan oleh user untuk mendownload file yang telah di upload oleh user tersebut. Berikut adalah gambar dari antar muka link file:
Gambar 4.4 Tampilan Antar Muka Link File
4.2.5 Antar Muka File Checker
