Sistem Pemberitahuan dan Pembayaran Barang Konveksi Berbasis Mobile Website

(1)

LAMPIRAN

LISTING PROGRAM

1.konveksi/index.php

<!DOCTYPE html> <head>

background-image: url("img/img/backgrounds/1.jpg"); width: 100%;

height: 100%; }

</style>

<body>

(2)

<a class="navbar-brand" href="#" style="color:white"><span style="color:powderblue">KON</span>VEKSI</a>

</div>

<?php

session_start();

$username = $_SESSION['username']; echo $username;

if(empty($username)) {

header("location:login/"); }

?></a></li>

<li><a href="logout/proses-logout.php" style="color:white"><span><img src="img/exit.png"></span> Logout</a></li>

</ul> </div> </nav> </div> </div>

<h1 class="text-center"><span style="color:powderblue">HO</span>ME <span style="color:powderblue">KON</span>VEKSI</h1>

<p class="text-center">Selamat datang di website konveksi</p> <style type="text/css">

.title h1{

font-size: 60px; font-family: verdana; color: white;

}

(3)

.title p{

font-size: 15px;

font-family: Century Gothic; color: white;

}

</style> </div> <br> <br> <br> <br>

}

.text-center{

font-family: Century Gothic; font-size: 25px;

}

</style>

</div> </div>

(4)

<h3 class="text-center"><a href="menu/keranjang.php">Keranjang</a></h3> </div>

</div> </div>

<h3 class="text-center"><a

href="menu/pemberitahuan.php">Pemberitahuan</a></h3> </div>

</div> </div> </div> </div>

<!-- <div class="container-fluid"> <div class="row">

<li><a href="#" style="color:grey"><span><img

src="img/location.png"></span> Medan Denai</a></li>

<li><a href="http://www.facebook.com" style="color:grey"><span><img src="img/facebook.png"></span> Facebook</a></li>

<li><a href="http://www.instagram.com" style="color:grey"><span><img src="img/instagram.png"></span> Instagram</a></li>

<li><a href="http://www.twitter.com" style="color:grey"><span><img src="img/twitter.png"></span> Twitter</a></li>

</ul> </footer> </div>

(5)

</div> --> </body> </html>

2.

_{konveksi/registrasi/index.php}

<!DOCTYPE html> <html lang="en">

<head>

href="https://fonts.googleapis.com/css?family=Raleway:400,700"> <link rel="stylesheet" href="../css/bootstrap.min.css">

background-image: url("../img/img/backgrounds/1.jpg"); }

</style> </head> <body>

(6)

<div class="col-sm-8 col-sm-offset-2 text"> <h1 class="wow fadeInLeftBig"><span

style="color:powderblue">REGIS</span>TRASI</h1> <div class="description wow fadeInLeftBig"> <p>

Anda tidak dapat login sebelum anda melakukan registrasi diri anda! </p>

</div> </div> </div>

<h3 class="text-center">Registrasi Sekarang</h3> </div>

</div>

</div>

<label class="sr-only" for="r-form-1-email">Nomor Handphone</label>

(7)

</div>

<label class="sr-only" for="r-form-1-first-name">Username</label>

</div>

<label class="sr-only" for="r-form-1-email">Password</label>

</div>

<label class="sr-only" for="r-form-1-about-yourself">Alamat Lengkap</label> <textarea name="alamat" placeholder="Alamat Lengkap..."

class="r-form-1-about-yourself form-control" id="alamat"></textarea> </div>

<button type="submit" class="btn" style="color:black">Registrasi</button> </form>

<br>

<div class="text-center"> <style type="text/css"> .text-center{

color: white; }

</style>

<?php

(8)

if ($notif == "failed") { echo "Data Salah";

}

elseif ($notif == "empty_data") { echo "Isi Data Anda";

}

?> </div> </div> </div> </div>

</div> </div>

<!--[if lt IE 10]>

</body> </html>

(9)

3.konveksi/registrasi/proses-registrasi.php

<?php

include("../koneksi/koneksi.php");

$id_konsumen = str_shuffle("ID123"); $nama_konsumen = $_POST['nama_konsumen']; $alamat = $_POST['alamat'];

$nomor_hp = $_POST['nomor_hp']; $username = $_POST['username']; $password = $_POST['password'];

if (empty($nama_konsumen) OR empty($alamat) OR empty($nomor_hp) OR empty($username) OR empty($password)) {

header("location:index.php?notif=empty_data"); }

elseif(!empty($nama_konsumen) AND !empty($alamat) AND !empty($nomor_hp) AND !empty($username) AND !empty($password)){

if ($q = mysqli_query($m, "INSERT INTO konsumen VALUES('$id_konsumen', '$nama_konsumen', '$alamat', '$nomor_hp', '$username', '$password')")) { header("location:../login/?notif=success");

} }

?>

4.konveksi/pembayaran/index.php

(10)

href="../css/bootstrap-theme.min.css">

body {

</style> <body>

<a class="navbar-brand" href="../" style="color:white"><span style="color:powderblue">KON</span>VEKSI</a>

</div>

<?php

session_start(); error_reporting(0);

(11)

header("location:../login/"); }

?></a></li>

<li><a href="../logout/proses-logout.php" style="color:white"><span><img src="../img/exit.png"></span> Logout</a></li>

<h1 class="text-center"> <span

style="color:powderblue">PEMBA</span>YARAN</h1>

<p class="text-center">Lakukan Pembayaran Agar Pesanan Kamu Dapat Segera Kami Proses</p>

}

.title p{

font-size: 15px;

}

(12)

<div class="container">

<div class="title"><h3 style="color:white">Form Pembayaran</h3></div> <div class="hero-unit" style="color:white">Harap isi form dibawah ini dengan lengkap dan benar sesuai idenditas anda!</div><br>

<div class="hero-unit"><h4 style="color:powderblue">ID Transaksi Anda <?php echo $_GET['id_transaksi']; ?></h4></div>

<tr>

<option>-Pilih Bank-</option>

<option value="Mandiri">Mandiri</option> <option value="BNI">BNI</option>

<option value="Bank Jabar">Bank Jabar</option> <option value="Danamon">Danamon</option>

<option value="Permata">Permata</option> </select>

</td> </tr>

(13)

<tr>

<td><label style="color:white">No Rekening</label></td>

</tr> <tr>

<td><label style="color:white">Nama Rekening</label></td>

</tr> <tr>

<td><label style="color:white">Total Harga</label></td>

</tr> <tr>

<td><label style="color:white">Tanggal Pembayaran</label></td> <td><input name="tanggal_pembayaran" type="date" class="required" id="tanggal_pembayaran" size="45"></td>

</tr> <tr> <td></td>

<td><input type="submit" value="Bayar" class="btn sm

primary"/> <a href="../menu/keranjang.php" class="btn sm btn-primary">Kembali</a></td>

</tr> </table> </form> </div> </div> </div>

(14)

5.konveksi/pembayaran/konfirmasi.php

<!DOCTYPE html> <html>

<head>

<title>KONFIRMASI</title> </head>

body {

#judul{

font-size: 50px; }

</style> <body>

</div>

(15)

<?php

error_reporting(0); session_start();

?></a></li>

<h1 class="text-center" id="judul"> <span

style="color:powderblue">KONFIR</span>MASI</h1> <style type="text/css">

.title h1{

}

(16)

<?php

session_start();

$id_transaksi = $_SESSION['id'];

$notif=$_GET['notif'];

$q=mysqli_query($m,"SELECT * FROM PEMBAYARAN where id_transaksi='$id_transaksi'");

if ($notif=='success') {

if($q){

while($data=mysqli_fetch_array($q)){

echo "<h4><u>SELAMAT ANDA BERHASIL CHECKOUT</u></h4>"; echo "<br><br><p>Konfirmasi Pembayaran:";

echo "<br><br><b>ID Transaksi : ".$data['id_transaksi']."</b>"; echo "<br><b>Nomor Rekening : ".$data['no_rek']."</b>";

echo "<br><b>Nama Rekening : ".$data['nama_rek']."</b>";

echo "<br><b>Total Belanja : Rp. ".$data['total_harga'].",-</b>"; echo "<br><br><p>Silahkan Lakukan Pembayaran melalui:</p>";

echo "<b>Nama Bank : BRI";

echo "<br>Nomor Rekening : 123-234-56347-8"; echo "<br>Nama Rekening : Yudi Arisandi<p></b>";

(17)

echo "<br><br><h4 style=\"color:powderblue\">Lakukan Pembayaran Pada Tanggal: ".$data['tanggal_pembayaran']."</h4>";

} } } else{

while($data=mysqli_fetch_array($q)){

echo "<b><p>Id Transaksi : ".$data['id_transaksi']." Sudah Melakukan Konfirmasi Pembayaran";

} }

?>

</body> </html>

6.konveksi/pembayaran/proses-pembayaran.php

<?php

$id_transaksi = $_POST['id_transaksi']; session_start();

$_SESSION['id'] = $id_transaksi; $no_rek = $_POST['no_rek']; $nama_rek = $_POST['nama_rek'];

$tanggal_pembayaran = $_POST['tanggal_pembayaran']; $bank = $_POST['bank'];

(18)

$q = mysqli_query($m, "SELECT id_transaksi FROM pembayaran WHERE id_transaksi= '$id_transaksi'");

$no = mysqli_num_rows($q);

if ($no>=1){

header("location: konfirmasi.php?notif=double"); }

else{

$q = mysqli_query($m, "INSERT INTO pembayaran VALUES('$id_transaksi', '$no_rek', '$nama_rek', '$tanggal_pembayaran', '$bank', '$total_harga')");

if($q)

header('location: konfirmasi.php?notif=success');

else

echo mysqli_error($m); }

?>

7.konveksi/menu/akun.php

<head>

(19)

body {

</style> <body>

</div>

<?php

session_start();

?></a></li>

(20)

</div> </nav> </div> </div>

<h1 class="text-center"> <span style="color:powderblue">AK</span>UN</h1> <p class="text-center">Kamu dapat merubah biodata diri anda disini</p> <style type="text/css">

.title h1{

}

.title p{

font-size: 15px;

}

@media screen and (max-width: 640px){ table,td{

width: 360px; }

#btn-edit{

margin-top: 30px; margin-left: 150px; }

}

</style>

(21)

</div> <br> <br> <br> <br>

.tables{

color: white; margin: auto; }

.kanan{

margin-left: 25px; }

.kiri{

margin-right: 25px; }

table{

font-size: 9pt;

font-family: Century Gothic; }

button{

margin-left: 130px; border: none;

(22)

padding-bottom: 5px; padding-top: 5px;

background-color: white; border-radius: 2px; }

button:hover{

background-color: #337ab7;

transition: background-color .5s; }

a:hover{ color: white; }

</style> <?php

include ('../koneksi/koneksi.php'); $username = $_SESSION['username'];

$t = mysqli_query($m, "SELECT id_konsumen FROM konsumen WHERE username='$username'");

$data = mysqli_fetch_array($t); $id_konsumen = $data['id_konsumen'];

$query = mysqli_query($m,"SELECT * FROM konsumen WHERE id_konsumen = '$id_konsumen'");

while($data = mysqli_fetch_array($query)){ echo "

<td>

(23)

<td rowspan = 6><img src=\"../img/akun.png\" style=\"margin-right: 20px\"> <td>ID KONSUMEN</td>

<td>: ".$data['id_konsumen']."</td> </tr>

<tr>

<td>NAMA KONSUMEN</td>

<td>: ".$data['nama_konsumen']."</td> </tr>

<tr>

<td>NOMOR HANDPHONE</td>

<td>: ".$data['nomor_hp']."</td> </tr>

<tr>

<td>USERNAME</td>

<td>: ".$data['username']."</td> </tr>

<tr>

<td>PASSWORD</td>

<td>: ".$data['password']."</td> </tr>

</table> <tr>

<button id='btn-edit'><a

href=\"edit-akun.php?id=".$data['id_konsumen']."\">EDIT</a></button> </tr>

</td> </tr> "; } ?>

(24)

</div> </div> </body> </html>

8.konveksi/menu/batal.php

<?php

include "../koneksi/koneksi.php"; $id_transaksi = $_GET['id_transaksi'];

$query = mysqli_query($m,"DELETE FROM transaksi WHERE id_transaksi='$id_transaksi'");

if($query){

header("location: keranjang.php"); }

else

echo mysql_error(); ?>

9.konveksi/menu/delete-pemberitahuan.php

<?php

include "../koneksi/koneksi.php"; $tanggal= $_GET['id'];

$query = mysqli_query($m,"DELETE FROM pemberitahuan WHERE tanggal='$tanggal'");

if($query){

header("location: pemberitahuan.php");

(25)

} else

echo mysql_error(); ?>

10.konveksi/menu/edit-akun.php

<head>

body {

</style> <body>

(26)

</div>

<?php

session_start();

?></a></li>

<p class="text-center">Kamu dapat merubah biodata diri anda disini</p> <style type="text/css">

.title h1{

}

(27)

.title p{

font-size: 15px;

}

</style> </div> <br> <br> <br> <br>

<div class="container">

<?php

include ('../koneksi/koneksi.php'); $id_konsumen = $_GET['id'];

$query = mysqli_query($m,"SELECT * FROM konsumen WHERE id_konsumen = '$id_konsumen'");

while($row=mysqli_fetch_array($query)){ echo "

<tr>

(28)

<td><label style=\"color:white\">Nama Konsumen</label></td>

<td><input name=\"nama_konsumen\" type=\"text\" class=\"required\"

id=\"nama_konsumen\" size=\"45\" value=\"".$row['nama_konsumen']."\"/></td> </tr>

<tr>

<td><label style=\"color:white\">Nomor Handphone</label></td>

<tr>

<td><label style=\"color:white\">Username</label></td>

<tr>

<td><label style=\"color:white\">Password</label></td>

<tr>

<td><label style=\"color:white\">Alamat</label></td>

</tr> <td></td>

<td><input type=\"submit\" value=\"Edit Data\" class=\"btn sm primary\"/> <a href=\"akun.php\" class=\"btn sm

btn-primary\">Kembali</a></td> </tr>

</table> ";

}

(29)

?>

</form> </div> </div> </div>

</body> </html>

11.konveksi/menu/keranjang.php

<head>

<title>KERANJANG</title> </head>

body {

(30)

width: 400px;

#btn-batal{

margin-top: 10px; width: 140px; }

#btn-bayar{

margin-top: 10px; width: 140px; }

.container-fluid{ text-align: center; width: 1010px; font-size: 18px; }

#judul{

margin-left: 90%; }

#penjelasan{ width: 280%; }

.navbar-brand{ text-align: center; }

}

</style>

(31)

</div>

<?php

session_start();

?></a></li>

<h1 class="text-center" id="judul"> <span style="color:powderblue">KERAN</span>JANG</h1>

(32)

}

.title p{

}

</style> </div>

<table class="tables"> <style type="text/css"> .tables{

color: white; margin: auto; }

.kanan{

(33)

.kiri{

margin-right: 25px; }

table{

font-size: 9pt;

font-family: Century Gothic; }

table button{ border: none; font-weight: bold; padding-left: 50px; padding-right: 50px; padding-top: 5px; padding-bottom: 5px; background-color: white; border-radius: 2px; }

table button:hover{

background-color: #337ab7;

transition: background-color .5s; }

a:hover{ color: white; }

</style> <?php

include("../koneksi/koneksi.php"); $username = $_SESSION['username'];

(34)

$data = mysqli_fetch_array($t);

$id_konsumen = $data['id_konsumen'];

$q = mysqli_query($m, "SELECT * FROM TRANSAKSI WHERE id_konsumen = '$id_konsumen'");

$no = 1;

while($data=mysqli_fetch_array($q)){ if($no%2 == 0){

echo " <td>

<td rowspan = 7><img src=\"../img/cart.png\" style=\"margin-right: 20px\"> <td>ID TRANSAKSI</td>

<td>: ".$data['id_transaksi']."</td> </tr>

<tr>

<td>TOTAL HARGA</td>

<td>: ".$data['total_harga']."</td> </tr>

<tr>

<td>TANGGAL PEMESANAN</td>

<td>: ".$data['tanggal_pemesanan']."</td> </tr>

<tr>

<td>TANGGAL SAMPAI</td>

<td>: ".$data['tanggal_sampai']."</td> </tr>

<tr>

<td>STATUS</td>

<td>: ".$data['status']."</td> </tr>

<tr>

(35)

<td colspan=\"2\">";

if($data['status'] == 'Tunda')

echo "<button id='btn-bayar' style=\"color:black\"><a

href=\"../pembayaran/index.php?id_transaksi=".$data['id_transaksi']."\">BAY AR</a></button>

<button id='btn-batal' style=\"color:black\"><a

href=\"batal.php?id_transaksi=".$data['id_transaksi']."\">BATAL</a></button >";

echo "

</td> </tr> </table> </td> </tr> "; }

else{ echo " <tr> <td>

<td rowspan = 7><img src=\"../img/cart.png\" style=\"margin-right: 20px\"> <td>ID TRANSAKSI</td>

<td>: ".$data['id_transaksi']."</td> </tr>

<tr>

<td>TOTAL HARGA</td>

<td>: ".$data['total_harga']."</td> </tr>

<tr>

(36)

<td>: ".$data['tanggal_pemesanan']."</td> </tr>

<tr>

<td>TANGGAL SAMPAI</td>

<td>: ".$data['tanggal_sampai']."</td> </tr>

<tr>

<td>STATUS</td>

<td>: ".$data['status']."</td> </tr>

<tr>

<td colspan=\"2\">";

if($data['status'] == 'Tunda')

echo "<button id='btn-bayar' style=\"color:black\"><a

href=\"../pembayaran/index.php?id_transaksi=".$data['id_transaksi']."\">BAY AR</a></button>

<button id='btn-batal' style=\"color:black\"><a

href=\"batal.php?id_transaksi=".$data['id_transaksi']."\">BATAL</a></button >";

echo " </td> </tr> </table> </td> "; } $no++; } ?>

</table>

</body> </html>

(37)

12.konveksi/menu/pemberitahuan.php

<head>

<title>PEMBERITAHUAN</title> </head>

body {

@media screen and (max-width: 640px){ #judul{

font-size: 40px; }

}

</style> <body>

(38)

</div>

<?php

session_start();

?></a></li>

<h1 class="text-center" id="judul"> <span

style="color:powderblue">PEMBERI</span>TAHUAN</h1>

<p class="text-center">Kamu akan selalu kami ingatkan dengan pemberitahuan</p>

</div>

(39)

}

.title p{

font-size: 15px;

}

.center-text{ color: white;

font-family: Century Gothic;

} th{

text-align: center; }

table th{

border: 1px solid white; border-left: none;

border-right: none; }

table td{

(40)

border-right: none; }

</style>

<th>Tanggal</th> <th>Pesan</th> <th>Action</th> </tr>

<?php

include("../koneksi/koneksi.php"); $username = $_SESSION['username'];

$q = mysqli_query($m, "SELECT pesan, tanggal FROM pemberitahuan WHERE username='$username' ORDER BY tanggal desc");

while($data=mysqli_fetch_array($q)){ echo "

<tr>

<td style=\"width: 30%; text-align: center;\">".$data['tanggal']."</td> <td>".$data['pesan']."</td>

<td style=\"width: 10%; text-align: center;\"><a href=\"delete-pemberitahuan.php?id=".$data['tanggal']."\">delete</a></td> </tr>

";

}

(41)

?>

</table> </div>

</body> </html>

13.konveksi/menu/proses-edit-akun.php

<?php

$id_konsumen = $_POST['id_konsumen']; $nama_konsumen = $_POST['nama_konsumen']; $nomor_hp = $_POST['nomor_hp'];

$username = $_POST['username']; $password = $_POST['password']; $alamat = $_POST['alamat'];

$q = mysqli_query($m, 'UPDATE konsumen SET nama_konsumen ="'.$nama_konsumen.'", nomor_hp = "'.$nomor_hp.'", username

="'.$username.'", password ="'.$password.'", alamat ="'.$alamat.'" WHERE id_konsumen = "'.$id_konsumen.'"');

if ($q) {

header("location: ../logout/proses-logout.php"); }

else{

mysqli_error(); }

(42)

14.konveksi/logout/proses-logout.php

<?php

session_start(); session_destroy();

header("location:../");

?>

15.konveksi/login/index.php

<!DOCTYPE html> <html lang="en">

<head>

href="https://fonts.googleapis.com/css?family=Raleway:400,700"> <link rel="stylesheet" href="../css/bootstrap.min.css">

(43)

</style>

</head>

<body>

<div class="top-content"> <div class="container">

<div class="col-sm-8 col-sm-offset-2 text"> <h1 class="wow fadeInLeftBig"><span

style="color:powderblue">KON</span>VEKSI</h1> <div class="description wow fadeInLeftBig"> <p>

Selamat datang di wesbite konveksi! </p>

</div> </div> </div>

<h3 class="text-center">Login sekarang</h3> </div>

</div>

(44)

<label class="sr-only" for="r-form-1-username">Username</label>

</div>

<label class="sr-only" for="r-form-1-password">Password</label>

</div>

<button type="submit" class="btn" style="color:black">Login</button> </form>

<h5 class="text-center">Belum punya akun? <a href="../registrasi">Registrasi</a></h5>

<div class="text-center"> <style type="text/css"> .text-center{

color: white; }

</style> <?php

error_reporting(0);

$notif = $_GET['notif'];

if ($notif == "invalid_data") { echo "Data Anda Salah";

}

elseif ($notif == "empty_data") { echo "Isi Data Anda";

}

elseif ($notif == "username_empty") { echo "Isi Username Anda";

(45)

}

elseif ($notif == "password_empty") { echo "Isi Password Anda";

}

elseif ($notif == "success") {

echo "Registrasi Sukses, Silahkan Login"; }

?> </div> </div> </div> </div>

</div> </div>

<!--[if lt IE 10]>

(46)

16.konveksi/login/proses-login.php

<?php

$username = $_POST['username']; $password = $_POST['password'];

$q = mysqli_query($m, "SELECT * FROM konsumen where username='$username' AND password='$password'");

$num = mysqli_num_rows($q);

if(!empty($username) AND !empty($password)){ if ($num==1) {

session_start();

$_SESSION['username'] = $username; header("location:../");

}

else

header("location:index.php?notif=invalid_data"); }

elseif (!empty($username) AND empty($password)) { header("location:index.php?notif=password_empty"); }

elseif (empty($username) AND !empty($password)) { header("location:index.php?notif=username_empty"); }

(47)

elseif (empty($username) AND empty($password)) { header("location:index.php?notif=empty_data"); }

?>

17.konveksi/koneksi/koneksi.php

<?php