Hasil Pembahasan
4.1 Hasil Pembahasan
Spesifikasi hardware yang dibutuhkan dalam sistem informasi penjualan merchandise minimal yaitu Monitor, CPU dan Input device ( keyboard dan mouse). Sedangkan software yang dibutuhkan antara lain yaitu web browser untuk menjalankan web misalnya Mozilla firefox.
4.1.1 Halaman Katalog Pre - Order
Pengunjung dapat langsung melihat berbagai macam merchandise yang belum ada stoknya dan dapat langsung memesannya. Adapun tampilan halaman katalog pre - order sistem ini dapat dilihat seperti Gambar 4.1.
Gambar 4.1: Halaman Katalog Pre - Order
4.1.2 Halaman Katalog Produk
Pengunjung dapat langsung melihat berbagai macam merchandise yang sudah ada stoknya dan dapat langsung membelinya. Adapun tampilan halaman katalog produk sistem ini dapat dilihat seperti Gambar 4.2.
Gambar 4.2: Halaman Katalog Produk
4.1.3 Halaman Pemesanan Desain
Pada halaman pemesanan desain sistem ini, pembeli dapat mengisi jumlah pesan sesuai kebutuhan pada form pemesanan desain. Adapun tampilan halaman pemesanan desain dapat dilihat seperti Gambar 4.3
Gambar 4.3: Halaman Pemesanan Desain
4.1.4 Halaman Pembelian Produk
Pada halaman pembelian produk sistem ini, pembeli dapat mengisi jumlah beli yang terbatas pada stok. Adapun tampilan halaman pembelian produk sistem ini dapat dilihat seperti Gambar 4.4
Gambar 4.4: Halaman Pembelian Produk
Adapun sintak pada form pembelian produk (gambar 4.4) adalah sebagai berikut: <?php session_start(); ?> <link rel="stylesheet" type="text/css" media="all" href="inc/calendar.css" title="green"> <script type="text/javascript" src="inc/calendar.js"></script> <script type="text/javascript"> function jml(){ var myForm = document.form1; var js = parseInt(myForm.js.value); hs = parseInt(myForm.hs.value); jml_beli = parseInt(myForm.jml_beli.value); Adapun sintak pada form pembelian produk (gambar 4.4) adalah sebagai berikut: <?php session_start(); ?> <link rel="stylesheet" type="text/css" media="all" href="inc/calendar.css" title="green"> <script type="text/javascript" src="inc/calendar.js"></script> <script type="text/javascript"> function jml(){ var myForm = document.form1; var js = parseInt(myForm.js.value); hs = parseInt(myForm.hs.value); jml_beli = parseInt(myForm.jml_beli.value);
alert("Sisa Stok tidak boleh kurang dari 0"); sisa.focus(0); return false;
} else{ return true;
} } </script> <script type="text/javascript"> String.prototype.trim = function() {
a = this.replace(/^\s+/,''); return a.replace(/\s+$/, ''); }; function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } function validasi (){
var vjml = document.form1.jml_beli; var vsisa = document.form1.sisa;
var vth = document.form1.th;
var mincar = 3;
/^.+\@(\[?)[a-zA-Z0-9\-\_\.]+\.([a-zA-Z]{2,3}|[0- 9]{1,3})(\]?)$/; // validasi huruf
var emailvalid
var validasihuruf=/^[a-zA-Z ]+$/; function cekAngka(obj){ var x = obj.value; var list = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9"); var status = true; for (i=0; i<=x.length-1; i++){
if (x[i] in list) cek = true; else cek = false; status = status && cek;
} return !status;
} //pengecekan if(vjml.value.trim().length == 0){
alert("Jumlah Beli harus diisi "); vjml.focus(); return false;
} else if(vsisa.value.trim().length == 0){
alert("Sisa Stok harus diisi "); vsisa.focus(); return false;
} else if(vth.value.trim().length == 0){
alert("Total Harga harus diisi "); vth.focus(); return false;
} else{
return true; } } </script> <?php include "./koneksi.php"; $ip = $REMOTE_ADDR; $id = $_GET['id']; $sqlx = mysql_fetch_array(mysql_query("select * from merchandise where id_merchandise='$id' ")); $save= $_POST ['simpan']; $jml=$_POST[jml_beli]; $sisa=$_POST[sisa]; $tgl_skrg = date("Y-m-d"); if(isset($_POST[simpan]) and $jml<1){ echo"<script>window.alert('Maaf Jumlah Beli Tidak Boleh 0')</script>"; } if(isset($_POST[simpan]) and $sisa<0){ echo"<script>window.alert('Maaf Sisa Stok Minimal 0')</script>"; } if(isset($_POST[simpan]) and $sisa>=0 and $jml>0){ $kl=mysql_query("insert into keranjang set
ip='$ip', id_merchandise='$_POST[id_merchandise]', tgl_belanja='$tgl_skrg', jml_beli='$_POST[jml_beli]', total_harga='$_POST[th]'");
//$kl=mysql_query("update merchandise set stok='$_POST[sisa]' where id_merchandise='$_GET[id]'");
echo "<script>alert('Pembelian berhasil')</script>"; echo "<script>alert('Pembelian berhasil')</script>";
echo
"<meta
onsubmit="return validasi();" enctype="multipart/form-data" method="post"> <table width="548" cellspacing="5"> <tr> <td width="37%">Nama Merchandise</td> <td width="2%"><strong>:</strong></td> <td width="61%"><?php echo "$sqlx[nama_merchandise]"; ?> <input name="id_merchandise" type="hidden" id="id_merchandise"
<form id="form1"
name="form1"
size="35" maxlength="35" value="<?php echo "$sqlx[id_merchandise]"; ?>" /> </td>
</tr> <tr>
<td width="37%">Stok</td> <td width="2%"><strong>:</strong></td> <td width="61%"><?php echo "$sqlx[stok]"; ?> <input name="js"
type="hidden" class="field" size="10" maxlength="10" value="<?php echo "$sqlx[stok]"; ?>"/></td>
</tr> <tr>
<td width="37%">Harga</td> <td width="2%"><strong>:</strong></td> <td width="61%">Rp.<?php echo "$sqlx[harga]"; ?><input name="hs"
type="hidden" class="field" size="10" maxlength="10" value="<?php echo "$sqlx[harga]"; ?>"/></td>
</tr> <tr>
<td width="37%">Gambar</td> <td width="2%"><strong>:</strong></td> <td
width='293' valign='top' src="./file_upload/<?php echo "$sqlx[gambar]"; ?>"/></td> </tr> <tr>
width="61%"><img
height="165"
<td width="37%">Deskripsi</td> <td width="2%"><strong>:</strong></td> <td width="61%"><?php echo "$sqlx[keterangan]"; ?></td>
</tr> <tr>
<td width="37%">Jumlah Beli</td> <td width="2%"><strong>:</strong></td> <td width="61%"><input name="jml_beli" type="text" class="field"
size="3" maxlength="3" onKeyPress="return isNumberKey(event)"/></td> </tr> <tr>
<td width="37%">Sisa Stok</td> <td width="2%"><strong>:</strong></td> <td
width="61%"><input name="sisa" type="text" class="field" onClick="jml()" size="5" maxlength="5" readonly /></td> </tr> <tr>
<td width="37%">Total Harga</td> <td width="2%"><strong>:</strong></td> <td width="61%">Rp.<input name="th" type="text" class="field"
onClick="jml()" size="15" maxlength="15" readonly /></td> </tr> <tr>
<td> </td> <td> </td>
<td><input type="submit" name="simpan" id="button" value="Simpan" /> <input type="reset" name="button2" id="button2" value="Reset" /></td> </tr> </table> </form> </div>
4.1.5 Halaman Form Data Pembeli
Halaman form data pembeli ini berfungsi untuk menyimpan data pembeli pada sistem. Adapun tampilan halaman form data pembeli sistem ini dapat dilihat seperti Gambar 4.5
Gambar 4.5: Halaman Form Data Pembeli
Adapun sintak pada form data pembeli (gambar 4.5) adalah sebagai berikut: <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/ui.core.js"></script> <script type="text/javascript" src="js/ui.datepicker.js"></script> <script type="text/javascript" src="js/jquery-1.4.js"></script> <script type="text/javascript"> $(document).ready(function(){
$("#username").change(function(){ $("#pesan").html("<img
src='pendaftaran/loading.gif'>Cek Username..."); var username = $("#username").val(); $.ajax({ type : "POST", url : "pendaftaran/validasi.php", data : "username=" + username, success : function(data){ if (data==0){ $("#pesan").html('<img src="pendaftaran/tick.png"> Username
Belum Digunakan'); $("#username").css('border', '3px #090 solid'); } else { $("#pesan").html('<img src="pendaftaran/silang.png"> Username
Sudah Digunakan'); $("#username").css('border', '3px #C33 solid'); }
} }); }); }); </script> <script type="text/javascript"> String.prototype.trim = function() {
a = this.replace(/^\s+/,''); return a.replace(/\s+$/, ''); }; function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode a = this.replace(/^\s+/,''); return a.replace(/\s+$/, ''); }; function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode
var vnama = document.user.nama; var valamat = document.user.alamat;
var vjekel = document.user.JK; var vhp = document.user.hp; var vusername = document.user.username; var vpassword = document.user.password; var vha = document.user.ha;
var mincar = 3; var
/^.+\@(\[?)[a-zA-Z0-9\-\_\.]+\.([a-zA-Z]{2,3}|[0- 9]{1,3})(\]?)$/;
emailvalid
// validasi huruf var validasihuruf=/^[a-zA-Z ]+$/; function cekAngka(obj){ var x = obj.value; var list = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9"); var status = true; for (i=0; i<=x.length-1; i++){
if (x[i] in list) cek = true; else cek = false; status = status && cek;
} return !status;
} //pengecekan if(vnama.value.trim().length == 0){
alert("NAMA harus diisi "); alert("NAMA harus diisi ");
} else if (vnama.value.length < mincar){
alert("Panjang Nama Minimal 3 Karater!"); vnama.focus(); return false;
} else if(valamat.value.trim().length == 0){
alert("ALAMAT harus diisi "); valamat.focus(); return false;
} else if(vjekel.value.trim().length == 0){
alert("Jenis Kelamin harus diisi "); vjekel.focus(); return false;
} else if(vhp.value.trim().length == 0){
alert("NOMOR HP harus diisi "); vhp.focus(); return false;
} else if(vusername.value.trim().length == 0){
alert("Username harus diisi "); vusername.focus(); return false;
} else if (vusername.value.length < mincar){
alert("Panjang Username Minimal 3 Karater!"); vusername.focus(); alert("Panjang Username Minimal 3 Karater!"); vusername.focus();
alert("Password harus diisi "); vpassword.focus(); return false;
} else if (vpassword.value.length < mincar){
alert("Panjang Password Minimal 3 Karater!"); vpassword.focus(); return false;
} else{
return true; } } </script> <?php include "./koneksi.php"; $cari=mysql_fetch_array(mysql_query("select max(right(id_pembeli,3)) as nomer from pembeli")); $no=(int)$cari[nomer]+1; $no="00".$no; $no=substr($no,strlen($no)-3,3); $no="P-".$no; ?> <h3 align="left">FORM DATA PEMBELI</h3> <br /> <div align="center">
<form id="user" name="user" onsubmit="return validasi();" method="post" action="pendaftaran/simpan.php?proses=tambah">
<table width="625" align="left" cellspacing="5"> <tr> <td width="31%">ID Pembeli</td> <td width="2%"><strong>:</strong></td> <td width="67%"><?php echo $no ?>
<input name="id" type="hidden" id="id" size="30" value="<?php echo $no ?>"/></td> </tr> <tr>
<td width="16%">Nama</td> <td width="2%"><strong>:</strong></td> <td width="82%"><input name="nama" type="text" id="nama" size="30"
/></td> </tr> <tr>
<td width="16%">Alamat</td> <td width="2%"><strong>:</strong></td> <td width="82%"><textarea name=alamat cols=40 rows=6></textarea></td>
</tr> <tr> <td width="16%">Jenis Kelamin</td>
<td width="2%"><strong>:</strong></td> <td width="82%"><input type="radio" name="JK" value="Pria" />
Pria <input type="radio" name="JK" value="Wanita" /> Wanita</td>
</tr> <tr>
<td width="16%">No. Telp</td> <td width="2%"><strong>:</strong></td>
<td width="82%"><input name="hp" type="text" id="hp" size="14" maxlength="14" onKeyPress="return isNumberKey(event)"/></td> </tr> <tr>
<td width="16%">Username</td> <td width="2%"><strong>:</strong></td> <td width="82%"><input name="username" type="text" id="username"
size="20" maxlength="20" /><span id="pesan"></span></td> </tr> <tr>
<td height="25">Password</td> <td><strong>:</strong></td> <td><input name="password" type="password" id="password" size="20"
maxlength="20" /></td> </tr> <tr>
<td> </td> <td> </td>
<td><input type="submit" name="simpan" id="button" value="Simpan" /> <input type="reset" name="button2" id="button2" value="Reset" /></td> </tr> </table> </form> </div>
4.1.6 Halaman Login User
Pengguna sistem melakukan login pada browser maka akan muncul halaman login user . Adapun tampilan halaman login sistem ini dapat dilihat seperti Gambar 4.6
Gambar 4.6: Halaman Login User
4.1.7 Halaman Utama Pembeli
Pada halaman utama pembeli sistem ini terdapat menu daftar pembelian, daftar pemesanan, konfirmasi pembayaran, status barang pesanan, lihat jadwal kirim, history pembelian dan history pemesanan. Adapun tampilan halaman utama pembeli dapat dilihat seperti Gambar 4.7
Gambar 4.7: Halaman Utama Pembeli
4.1.8 Halaman Daftar Pembelian
Halaman daftar pembelian ini berfungsi untuk melihat kembali barang apa saja yang sudah dibeli. Adapun tampilan halaman daftar pembelian sistem ini dapat dilihat seperti Gambar 4.8
Gambar 4.8: Halaman Daftar Pembelian
4.1.9 Halaman Daftar Pemesanan
Halaman daftar pemesanan ini berfungsi untuk melihat kembali barang apa saja yang sudah dipesan. Adapun tampilan halaman daftar pemesanan sistem ini dapat dilihat seperti Gambar 4.9
Gambar 4.9: Halaman Daftar Pemesanan
4.1.10 Halaman Konfirmasi Pembayaran
Halaman konfirmasi pembayaran ini, berfungsi untuk melakukan konfirmasi setelah pembeli mentransfer pembayaran ke rekening admin. Adapun tampilan halaman konfirmasi pembayaran sistem ini dapat dilihat seperti Gambar
Gambar 4.10: Halaman Konfirmasi Pembayaran
4.1.11 Halaman Status Barang Pesanan
Halaman status barang pesanan ini berfungsi untuk melihat status barang yang sudah dipesan, apakah sudah jadi atau belum. Adapun tampilan halaman status barang pesanan sistem ini dapat dilihat seperti Gambar 4.11
Gambar 4.11: Halaman Status Barang Pesanan
4.1.12 Halaman Lihat Jadwal Kirim
Halaman lihat jadwal kirim ini berfungsi untuk melihat kapan barang pembelian atau pemesanan akan dikirim. Adapun tampilan halaman lihat jadwal kirim sistem ini dapat dilihat seperti Gambar 4.12
Gambar 4.12: Halaman Lihat Jadwal Kirim
4.1.13 Halaman History Pembelian
Halaman history pembelian ini berfungsi untuk menampilkan daftar pembelian produk yang sudah benar-benar dibeli. Adapun tampilan halaman history pembelian sistem ini dapat dilihat seperti Gambar 4.13
Gambar 4.13: Halaman History Pembelian
4.1.14 Halaman History Pemesanan
Halaman history pemesanan ini berfungsi untuk menampilkan daftar pemesanan produk yang sudah benar-benar dipesan. Adapun tampilan halaman history pemesanan sistem ini dapat dilihat seperti Gambar 4.14
Gambar 4.14: Halaman History Pemesanan
4.1.15 Halaman Utama Admin
Pada halaman utama admin sistem ini terdapat menu kelola desain, kelola merchandise, laporan pembelian, laporan pemesanan, laporan konfirmasi pembelian dan laporan konfirmasi pemesanan. Adapun tampilan halaman utama admin dapat dilihat seperti Gambar 4.15
Gambar 4.15: Halaman Utama Admin
4.1.16 Halaman Kelola Desain
Halaman kelola desain ini berfungsi untuk menyimpan data desain yang dikelola oleh admin. Adapun tampilan halaman kelola desain pada sistem ini dapat dilihat seperti Gambar 4.16
Gambar 4.16: Halaman Kelola Desain
4.1.17 Halaman Kelola Merchandise
Halaman kelola merchandise ini berfungsi untuk menyimpan data merchandise yang dikelola oleh admin. Adapun tampilan halaman kelola merchandise pada sistem ini dapat dilihat seperti Gambar 4.17
Gambar 4.17: Halaman Kelola Merchandise
4.1.18 Halaman Laporan Pembelian
Halaman laporan pembelian ini berfungsi untuk mencetak laporan pembelian produk. Adapun tampilan halaman laporan pembelian pada sistem ini dapat dilihat seperti Gambar 4.18
Gambar 4.18: Halaman Laporan Pembelian
4.1.19 Halaman Laporan Pemesanan
Halaman laporan pemesanan ini berfungsi untuk mencetak laporan pemesanan produk. Adapun tampilan halaman laporan pemesanan pada sistem ini dapat dilihat seperti Gambar 4.19
Gambar 4.19: Halaman Laporan Pemesanan
4.1.20 Halaman Laporan Konfirmasi Pembelian
Halaman laporan konfirmasi pembelian ini berfungsi untuk mencetak laporan konfirmasi pembelian pada sistem. Adapun tampilan halaman laporan konfirmasi pembelian pada sistem ini dapat dilihat seperti Gambar 4.20
Gambar 4.20: Halaman Laporan Konfirmasi Pembelian
4.1.21 Halaman Laporan Konfirmasi Pemesanan
Halaman laporan konfirmasi pemesanan ini berfungsi untuk mencetak laporan konfirmasi pemesanan desain. Adapun tampilan halaman laporan konfirmasi pemesanan desain pada sistem ini dapat dilihat seperti Gambar 4.21
Gambar 4.21: Halaman Laporan Konfirmasi Pemesanan
4.1.22 Halaman Ubah Status Barang
Halaman ubah status barang ini berfungsi untuk mengubah status barang yang sudah dipesan menjadi sudah jadi. Adapun tampilan halaman ubah status barang sistem ini dapat dilihat seperti Gambar 4.22
Gambar 4.22: Halaman Ubah Status Barang
4.1.23 Halaman Kelola Jadwal Kirim
Halaman kelola jadwal kirim ini berfungsi untuk membuat jadwal pengiriman kepada pembeli. Adapun tampilan halaman kelola jadwal kirim pada sistem ini dapat dilihat seperti Gambar 4.23
Gambar 4.23: Halaman Kelola Jadwal Kirim