MANUAL BOOK PROGRAM APLIKASI PENJUALAN BARANG UNTUK KELENGKAPAN RUMAH TANGGA IDEA JANUARI 2021

(1)

MANUAL BOOK

PROGRAM APLIKASI PENJUALAN BARANG UNTUK KELENGKAPAN

RUMAH TANGGA “IDEA”

PROGRAM APLIKASI PENJUALAN BARANG UNTUK KELENGKAPAN RUMAH TANGGA “IDEA” JANUARI 2021

(2)

Program Aplikasi Penjualan Barang untuk Kelengkapan Rumah Tangga “IDEA” ₁

1. Ruang Admin

Tampilan menu Admin merupakan tampilan pertama melalui index dengan kapasitas sebagai

Admin, setiap melakukan running aplikasi penjualan barang untuk kelengkapan rumah

tangga Admin dapat melakukan pengolahan terhadap data user, data produk dan data

transaksi dan data pelanggan. Adapun tampilan dari file index Admin dapat dilihat pada

(Gambar 1).

Gambar 1. Index Admin

2. Data Pelanggan

Pada tampilan kali ini mengenai data pelanggan dimana data pelanggan ini terdiri dari

secara sederhana nama, email, dan telephon saja yang diminta, karena memang digambarkan

dalam format sederhana. Tampilan data pelanggan dapat dilihat pada (Gambar 2).

(3)

Program Aplikasi Penjualan Barang untuk Kelengkapan Rumah Tangga “IDEA” ₂

3. Data Produk

Menu produk digunakan untuk menampilkan barang untuk kelengkapan rumah tangga yang

terdiri dari nama produk, harga dan deskripsi produk kepada user atau calon pembeli.

Tampilan data produk dapat dilihat pada (Gambar 3).

Gambar 3. Data Produk

Pada menu data produk sekaligus dapat melakukan tambah produk yang terletak disebalah

kiri bawah, hapus produk yang terletak sejajar dengan tiap produk, dan ubah data produk

yang terletak sebelah kanan dari menu hapus produk. Dalam satu tampilan atau form,

menu-menu yang berkaitan dengan data produk dapat dilakukan secara langsung dalam satu form.

4. Menu Tambah Produk

Pada menu tambah produk dapat dilakukan dengan cara melakukan klik tombol tambah

produk, sehingga user dapat melakukan pembelian dengan lebih dari satu produk barang

kelengkapan rumah tangga. Adapun tampilan menu tambah produk dapat dilihat pada

(Gambar 4)

(4)

Program Aplikasi Penjualan Barang untuk Kelengkapan Rumah Tangga “IDEA” ₃

Gambar 4. Tambah produk

5. Ubah Produk

Pada bagian ini merupakan menu ubah produk dimana, user dapat melakukan perubahan

terhadap pilihan yang telah dipilih terhadap produk barang, tetapi terjadi perubahan

pemikiran untuk melakukan perubahan terhadap produk barang kelengkapan rumah tangga,

sehingga perlu dilakukan perubahan dengan cara menekan tombol ubah. Tampilan menu

ubah dapat dilihat pada (Gambar 4).

(5)

Program Aplikasi Penjualan Barang untuk Kelengkapan Rumah Tangga “IDEA” ₄

6. Menu Pembelian

Pada menu transaksi ini digunakna untuk menampilkan data pelanggan yang membeli

sejumlah produk barang untuk kelengkapan rumah tangga. Tampilan menu ini dapat dilihat

pada (Gambar 6).

Gambar 6. Menu pembelian

7. Detail Pembelian

Detail pembelian adalah menu yang digunakan untuk melihat seluruh pembelian yang

dilakukan oleh user (pembeli) barang apa saja yang dibeli dan berapa masih-masing barang

yang dibeli dan berapa total pembelian yang dihasilkan. Detail pembelian ini dapat dilihat

pada (Gambar 7).

(6)

Program Aplikasi Penjualan Barang untuk Kelengkapan Rumah Tangga “IDEA” ₅

Gambar 7. Detail pembelian

8. Feature Produk

Pada bagian ini akan ditampilkan feature produk perlengkapan rumah tangga yang terdiri

dari sofa meuble, meja telephone, tempat duduk putih, tempat duduk pink, kursi kayu

tinggi dan sebagainya. Tampilan ini dapat dilihat pada (Gambar 8).

(7)

Program Aplikasi Penjualan Barang untuk Kelengkapan Rumah Tangga “IDEA” ₆

9. Keranjang belanja

Bagian ini akan menjelaskan tentang keranjang belanja yang artinya setiap user (pembeli)

dapat menyimpan sementara produk atau barang yang akan dibeli didalam kerangjang belanja

dan dapat mengetahui juga mengenai biaya yang akan dikeluarkan untuk membeli semua

produk atau barang yang sudah masuk kedalam keranjang belanja dan dapat menghapusnya

dengan menekan tombol hapus pada barang yang akan dibatalkan. Keranjang belanja dapat

dilihat tampilannya pada (Gambar 9) berikut ini.

(8)

LISTING PROGRAM

PROGRAM APLIKASI PENJUALAN BARANG UNTUK KELENGKAPAN

RUMAH TANGGA “IDEA”

1. Listing program Admin (index) <?php

//koneksi ke database

$koneksi = new mysqli("localhost","root","","idea");

?>

<!DOCTYPE html>

<title>Free Bootstrap Admin Template : Binary Admin</title>

</head> <body>

<span class="sr-only">Toggle navigation</span>

(9)

</button>

<a class="navbar-brand" href="index.php">Binary admin</a> </div>

<div style="color: white; padding: 15px 50px 5px 50px; float: right;

font-size: 16px;"> Last access : 30 May 2014   <a href="login.html" class="btn bt n-danger square-btn-adjust">Logout</a> </div>

</nav>

</li>

<li><a href="index.php?halaman=produk"><i class="fa fa-dashboard fa-3x"></i> Produk </a></li>

<li><a href="index.php?halaman=pembelian"><i class="fa fa-dashboard fa-3x"></i> Pembelian </a></li>

<li><a href="index.php?halaman=pelanggan"><i class="fa fa-dashboard fa-3x"></i> Pelanggan </a></li>

<li><a href="index.php?halaman=logout"><i class="fa fa-dashboard fa-3x"></i> Logout </a></li>

</ul> </div> </nav>  <div id="page-wrapper" > <div id="page-inner"> <?php

if (isset($_GET['halaman'])) {

if ($_GET['halaman']=="produk") {

include 'produk.php'; }

(10)

elseif ($_GET['halaman']=="pembelian") {

include 'pembelian.php'; }

elseif ($_GET['halaman']=="pelanggan") {

include 'pelanggan.php'; }

elseif ($_GET['halaman']=="detail") {

include 'detail.php'; }

elseif ($_GET['halaman']=="tambahproduk") {

include 'tambahproduk.php'; }

elseif ($_GET['halaman']=="hapusproduk") {

include 'hapusproduk.php'; }

elseif ($_GET['halaman']=="ubahproduk") { include 'ubahproduk.php'; } } else { include'home.php'; } ?>  </div>  </div>

(11)

</body> </html>

2. Listing Program User (index)

3. <?php

4. //koneksi ke database

5. $koneksi = new mysqli("localhost","root","","idea"); 6. ?> 7. 8. <!DOCTYPE html> 9. <html lang="en"> 10. 11. <head> 12.

13. <meta charset="utf-8">

14. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

15. <meta name="description" content="">

16. <meta name="author" content="">

17. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,3 00i,400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">

18.

19. <title>IDEA! | Your Furniture Solution</title>

20.

21.

22. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

23.

24.

25. <link rel="stylesheet" href="assets/css/fontawesome.css">

26. <link rel="stylesheet" href="assets/css/style.css">

27. <link rel="stylesheet" href="assets/css/owl.css">

28. </head> 29. 30. <body> 31. 32.  33. <div id="preloader">

34. <div class="jumper">

(12)

36. <div></div> 37. <div></div> 38. </div> 39. </div> 40.  41.  42. <header class="">

43. <nav class="navbar navbar-expand-lg">

44. <div class="container">

45. <a class=

"navbar-brand" href="index.php"><h2> IDEA!<em>.</em></h2></a>

46. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

47. <span class="navbar-toggler-icon"></span>

48. </button>

49. <div class="collapse navbar-collapse" id="navbarResponsive">

50. <ul class="navbar-nav ml-auto">

51. <li class="nav-item active">

52. <a class="nav-link" href="index.php">Home 53. <span class="sr-only">(current)</span>

54. </a>

55. </li>

56. <li class="nav-item">

57. <a class="nav-link" href="product.php">Products</a>

58. </li>

59.

61. <a class="nav-link" href="keranjang.php">Checkout</a>

62. </li>

63.

64. <li class="nav-item dropdown">

65. <a class="nav-link dropdown-toggle"

data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About</a>

66.

67. <div class="dropdown-menu">

68. <a class="dropdown-item" href="about.html">About Us</a>

69. <a class="dropdown-item" href="blog.html">Blog</a>

70. <a class="dropdown-item" href="terms.html">Terms</a>

71. </div>

72. </li>

(13)

75. </li> 76. </ul> 77. </div> 78. </div> 79. </nav> 80. </header> 81. 82.

83.

84. <div class="main-banner header-text">

85. <div class="container-fluid">

86. <div class="owl-banner owl-carousel">

87. <div class="item">

88. <img src="assets/images/product-1-720x480.jpg" alt="">

89. <div class="item-content">

90.

91. <div class="main-content">

92. <div class="meta-category">

93. <span> <del>Rp.700.000,-</del> Rp.300.000,- </span>

94. </div>

95.

96. <a href="product.php"><h4>Tempat Duduk Putih </h4></a>

97.

98. <ul class="post-info">

99. <li> Kursi elgan dengan warna putih, dapat dipadukan oleh a pa saja.</li> 100. </ul> 101. </div> 102. 103. </div> 104. </div>

108.

111. <span> <del> Rp.900.000,-</del> Rp.500.000,- </span>

112. </div>

113.

114. <a href="product.php"><h4>Tempat Duduk Pink </h4></a>

115.

117. <li>Kursi dengan warna pink yang membuat ruangan menjadi berwarna dan lucu.</li>

(14)

118. </ul>

119. </div>

120. 121. </div>

122. </div>

126.

130. </div>

131.

132. <a href="product.php"><h4>Tempat Duduk Kayu</h4></a>

133.

135. <li>Kursi yang terbuat dari kayu, rumah anda akan terlih at lebih rapih dengan ornamen kayu</li>

136. </ul>

137. </div>

138. 139. </div>

140. </div>

144.

147. <span> <del>Rp.1.000.000,-</del> Rp.700.000,- </span>

148. </div>

149.

150. <a href="product.php"><h4>Sofa Hijau</h4></a>

151.

153. <li>Sofa dengan warna yang menenangkan, membuat seisi ru mah sangat tenang.</li>

154. </ul>

155. </div>

156. 157. </div>

158. </div>

(15)

162.

165. <span> <del> Rp.1.200.000,-</del> Rp.800.000,- </span>

166. </div>

167.

168. <a href="product.php"><h4>Sofa Hitam</h4></a>

169.

171. <li>Sofa dengan warna hitam dan emas, membuat rumah anda sangat elegan dan mewah.</li>

172. </ul>

173. </div>

174. 175. </div>

176. </div>

183. </div>

184.

185. <a href="product.php"><h4>Meja Telephone</h4></a>

186.

188. <li>Meja yang biasa digunakan untuk meja Telephone, sang at irit tempat dan murah</li>

189. </ul> 190. </div> 191. </div> 192. </div> 193. </div> 194. </div> 195. </div>

196.

197.

198. <section class="blog-posts grid-system">

200. <div class="all-blog-posts">

201. <h2 class="text-center">Featured Products</h2>

202. <br>

(16)

204. <div class="col-md-4 col-sm-6">

205. <div class="blog-post">

206. <div class="blog-thumb">

208. </div>

209. <div class="down-content">

210. <span> <del>Rp.1.000.000,-</del> Rp.700.000,- </span>

211. <a href="products.php"><h4>Sofa Hijau</h4></a>

212. <p>Sofa dengan warna yang menenangkan, membuat seisi rum ah sangat tenang.</p>

213. <div class="post-options">

214. <div class="row">

215. <div class="col-lg-12">

216. <ul class="post-tags">

217. <li><i class="fa fa-bullseye"></i></li>

218. <li><a href= "product-details.php">View Product</a></li>

219. </ul> 220. </div> 221. </div> 222. </div> 223. </div> 224. </div> 225. </div>

230. </div>

232. <span> <del>1.200.000,-</del> Rp.800.000,- </span>

233. <a href="products.php"><h4>Sofa Hitam</h4></a>

234. <p>Sofa dengan warna hitam dan emas, membuat rumah anda sangat elegan dan mewah.</p>

241. </ul>

242. </div>

243. </div>

(17)

245. </div>

246. </div>

247. </div>

252. </div>

254. <span> <del>$500.00</del> $700.00 </span>

255. <a href="products.php"><h4>Meja Telephone</h4></a>

256. <p>Meja yang biasa digunakan untuk meja Telephone, sanga t irit tempat dan murah</p>

263. </ul> 264. </div> 265. </div> 266. </div> 267. </div> 268. </div> 269. </div> 270. </div> 271. </div> 272. </div> 273. </section> 274.

275. <section class="call-to-action">

282. <span>Bermasalah dengan barang?</span>

283. <h4>Kami dengan sepenuh hati membantu anda</h4>

284. </div>

286. <div class="main-button">

(18)

288. </div> 289. </div> 290. </div> 291. </div> 292. </div> 293. </div> 294. </div> 295. </section> 296. 297. <footer>

301. <ul class="social-icons"> 302. <li><a href="#">Facebook</a></li> 303. <li><a href="#">Twitter</a></li> 304. <li><a href="#">Behance</a></li> 305. <li><a href="#">Linkedin</a></li> 306. </ul> 307. </div>

309. <div class="copyright-text">

310. <p>

312. | Template by: <a href="https://www.phpjabbers.com/">PHPJa bbers.com</a> 313. </p> 314. </div> 315. </div> 316. </div> 317. </div> 318. </footer> 319.

320.

321. <script src="vendor/jquery/jquery.min.js"></script>

322. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

323.

324.

325. <script src="assets/js/custom.js"></script>

326. <script src="assets/js/owl.js"></script>

327. <script src="assets/js/slick.js"></script>

328. <script src="assets/js/isotope.js"></script>

329. <script src="assets/js/accordions.js"></script>

330.

(19)

332. cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for e ach field

333. function clearField(t){ //declaring the array outs ide of the

334. if(! cleared[t.id]){ // function makes it stati c and global

335. cleared[t.id] = 1; // you could use true and false, but that's more typing

336. t.value=''; // with more chance of typos

337. t.style.color='#fff'; 338. } 339. } 340. </script> 341. 342. </body> 343. </html>

3. Listing Program Data Pelanggan

4. <h2>Data Pelanggan</h2>

5.

6. <table class="table table-bordered">

7. <thead> 8. <tr> 9. <th>No</th> 10. <th>Nama</th> 11. <th>Email</th> 12. <th>Telepon</th> 13. <th>Aksi</th> 14. </tr> 15. </thead> 16. <tbody> 17. <?php $nomor=1; ?>

18. <?php $ambil=$koneksi->query("SELECT * FROM pelanggan");?>

19. <?php while($pecah=$ambil->fetch_assoc()) {?>

20. <tr>

21. <td><?php echo $nomor; ?></td>

22. <td><?php echo $pecah['nama_pelanggan'];?></td>

23. <td><?php echo $pecah['email_pelanggan']; ?></td>

24. <td><?php echo $pecah['telepon_pelanggan']; ?></td>

25. <td>

26.

(20)

28. </tr>

29. <?php $nomor++; ?>

30. <?php }?>

31. </tbody>

32. </table>

4. Listing Program Data Produk

3. <h2>Data Produk </h2>

4.

5. <table class="table table-bordered">

6. <thead> 7. <tr> 8. <th>No</th> 9. <th>Nama</th> 10. <th>Harga</th> 11. <th>Deksripsi</th> 12. <th>Aksi</th> 13. </tr> 14. </thead> 15. <tbody> 16. <?php $nomor=1; ?>

17. <?php $ambil=$koneksi->query("SELECT * FROM produk");?>

18. <?php while($pecah=$ambil->fetch_assoc()){?>

19.

20. <tr>

21. <td><?php echo $nomor; ?></td>

22. <td><?php echo $pecah['nama_produk'];?></td>

23. <td><?php echo $pecah['harga_produk'];?></td>

24. <td><?php echo $pecah['deskripsi_produk'];?></td>

25. <td>

26. <a href="index.php?halaman=hapusproduk&id=<?php echo $pecah['id_p roduk'];?>" class="btn-danger btn">hapus</a>

27. <a href="index.php?halaman=ubahproduk&id=<?php echo $pecah['id_pr oduk'];?>" class="btn btn-warning">ubah</a>

28. </td> 29. 30. </tr> 31. <?php $nomor++; ?> 32. <?php }?> 33. </tbody> 34. </table> 35.

36. <a href="index.php?halaman=tambahproduk" class="btn btn-primary">Tambah Data</a>

(21)

5. Listing Program Tambah Produk

<h2>Tambah Produk</h2>

<label>Nama Produk</label>

</div>

<label>Harga (Rp)</label>

</div>

<div class="form-group"> <label>Deskripsi</label>

</div>

<button class="btn btn-primary" name="save">Simpan</button> </form>

<?php

if (isset($_POST['save']))

{

$koneksi->query("INSERT INTO produk

(nama_produk,harga_produk,deskripsi_produk)

VALUES('$_POST[nama]','$_POST[harga]','$_POST[deskripsi]')"); echo "<div class='alert alert-info'>Data Tersimpan</div>";

echo "<meta http-quiv='refresh' content='l;url=index.php?halaman=produk'>"; }

?>

6. Listing Prorgam Hapus Produk <?php

$ambil = $koneksi->query("SELECT * FROM produk WHERE id_produk='$_GET[id]'");

$pecah = $ambil->fetch_assoc();

$koneksi->query("DELETE FROM produk WHERE id_produk='$_GET[id]'"); echo "<script>alert('Produk Terhapus');</script>";

(22)

echo "<script>location='index.php?halaman=produk';</script>";

?>

7. Listing Program Ubah Produk

<h2>Ubah Produk</h2>

<?php

$ambil=$koneksi->query("SELECT * FROM produk WHERE id_produk='$_GET[id]'");

$pecah= $ambil->fetch_assoc(); echo "<pre>";

print_r($pecah);

echo "</pre>";

?>

<label>Nama Produk</label>

</div>

<label>Harga (Rp.)</label>

</div>

<label>Deskripsi Produk</label>

<?php echo $pecah['deskripsi_produk'];?>

</textarea>

</div>

<?php

if (isset($_POST['ubah']))

{

$koneksi->query("UPDATE produk SET nama_produk='$_POST[nama]',

harga_produk='$_POST[harga]',deskripsi_produk='$_POST[deskripsi]' WHERE id_produk='$_GET[id]'");

(23)

{

echo "<script>alert('data produk telah diubah');</script>"; echo "<script>location='index.php?halaman=produk';</script>"; }

8. Listing Program Data Pembelian

<h2>Data Pembelian</h2>

<thead> <tr> <th>No</th> <th>Nama Pelanggan</th> <th>Tanggal</th> <th>Total</th> <th>Aksi</th> </tr> </thead> <tbody> <?php $nomor=1; ?>

<?php $ambil=$koneksi->query("SELECT * FROM pembelian JOIN pelanggan ON pembelian.id_pelanggan=pelanggan.id_pelanggan"); ?>

<?php while($pecah = $ambil->fetch_assoc()){ ?>

<tr>

<td>

<a href="index.php?halaman=detail&id=<?php echo $pecah['id_pembelian'

]?>" class="btn btn-info">detail</a>

</td> </tr> <?php $nomor++; ?> <?php } ?> </tbody> </table>

(24)

<h2>Detail Pembelian </h2>

<?php

$ambil = $koneksi->query("SELECT * FROM pembelian JOIN pelanggan ON pembelian.id_pelanggan=pelanggan.id_pelanggan

WHERE pembelian.id_pembelian='$_GET[id]'");

$detail = $ambil->fetch_assoc();

?>

<?php echo $detail['telepon_pelanggan']; ?><br>

<?php echo $detail['email_pelanggan']; ?><br>

Tanggal Pembelian :<?php echo $detail['tanggal_pembelian']; ?><br>

Total Pembelian : <?php echo $detail['total_pembelian']; ?><br> </p>

<thead> <tr> <th>No</th> <th>Nama Produk</th> <th>Harga</th> <th>Jumlah</th> <th>Sub Total</th> </tr> </thead> <tbody>

<?php $ambil=$koneksi->query("SELECT * FROM pembelian_produk JOIN produk ON pembelian_produk.id_produk=produk.id_produk WHERE pembelian_produk.id_pembeli an=

'$_GET[id]'");?>

<?php while($pecah=$ambil->fetch_assoc()){ ?>

<tr>

<td>

<?php echo $pecah['harga_produk']*$pecah['jumlah'];?>

</td>

</tr>

(25)

</tbody> </table>

10. Listing Program Produk

11. <?php

12. //koneksi ke database

13. $koneksi = new mysqli("localhost","root","","idea"); 14. ?> 15. 16. <!DOCTYPE html> 17. <html lang="en"> 18. 19. <head> 20.

21. <meta charset="utf-8">

22. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

23. <meta name="description" content="">

24. <meta name="author" content="">

25. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300, 300i,400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">

26.

27. <title>IDEA! | Your Furniture Solution</title>

28.

29.

30. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

31.

32.

33. <link rel="stylesheet" href="assets/css/fontawesome.css">

34. <link rel="stylesheet" href="assets/css/style.css">

35. <link rel="stylesheet" href="assets/css/owl.css">

36. 37. </head> 38. 39. <body> 40. 41.  42. <div id="preloader">

43. <div class="jumper">

44. <div></div>

45. <div></div>

46. <div></div>

47. </div>

(26)

49.

50.

51. <header class="">

52. <nav class="navbar navbar-expand-lg">

54. <a class=

"navbar-brand" href="index.php"><h2>IDEA!<em>.</em></h2></a>

55. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

56. <span class="navbar-toggler-icon"></span>

57. </button>

58. <div class="collapse navbar-collapse" id="navbarResponsive">

59. <ul class="navbar-nav ml-auto">

61. <a class="nav-link" href="index.php">Home 62. <span class="sr-only">(current)</span>

63. </a>

64. </li>

65. <li class="nav-item active">

66. <a class="nav-link" href="products.php">Products</a>

67. </li>

68.

70. <a class="nav-link" href="keranjang.php">Checkout</a>

71. </li>

72.

73. <li class="nav-item dropdown">

74. <a class="nav-link dropdown-toggle"

data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About</a>

75. </li>

77. <a class="nav-link" href="contact.php">Contact Us</a>

78. </li> 79. </ul> 80. </div> 81. </div> 82. </nav> 83. </header> 84. 85.

86.

(27)

88. <section class="page-heading">

92. <div class="text-content">

93. <h4>Products</h4>

94. <h2>Choose the best product for you!</h2>

95. </div> 96. </div> 97. </div> 98. </div> 99. </section> 100. </div> 101. 102.

103.

104. <?php $ambil = $koneksi->query("SELECT * FROM produk ");?>

105. <?php while($perproduk = $ambil->fetch_assoc()){;?>

106.

107. <section class="blog-posts grid-system">

109. <div class="all-blog-posts">

114. </div>

116. <a href=

"product-details.php"><h4><?php echo $perproduk['nama_produk'];?></h4></a>

117. <span>Rp.<?php echo number_format ($perproduk['harga_produ k']);?> </span>

118. <p> <?php echo $perproduk['deskripsi_produk'];?></p>

123.

124.

127. </div>

129. <a href="beli.php?id=<?php echo $perproduk['id _produk'];?>" class="btn btn-primary">Beli</a>

(28)

130. </div>

131. </div>

132.

133.

134. </ul> 135. </div> 136. </div> 137. </div> 138. </div> 139. </div> 140. </div> 141. </div> 142. </div> 143. </div> 144. </div> 145. 146. <?php } ?> 147. </section> 148. 149. 150. <footer>

154. <ul class="social-icons"> 155. <li><a href="#">Facebook</a></li> 156. <li><a href="#">Twitter</a></li> 157. <li><a href="#">Behance</a></li> 158. <li><a href="#">Linkedin</a></li> 159. </ul> 160. </div>

162. <div class="copyright-text">

163. <p>

165. | Template by: <a href="https://www.phpjabbers.com/">PHPJabb ers.com</a> 166. </p> 167. </div> 168. </div> 169. </div> 170. </div> 171. </footer> 172.

(29)

174. <script src="vendor/jquery/jquery.min.js"></script>

175. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

176.

177.

178. <script src="assets/js/custom.js"></script>

179. <script src="assets/js/owl.js"></script>

180. <script src="assets/js/slick.js"></script>

181. <script src="assets/js/isotope.js"></script>

182. <script src="assets/js/accordions.js"></script>

183.

184. <script language = "text/Javascript">