Perancangan Sistem Pemasaran Usaha Percetakan CV.Era Baru Berbasis Internet Commerce

(1)

LISTING PROGRAM

Index.html

<!DOCTYPE html>

<title>Percetakan CV.Era Baru</title> <meta charset="utf-8">

<link

href='https://fonts.googleapis.com/css?family=Open+Sans:300,600|Ra leway:600,300|Josefin+Slab:400,700,600italic,600,400italic'

rel='stylesheet' type='text/css'>

/************************* *******pricing******

**************************/ #pricing {

padding-top:90px; background:#fff; padding-bottom:40px; clear: both;

}

#pricing .text-center p {

margin-bottom:50px; padding-bottom:20px; }

.pricing-area h2 { font-weight: 300; margin-top: 0;

margin-bottom: 15px; font-size:25px; color:#fff; }

.pricing-area span { font-weight: 700; font-size: 18px; color:#fff; }

.plan {

position: relative; margin-bottom: 70px; }

(2)

margin: 0; }

.pricing-area ul li { list-style: none; padding: 15px 0; font-size: 16px; font-weight: 400; }

.pricing-area ul li:nth-child(even){ background:#f5f5f5

}

.pricing-area .price-three img, .pricing-area .price-six img { position: absolute;

right: 15px; top: 0; }

.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three { padding:17px 0;

}

.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven, .pricing-area .heading-eight, .pricing-area .heading-nine, .pricing-area .heading-ten { margin-left: -10px;

border-radius:8px; }

.pricing-area .heading-one:hover, .pricing-area .heading-two:hover, .pricing-area .heading-three:hover, .pricing-area .heading-four:hover, .pricing-area .heading-five:hover, .pricing-area .heading-six:hover, .pricing-area .heading-seven:hover, .pricing-area .heading-eight:hover, .pricing-area .heading-nine:hover, .pricing-area .heading-ten:hover {

background-color:#111;

-webkit-transition: color 300ms, background-color 300ms;

-moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }

.pricing-area .heading-one,

.pricing-area .price-one .plan-action .btn-primary { background: #e24f43

}

.pricing-area .heading-two,

(3)

}

.pricing-area .heading-three,

.pricing-area .price-three .plan-action .btn-primary { background: #f39c12;

}

.pricing-area .heading-four,

.pricing-area .price-four .plan-action .btn-primary { background: #0BA9F9;

}

.pricing-area .heading-five,

.pricing-area .price-five .plan-action .btn-primary { background: #0BA9F9;

}

.pricing-area .heading-six,

.pricing-area .price-six .plan-action .btn-primary { background: #e24f43;

}

.pricing-area .heading-seven,

.pricing-area .price-seven .plan-action .btn-primary { background: #0BA9F9;

}

.pricing-area .heading-eight,

.pricing-area .price-one .plan-action .btn-primary { background: #e24f43

}

.pricing-area .heading-nine,

.pricing-area .price-two .plan-action .btn-primary { background:#27AE60;

}

.pricing-area .heading-ten,

.pricing-area .price-three .plan-action .btn-primary { background: #f39c12;

}

.pricing-area .bg{ background: #fafafa }

.pricing-area .heading-one h3:before {

border-color: #bf4539 transparent transparent; }

.pricing-area .heading-two h3:before {

border-color: #1f8c4d transparent transparent; }

.pricing-area .heading-three h3:before {

border-color: #d4880f transparent transparent; }

.pricing-area .heading-four h3:before {

border-color: #424242 transparent transparent; }

.pricing-area .heading-five h3:before {

.pricing-area .heading-six h3:before {

border-color: #bf4539 transparent transparent; }

.pricing-area .heading-seven h3:before {

.pricing-area h3:before {

(4)

border-radius: 5px 0 0 0px; border-style: solid;

border-width: 12px; content: "";

height: 0; left: 4px;

position: absolute; top: 78px;

width: 0; z-index: -999; }

.small-pricing h3:after { height:94px;

}

.small-pricing h3:before { top: 74px;

}

.plan-action { height: 40px; }

.pricing-area .plan-action .btn-primary { position: relative;

padding:5px 20px; color: #fff; margin-top: 5px; }

.pricing-area .plan-action .btn-primary:hover { border:none;

}

.pricing-area .price-two .plan-action .btn-primary:before, .pricing-area .price-two .plan-action .btn-primary:after { border-color: #1f8c4d transparent transparent;

}

.pricing-area .price-three .plan-action .btn-primary:before, .pricing-area .price-three .plan-action .btn-primary:after { border-color: #d4880f transparent transparent;

}

.pricing-area .price-four .plan-action .btn-primary:before, .pricing-area .price-four .plan-action .btn-primary:after, .pricing-area .price-five .plan-action .btn-primary:before, .pricing-area .price-five .plan-action .btn-primary:after, .pricing-area .price-seven .plan-action .btn-primary:before, .pricing-area .price-seven .plan-action .btn-primary:after { border-color: #0BA9F9 transparent transparent;

right: -9px; }

.pricing-area .price-six .plan-action .btn-primary:before, .pricing-area .price-six .plan-action .btn-primary:after { border-color: #bf4539 transparent transparent;

right: -9px; }

</style> </head> <body>

(5)

<li class="active"><a href="#banner">Beranda</a></li> <li><a href="#profil">Tentang Kami</a></li>

<li><a href="#service">Pelayanan</a></li> <li><a href="#produk">Produk</a></li>

<li><a href="#pricing">Daftar Harga</a></li> <li><a href="#pemesanan">Pembayaran</a></li> <li><a href="#contact">Hubungi Kami</a></li> </ul>

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

<h1 class="small">Selamat Datang <span class="bold"><br>PERCETAKAN CV.ERA BARU</span></h1>

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

<div class="cta-1"> <div class="container">

<font size="6">Melayani segala bentuk branding perusahaan mulai dari<br></font><br>

<font size="3">Buku, kalender, kop surat, brosur, flyer, spanduk, rapor, kartu nama, undangan dan semua hasil cetakan maupun produknya dengan harga murah terjangkau.<br>Kami didukung oleh tenaga kerja yang professional dan berpengalaman di bidangnya siap menangani kebutuhan percetakan Anda.</font><br>

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

(6)

<div class="page-title text-center"><br><br> <h1><b>TENTANG KAMI</b></h1>

<font size="3">Percetakan CV.Era Baru adalah layanan jasa Buku, kalender, kop surat, brosur, flyer, spanduk, rapor, kartu nama, undangan dan semua hasil cetakan maupun produknya di kota Medan, Sumatera Utara, Indonesia. Didirikan tahun 2006 di Medan. Dulu Percetakan CV.Era Baru tsb berada di Jl. Medan Area Selatan Gg. Usman No. 4-A dan sekarang sudah pindah di Jl. Medan Area Selatan No.92 Medan. Menawarkan harga branding yang terjangkau untuk kalangan masyarakat, terutama yang sudah terjun ke dunia bisnis atau wirausaha. Percetakan CV.Era Baru didukung tenaga desain berpengalaman yang ahli di bidang grafis yang berbeda-beda seperti desain undangan, desain brosur, dll.<br>Semoga kehadiran kami dapat membantu kebutuhan akan layanan jasa desain cepat dan profesional, sekaligus terus menjadi partner marketing usaha masyarakat Indonesia khususnya di Medan.<br>Amin...<br>Salam Sukses</font><br>

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

div class="page-title text-center"><br><br> <h1><b>PELAYANAN</b></h1>

<h3>WE DELIVER</h3>

<p>Kami membantu pengiriman hasil ke tujuan</p> </div>

</div> </div>

<h3>WE PRINT</h3>

<p>Kami mencetak dengan teknologi DIGITAL & OFFSET yang terbaru</p>

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

(7)

<h3>WE SERVE</h3>

<p>Kami melayani dengan cepat kepada pelanggan</p> </div>

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

<div class="page-title text-center"><br><br> <h1><b>PRODUK</b></h1>

<p>Ini adalah sebagian produk yang kami tampilkan.<br>Apabila anda menginginkan produk lain dari yang kami tampilkan silahkan hubungi ke kontak yang tertera. </p>

<a href="undangan.php" class="filter wrk-title btn btn-primary btn-lg" style="font-size: 20px;">Undangan</a>

<a href="kartunama.php" class="filter wrk-title btn btn-primary btn-lg" style="font-size: 20px;">Kartu Nama</a>

<a href="spanduk.php" class="filter wrk-title btn primary btn-lg" style="font-size: 20px;">Spanduk</a><br><br>

<a href="brosur.php" class="filter wrk-title btn primary btn-lg" style="font-size: 20px;">Brosur</a>

<a href="flyer.php" class="filter wrk-title btn primary btn-lg" style="font-size: 20px;">Flyer</a>

<a href="rapor.php" class="filter wrk-title btn primary btn-lg" style="font-size: 20px;">Rapor</a>

<a href="blanko.php" class="filter wrk-title btn primary btn-lg" style="font-size: 20px;">Blanko</a><br><br>

<a href="kopsurat.php" class="filter wrk-title btn btn-primary btn-lg" style="font-size: 20px;">Kop Surat</a>

<a href="kalender.php" class="filter wrk-title btn btn-primary btn-lg" style="font-size: 20px;">Kalender</a>

<div class="page-title text-center"> <h1 id=""><b>DAFTAR HARGA</b></h1>

(8)

<ul>

<li class="heading-one"> <h2>Undangan</h2> </li>

<li><b>Harga Soft-Cover</b></li> <li>500 pcs: Rp4.000/pcs</li> <li>1.000 pcs: Rp3.500/pcs</li>

<li>Lebih dari 1.000 pcs: Rp3.250/pcs</li><br>

<li><b>Harga Hard-Cover</b></li> <li>500 pcs: Rp4.000/pcs</li> <li>1.000 pcs: Rp3.500/pcs</li>

<li>Lebih dari 1.000 pcs: Rp3.250/pcs</li>

</ul>

</div><div class="col-sm-4 plan price-two wow fadeInDown" data-wow-offset="0" data-wow-delay="0.6s">

<ul>

<li class="heading-two"> <h2>Kartu Nama</h2> </li>

<li>Art Carton 260gr Rp 35.000</li> <li>Laminating Glossy Rp 65.000</li> <li>BW Import 250gr Rp 75.000</li><br>

<li>Art Carton 260gr Rp 65.000</li> <li>Laminating Glossy Rp 100.000</li> <li>BW Import 250gr Rp 105.000</li> <li class="plan-action">

</li> </ul> </div>

<ul>

</li>

<li><b>Kertas HVS 70 gsm</b></li>

<li>B5/A5 BW Rp 100

(perhalaman)</li>

<li>B5/A5 Warna Rp 200 (perhalaman)</li>

<li>A4 BW Rp 150

(perhalaman)</li>

<li>A4 Warna Rp 250

(perhalaman)</li><br>

(9)

<li>A4 BW Rp 200 (perhalaman)</li>

<li>A4 Warna Rp 300

(perhalaman)</li>

</ul> </div>

<li class="heading-four"> <h2>Kalender</h2> </li>

<li><b>1 Lembar</b></li>

<li><b>2 Lembar</b></li>

</li> </ul> </div>

<li class="heading-five"> <h2>Kop Surat</h2> </li>

<li><b>1 Warna</b></li>

<li>Rp 70.000,-/rim (min order 5 rim)</li>

<li>Kertas HVS 80 Gram, ukuran A4</li>

<li>Tambah warna Rp

25.000/warna</li><br>

<li><b>Full Color</b></li>

<li>Rp 190.000,-/rim (min order 5 rim)</li>

<li>Kertas HVS 80 Gram, ukuran A4</li> <li>Lama pengerjaan 1-2 hari</li> </li>

</ul> </div>

<li class="heading-six"> <h2>Brosur</h2> </li>

<li>Art paper 150gr(1 muka) A4 Rp 750.000</li>

<li>Art paper 150gr(bolakbalik) A4 Rp 1.000.000</li>

(10)

<li>HVS 100gr (bolakbalik) A4 Rp 900.000</li>

</ul> </div>

<li class="heading-seven"> <h2>Flyer</h2>

</li>

<li><b>Full Color 1 sisi</b></li> <li>Art/Matt Paper 120 gsm</li> <li>Order 5000 Rp 200,-/lembar</li> <li>Order 3000 Rp 260,-/lembar</li><br>

<li><b>Full Color 2 sisi</b></li> <li>Art/Matt Paper 150 gsm</li> <li>Order 5000 Rp 325,-/lembar</li> <li>Order 3000 Rp 400,-/lembar</li> <li class="plan-action">

</li> </ul> </div>

<ul>

<li class="heading-eight"> <h2>Spanduk</h2>

</li>

<li><b>Spanduk Kain TC_Cat Extender</b></li>

<li>Ukuran 7m x 1.15m</li>

<li>Harga/meter Rp 13.000 (min order 50 pcs)</li>

<li>Biaya Produksi Rp

104.650</li><br>

<li><b>Digital Printing (kualitas standart)</b></li>

<li>Ukuran 6m x 0.9m</li>

<li>Harga/meter Rp 18.000 (min order 2 pcs)</li>

<li>Biaya Produksi Rp 108.000</li> <li class="plan-action">

</li> </ul> </div>

<ul>

<li class="heading-nine"> <h2>Raport</h2>

</li>

<li>Bahan TPK/ASE Lokal, karton, paku kancing</li>

(11)

<li>Plastik PP 10 Kantong</li> <li>Harga Rp 24.000,-/pcs</li> <li><b>RPT-00B</b></li>

<li>Bahan TPK/ASE Lokal, karton</li> <li>Cover: Hot print tinta perak/emas (1 warna)</li>

<li>Plastik Mika Dop Tipis 10 Kantong</li>

<li>Harga Rp 25.750,-/pcs</li> <li class="plan-action">

</li> </ul> </div>

<ul>

<li class="heading-ten"> <h2>Blanko</h2> </li>

<li><b>Harga Soft-Cover</b></li> <li>500 pcs: Rp4.000/pcs</li> <li>1.000 pcs: Rp3.500/pcs</li>

<li>Lebih dari 1.000 pcs: Rp3.250/pcs</li><br>

<li><b>Harga Hard-Cover</b></li> <li>500 pcs: Rp4.000/pcs</li> <li>1.000 pcs: Rp3.500/pcs</li>

<li>Lebih dari 1.000 pcs: Rp3.250/pcs</li>

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

</div> </div>

</div>

<div class="text-center"><br> <h1><b>Formulir Pemesanan</b></h1>

<p>Isi formulir disini dengan menekan tombol <b>"Lanjutkan"</b> apabila Anda ingin memesan</p>

<a href="formpembelian.php" class="btn btn-primary btn-lg" style="font-size: 25px;">LANJUTKAN &raquo</a>

</div></p>'; </div>

(12)

</div>

<h2 class="service-title pad-bt15"><b>HUBUNGI KAMI</b></h2>

<div class="col-md-6 col-sm-6 col-xs-12"> <h3 class="cont-title">Kunjungi Kami</h3> <div class="loction-info black">

<p><i class="fa fa-map-marker fa-fw pull-left fa-2x"></i>Jl. Medan Area Selatan<br>No.92 Medan</p><br>

<p><i class="fa envelope-o fw pull-left

fa-2x"></i>Erabaru_cv@yahoo.co.id / ifran1525@gmail.com</p><br> <p><i class="fa fa-phone fa-fw pull-left fa-2x"></i>061-7344096 / 0811615215</p>

</div> </div>

<div class="col-md-6 col-sm-6 col-xs-12"> <h3 class="cont-title">Lokasi</h3>

<div class="loction-info black"> <iframe

src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1406.553 1865700073!2d98.7016599!3d3.5763245!3m2!1i1024!2i768!4f13.1!3m3!1m 2!1s0x0%3A0x4b7318ec29132072!2sCV.+Era+Baru!5e1!3m2!1sid!2sid!4v14 94576017111" width="550" height="300" frameborder="0" style="border:1" allowfullscreen></iframe>

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

type="text/javascript"></script>

(13)

</body> </html>

Form Pembelian.php

<?php

include("koneksi.php"); if (!isset($_SESSION)) { session_start(); }

error_reporting(0); ?>

<!DOCTYPE <html> <head>

<title>Formulir Pemesanan</title> <meta charset="utf-8">

src="assets/js/jquery.min.js"></script>

src="assets/js/bootstrap.min.js"></script> <style>

/* Remove the navbar's default rounded borders and increase the bottom margin */

.navbar {

margin-bottom: 50px; border-radius: 0; }

/* Add a gray background color and some padding to the footer */ footer {

background-color: #f2f2f2; padding: 25px;

}

.jumbotron{

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

#container-formpembelian{ background-color: white; }

*{

font-size: 20px; }

</style> </head>

<h2 class="text-center" size="25">FORMULIR PEMESANAN</h2> </div>

</div>

(14)

<div class="hero-unit" style="color:red">Harap isi form dibawah ini dengan lengkap dan sesuai dengan idenditas Anda!</div><br> <form id="formku" action="proses-payment.php" method="post"> <table class="table table-condensed">

<tr>

</tr> <tr>

</tr> <tr>

<td><label for="alamat">Alamat</label></td>

</tr> <tr>

<tr>

</tr> <tr>

<td><label for="email">Email</label></td>

</tr> <tr>

<td><label for="norek">No Rekening</label></td>

</tr>

</tr> <td><label for="namarek">Nama Rekening</label></td> <td><input name="namarek" type="text" class="required"

minlength="6" id="nmrek" size="45"></td> </tr>

<tr>

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

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

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

(15)

<tr>

<td><label for="produkpemesanan">Produk Pemesanan</label></td> <td><select name="produkpemesanan" class="required">

<option type="checkbox" value="Kalender">Kalender<br> <option type="checkbox" value="Kop Surat">Kop Surat<br> <option type="checkbox" value="Brosur">Brosur<br>

<option type="checkbox" value="Flyer">Flyer<br> <option type="checkbox" value="Spanduk">Spanduk<br> <option type="checkbox" value="Rapor">Rapor<br>

<option type="checkbox" value="Kartu Nama">Kartu Nama<br> <option type="checkbox" value="Undangan">Undangan<br> <option type="checkbox" value="Lainnya">Lainnya<td> </tr>

<tr>

<td><label for="gambar">Gambar</label></td>

</tr> <tr>

<td><label for="deskripsiyangdiinginkan">Tulis deskripsi desain yang Anda inginkan</label></td>

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

<td><input type="submit" value="Simpan" name="finish" class="btn btn-sm btn-primary"/> <a href="selesai.php" class="btn btn-sm btn-primary">Kembali</a></td>

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

src="assets/js/jquery.min.js"></script>

src="assets/js/bootstrap.min.js"></script> <script type="text/javascript">

$(document).ready(function () { $('#lookup').dataTable(); });

/*Preview Gambar Sebelum di Upload Ke database*/ function bacaGambar(input) {

(16)

reader.onload = function (e) {

$('#gambar_preview').attr('src', e.target.result);

}

reader.readAsDataURL(input.files[0]); }

}

$("#preview_gambar").change(function(){ bacaGambar(this);

});

function imgError(image) { image.onerror = "";

image.src = "images/no-image.png"; return true;

}

$(document).ready(function(){

$('[data-toggle="tooltip"]').tooltip(); }); </script>

</body> </html>

Proses-payment.php

<?php

include("koneksi.php"); error_reporting(0); $nama = $_POST['nama']; $nohp = $_POST['nohp']; $alamat = $_POST['alamat']; $kodepos = $_POST['kodepos']; $kota = $_POST['kota'];

$email = $_POST['email']; $norek = $_POST['norek']; $namarek = $_POST['namarek']; $bank = $_POST['bank'];

$produkpemesanan = $_POST['produkpemesanan'];

$deskripsiyangdiinginkan = $_POST['deskripsiyangdiinginkan']; $gambar = $_POST['gambar'];

$q = "INSERT INTO `payment` VALUES('','$nama', '$nohp', '$alamat', '$kodepos', '$kota', '$email', '$norek', '$namarek', '$bank', '$produkpemesanan', '$deskripsiyangdiinginkan', '$gambar')";

if (mysql_query($q)) {

echo "<script>alert('Tambah Berhasil') location.replace('selesai.php')</script>"; exit;

}else{

echo "<script>alert('Tambah Gagal')

location.replace('selesai.php')</script>"; exit;

} ?>

(17)

<?php

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

?>

Selesai.php

<!DOCTYPE <html> <head>

<body>

<div id="wrapper">

<div class="container">

<div class="title"><u><h3>Checkout Selesai</h3></u></div>

<div class="hero-unit">Selamat Anda telah berhasil checkout, silahkan perikasa kembali info di bawah ini..</div>

<div class="hero-unit"> <?php

if($_POST['finish']){

echo 'Terima kasih Anda sudah memesan produk cetakan di Percetakan kami dan berikut ini adalah data Anda.';

echo '<p>Biaya bisa di kirimkan melalui Rekening Bank Mandiri dengan nomor rekening 123-234-56347-8 atas nama Ifran</p>';

echo '<p>Dan barang akan kami kirim ke alamat di bawah ini:</p>'; echo '<b><p>Nama Lengkap : '.$_POST['nama'].'</b><br>';

echo '<b>No.Telepon : '.$_POST['nohp'].'</b><br>'; echo '<b>Alamat : '.$_POST['alamat'].'</b><br>';

echo '<b>Kode Pos :

'.$_POST['kodepos'].'</b><br>';

echo '<b>Kota : '.$_POST['kota'].'</b><br>'; echo '<b>Email : '.$_POST['email'].'</b><br>';

echo '<b>No.Rekening :

'.$_POST['norek'].'</b><br>';

echo '<b>Nama Rekening :

'.$_POST['namarek'].'</b><br>';

echo '<b>Nama Bank : '.$_POST['bank'].'</b><br>';

echo '<b>Produk Pesanan :

'.$_POST['produkpemesanan'].'</b><br>';

echo '<b>Deskripsi desain yang Anda inginkan : '.$_POST['deskripsiyangdiinginkan'].'</b></p><br>';

$nama=$_POST['nama']; $telepon=$_POST['no.hp']; $alamat=$_POST['alamat']; $kode_pos=$_POST['kodepos']; $kota=$_POST['kota'];

$email=$_POST['email'];

$no_rekening=$_POST['no.rek']; $nama_rekening=$_POST['namarek']; $bank=$_POST['bank'];

(18)

$deskripsi=$_POST['deskripsiyangdiinginkan']; echo '<b>Gambar : '.$_POST['gambar'].'</b><br>';

$q="insert into `payment` values ('', '$nama', $telepon, '$alamat', $kode_pos, '$kota', '$email', $no_rekening, '$nama_rekening', '$bank', '$produk', '$deskripsiyangdiinginkan', '$gambar')";

$w=mysql_query($q); }else{

header("Location: index.html"); }

?> </div>

</div>

</div>

<a href="index.html" class="btn btn-primary btn-lg">Kembali</a> </html>

Undangan.php

(berlaku juga untuk jenis produk yang lain)

<?php

include("koneksi.php"); ?>

<!doctype <html> <head>

href="assets/css/fancybox/jquery.fancybox.css">

<body>

<div class="navbar-header">

(19)

<li class="current"><a href="spanduk.php">Spanduk</a></li> <li class="current"><a href="brosur.php">Brosur</a></li> <li class="current"><a href="flyer.php">Flyer</a></li> <li class="current"><a href="buku.php">Buku</a></li> <li class="current"><a href="rapor.php">Rapor</a></li> <li class="current"><a href="blanko.php">Blanko</a></li> <li class="current"><a href="kopsurat.php">Kop Surat</a></li> <li class="current"><a href="kalender.php">Kalender</a></li> </ul>

</div> </div>

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

<div class="container"> <?php

$per_hal = 12;

$jumlah_record = mysql_query("SELECT COUNT(*) FROM `undangan`"); $jum = mysql_result($jumlah_record, 0);

$halaman = ceil($jum/$per_hal);

$page = (isset($_GET['page'])) ? (int)$_GET['page'] : 1; $start = ($page - 1) * $per_hal;

$query = mysql_query("SELECT * FROM `undangan` LIMIT $start, $per_hal");

if ($query === FALSE) { die(mysql_error()); }

$no = 1;

while ($de=mysql_fetch_array($query)) { $id = $de['id'];

$gambar = $de['gambar']; echo "