Tampilan Halaman Website - PERANCANGAN APLIKASI PENJUALAN ELEKTRONIK ONLINE 24JAM.COM BERBASIS

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Mozilla Firefox dan Google Chrome setelah web browser jalan, ketikkan pada addres bar http://localhost/24JAM.COM untuk pengetesan halaman utama. Halaman utama sistem tersebut seperti pada gambar berikut :

Gambar 4.7. Halaman Home Web

2. Berikut adalah tampilan untuk halaman tentang profile web :

Gambar 4.8. Halaman Tentang Profile Web

3. Berikut adalah halaman produk-produk dari online shop 24JAM.COM :

Gambar 4.9. Halaman Produk-Produk

4. Berikut adalah tampilan dari halaman cara pemesanan :

Gambar 4.10. Halaman Cara Pemesanan

5. Jika terdapat barang rusak user dapat mengclaimnya. Berikut adalah tampilan halaman claim barang rusak :

Gambar 4.11. Halaman Claim Barang Rusak

6. Jika user sudah memesan, barang yang sudah user pesan akan masuk ke keranjang belanja. Berikut adalah tampilan halaman keranjang belanja :

Gambar 4.12. Halaman Keranjang Belanja

7. Apabila user sudah selesai dalam berbelanja selanjutnya user akan masuk ke halaman transaksi akhir. Berikut adalah tampilannya :

Gambar 4.13. Halaman Transaksi Selesai

5.1. Kesimpulan

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

1. System ini berisi aplikasi online yang memudahkan admin dalam menginfokan dan memasarkan produk kami kepada konsumen.

2. Aplikasi berbasis web e-commerce ini akan memberikan kemudahan – kemudahan, baik bagi pihak extern (masyarakat luas) karena sistem ini nantinya siap akses selama 24 jam.

3. Aplikasi berbasis web e-commerce ini penulis buat dengan bahasa pemrograman PHP dan HTML dan memanfaatkan jaringan internet untuk publikasinya sehingga dapat dikonsumsi oleh publik.

5.2. Saran

Berdasarkan kesimpulan di atas maka dapat diberikan saran – saran yang penulis usulkan yang berguna nantinya dan yang menjadi bahan pertimbangan bagi dalam menggunakan system ini antara lain :

1. Dengan adanya sistem yang telah dirancang maka toko online penjualan yang bertema kan penjualan elektronik ini diharapkan dapat menggunakan atau memanfaatkan komputer dan fasilitas internet dalam hal penginformasian data dan pengolahan data sehingga dapat meningkatkan pelayanan dan efektifitas kerja yang lebih baik.

2. Kiranya aplikasi berbasis web ini dapat digunakan secara optimal agar hasil yang diharapkan dapat terwujud.

Adi Nugroho. 2011. “Perancangan dan Implementasi Sistem Basis Data”. Andi:

Yogyakarta

Abdul, K. 2008. “Tuntunan Praktis Belajar Database Menggunakan MySQL”.

Andi : Yogyakarta

Kadir, Abdul. 2005. “Dasar Pemrograman Web Dinamis Menggunakan

“PHP. Yogyakarta : Informatika Bandung

Mulyana. Y.B. 2004. “Trik Membangun Situs Menggunakan PHP dan MySQL”.

Jakarta: Elex Media Komputindo

Sutarman, 2003. “Membangun Aplikasi Web dengan PHP dan MySQL”, Yogyakarta : Graha Ilmu.

Utdirartatmo, Firrar. 2006. “Segudang Trik Pengembangan Situs WEB”.

Yogyakarta : Penerbit Andi

M. Arsyad Sanusi, “Teknologi Informasi Dan Hukum E-commerce”, Jakarta:

Cetakan II, PT. Dian Ariesta, 2004

Nugroho, Adi. 2006. “E-commerce”. Informatika Bandung. Bandung.

Aryato, Didik, dan Feriani A. Tarigan. 2015. “Aplikasi Penjualan Pakaian Secara Online (Studi Kasus: Tauko Medan), Vol. IV No 1 : 6-12, 2337 – 3601”.

Maulana, dkk. 2015. “Implementasi E-Commerce Sebagai Media Penjualan Online (Studi Kasus Pada Toko Pastbrik Kota Malang), Vol. 29 No. 1 Desember 2015”.

1.Media.php

<?php

error_reporting(0);

session_start();

include "config/koneksi.php";

include "config/fungsi_indotgl.php";

include "config/fungsi_combobox.php";

include "config/library.php";

include "config/fungsi_autolink.php";

include "config/fungsi_rupiah.php";

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

charset=utf-8" />

href="template/images/11.jpg" />

href="template/css/style.css" media="screen" />

href="template/css/common.css" media="screen" />

href="template/css/button.css" media="screen" />

<li><a href='media.php?module=register'

href='logout.php' class='log'> Logout </a></li>";

}

<?php

if ($_SESSION['email'] !="") { echo "

<li><a

include "item.php";

echo "</div>";

echo "

<li><a href='logout.php'>Logout</a></li>

</ul>

2. Tengah.php

function validasi(form){

if (form.nama.value == ""){

alert("Anda belum mengisikan Nama.");

form.nama.focus();

return (false);

}

if (form.alamat.value == ""){

alert("Anda belum mengisikan Alamat.");

form.alamat.focus();

return (false);

}

if (form.telpon.value == ""){

alert("Anda belum mengisikan Telpon.");

form.telpon.focus();

return (false);

}

if (form.email.value == ""){

alert("Anda belum mengisikan Email.");

form.email.focus();

return (false);

}

if (form.kota.value == 0){

alert("Anda belum mengisikan Kota.");

form.kota.focus();

return (false);

}

if (form.kode.value == ""){

alert("Anda belum mengisikan Kode.");

form.kode.focus();

return (false);

}

return (true);

}

function validasi2(form2){

if (form2.email.value == ""){

alert("Anda belum mengisikan Email.");

form2.email.focus();

return (false);

}

if (form2.password.value == ""){

alert("Anda belum mengisikan Password.");

form2.password.focus();

return (false);

}

return (true);

}

function harusangka(jumlah){

var karakter = (jumlah.which) ? jumlah.which : event.keyCode

// Halaman utama (Home) if ($_GET[module]=='home'){

echo'<div class="banner">

<div class="slides_container">';

$sql=mysql_query("SELECT * FROM produk ORDER BY id_produk DESC LIMIT 6");

while ($r=mysql_fetch_array($sql)){

$deskripsi=substr($r[deskripsi],0,50);

echo"

<div class='imgeslider'><img

src='foto_produk/$r[gambar]' alt='lapy' title='product' width='220' height='240' />

<h1>$r[nama_produk]</h1>

<p>$deskripsi</p>

href='media.php?module=detailproduk&id=$r[id_produk]'>

</div>";

}

echo" </div>

</div>

echo "<div class='center_title_bar'>Produk Terbaru</div>";

$sql=mysql_query("SELECT * FROM produk ORDER BY id_produk DESC LIMIT 6");

while ($r=mysql_fetch_array($sql)){

include "diskon_stok.php";

echo " <div class='product-info'>

<h2><a

href='media.php?module=detailproduk&id=$r[id_produk]'>$r[

nama_produk]</a></h2>

<div ><span>$divharga</span></div>

<ul>

<li><a

href='media.php?module=detailproduk&id=$r[id_produk]' class='prod_details'>selengkapnya</a> </li>

<li><a href='#'> $tombol </a></li>

</ul>

</div>";

} }

elseif ($_GET[module]=="tes") {

//include digunakan untuk memanggil file include "tes.php";

}

//Module Warning

elseif ($_GET[module]=='warning') {

echo "<div id='info'>! Untuk Melakukan Hal ini Anda Harus Login Terlebih Dahulu <a

href='media.php?module=login'>disini</a></div>";

}

// Modul detail produk

elseif ($_GET[module]=='detailproduk'){

// Tampilkan detail produk berdasarkan produk yang dipilih

$detail=mysql_query("SELECT * FROM produk,kategori WHERE

kategori.id_kategori=produk.id_kategori

AND id_produk='$_GET[id]'");

$r = mysql_fetch_array($detail);

include "diskon_stok.php";

echo "

<div class='img'><a href='foto_produk/$r[gambar]'><img

src='foto_produk/$r[gambar]' border='0' width='230' height='210'/></a><br/>

<div class='prod_price'>$divharga</div>

$tombol </div>

<div

class='product_title_big'>$r[nama_produk]</div>

<div class='deskripsi'>$r[deskripsi]</div>

</div>";

}

// Modul produk per kategori

elseif ($_GET[module]=='detailkategori'){

// Tampilkan nama kategori

$sq = mysql_query("SELECT nama_kategori from kategori where id_kategori='$_GET[id]'");

$n = mysql_fetch_array($sq);

echo "<div class='center_title_bar'>Kategori:

$n[nama_kategori]</div>";

// Tampilkan daftar produk yang sesuai dengan kategori yang dipilih

$sql = mysql_query("SELECT * FROM produk WHERE id_kategori='$_GET[id]'

ORDER BY id_produk DESC LIMIT 9");

$jumlah = mysql_num_rows($sql);

// Apabila ditemukan produk dalam kategori if ($jumlah > 0){

while ($r=mysql_fetch_array($sql)){

include "diskon_stok.php";

echo " <div class='product-info'>

echo "<p align=center>Belum ada produk pada kategori ini.</p>";

} }

// Modul profil

elseif ($_GET[module]=='profilkami'){

// Data profil mengacu pada id_modul=43

$profil = mysql_query("SELECT * FROM modul WHERE id_modul='1'");

</div>

// Modul cara pembelian

elseif ($_GET[module]=='carabeli'){

// Data cara pembelian mengacu pada id_modul=45

$profil = mysql_query("SELECT * FROM modul WHERE id_modul='2'");

// Modul keranjang belanja

elseif ($_GET[module]=='keranjangbelanja'){

// Tampilkan produk-produk yang telah dimasukkan ke keranjang belanja

$sid = $_SESSION[email];

$sql = mysql_query("SELECT * FROM orders_temp, produk

WHERE id_session='$sid' AND orders_temp.id_produk=produk.id_produk");

$ketemu=mysql_num_rows($sql);

if($ketemu < 1){

echo "<script>window.alert('Keranjang Belanjanya Masih Kosong');

window.location=('index.php')</script>";

} else{

echo "<div class='center_title_bar'>Keranjang Belanja</div>

$hargadisc =

number_format(($r[harga]-$disc),0,",",".");

$subtotal = ($r[harga]-$disc) * $r[jumlah];

$total = $total + $subtotal;

$subtotal_rp = format_rupiah($subtotal);

$total_rp = format_rupiah($total);

$harga = format_rupiah($r[harga]);

echo "<tr style='color:#000;border: 1px solid

#ECECEC'><td>$no</td><input type=hidden name=id[$no]

value=$r[id_orders_temp]>

<td>$r[nama_produk]</td>

<td align=center>$r[berat]</td>

<td><select name='jml[$no]'

value=$r[jumlah] onChange='this.form.submit()'>";

for ($j=1;$j <= $r[stok];$j++){

if($j == $r[jumlah]){

echo "<option selected>$j</option>";

}else{

echo "<option>$j</option>";

} }

echo "</select></td>

<td>$hargadisc</td>

<td>$subtotal_rp</td>

<td align=center><a

href='aksi.php?module=keranjang&act=hapus&id=$r[id_orders _temp]'>

</tr>";

$no++;

}

echo "<tr style='color:#000'><td colspan=6

align=right><br><b>Total</b>:</td><td colspan=2><br>Rp.

<b>$total_rp</b></td></tr>

<tr><td colspan=3><br /><a

termasuk ongkos kirim yang akan dihitung saat <b>Selesai Belanja</b>.</div>

// Modul hasil pencarian produk

elseif ($_GET['module']=='hasilcari'){

// menghilangkan spasi di kiri dan kanannya $kata = trim($_POST['kata']);

// mencegah XSS

$kata = htmlentities(htmlspecialchars($kata), ENT_QUOTES);

// pisahkan kata per kalimat lalu hitung jumlah kata $pisah_kata = explode(" ",$kata);

$jml_katakan = (integer)count($pisah_kata);

$jml_kata = $jml_katakan-1;

$cari = "SELECT * FROM produk WHERE " ; for ($i=0; $i<=$jml_kata; $i++){

$cari .= "deskripsi LIKE '%$pisah_kata[$i]%' OR nama_produk LIKE '%$pisah_kata[$i]%'";

if ($i < $jml_kata ){

$cari .= " OR ";

} }

$cari .= " ORDER BY id_produk DESC LIMIT 7";

$hasil = mysql_query($cari);

$ketemu = mysql_num_rows($hasil);

echo "<div class='center_title_bar'>Hasil Pencarian</div>";

if ($ketemu > 0){

echo "<div class='prod_details_cari'>Ditemukan

<b>$ketemu</b> produk dengan kata <font

style='background-color:#00FFFF'><b>$kata</b></font> :

</div>";

while($t=mysql_fetch_array($hasil)){

// Tampilkan hanya sebagian isi produk

potong per spasi kalimat

echo "<div class='prod_box_big'>

</div>

echo "<p>Tidak ditemukan produk dengan kata

<b>$kata</b></p>";

} }

// Modul hubungi kami(Hardware Repair) elseif ($_GET[module]=='pemesanan'){

echo "<div class='login-box'>

<h2>Hubungi Kami Secara Online</h2>

Silahkan anda mengirim pesan ke kami jika anda ingin bertanya seputar produk maupun mengkonfirmasi

pesanan anda

<div class='product_title_big'>Kirim Pesan Anda Sekarang Disini,Kami Akan Segera Merespon Pesan Anda:</div>

</div>

</div>";

if (empty($_SESSION[username]) AND empty($_SESSION[password])) {

echo "<div id='info'>Silahkan anda login terlebih dahulu, untuk mendapatkan layanan ini</div>";

}

else {

$sql=mysql_query("SELECT * FROM kustomer WHERE email='$_SESSION[email]'");

$r=mysql_fetch_array($sql);

echo "<div class='login-box'>

<table width=100% style='border: 1pt dashed

#0000CC;padding: 10px;'>

<form action=media.php?module=hubungiaksi method=POST><input type=hidden name='id'

value='$r[id_kustomer]'>

<tr><td>Nomor Urut</td><td> :

$r[id_kustomer]</td></tr>

<tr><td>Nama</td><td> : $r[nama_lengkap]

</td></tr>

<tr><td>Nomor Rekening</td><td> :

$r[telpon]</td></tr>

<tr><td>Alamat Anda</td><td> :

$r[alamat]</td></tr>

<br/><b>Silahkan Mengirim Pesan Dibawah Ini</b><br>

Tolong Jangan Spam Kata-Kata : <br/>

<tr><td valign=top>Pesan</td><td> <textarea name='pesan' style='width: 390px; height:

160px;'></textarea><br/>

<tr><td> </td><td>(masukkan 6 kode di atas)<br /><input type=text name='kode' size=6 maxlength=6><br /></td></tr>

</td><td colspan=2><input type=submit name=submit

// Modul hubungi aksi

elseif ($_GET[module]=='hubungiaksi'){

echo "Anda belum mengisikan SUBJEK<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>";

}

elseif (empty($pesan)){

echo "Anda belum mengisikan PESAN<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>";

} else{

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){

mysql_query("INSERT INTO hubungi(id_kustomer, subjek,

pesan,

kami.<br /><br /> Kami akan segera Merespon Pesan Anda.

</div>

echo "Kode yang Anda masukkan tidak cocok<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";

} }else{

echo "Anda belum memasukkan kode<br />

<a href=javascript:history.go(-1)><b>Ulangi

$sql = "SELECT * FROM kustomer WHERE email='$email' AND password='$password'";

$hasil = mysql_query($sql);

$r = mysql_fetch_array($hasil);

if(mysql_num_rows($hasil) == 0){

echo "Email atau Password Anda tidak benar<br />";

echo "<script> alert('Silahkan Berbelanja Di Toko Kami');window.location='index.php'</script>\n";

<h2>Form Login</h2>

<form name=form2

action=media.php?module=login&act=aksilogin method=POST onSubmit=\"return validasi2(this)\">

<table>

<tr><td>Email</td><td> <input type=text name=email size=30></td></tr>

<tr><td>Password</td><td> <input type=password name=password size=30></td></tr>

<tr><td><input type='submit' class='button' value='Login' id='submit'></td><td align=right><a

$sql=mysql_query("SELECT * FROM kustomer WHERE email='$_SESSION[email]'");

<tr><td>Nama Lengkap</td><td> $p[nama_lengkap]

</td></tr>

<tr><td>Alamat Pengiriman</td><td>

$p[alamat]</textarea></td></tr>

<tr><td>Nomor Rekening</td><td>

$p[rekening]</td></tr>

<tr><td>Email</td><td> $p[email]</td></tr>

<tr><td colspan=2><a

href='media.php?module=editProfilKustomer'><img

src='template/images/click-right.png' align='top'>Edit

mysql_query("UPDATE kustomer SET nama_lengkap='$_POST[nama]', echo "<div id='info'>Anda Berhasil Mengedit Profil Anda <a

href='media.php?module=profilKustomer'>Lihat Disini</a></div>";

}

$sql=mysql_query("SELECT * FROM kustomer WHERE email='$_SESSION[email]'");

$e=mysql_fetch_array($sql);

echo "

<h2>Form Edit Your Profil</h2>

<form name=form

action=media.php?module=editProfilKustomer&aksi=edit method=POST onSubmit=\"return validasi(this)\">

<tr><td>Nama Lengkap</td><td> <input type=text name=nama size=30 value='$e[nama_lengkap]'></td></tr>

<tr><td>Alamat Pengiriman</td><td> <textarea name='alamat'>$e[alamat]</textarea>

<br /> Alamat pengiriman harus di isi lengkap, termasuk kota/kabupaten dan kode posnya.</td></tr>

<tr><td>Nomor Rekening</td><td> <input type=text name=rekening value='$e[rekening]'></td></tr>

<tr><td valign=top>Kota Tujuan</td><td>

<option value=0 selected>- Pilih Kota -</option>";

$tampil=mysql_query("SELECT * FROM kota ORDER BY nama_kota");

while($r=mysql_fetch_array($tampil)){

echo "<option

value=$r[id_kota]>$r[nama_kota]</option>";

}

echo "</select> <br /><br />*) Apabila tidak terdapat nama kota tujuan Anda, pilih <b>Lainnya</b>

<br />**) Ongkos kirim dihitung berdasarkan kota tujuan</td></tr>

</table>

$password=md5($_POST[password]);

echo "<div id='info'>";

// Cek email kustomer di database

$cek_email=mysql_num_rows(mysql_query("SELECT email FROM kustomer WHERE email='$_POST[email]'"));

// Kalau email sudah ada yang pakai if ($cek_email > 0){

echo "Email <b>$_POST[email]</b> sudah ada yang pakai.<br />";

}

elseif (empty($_POST[nama]) || empty($_POST[password]) ||

empty($_POST[alamat]) || empty($_POST[rekening]) ||

empty($_POST[email]) || empty($_POST[kota]) ||

empty($_POST[kode])){

echo "Data yang Anda isikan belum lengkap<br />";

}

elseif (!ereg("[a-z|A-Z]","$_POST[nama]")){

echo "Nama tidak boleh diisi dengan angka atau simbol.<br />";

}

elseif (strlen($kar1)==0 OR strlen($kar2)==0){

echo "Alamat email Anda tidak valid, mungkin kurang tanda titik (.) atau tanda @.<br />";

} else{

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){

// simpan data kustomer

mysql_query("INSERT INTO kustomer(nama_lengkap, password, alamat, telpon, email, id_kota)

VALUES('$_POST[nama]','$password','$_POST[alamat]','$_POS T[rekening]','$_POST[email]','$_POST[kota]')");

echo "<b>Anda berhasil Melakukan Registrasi</b><br/>

Silahkan anda login <a href='media.php?module=login'>disini</a>";

}else{

echo "Kode yang Anda masukkan tidak cocok<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";

}

}else{

echo "Anda belum memasukkan kode<br />

<a href=javascript:history.go(-1)><b>Ulangi

Dalam dokumen PERANCANGAN APLIKASI PENJUALAN ELEKTRONIK ONLINE 24JAM.COM BERBASIS WEB LAPORAN TUGAS AKHIR PUTRI HANDAYANI (Halaman 53-100)