Sistem Informasi Penjualan Alat Musik Online Toko Istana Musik Medan Berbasis Web

(1)

REGISTER

<html>

<head>

<title>Admin</title>

// $(document).ready(function(){

// $("#login").click(function(){

// var action = $("#lg-form").attr('action');

// var form_data = {

// username: $("#username").val(),

// password: $("#password").val(),

// is_ajax: 1

// };

// $.ajax({

// type: "POST",

// url: action,

// data: form_data,

// success: function(response)

(2)

// if(response == "success")

// $("#lg-form").slideUp('slow', function(){

// $("#message").html('<p class="success">You have logged in successfully!</p><p>Redirecting....</p>');

// });

// else

// $("#message").html('<p class="error">ERROR: Invalid username and/or password.</p>');

// }

// });

// return false;

// });

</script>

</head>

<body>

<div>

</div>

<div>

(3)

</div>

<div>

<label for="password">Password:</label>

</div>

<div>

</div>

<div>

<button type="submit" id="login">Create</button>

</div>

</form>

</div>

</body>

</html>

INDEX

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(4)

<head>

<title>Istana Musik</title>

.text {

font-size: 15px;

color: #FF0;

}

.pilihan {

font-size: 15px;

color: #FF0;

}

.title-judul {

float: left;

margin: 0px 0px 0px 280px;

}

</style>

</head>

(5)

</div>

<marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee>

<marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p>

</marquee>

</div>

<ul>

<li><a href="register.php">REGISTER</a></li>

<li><a href="index.php">BERANDA</a></li>

<li><a href="profil.php">PROFIL</a>

<ul>

<li><a href="gitar.php">GITAR</a></li>

<li><a href="keyboard.php">KEYBOARD</a></li>

<li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li>

</ul>

</li>

<li><a href="keranjang.php">KERANJANG</a></li>

<li><a href="kontak.php">KONTAK</a></li>

(6)

</div>

<h2 class="title"><blink>Selamat datang di Istana Musik</blink></h2>

</div>

<p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya, seperti :</p>

<ol class="pilihan">Gitar Elektrik</ol>

<ol class="pilihan">Gitar Akustik</ol>

<ol class="pilihan">Keyboard</ol>

<ol class="pilihan">Bass Elektrik</ol>

<ol class="pilihan">Microphone</ol>

<ol class="pilihan">Berbagai jenis efect gitar maupun bass, dan</ol>

(7)

</ul>

</div>

<h2 class="title"><blink>Produk Baru Kami</blink></h2>

<marquee><p><img src="gambar/efect.jpg" width="220" height="200" />   <img src="gambar/Cort.JPG" width="220" height="200" />   <img src="gambar/speakerr.jpg" width="220" height="200" />   <img src="gambar/tmb2827-1350714325.png"

width="220" height="200" /></p></marquee>

</center></p>

</div>

</body>

</html>

PROFIL

<head>

(8)

.text {

font-size: 15px;

color: #FF0;

}

.pilihan {

font-size: 15px;

color: #FF0;

}

.title-judul {

float: left;

}

</style>

</head>

<body>

(9)

</div>

</marquee>

</div>

<ul>

</ul>

</li>

</ul>

</div>

(10)

<h2 class="title"><blink>Profil Istana Musik</blink></h2>

</div>

<p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Alat musik merupakan suatu instrumen yang dibuat atau dimodifikasi untuk tujuan menghasilkan musik. Pada prinsipnya, segala sesuatu yang memproduksi suara, dan dengan cara tertentu bisa diatur oleh musisi, dapat disebut sebagai alat musik. Walaupun demikian, istilah ini umumnya diperuntukkan bagi alat yang khusus ditujukan untuk musik. Bidang ilmu yang mempelajari alat musik disebut organologi. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya, seperti :</p>

<ul>

<ol class="pilihan">Gitar Elektrik</ol>

<ol class="pilihan">Gitar Akustik</ol>

<ol class="pilihan">Keyboard</ol>

<ol class="pilihan">Bass Elektrik</ol>

<ol class="pilihan">Microphone</ol>

<ol class="pilihan">Berbagai jenis efect gitar maupun bass, dan</ol>

<ol>

<p class="text">Sound System </p>

(11)

<p class="text"><strong><em>Alat musik berdasarkan sumber bunyinya</em></strong><em> :</em></p>

<ul>

<ol class="pilihan">Idiofon, adalah alat musik yang sumber bunyinya berasal dari bahan dasarnya. Contoh: kolintang,drum, bongo, kabasa, angklung</ol>

</ul>

<ul>

<ol class="pilihan">Aerofon, adalah alat musik yang sumber bunyinya berasal dari hembusan udara pada rongga. Contoh: suling, terompet, harmonika, trombone,</ol>

</ul>

<ul>

<ol class="pilihan">Kordofone alat musik yang sumber bunyinya berasal dari dawai. Contoh: bass, gitar, biola, piano, kecapi.</ol>

</ul>

<ul>

<ol class="pilihan">Membranofone, adalah alat musik yang sumber bunyinya dari selaput atau membran. contoh : tifa, drum, kendang, tam-tam, rebana.</ol>

</ul>

<ul>

<ol class="pilihan">Elektrofon, adalah alat musik yang sumber bunyinya dibangkitkan oleh tenaga listrik (elektronik). Contoh : kibor, gitar listrik, bass listrik.</ol>

</ul>

<p class="text"><strong><em>Alat musik berdasarkan cara memainkan</em></strong><em> :</em></p>

<ul>

<ol class="pilihan">Alat musik tiup menghasilkan suara sewaktu suatu kolom udara didalamnya digetarkan. Tinggi rendah nada ditentukan oleh frekwensi gelombang yang dihasilkan terkait dengan panjang kolom udara dan bentuk instrumen, sedangkan timbre dipengaruhi oleh bahan dasar, konstruksi instrumen dan cara menghasilkannya. Contoh alat musik ini adalah terompet dan suling.</ol>

(12)

<ul>

<ol class="pilihan">Alat musik pukul menghasilkan suara sewaktu dipukul atau ditabuh. Alat musik pukul dibagi menjadi dua yakni bernada dan tidak bernada. Bentuk dan bahan bagian-bagian

instrumen serta bentuk rongga getar, jika ada, akan menentukan suara yang dihasilkan instrumen. Contohnya adalah kolintang (bernada), drum (tak bernada), dan bongo (tak bernada).</ol>

</ul>

<ul>

<ol class="pilihan">Alat musik petik menghasilkan suara ketika senar digetarkan melalui dipetik. Tinggi rendah nada dihasilkan dari panjang pendeknya dawai.</ol>

</ul>

<ul>

<ol class="pilihan">Alat musik gesek menghasilkan suara ketika dawai digesek. Seperti alat musik petik, tinggi rendah nada tergantung panjang dan pendek dawai.</ol>

</ul>

</div>

<h3>Tinggalkan Komentar Anda : </h3></td>

Nama:<br><input name="nama" size=35 placeholder="Nama" type="text"><br>

Email :<br><input name="email" size=35 placeholder="E-Mail" type="text"><br>

Website :<br><input name="website" size=35 placeholder="Website" type="text"><br>

Komentar :<br><textarea name="komentar" rows="6" cols="50"></textarea><br>

(13)

<?php include("publiscomment.php"); getcomment("1"); ?></div>

</div>

</center></p>

</div>

</body>

</html>

GITAR

<html>

<head>

</head>

(14)

.bungkus {

float: left;

width: 650px;

background: brown;

}

.barang {

float: left;

width: 200px;

height: 360px;

background: yellow;

}

.img-barang {

float: left;

width: 170px;

height: 250px;

margin: 5px;

}

.nama, .harga {

float: left;

width: 100%;

font-family: calibri;

(15)

color: black;

}

.pembayaran {

float: left;

width: 30px;

height: 30px;

}

.title-judul {

float: left;

}

</style>

</head>

<body>

</div>

(16)

</div>

<ul>

</ul>

</li>

</ul>

</div>

(17)

<?php

error_reporting(0);

include"koneksi.php";

$sql = mysql_query("select * from barang where id_barang like 'GTR%'");

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

echo"<div class='barang'>

<span class='nama'>$data[nama_barang] </span><br>

<span class='harga'>Rp. $data[harga]</span>

</div>";

$no++;

}

?>

</div>

</body>

</html>

(18)

<html>

<head>

</head>

.bungkus {

float: left;

width: 650px;

background: brown;

}

.barang {

float: left;

width: 200px;

height: 380px;

background: yellow;

}

.img-barang {

float: left;

width: 190px;

height: 270px;

(19)

}

.nama, .harga {

float: left;

width: 100%;

font-size: 1em;

color: black;

}

.pembayaran {

float: left;

width: 30px;

height: 30px;

}

.title-judul {

float: left;

}

</style>

</head>

<body>

(20)

</div>

</marquee>

</div>

<ul>

</ul>

</li>

</ul>

</div>

(21)

<h2 class="entry"><center>HAPPY SHOPPING!!</center></h2>

<?php

error_reporting(0);

$sql = mysql_query("select * from barang where id_barang like 'BASS%'");

</div>";

$no++;

}

?>

</div>

(22)

</html>

DRUM

<html>

<head>

</head>

.bungkus {

float: left;

width: 720px;

background: brown;

}

.barang {

float: left;

width: 220px;

height: 340px;

background: yellow;

(23)

.img-barang {

float: left;

width: 190px;

height: 210px;

margin: 5px;

}

.nama, .harga {

float: left;

width: 100%;

font-size: 1em;

color: black;

}

.pembayaran {

float: left;

width: 30px;

height: 30px;

}

.title-judul {

float: left;

(24)

</style>

</head>

<body>

</div>

</marquee>

</div>

<ul>

(25)

</ul>

</li>

</ul>

</div>

<?php

error_reporting(0);

$sql = mysql_query("select * from barang where id_barang like 'DRM%'");

(26)

</div>";

$no++;

}

?>

</div>

</body>

</html>

KEYBOARD

<html>

<head>

</head>

.bungkus {

float: left;

width: 850px;

background: brown;

(27)

.barang {

float: left;

width: 270px;

height: 290px;

background: yellow;

}

.img-barang {

float: left;

width: 240px;

height: 170px;

margin: 5px;

}

.nama, .harga {

float: left;

width: 100%;

font-size: 1em;

color: black;

}

.pembayaran {

float: left;

width: 30px;

(28)

}

.title-judul {

float: left;

}

</style>

</head>

<body>

</div>

</marquee>

</div>

<ul>

(29)

<ul>

</ul>

</li>

</ul>

</div>

<?php

error_reporting(0);

(30)

$sql = mysql_query("select * from barang where id_barang like 'KEY%'");

</div>";

$no++;

}

?>

</div>

</body>

</html>

AKSESSORIS

<html>

<head>

</head>

(31)

.bungkus {

float: left;

width: 800px;

background: brown;

}

.barang {

float: left;

width: 240px;

height: 320px;

background: yellow;

}

.img-barang {

float: left;

width: 220px;

height: 210px;

margin: 5px;

}

.nama, .harga {

float: left;

width: 100%;

font-size: 1em;

(32)

}

.pembayaran {

float: left;

width: 30px;

height: 30px;

}

.title-judul {

float: left;

}

</style>

</head>

<body>

</div>

(33)

</div>

<ul>

</ul>

</li>

</ul>

</div>

(34)

<?php

error_reporting(0);

$sql = mysql_query("select * from barang where id_barang like 'ACC%'");

</div>";

$no++;

}

?>

</div>

</body>

</html>

(35)

<head>

#post {

float: left;

width: 800px;

background: white;

margin: -240px 10px 10px 0px;

padding-bottom: 50px;

}

.judul-nama-barang {

float: left;

width: 780px;

border-bottom: 1px solid #dedede;

(36)

.nama-barang {

float: left;

margin-left: 20px;

font-size: 1.1em;

color: black;

}

.img-detail {

float: left;

width: 120px;

height: 120px;

}

.harga {

float: left;

margin-top: 20px;

}

.jumlah {

float: left;

margin:20px 0px 0px 30px;

}

(37)

float: left;

width: 200px;

height: 30px;

}

</style>

</head>

<body>

</div>

<marquee><h1>Istana Musik</h1></marquee>

</div>

<ul>

(38)

</li>

<li><a href="pemesanan.php">PEMESANAN</a></li>

</ul>

</div>

<?php

session_start();

error_reporting(0);

$idBarang = $_GET[idBarang];

$sql = mysql_query("select * from barang where id_barang = '$idBarang'");

$data = mysql_fetch_array($sql);

echo"

<span class='nama-barang'>$data[nama_barang]</span>

</div>

(39)

<select name='jlh'>";

$no = 1;

while($no<=10){

echo"

";

$no++;

}

echo"</select>

</span>

</form>";

?>

</div>

</body>

(40)

KERANJANG

<head>

#post {

float: left;

width: 800px;

background: white;

}

(41)

float: left;

width: 40px;

height: 40px;

margin: 10px;

}

.title-keranjang {

float: left;

}

.keranjang {

float: left;

width: 785px;

}

.judul-tabel {

float: left;

width: 780px;

height: 30px;

}

(42)

float: right;

color: black;

font-size: 0.9em;

}

.kuantitas {

float: right;

color: black;

font-size: 0.9em;

}

.isi-belanja {

float: left;

width: 780px;

height: 100px;

}

.img-barang-beli {

float: left;

width: 100px;

(43)

}

.nama-barang {

float: left;

font-size: 1em;

width: 350px;

}

.harga-barang {

float: left;

font-size: 0.9em;

width: 150px;

}

.jumlah-barang {

float: left;

font-size: 0.9em;

width: 50px;

}

(44)

float: left;

width: 780px;

border-top: 2px solid #dedede;

}

.total {

float: right;

margin: 5px -115px 50px 0px;

font-size: 1.1em;

color: black;

font-weight: bold;

}

.total-barang {

float: right;

margin: 5px -10px 0px 0px;

font-size: 1.1em;

color: black;

font-weight: bold;

}

.button-bayar {

float: right;

(45)

width: 180px;

height: 30px;

}

.img-hapus {

float: left;

height: 30px;

width: 30px;

}

.Berhasil {

float: left;

margin: 20px;

color: black;

}

</style>

</head>

<body>

</div>

(46)

<ul>

</ul>

</li>

<li><a href="pemesanan.php">PEMESANAN</a></li>

</ul>

</div>

<?php

error_reporting(0);

session_start();

$pelanggan = $_SESSION["pelanggan"];

$date = gmdate("d-m-Y", time()+60*60*7);

(47)

switch ($_GET[transaksi]) {

case 'berhasil':

echo"<span class='Berhasil'>Terima kasih telah berbelanja di toko kami. Barang yang anda pesan akan dikirim ke alamat tujuan setelah anda melakukan pembayaran.</span>";

break;

default:

echo"

<span class='title-keranjang'>Keranjang Belanja</span>

</div>

<span class='kuantitas'>Kuantitas</span>

<span class='harga'>Harga</span>

</div>

";

$idBarang = $_GET[idBarang];

$sql = mysql_query("select keranjang.id_keranjang,

keranjang.id_pembeli,keranjang.nama_barang, keranjang.harga, keranjang.jumlah, barang.id_barang, barang.gambar from keranjang, barang where keranjang.id_barang = barang.id_barang and keranjang.id_pembeli = '$pelanggan' and keranjang.tanggal = '$date' ");

(48)

$jumlah_barang = 0;

echo"<div class='isi-belanja'>

<span class='nama-barang'>$pelanggan</span>

<span class='harga-barang'>$data[harga]</span>

<span class='jumlah-barang'>$data[jumlah]</span>

<span class='hapus'><a

href='hapus_barang.php?idKeranjang=$data[id_keranjang]&idBarang=$data[id_barang]'><img src='gambar/hapus-barang.png' class='img-hapus'></a></span>

</div>";

$harga_barang = $harga_barang + $data[harga];

$jumlah_barang = $jumlah_barang + $data[jumlah];

}

echo"<form action='pembayaran.php?jlhBarang=$jumlah_barang&tagihan=$harga_barang' method='post'>";

echo"<div class='total-harga'>

<span class='total-barang'> Total Barang : $jumlah_barang </span></br>

<span class='total'> Total Harga : $harga_barang </span>";

echo"</div>";

break;

}

(49)

</div>

</body>

</html>

KONEKSI

<?php

mysql_connect("localhost","root","");

mysql_select_db("musik");

?>

PEMBAYARAN

<head>

(50)

#post {

float: left;

width: 800px;

background: white;

}

.title-table {

float: left;

font-size: 1em;

color: black;

}

#form {

float: left;

}

.tilepembayaran {

float: left;

(51)

color: black;

}

.input-table {

float: left;

width: 200px;

height: 23px;

padding: 0px 5px 0px 5px;

}

.txtalamat {

float: left;

width: 200px;

height: 100px;

resize: none;

padding: 0px 5px 0px 5px;

}

.tagihan, .bank {

float: left;

(52)

color: black;

}

.button-submit {

float: right;

width: 80px;

height: 30px;

}

.konfirmasi {

float: left;

width: 100%;

}

</style>

</head>

<body>

</div>

(53)

<ul>

</ul>

</li>

</ul>

</div>

<span class="tilepembayaran">Pembayaran</span>

<?php

session_start();

error_reporting(0);

$totalHarga = $_GET['tagihan'];

(54)

if($_GET[konfirmasi]=="gagal"){

echo"<span class='konfirmasi'>Transaksi gagal, karena form tidak boleh kosong</span>";

}

echo"<form action='proses_beli.php?totalBarang=$JumlahBarang&totalHarga=$totalHarga' method='post' id='form'>

<table>

<tr>

<td class='title-table'>Nama Lengkap</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td class='title-table'>Alamat</td>

</tr>

<tr>

<td class='title-table'>No Handphone</td>

(55)

</tr>

<tr>

<td class='title-table'>Total Item</td>

<td><span class='tagihan'> $JumlahBarang Buah</span></td>

</tr>

<tr>

<td class='title-table'>Tagihan</td>

<td><span class='tagihan'>Rp. $totalHarga,-</span></td>

</tr>

<tr>

<option value='-'>-Pilih-</option>

<option value='Mandiri'>Mandiri</option>

</select>

</td>

</tr>

<tr>

<td class='title-table'>No. rekening</td>

</tr>

<tr>

(56)

</tr>

<tr>

</tr>

</table>

</form>";

?>

</div>

</body>

</html>

KONTAK

<head>

(57)

.text {

font-size: 15px;

color: #FF0;

}

.title-judul {

float: left;

}

</style>

</head>

<body>

</div>

</marquee>

(58)

<ul>

</ul>

</li>

</ul>

</div>

(59)

<h2 align="center" class="title">Tentang Kami</h2>

<p class="text"><span class="thetitle">Hello!! Selamat datang di Istana musik </span><strong><br />

</strong></p>

<p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Alat musik merupakan suatu instrumen yang dibuat atau dimodifikasi untuk tujuan menghasilkan musik. Pada prinsipnya, segala sesuatu yang memproduksi suara, dan dengan cara tertentu bisa diatur oleh musisi, dapat disebut sebagai alat musik. Walaupun demikian, istilah ini umumnya diperuntukkan bagi alat yang khusus ditujukan untuk musik. Bidang ilmu yang mempelajari alat musik disebut organologi. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya.</p>

<p class="text">Salah satu rahasia kami selama ini adalah kami selalu mengutamakan kualitas dari produk kami dengan selalu melayani pelanggan dengan baik dan selalu memberikan yang terbaik untuk pelanggan.</p>

<p class="text">Kami berada di : </p>

<tbody>

<tr>

<td valign="top" class="text">Jl. Ahmad Yani No. 87 Medan </td>

</tr>

<tr>

<td valign="top" class="text"> Sumatera Utara </td>

</tr>

<tr>

<td valign="top" class="text"> Indonesia </td>

</tr>

</tbody>

(60)

<p class="text"><strong>Please contact us at:</strong></p>

</div>

</center></p>

</div>

</body>