Laporan Akhir UAS PBW A11.2019.12387

Laporan Akhir
Pemrograman Berbasis Web
OLEH:
Ivan Arsyaditya Prananda
(A11.2019.12387)
JURUSAN TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS DIAN NUSWANTORO
DAFTAR ISI
i
P.S.
Domain : http://ivnvan11223.0fees.us/
Youtube Video : https://youtu.be/CsHm9KF1rjQ
Login admin :
Username : admin
Password : 123
Login user :
Username : admin
Password : 123
ii
Daftar Isi
DAFTAR ISI...................................................................................................................................................... i
Latar Belakang .............................................................................................................................................. 1
Analisa dan Desain Web .............................................................................................................................. 2
Analisa Kebutuhan User ............................................................................................................................ 2
Analisa Kebutuhan Software dan Hardware ............................................................................................. 2
Diagram Use Case ..................................................................................................................................... 4
Diagram Class ............................................................................................................................................ 5
Diagram Aktivitas ...................................................................................................................................... 6
Desain Input dan Output........................................................................................................................... 8
Implementasi Sistem ................................................................................................................................ 201
PENUTUP .................................................................................................................................................. 202
iii
Latar Belakang
Saat ini kebutuhan akan informasi sangat besar. Baik perorangan, organisasi maupun
sebuah badan usaha sangat membutuhkan informasi untuk kepentingannya. Dalam dunia
bisnis, produsen maupun konsumen sangat bergantung pada informasi. Produsen
membutuhkan informasi mengenai pangsa pasar dan kebutuhan konsumen akan jenis dan
spesifikasi barang, sedangkan konsumen membutuhkan informasi tentang karakteristik
dan spesifikasi barang, sehingga dalam dunia bisnis pun informasi merupakan sumber daya
yang sangat penting. CV. Arinta Wijaya Semarang merupakan sebuah perusahaan yang
bergerak di bidang penjualan computer PC, laptop, serta accessories komputer dan IT
development khususnya di bidang web. Untuk mengembangkan daerah pemasaran ke luar
daerah Jawa Tengah dan Pulau Jawa perusahaan mengalami kendala karena terbatasnya
jumlah tenaga pemasaran (marketing) dan biaya pemasaran jika harus mengirim tenaga
marketing ke luar daerah dan pulau. Sehingga untuk sementara keinginan perusahaan untuk
memperluas daerah pemasaran ditunda mengingat keterbatasan tersebut di atas.Teknologi
komputer berkembang sangat pesat dengan munculnya internet, di mana komputer dapat
saling terhubung membentuk jaringan yang sangat luas yang terdiri dari ribuan komputer
di seluruh dunia. Siapapun yang mempunyai akses ke dalam jaringan dapat saling bertukar
informasi berbagai macam bentuk data text, gambar, suara, file dan sebagainya. Lebih
dari itu jaringan itu dapat diakses selama 24 jam sehari. Seiring berkembangnya teknologi
komputer dan informasi maka semakin bertambah pula kebutuhan manusia, dan manusia
ingin selalu serba mudah, serba cepat, dan serba tepat dalam melakukan berbagai
pekerjaan. Keinginan itu juga dirasakan masyarakat dalam memperoleh berbagai macam
informasi baik informasi industri, informasi budaya dan informasi lainnya.
1
Analisa dan Desain Web
Analisa Kebutuhan User
a. Kebutuhan User
1) User dapat melakukan registrasi username dan password.
2) User dapat melakukan menggunakan username dan password.
3) User dapat melihat halaman Index.
4) User dapat melihat halaman Promo.
5) User dapat melihat halaman Video.
6) User dapat melihat halaman Pakaian.
7) User dapat melihat halaman Berita.
b. Kebutuhan Admin.
1)Admin dapat input dan edit data berita.
2) Admin dapat input dan edit data produk.
3) Admin dapat input dan edit data pesanan.
4) Admin dapat input dan edit data video.
Analisa Kebutuhan Software dan Hardware

 Software
Softrware merupakan perangkat yang sangat penting dalam proses pengolahan
database, karena software berisikan program yang perintahnya digunakan untuk
menjalankan sistem komputer. Software yang digunakan dalam proses
pembuatan website ini adalah
sebagai berikut :
1. Microsoft Windows 10
2. Sublime Text 3.2.2
3. Xampp-win64 V3.2.4
4. FileZilla 64Bit
5. Google Chrome
2
 Hardware
Pada bagian ini dijelaskan hardware yang digunakan untuk membangun/membuat sistem
informasi dan promosi berbasis web. Perangkat keras yang digunakan untuk membuat
sistem ini adalah :
1. Prosesor : Intel (R) Core i3 2580 2,8 Ghz
2. Storage : 120Gb SSD SATA
3. Memory : DDR3 2Gb Samsung PC 10800 x2
4 VGA : Intel HD Graphic 3000
5. Keyboard : Samsung Wireless BKB-10
6. Mouse : Razer Deathadder Elite
3
Diagram Use Case
Website
Halaman Halaman User

Admin
Input Berita Home
Edit Berita Contact

Admin Login User
Login Input Produk Pakaian Wanita
Edit Produk
Pakaian Pria
Input Pesanan
Pakaian Sport
Edit Pesanan
Hijab
Input Video
Asesoris
Edit Video
Register
Database
4
Diagram Class
ghinaj
DATABASE
Berita Pesanan Produk
Id_berita : Int Id: Int Id: Int

Id_katefori : Int nama : String Id_kategori : Int
Judul : String alamat : String gambar : String
headline : String produk : String nama : String
Isi : String jumlah : Int jumlah : Int
pengirim : String tanggal : Date
tanggal : Date
input_berita() input_pesanan() input_produk()
editberita() editpesanan() editproduk()
hapusberita() hapuspesanan() hapusproduk()
video users
Id: Int Id: Int

judul : String username : String
link : String password : String
input_video() hapusvideo register()

()
editvideo()
hapusvideo()
5
Diagram Aktivitas
Admin Tambah Berita
Input_berita.php
Admin Berita Edit

adminberita.php edit_berita.php
Tambah Produk
Produk Input_produk.php
adminproduk.php
Login Edit
Login.php edit_produk.php
Pesanan
Home Tambah Pesanan
adminpesanan.php
admin.php Input_pesanan.php
Home
Video Edit
admin.php
adminvideo.php edit_berita.php
Master Tambah Video

ad
Input_video.php
Logout Edit
logout.php Edit_video.php
6
User
Admin
register
register.php
Login
Login.php
Logout
logout.php
Pakaian Wanita
Home wanita.html
Home Index.html
Index.html Pakaian Pakaian Pria
pria.html
Hijab
Hijab.html Pakaian Sport
sport.php
Asesoris
hija
Asesoris.html
hi ad
Promo
Index.html#promo
Berita
Index.html#berita
Video
Index.html#video
Contact
Contact.html
7
Desain Input dan Output
 Halaman Index
8
 Halaman Index -> Video
 Halaman Index -> Promo
9
 Halaman Index -> Berita
 Halaman Pakaian -> Pakaian Wanita
10
11
 Halaman Pakaian -> Pakaian Pria
 Halaman Pakaian -> Pakaian Sport
12
13
 Halaman Hijab
 Halaman Asesoris
14
 Halaman Contact
 Halaman Contact
15
 Register Page
 Admin Page
16
 Admin Page -> Master -> Berita
 Admin Page -> Master -> Produk
17
 Admin Page -> Master -> Pesanan
 Admin Page -> Master -> Video
18
 Admin Page -> Master -> Berita -> Input Berita
 Admin Page -> Master -> Berita -> Edit Berita
19
 Admin Page -> Master -> Produk -> Input Produk
 Admin Page -> Master -> Produk -> Edit Produk
20
 Admin Page -> Master -> Pesanan -> Input Pesanan
 Admin Page -> Master -> Pesanan -> Edit Pesanan
21
 Admin Page -> Master -> Video -> Input Video
 Admin Page -> Master -> Video -> Edit Video
22
23
Code
 Halaman Index
<?php
session_start();
$username = $_SESSION['username'];
if (!isset($_SESSION{'login'})) {
header('Location: login.php');
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>GhiNaj Shop</title>
<meta content="" name="description">
<meta content="" name="keywords">


<link href="logo.jpg" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">


<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,
700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500
,500i,600,600i,700,700i" rel="stylesheet">


<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
24
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">


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

</head>
<body>


<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center">
<h1 class="logo me-auto"><a href="index.html" style="color: #d9232d;">GhiNaj

Shop</a></h1>


<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li class="drop-down"><a href="javascript:void(0)">Pakaian</a>

<ul>
<li><a href="wanita.html">Wanita</a></li>
<li><a href="pria.html">Pria</a></li>
<li><a href="sport.html">Sport</a></li>
</ul>
</li>
<li><a href="hijab.html">Hijab</a></li>
<li><a href="asesoris.html">Asesoris</a></li>
25
<li><a href="#promo">Promo</a></li>
<li><a href="#berita">Berita</a></li>
<li><a href="#video">Video</a></li>
<li><a href="contact.html">Contact</a></li>
</li>
<li>
<img src="userlog.png" width="20"><?= $username ?>
</li>
</ul>
</nav>

<a href="logout.php" class="get-started-btn">Logout</a>
<a href="register.php" class="get-started-btn">Get Started</a>
</div>
</header>


<section id="hero">
<div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-
bs-ride="carousel">
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">


<div class="carousel-item active" style="background-image: url(slider1.jpg)">
<div class="carousel-container">
<div class="container">
<h2 class="animate__animated animate__fadeInDown">Welcome to <span>GhiNaj
Shop</span></h2>
<p class="animate__animated animate__fadeInUp">Ut velit est quam dolor ad a
aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem
mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel.
Minus et tempore modi architecto.</p>
<a href="#about" class="btn-get-started animate__animated animate__fadeInUp
scrollto">Read More</a>
</div>
26
</div>
</div>


<div class="carousel-item" style="background-image: url(slider2.jpg)">
<h2 class="animate__animated animate__fadeInDown">Lorem Ipsum Dolor</h2>
</div>
</div>
</div>


<h2 class="animate__animated animate__fadeInDown">Sequi ea ut et est
quaerat</h2>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-

slide="prev">
<span class="carousel-control-prev-icon icofont-simple-left" aria-
hidden="true"></span>
<span class="sr-only">Previous</span>
27
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-

slide="next">
<span class="carousel-control-next-icon icofont-simple-right" aria-
<span class="sr-only">Next</span>
</a>
</div>
</section>
<main id="main">


<section id="about" class="about">
<div class="container" id="video">
<div class="row content">

<div class="col-lg-6">
<h2>Video</h2>
<h3><a href="#video" onclick="">Tutorial Hijab Pashmina</a></h3>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
<div id="vid">
<iframe width="420" height="220"
src="https://www.youtube.com/embed/OoFiyYMPDxM" style="border: 5px solid
black;">
</iframe>
</div>
</p>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.
</p>
</div>
</div>
</div>
28
</section>


<section id="clients" class="clients section-bg">
<div class="row">
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<img src="louisev.jpg" class="img-fluid" alt="">
</div>

<img src="hijabenka.png" class="img-fluid" alt="">
</div>

<img src="givenchy.jpg" class="img-fluid" alt="">
</div>

<img src="supreme.png" class="img-fluid" alt="">
</div>

<img src="gucci.png" class="img-fluid" alt="">
</div>

<img src="offwhite.png" class="img-fluid" alt="">
</div>
</div>
</div>
</section>


<section id="services" class="services">
<div class="container" id="promo">
29
<div class="section-title">
<h2>Promo</h2>
<p style="color: #d9232d;">Promo Bulan Ini</p>
</div>
<div class="row">
<div class="col-md-6">
<div class="icon-box">
<i class=""><img src="tas3.jpg" width="100"></i>
<h4><a href="javascript:void(0)">Lorem Ipsum</a></h4>
<h4>Rp.10.000.000,00-</h4>
<p>Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
occaecati cupiditate non provident</p>
<a href="javascript:void(0)" class="get-started-btn">Beli</a><a
href="javascript:void(0)" class="get-started-btn">Masukkan ke keranjang</a>
</div>
</div>
<div class="col-md-6 mt-4 mt-md-0">
<i class=""><img src="baju3.jpg" width="100"></i>
<h4><a href="javascript:void(0)">Dolor Sitema</a></h4>
<h4>Rp.15.000.000,00-</h4>
<p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat tarad limino ata</p>
</div>
</div>
<h4><a href="javascript:void(0)">Sed ut perspiciatis</a></h4>
<h4>Rp.5.000.000,00-</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur</p>
</div>
</div>
30
<i class=""><img src="hood1.jpg" width="100"></i>
<h4><a href="javascript:void(0)">Nemo Enim</a></h4>
<h4>Rp.21.000.000,00-</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum</p>
</div>
</div>
<i class=""><img src="hood2.webp" width="100"></i>
<h4><a href="javascript:void(0)">Magni Dolore</a></h4>
<h4>Rp.13.000.000,00-</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium voluptatum</p>
</div>
</div>
<h4><a href="javascript:void(0)">Eiusmod Tempor</a></h4>
<h4>Rp.16.000.000,00-</h4>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore,
cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="portfolio">
<div class="container" id="berita">
<h2>Berita</h2>
<p style="color: #d9232d;">Berita Terkini</p>
31
</div>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">Berita Fashion</li>
<li data-filter=".filter-card">Tutorial</li>
<li data-filter=".filter-web">Coming Soon Product</li>
</ul>
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">

<div class="portfolio-wrap">
<img src="news3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Honey, They Shrunk the Ugg Boot</h4>
<p>9 Januari 2021</p>
<div class="portfolio-links">
<a href="news3.jpg" data-gall="portfolioGallery" class="venobox" title="App
1"><i class="bx bx-plus"></i></a>
<a href="https://www.vogue.com/article/mini-ugg-boots-celebrity-style-trend"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Portfolio
Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">

<img src="lv2.jpg" class="img-fluid" alt="">
<h4>Louis Vuitton sur Coat</h4>
<p>Coming Soon</p>
<a href="lv.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i
class="bx bx-plus"></i></a>
32
</div>
</div>
</div>
</div>

<h4>How The United States vs. Billie Holiday Uses Runway Fashion to Honor Its
Radical Muse</h4>
<p>January 12, 2021</p>
<a href="https://www.vogue.com/slideshow/the-united-states-vs-billie-holiday-
prada-designed-costumes" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Portfolio Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">

<img
src="https://s0.bukalapak.com/uploads/content_attachment/fff0e6ba10e8d762c1a2f2c5/
w-744/shutterstock_1184092540.jpg" class="img-fluid" alt="">
<h4>24 Tutorial Hijab Pashmina</h4>
<p>23 Desember 2020</p>
<a href="assets/img/portfolio/portfolio-4.jpg" data-gall="portfolioGallery"
class="venobox" title="Card 2"><i class="bx bx-plus"></i></a>
<a href="https://review.bukalapak.com/fashion/tutorial-hijab-simple-pashmina-
97666" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
33
<img src="lv.jpg" class="img-fluid" alt="">
<h4>Louis Vuitton Wrap Coat</h4>
<p>Coming Soon</p>
</div>
</div>
</div>
</div>

<h4>Johannes Warnke’s Otherworldly Fashions Are Already a Favorite of Lady
Gaga</h4>
<p>January 13, 2021</p>
<a href="https://www.vogue.com/slideshow/johannes-warnke-emerging-
designer-otherworldly-fashion" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
</div>
</div>
</div>
</div>

<img
src="https://s0.bukalapak.com/uploads/content_attachment/f535ee8870e8d762c296f8c5/
w-744/DSC02861.jpg" class="img-fluid" alt="">
<h4>7 Tutorial Hijab Segi Empat</h4>
34
<a
href="https://s0.bukalapak.com/uploads/content_attachment/f535ee8870e8d762c296f8c5
/w-744/DSC02861.jpg" class="venobox" title="Card 1"><i class="bx bx-plus"></i></a>
<a href="https://review.bukalapak.com/fashion/tutorial-hijab-segi-empat-
terbaru-yang-simple-dan-trendi-103627" data-gall="portfolioDetailsGallery" data-
vbtype="iframe" class="venobox" title="Portfolio Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>

<img
src="https://blue.kumparan.com/image/upload/fl_progressive,fl_lossy,c_fill,q_auto:best,w
_640/v1598264862/nupi0smzgf9ntii0xjld.jpg" class="img-fluid" alt="">
<h4>Membuat Baju Tie Dye</h4>
<a
href="https://blue.kumparan.com/image/upload/fl_progressive,fl_lossy,c_fill,q_auto:best,
w_640/v1598264862/nupi0smzgf9ntii0xjld.jpg" data-gall="portfolioGallery"
<a href="https://kumparan.com/kumparanwoman/membuat-baju-putih-kusam-
jadi-menarik-dengan-tie-dye-ini-caranya-1u43phB4XdW" data-gall="portfolioDetailsGallery"
data-vbtype="iframe" class="venobox" title="Portfolio Details"><i class="bx bx-
link"></i></a>
</div>
</div>
</div>
</div>

<img src="lv3.webp" class="img-fluid" alt="">
<h4>Louis Vuitton Cape-Like Coat</h4>
<p>Coming Soon</p>
35
<a href="lv3.webp" data-gall="portfolioGallery" class="venobox" title="Web 3"><i
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>


<footer id="footer" >
<div class="footer-top" style="background-color: #d9232d
;">
<div class="row">
<div class="col-lg-3 col-md-6">

<div class="footer-info">
<h3>GhiNaj Shop</h3>
<p>
Sesame Street <br>
Semarang 523122, Indonesia<br><br>
<strong>Phone:</strong> +62 81904845353<br>
<strong>Email:</strong> ivannanda93@gmail.com<br>
</p>
<div class="social-links mt-3">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 footer-links">
36
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Terms of service</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li>
</ul>
</div>

<h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Pre Order</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Cash on Delivery</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Find Us</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Offline Shop</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Credit Card Set</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 footer-newsletter">

<h4>Our Newsletter</h4>
<p>Receive an update to your E-mail!</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe"
style="background-color: #4a5562;">
</form>
</div>
</div>
</div>
</div>
<div class="copyright" >
© Copyright <strong><span>GhiNaj Shop</span></strong>. All Rights Reserved
</div>
<div class="credits" >

37



Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer>
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>


<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>


<script src="assets/js/main.js"></script>
</body>
</html>
38
 Halaman Admin
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Admin-GhiNaj Shop</title>



<link

39

</head>
<body>


<h1 class="logo me-auto"><a href="admin.php" style="color: #d9232d;">GhiNaj

Shop</a></h1>
<ul>
<li class="active"><a href="admin.php">Home</a></li>
<li class="drop-down"><a href="#">Master</a>
<ul>
<li><a href="adminberita.php">Berita</a></li>
<li><a href="adminproduk.php">Produk</a></li>
<li><a href="adminpesanan.php">Pesanan</a></li>
<li><a href="adminvideo.php">Video</a></li>
</ul>
</li>
<li>
</li>
</ul>
40
</div>


<section id="hero">
<div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-
bs-ride="carousel">
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">


<div class="carousel-item active" style="background-image: url(slider1.jpg)">
<h2 class="animate__animated animate__fadeInDown">Welcome to <span>GhiNaj
Shop</span></h2>
</div>
</div>
</div>


<h2 class="animate__animated animate__fadeInDown">Lorem Ipsum Dolor</h2>
41
</div>
</div>
</div>


<h2 class="animate__animated animate__fadeInDown">Sequi ea ut et est
quaerat</h2>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-

slide="prev">
<span class="carousel-control-prev-icon icofont-simple-left" aria-
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-

slide="next">
<span class="carousel-control-next-icon icofont-simple-right" aria-
<span class="sr-only">Next</span>
</a>
</div>
</section>
42
<main id="main">


<section id="about" class="about">
<div class="row content">

<h2>Video</h2>
<h3><a href="#about" id="about" onclick="">Tutorial Hijab Pashmina</a></h3>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
<div id="vid">
<iframe width="420" height="220"
src="https://www.youtube.com/embed/OoFiyYMPDxM"
style="border: 5px solid black;">
</iframe>
</div>
</p>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.
</p>
</div>
</div>
</div>
</section>


<section id="clients" class="clients section-bg">
<div class="row">

<img src="louisev.jpg" class="img-fluid" alt="">
</div>
43
<img src="hijabenka.png" class="img-fluid" alt="">
</div>

<img src="givenchy.jpg" class="img-fluid" alt="">
</div>

<img src="supreme.png" class="img-fluid" alt="">
</div>

<img src="gucci.png" class="img-fluid" alt="">
</div>

<img src="offwhite.png" class="img-fluid" alt="">
</div>
</div>
</div>
</section>


<section id="services" class="services">
<h2>Promo</h2>
<p style="color: #d9232d;">Promo Bulan Ini</p>
</div>
<div class="row">
<h4><a href="javascript:void(0)">Lorem Ipsum</a></h4>
<h4>Rp.10.000.000,00-</h4>
44
<p>Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
occaecati cupiditate non provident</p>
</div>
</div>
<h4><a href="javascript:void(0)">Dolor Sitema</a></h4>
<h4>Rp.15.000.000,00-</h4>
<p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat tarad limino ata</p>
</div>
</div>
<h4><a href="javascript:void(0)">Sed ut perspiciatis</a></h4>
<h4>Rp.5.000.000,00-</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur</p>
</div>
</div>
<i class=""><img src="hood1.jpg" width="100"></i>
<h4><a href="javascript:void(0)">Nemo Enim</a></h4>
<h4>Rp.21.000.000,00-</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum</p>
</div>
</div>
45
<i class=""><img src="hood2.webp" width="100"></i>
<h4><a href="javascript:void(0)">Magni Dolore</a></h4>
<h4>Rp.13.000.000,00-</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium voluptatum</p>
</div>
</div>
<h4><a href="javascript:void(0)">Eiusmod Tempor</a></h4>
<h4>Rp.16.000.000,00-</h4>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore,
cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="portfolio">
<h2>Berita</h2>
<p style="color: #d9232d;">Berita Terkini</p>
</div>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">Berita Fashion</li>
<li data-filter=".filter-card">Tutorial</li>
<li data-filter=".filter-web">Coming Soon Product</li>
</ul>
</div>
46
</div>
<div class="row portfolio-container">

<h4>Honey, They Shrunk the Ugg Boot</h4>
<a href="https://www.vogue.com/article/mini-ugg-boots-celebrity-style-trend"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Portfolio
Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>

<img src="lv2.jpg" class="img-fluid" alt="">
<h4>Louis Vuitton sur Coat</h4>
<p>Coming Soon</p>
</div>
</div>
</div>
</div>

<h4>How The United States vs. Billie Holiday Uses Runway Fashion to Honor Its
Radical Muse</h4>
47
<p>January 12, 2021</p>
<a href="https://www.vogue.com/slideshow/the-united-states-vs-billie-holiday-
prada-designed-costumes" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
</div>
</div>
</div>
</div>

<img
src="https://s0.bukalapak.com/uploads/content_attachment/fff0e6ba10e8d762c1a2f2c5/
w-744/shutterstock_1184092540.jpg" class="img-fluid" alt="">
<h4>24 Tutorial Hijab Pashmina</h4>
<a href="assets/img/portfolio/portfolio-4.jpg" data-gall="portfolioGallery"
<a href="https://review.bukalapak.com/fashion/tutorial-hijab-simple-pashmina-
97666" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>

<img src="lv.jpg" class="img-fluid" alt="">
<h4>Louis Vuitton Wrap Coat</h4>
<p>Coming Soon</p>
</div>
48
</div>
</div>
</div>

<h4>Johannes Warnke’s Otherworldly Fashions Are Already a Favorite of Lady
Gaga</h4>
<p>January 13, 2021</p>
<a href="https://www.vogue.com/slideshow/johannes-warnke-emerging-
designer-otherworldly-fashion" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
</div>
</div>
</div>
</div>

<img
src="https://s0.bukalapak.com/uploads/content_attachment/f535ee8870e8d762c296f8c5/
w-744/DSC02861.jpg" class="img-fluid" alt="">
<h4>7 Tutorial Hijab Segi Empat</h4>
<a
href="https://s0.bukalapak.com/uploads/content_attachment/f535ee8870e8d762c296f8c5
/w-744/DSC02861.jpg" class="venobox" title="Card 1"><i class="bx bx-plus"></i></a>
<a href="https://review.bukalapak.com/fashion/tutorial-hijab-segi-empat-
terbaru-yang-simple-dan-trendi-103627" data-gall="portfolioDetailsGallery" data-
vbtype="iframe" class="venobox" title="Portfolio Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
49
<img
src="https://blue.kumparan.com/image/upload/fl_progressive,fl_lossy,c_fill,q_auto:best,w
_640/v1598264862/nupi0smzgf9ntii0xjld.jpg" class="img-fluid" alt="">
<h4>Membuat Baju Tie Dye</h4>
<a
href="https://blue.kumparan.com/image/upload/fl_progressive,fl_lossy,c_fill,q_auto:best,
w_640/v1598264862/nupi0smzgf9ntii0xjld.jpg" data-gall="portfolioGallery"
<a href="https://kumparan.com/kumparanwoman/membuat-baju-putih-kusam-
jadi-menarik-dengan-tie-dye-ini-caranya-1u43phB4XdW" data-gall="portfolioDetailsGallery"
data-vbtype="iframe" class="venobox" title="Portfolio Details"><i class="bx bx-
link"></i></a>
</div>
</div>
</div>
</div>

<img src="lv3.webp" class="img-fluid" alt="">
<h4>Louis Vuitton Cape-Like Coat</h4>
<p>Coming Soon</p>
<a href="lv3.webp" data-gall="portfolioGallery" class="venobox" title="Web 3"><i
</div>
</div>
</div>
</div>
</div>
</div>
</section>
50


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

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

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

</body>
</html>
53
 Login Page
<?php
session_start();
require 'functions.php';
if (isset($_POST["login"])) {
$username = $_POST["username"];
$password = $_POST["password"];
$_SESSION['username'] = $_POST["username"];
$result = mysqli_query($conn,"SELECT * FROM users WHERE username = '$username'");
if (mysqli_num_rows($result) === 1) {
$row = mysqli_fetch_assoc($result);
if(password_verify($password, $row["password"]) && $username === "admin") {
$_SESSION['login'] = true;
header("Location: admin.php");
exit;
} else if (password_verify($password, $row["password"])) {
$_SESSION['login'] = true;
header("Location: index.html");
exit;
}
$error = true;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Login Page</title>
<link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap"
rel="stylesheet">
54
<link rel="stylesheet"
href="https://cdn.materialdesignicons.com/4.8.95/css/materialdesignicons.min.css">
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/login.css">
</head>
<body>
<main class="d-flex align-items-center min-vh-100 py-3 py-md-0">
<div class="card login-card">
<div class="row no-gutters">
<img
src="https://st3.depositphotos.com/12985790/16063/i/600/depositphotos_160634808-
stock-photo-stylish-clothes-on-hangers.jpg" alt="login" class="login-card-img"
style="width:476;height:663">
</div>
<div class="card-body">
<div class="brand-wrapper">
<a href="" style="text-decoration: none; color: black; font-size: 25px;font-weight:
bold;"><img src="https://www.heartinternet.co.uk/blog/wp-
content/uploads/2009/07/heartInternetLogoRGB-justswirl-2.jpg" style="width:
50px">GhiNaj Shop</a>
</div>
<p class="login-card-description">Sign into your account</p>
<?php if (isset($error)) :?>
<p style="color: red;text-decoration: bold;">Wrong Email or
Password!</p>
<?php endif; ?>
<form action="" method="POST">
<label for="username" class="sr-only">Username</label>
<input type="username" name="username" id="username" class="form-control"
placeholder="Username">
<label for="password" class="sr-only">Password</label>
<input type="password" name="password" id="password" class="form-control"
placeholder="***********">
<button type="Submit" class="btn btn-block login-btn mb-4"
name="login">Login</button>
</form>
<a href="#!" class="forgot-password-link">Forgot password?</a>
55
<p class="login-card-footer-text">Don't have an account? <a href="register.php"
class="text-reset">Register here</a></p>
<nav class="login-card-footer-nav">
<a href="#!">Terms of use.</a>
<a href="#!">Privacy policy</a>
</nav>
</div>
</div>
</div>
</div>

</div>
56
</main>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>
 Register Page
<?php
if(isset($_POST["register"])) {
if(registrasi($_POST) > 0) {
echo "<script>
alert('user baru berhasil ditambahkan')
</script>";
} else {
echo mysqli_error($conn);
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Register Page</title>
<link href="https://www.heartinternet.co.uk/blog/wp-
content/uploads/2009/07/heartInternetLogoRGB-justswirl-2.jpg" rel="icon">
<link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap"
rel="stylesheet">
href="https://cdn.materialdesignicons.com/4.8.95/css/materialdesignicons.min.css">
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/login.css">
</head>
<body>
57
<main class="d-flex align-items-center min-vh-100 py-3 py-md-0">
<div class="card login-card">
<div class="row no-gutters">
<img
src="https://st3.depositphotos.com/12985790/16063/i/600/depositphotos_160634808-
stock-photo-stylish-clothes-on-hangers.jpg" alt="login" class="login-card-img"
style="width:476;height:663">
</div>
<div class="brand-wrapper">
<a href="" style="text-decoration: none; color: black; font-size: 25px;font-weight:
bold;"><img src="https://www.heartinternet.co.uk/blog/wp-
content/uploads/2009/07/heartInternetLogoRGB-justswirl-2.jpg" style="width:
50px">GhiNaj Shop</a>
</div>
<p class="login-card-description">Register</p>
<?php if (isset($error)) :?>
<p style="color: red;text-decoration: bold;">Wrong Email or
Password!</p>
<?php endif; ?>
<form action="" method="POST">
<label for="username" class="sr-only">Username</label>
<input type="username" name="username" id="username" class="form-control"
placeholder="Username">
placeholder="Password">
<label for="password" class="sr-only">Konfirmasi Password</label>
<input type="password" name="password2" id="password2" class="form-
control" placeholder="Konfirmasi Password">
<button type="Submit" class="btn btn-block login-btn mb-4"
name="register">Register</button>
</form>
<a href="#!" class="forgot-password-link">Forgot password?</a>
<p class="login-card-footer-text">Already have an account? <a href="login.php"
class="text-reset">Sign in here</a></p>
<nav class="login-card-footer-nav">
<a href="#!">Terms of use.</a>
58
<a href="#!">Privacy policy</a>
</nav>
</div>
</div>
</div>
</div>
</main>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>
 Halaman Pakaian -> Wanita
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pakaian Wanita - GhiNaj Shop</title>



59
<link



</head>
<body>



Shop</a></h1>
<ul>
60
<ul>
</ul>
</li>
<li><a href="index.html#promo">Promo</a></li>
<li><a href="index.html#berita">Berita</a></li>
<li><a href="index.html#video">Video</a></li>
</li>
<li>
</li>
</ul>

</div>
<main id="main">


<section id="breadcrumbs" class="breadcrumbs">
<div class="d-flex justify-content-between align-items-center">

<h2>Pakaian Wanita</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>Pakaian Wanita</li>
</ol>
61
</div>
</div>
</section>


<section id="team" class="team ">
<div class="row">
<div class="col-lg-6" >

<div class="member d-flex align-items-start">
<div class="pic"><img src="lv4.jpg" class="img-fluid" alt=""></div>
<div class="member-info" >
<h4 style="color: #d9232d;">Louis Vuitton Circle Out Hoodie</h4>
<span>Rp.24.300.000,00-</span>
<a href="javascript:void(0)" class="get-started-btn">Buy Now</a>
<a href="javascript:void(0)" class="get-started-btn">Add to Cart</a>
</div>
</div>
</div>
<div class="col-lg-6 mt-4 mt-lg-0">

<div class="pic"><img src="lv2.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4 style="color: #d9232d;">Givenchy</h4>
<span>Rp.12.500.000,00-</span>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">

<div class="pic"><img src="lv.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Gucci</h4>
<span>Rp.14.000.000,00-</span>
62
</div>
</div>
</div>

<div class="pic"><img src="lv3.webp" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">H&M</h4>
<span>Rp.1.400.000,00-</span>
<div class="social" color: #d9232d;>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


;">
<div class="row">

<p>
Sesame Street <br>
63
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
65
 Halaman Pakaian -> Pria
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pakaian Pria - GhiNaj Shop</title>




<link

66

</head>
<body>



Shop</a></h1>
<ul>
<li class="active"><a href="index.php">Home</a></li>
<li class="drop-down"><a href="#">Pakaian</a>

<ul>
<li><a href="wanita.php">Wanita</a></li>
<li><a href="pria.php">Pria</a></li>
<li><a href="sport.php">Sport</a></li>
</ul>
</li>
<li><a href="hijab.php">Hijab</a></li>
<li><a href="asesoris.php">Asesoris</a></li>
<li><a href="">Promo</a></li>
<li><a href="">Berita</a></li>
<li><a href="">Video</a></li>
67
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Pakaian Pria</h2>
<ol>
<li>Pakaian Pria</li>
</ol>
</div>
</div>


<div class="row">

<div class="pic"><img src="offwhite.jpeg" class="img-fluid" alt=""></div>
68
<h4 style="color: #d9232d;">Off White</h4>
<span>Rp.4.300.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="hood1.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Louis Vuitton</h4>
<span>Rp.1.500.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="baju2.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Givenchy</h4>
<span>Rp.4.000.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="baju1.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">H&M</h4>
<span>Rp.1.450.000,00-</span>
69
</div>
</div>
</div>
</div>
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>
70
<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
 Halaman Pakaian -> Sport
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
72
<head>
<title>Pakaian Sport - GhiNaj Shop</title>




<link



</head>
<body>

73

Shop</a></h1>
<ul>
<li class="active"><a href="index.php">Home</a></li>
<li class="drop-down"><a href="#">Pakaian</a>

<ul>
<li><a href="wanita.php">Wanita</a></li>
<li><a href="pria.php">Pria</a></li>
<li><a href="sport.php">Sport</a></li>
</ul>
</li>
<li><a href="hijab.php">Hijab</a></li>
<li><a href="asesoris.php">Asesoris</a></li>
<li><a href="">Promo</a></li>
<li><a href="">Berita</a></li>
<li><a href="">Video</a></li>
</li>
<li>
</li>
</ul>

</div>
74
<main id="main">



<h2>Pakaian Sport</h2>
<ol>
<li>Pakaian Sport</li>
</ol>
</div>
</div>


<div class="row">

<div class="pic"><img src="nike.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Nike</h4>
<span>Rp.1.300.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="ua.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Under Armour</h4>
75
<span>Rp.500.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="adidas.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Adidas</h4>
<span>Rp.14.000.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="gatorade.png" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Gatorade</h4>
<span>Rp.12.400.000,00-</span>
</div>
</div>
</div>
</div>
</div>
</div>
76

;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

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

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

78

</body>
</html>
 Halaman Hijab
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hijab - GhiNaj Shop</title>



79
<link



</head>
<body>



Shop</a></h1>
<ul>
80
<ul>
</ul>
</li>
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Hijab</h2>
<ol>
<li>Hijab</li>
</ol>
81
</div>
</div>


<div class="row">

<div class="pic"><img src="hijab2.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Rabbani</h4>
<span>Rp.300.000,00-</span>
</div>
</div>
</div>

<h4 style="color: #d9232d;">Elzatta</h4>
<span>Rp.500.000,00-</span>
</div>
</div>
</div>

<h4 style="color: #d9232d;">Meccanism</h4>
<span>Rp.200.000,00-</span>
82
</div>
</div>
</div>

<h4 style="color: #d9232d;">Jenahara</h4>
<span>Rp.400.000,00-</span>
</div>
</div>
</div>
</div>
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
83
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
85
 Halaman Asesoris
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hijab - GhiNaj Shop</title>




<link

86

</head>
<body>



Shop</a></h1>
<ul>

<ul>
</ul>
</li>
87
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Hijab</h2>
<ol>
<li>Hijab</li>
</ol>
</div>
</div>


<div class="row">

<div class="pic"><img src="ice.jpg" class="img-fluid" alt=""></div>
88
<h4 style="color: #d9232d;">Kalung Diamond Ice King</h4>
<span>Rp.300.000.000,00-</span>
</div>
</div>
</div>

<div class="pic"><img src="ice3.jpg" class="img-fluid" alt=""></div>
<h4 style="color: #d9232d;">Anting Diamond Signature Gipzha</h4>
<span>Rp.150.000.000,00-</span>
</div>
</div>
</div>

<h4 style="color: #d9232d;">Cincin Diamond Jewelry Design</h4>
<span>Rp.200.000.000,00-</span>
</div>
</div>
</div>

<h4 style="color: #d9232d;">Kalung Gold Platted Diamond</h4>
<span>Rp.1.400.000.000,00-</span>
89
</div>
</div>
</div>
</div>
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>
90
<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
 Halaman Kontak
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
92
<head>
<title>Admin-GhiNaj Shop</title>



<link



</head>
<body>

93

Shop</a></h1>
<ul>

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

</div>
94
<main id="main">



<h2>Contact</h2>
<ol>
<li>Contact</li>
</ol>
</div>
</div>


<section id="contact" class="contact">
<div>
<iframe style="border:0; width: 100%; height: 270px;"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1979.972655183616
3!2d110.45021545791596!3d-
7.015714536604607!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e708c5feb
f48dad%3A0xd18970058d372d53!2sJl.%20Rogojembangan%20Timur%20VI%20No.10%2C%
20Tandang%2C%20Kec.%20Tembalang%2C%20Kota%20Semarang%2C%20Jawa%20Tengah
%2050274!5e0!3m2!1sen!2sid!4v1610956022983!5m2!1sen!2sid" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="row mt-5">
<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Location:</h4>
<p>Sesame Street, Semarang, Indonesia 523122</p>
95
</div>
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>ivannanda93@gmail.com</p>
</div>
<div class="phone">
<i class="icofont-phone"></i>
<h4>Call:</h4>
<p>+62 81904845353</p>
</div>
</div>
</div>
<form action="forms/contact.php" method="post" role="form" class="php-email-

form">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of
subject" />
</div>
<div class="form-group mt-3">
96
<textarea class="form-control" name="message" rows="5" data-rule="required"
data-msg="Please write something for us" placeholder="Message"></textarea>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
97
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
99
 Admin Page -> Master -> Berita
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Master Berita - GhiNaj Shop</title>




<link

100


</head>
<body>



Shop</a></h1>
<ul>
<ul>
</ul>
</li>
101
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Berita</h2>
<ol>
<li>Master</li>
<li>Berita</li>
</ol>
</div>
</div>


<div class="row">
102
<h3 class="page-header"><i class="fa fa-laptop"></i> Masters</h3>
<ol class="breadcrumb">
<li><i class="fa fa-home"></i><a href="index.php"></a></li>
<li><i class="fa fa-laptop"></i>Berita</li>
</ol>
</div>
</div>
<a class="btn btn-primary" href="input_berita.php">Tambah Berita</a>
<div class="row">
<section class="panel">
<header class="panel-heading">
</header>
<table class="table table-striped table-advance table-hover">

<tbody>
<tr>
<th><i class="icon_profile"></i> Judul</th>
<th><i class="icon_profile"></i> Kategori</th>
<th><i class="icon_mail_alt"></i> Headline</th>
<th><i class="icon_pin_alt"></i> Isi</th>
<th><i class="icon_mobile"></i> Pengirim</th>
<th><i class="icon_calendar"></i> Date</th>
<th><i class="icon_cogs"></i> Action</th>
</tr>
<?php
$news = query("SELECT * FROM berita ORDER BY id_berita DESC"); ?>
<?php foreach($news as $berita) :?>
<?php
$idkategori = $berita['id_kategori'];
$category = query("SELECT * FROM kategori WHERE id_kategori = $idkategori")[0];
$id=$berita['id_berita'];
$nama = stripslashes($berita['judul']);
$kategori = stripslashes($category["nama_kategori"]);
$headline = stripslashes($berita['headline']);
$isi = stripslashes($berita['isi']);
103
$pengirim = stripslashes($berita['pengirim']);
$time = $berita['tanggal'];
?>
<tr>
<td>
<?php echo $nama;?>
</td>
<td>
<?php echo $kategori;?>
</td>
<td>
<?php echo $headline;?>
</td>
<td>
<?php echo $isi;?>
</td>
<td>
<?php echo $pengirim;?>
</td>
<td>
<?php echo $time;?>
</td>
<td>
<div class="btn-group">
<a class="btn btn-success" href="edit_berita.php?id=<?=

$berita["id_berita"]?>">O</i></a>
<a class="btn btn-danger" href="hapus.php?id=<?=
$berita["id_berita"]?>" onclick="return confirm('Yakin?')">X</a>
</div>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
</section>
</div>
</div>
104
</div>
</div>
</div>
</div>
</div>
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>
105
<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
 Admin Page -> Master -> Input Berita
<?php
session_start();
107
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Input Berita - Admin GhiNaj Shop</title>




<link


108

</head>
<body>



Shop</a></h1>
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>
109
</div>
<main id="main">



<h2>Berita</h2>
<ol>
<li>Master</li>
<li>Berita</li>
</ol>
</div>
</div>


<div class="row">
<?php
//proses input berita
if (isset($_POST['Input'])) {
$judul = addslashes (strip_tags ($_POST['judul']));
$kategori = $_POST['kategori'];
$headline = addslashes (strip_tags ($_POST['headline']));
110
$isi = addslashes (strip_tags ($_POST['isi']));
$pengirim = addslashes (strip_tags ($_POST['pengirim']));
//insert ke tabel
$query = "INSERT INTO berita(id_kategori,judul,headline,isi,pengirim,tanggal)
VALUES('$kategori','$judul','$headline','$isi','$pengirim',now())";
$sql = mysqli_query ($conn,$query);
if ($sql) {
//echo "<h2><font color=blue>Berita telah berhasil ditambahkan</font></h2>";
?>
<script language="JavaScript">
alert('Berita berhasil ditambahkan......');
document.location='adminberita.php';
</script>
<?php
} else {
echo "<h2><font color=red>Berita gagal ditambahkan</font></h2>";
}
}
?>
<html>
<head><title>Input Berita</title>
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Berita</h3>
</ol>
</div>
</div>
111
<FORM ACTION="" METHOD="POST" NAME="input">
<table cellpadding="0" cellspacing="0" border="0" width="90%">
<tr>
<td width="200">Judul Berita</td>
<td>: <input type="text" name="judul"
size="30"></td>
</tr>
<tr>
<td>Kategori</td>
<td>:
<select name="kategori">
<?php
$query = "SELECT id_kategori, nama_kategori FROM kategori ORDER BY nama_kategori";
while ($hasil = mysqli_fetch_array ($sql)) {
echo "<option
value='$hasil[id_kategori]'>$hasil[nama_kategori]</option>";
}
?>
</select></td>
</tr>
<tr>
<td>Headline Berita</td>
<td>: <textarea name="headline" cols="50" rows="4">
</textarea></td>
</tr>
<tr>
<td>Isi Berita</td>
<td>: <textarea name="isi" cols="50" rows="4">
</textarea>
</td>
</tr>
<tr>
<td>Pengirim</td>
<td>: <input type="text" name="pengirim" size="20">
</td>
</tr>
112
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Berita">
<input type="button" name="Cancel" value="Cancel" onClick="batal()">
</td>
</tr>
</table>
</FORM>
</body>

<script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script>
</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>


;">
<div class="row">

113
<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>
114
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

115

</body>
</html>
 Admin Page -> Master -> Edit Berita
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Edit Berita - Admin GhiNaj Shop</title>




<link
116



</head>
<body>



Shop</a></h1>
<ul>
117
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Berita</h2>
<ol>
<li>Master</li>
<li>Berita</li>
</ol>
</div>
</div>
118


<div class="row">
<?php
$id = $_GET["id"];
// query data mahasiswa berdasarkan id
$news = query("SELECT * FROM berita WHERE id_berita = $id")[0];
if (isset($_POST["Input"])) {
if (ubahberita($_POST) > 0 ) {
echo "
<script>
alert('Data berhasil diubah');
document.location.href = 'adminberita.php';di
</script>
";
} else {
echo "
<script>
alert('Data gagal diubah');
document.location.href = 'adminberita.php';
</script>
";
};
}
?>
<html>
<head><title>Input Berita</title>
function batal(){
119
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Berita</h3>
</ol>
</div>
</div>
<input type="hidden" name="id" value="<?= $news['id_berita'] ?>">
<tr>
<td width="200">Judul Berita</td>
<td>: <input type="text" name="judul" id="judul" required="required" value = "<?=
$news['judul']?>"></td>
</tr>
<tr>
<td>Kategori</td>
<td>:
<select name="kategori" >
<?php
$query = "SELECT id_kategori, nama_kategori FROM kategori ORDER BY nama_kategori";
echo "<option
}
?>
</select></td>
</tr>
<tr>
<td>Headline Berita</td>
<td>: <textarea name="headline" cols="50" rows="4">
<?= $news['headline']?>
120
</textarea></td>
</tr>
<tr>
<td>Isi Berita</td>
<td>: <textarea name="isi" cols="50" rows="4" >
<?= $news['isi']?>
</textarea>
</td>
</tr>
<tr>
<td>Pengirim</td>
<td>: <input type="text" name="pengirim" size="20" value = "<?= $news['pengirim']?>">
</td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Berita">
</td>
</tr>
</table>
</FORM>
</body>

</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>
121


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

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

<ul>
</ul>
</div>

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


</body>
</html>
 Admin Page -> Master -> Produk
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
124
<title>Master Produk - GhiNaj Shop</title>




<link



</head>
<body>
125


Shop</a></h1>
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">
126


<h2>Produk</h2>
<ol>
<li>Master</li>
<li>Produk</li>
</ol>
</div>
</div>


<div class="row">
<li><i class="fa fa-laptop"></i>Produk</li>
</ol>
</div>
</div>
<a class="btn btn-primary" href="input_produk.php">Tambah Produk</a>
<div class="row">
</header>
127
<tbody>
<tr>
<th><i class="icon_profile"></i> Gambar</th>
<th><i class="icon_mail_alt"></i> Nama</th>
<th><i class="icon_pin_alt"></i> Kategori</th>
<th><i class="icon_mobile"></i> Stok</th>
</tr>
<?php
$products = query("SELECT * FROM produk ORDER BY id DESC");?>
<?php foreach($products as $product) :?>
<?php
$idkategori = $product['id_kategori'];
$category = query("SELECT * FROM kategoripesanan WHERE id_kategori =
$idkategori")[0];
$id=$product['id'];
$nama = stripslashes($product['nama']);
$gambar = stripslashes($product['gambar']);
$kategori = stripslashes($category["nama_kategori"]);
$jumlah = stripslashes($product['jumlah']);
?>
<tr>
<td>
<img src="<?= $gambar ?>" width = "100">
</td>
<td>
<?php echo $nama;?>
</td>
<td>
<?php echo $kategori;?>
</td>
<td>
<?php echo $jumlah;?>
</td>
<td>
128
<a class="btn btn-success" href="edit_produk.php?id=<?=
$product["id"]?>">O</i></a>
<a class="btn btn-danger" href="hapusproduk.php?id=<?=
$product["id"]?>" onclick="return confirm('Yakin?')">X</a>
</div>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>


;">
<div class="row">

<p>
129
Sesame Street <br>
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>
130
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

131

</body>
</html>
 Admin Page -> Master -> Input Produk
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Input Produk - Admin GhiNaj Shop</title>




<link
132



</head>
<body>



Shop</a></h1>
<ul>
133
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Produk</h2>
<ol>
<li>Master</li>
<li>Produk</li>
</ol>
</div>
</div>
134


<div class="row">
<?php
$nama = htmlspecialchars($_POST["nama"]);
$kategori = $_POST['id_kategori'];
$gambar = htmlspecialchars($_POST["gambar"]);
$jumlah = htmlspecialchars($_POST["jumlah"]);
//insert ke tabel
$query = "INSERT INTO produk(id_kategori,gambar,nama,jumlah)
VALUES('$kategori','$gambar','$nama','$jumlah')";
if ($sql) {
?>
alert('produk berhasil ditambahkan......');
document.location='adminproduk.php';
</script>
<?php
} else {
echo "<h2><font color=red>Produk gagal ditambahkan</font></h2>";
}
}
?>
<html>
<head><title>Input Produk</title>
135
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Produk</h3>
</ol>
</div>
</div>
<tr>
<td width="200">Nama Produk</td>
<td>: <input type="text" name="nama"
size="50" required="required"></td>
</tr>
<tr>
<td>Kategori</td>
<td>:
<select name="id_kategori">
<?php
$query = "SELECT id_kategori, nama_kategori FROM kategoripesanan ORDER BY
nama_kategori";
echo "<option
}
?>
</select></td>
</tr>
<tr>
136
<td>Gambar Produk</td>
<td>: <input type="text" name="gambar"
</tr>
<tr>
<td>Stok Produk</td>
<td>: <input type="number" name="jumlah"
required="required" min="0" step="1" size="1"></td>
</td>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Produk">
</td>
</tr>
</table>
</FORM>
</body>

</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>

137
;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

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

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


</body>
</html>
 Admin Page -> Master -> Edit Produk
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Edit Produk - Admin GhiNaj Shop</title>

140



<link



</head>
<body>


141
Shop</a></h1>
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">


142
<h2>Produk</h2>
<ol>
<li>Master</li>
<li>Produk</li>
</ol>
</div>
</div>


<div class="row">
<?php
$id = $_GET["id"];
$produk = query("SELECT * FROM produk WHERE id = $id")[0];
if (ubahproduk($_POST) > 0 ) {
echo "
<script>
document.location.href = 'adminproduk.php';di
</script>
";
} else {
echo "
<script>
document.location.href = 'adminproduk.php';
143
</script>
";
};
}
?>
<html>
<head><title>Input Produk</title>
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Produk</h3>
</ol>
</div>
</div>
<input type="hidden" name="id" value="<?= $produk['id'] ?>">
<tr>
<td width="200">Nama</td>
<td>: <input type="text" name="nama" id="nama" size="50" required="required" value =
"<?= $produk['nama']?>"></td>
</tr>
<tr>
<td>Kategori</td>
<td>:
<select name="kategori" >
<?php
$query = "SELECT id_kategori, nama_kategori FROM kategoripesanan ORDER BY
nama_kategori";
144
echo "<option
}
?>
</select></td>
</tr>
<tr>
<td>Gambar Produk</td>
<td>: <input type="text" name="gambar" id="gambar" size="30" required="required" value
= "<?= $produk['gambar']?>"></td>
</tr>
<tr>
<td>Stok Produk</td>
<td>: <input type="number" name="jumlah" min="0" step="1" id="jumlah"
required="required" value = "<?= $produk['jumlah']?>"></td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Produk">
</td>
</tr>
</table>
</FORM>
</body>

</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
145
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

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

<ul>
</ul>
</div>

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


</body>
</html>
 Admin Page -> Master -> Pesanan
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
148
<head>
<title>Master Pesanan - GhiNaj Shop</title>




<link



</head>
149
<body>



Shop</a></h1>
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
150
<main id="main">



<h2>Pesanan</h2>
<ol>
<li>Master</li>
<li>Pesanan</li>
</ol>
</div>
</div>


<div class="row">
<li><i class="fa fa-laptop"></i>Pesanan</li>
</ol>
</div>
</div>
<a class="btn btn-primary" href="input_pesanan.php">Tambah Pesanan</a>
<div class="row">
151
</header>

<tbody>
<tr>
<th><i class="icon_profile"></i> Nama Pemesan</th>
<th><i class="icon_mail_alt"></i> Alamat Pemesan</th>
<th><i class="icon_pin_alt"></i>Nama Produk</th>
<th><i class="icon_mobile"></i> Jumlah Produk</th>
<th><i class="icon_calendar"></i> Date</th>
</tr>
<?php
$orders = query("SELECT * FROM pesanan ORDER BY id DESC"); ?>
<?php foreach($orders as $order) :?>
<?php
$id=$order['id'];
$nama = stripslashes($order['nama']);
$alamat = stripslashes($order['alamat']);
$produk = stripslashes($order['produk']);
$jumlah = stripslashes($order['jumlah']);
$time = $order['tanggal'];
?>
<tr>
<td>
<?php echo $nama;?>
</td>
<td>
<?php echo $alamat;?>
</td>
<td>
<?php echo $produk;?>
</td>
<td>
<?php echo $jumlah;?>
</td>
<td>
152
<?php echo $time;?>
</td>
<td>
<a class="btn btn-success" href="edit_pesanan.php?id=<?=

$order["id"]?>">O</i></a>
<a class="btn btn-danger" href="hapuspesanan.php?id=<?=
$order["id"]?>" onclick="return confirm('Yakin?')">X</a>
</div>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>


;">
<div class="row">
153
<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

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

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

155

</body>
</html>
 Admin Page -> Master -> Input Pesanan
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Input Pesanan - Admin GhiNaj Shop</title>



156
<link



</head>
<body>



Shop</a></h1>
157
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Pesanan</h2>
<ol>
<li>Master</li>
<li>Pesanan</li>
</ol>
158
</div>
</div>


<div class="row">
<?php
$nama = addslashes (strip_tags ($_POST['nama']));
$alamat = $_POST['alamat'];
$produk = addslashes (strip_tags ($_POST['produk']));
$jumlah = addslashes (strip_tags ($_POST['jumlah']));
//insert ke tabel
$query = "INSERT INTO pesanan(nama,alamat,produk,jumlah,tanggal)
VALUES('$nama','$alamat','$produk','$jumlah',now())";
if ($sql) {
?>
alert('Pesanan berhasil ditambahkan......');
document.location='adminpesanan.php';
</script>
<?php
} else {
echo "<h2><font color=red>Pesanan gagal ditambahkan</font></h2>";
}
}
159
?>
<html>
<head><title>Input Pesanan</title>
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Pesanan</h3>
</ol>
</div>
</div>
<tr>
<td width="200">Nama Pemesan</td>
<td>: <input type="text" name="nama"
</tr>
<tr>
<td>Alamat Pemesan</td>
<td>: <textarea name="alamat" cols="50" rows="4" required="required">
</textarea></td>
</tr>
<tr>
<td>Nama Produk</td>
<td>: <select name="produk">
<?php
$query = "SELECT id, nama FROM produk ORDER BY nama";
echo "<option
160
value='$hasil[nama]'>$hasil[nama]</option>";
}
?>
</select>
</td>
</tr>
<tr>
<td>Jumlah Produk</td>
<td>: <input type="number" name="jumlah" size="1" required="required" min="0"
step="1">
</td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Pesanan">
</td>
</tr>
</table>
</FORM>
</body>

</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>
161


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

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

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


</body>
</html>
 Admin Page -> Master -> Edit Pesanan
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
164
<title>Edit Pesanan - Admin GhiNaj Shop</title>



<link



</head>
<body>

165

Shop</a></h1>
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">


166

<h2>Pesanan</h2>
<ol>
<li>Master</li>
<li>Pesanan</li>
</ol>
</div>
</div>


<div class="row">
<?php
$id = $_GET["id"];
$order = query("SELECT * FROM pesanan WHERE id = $id")[0];
if (ubahorder($_POST) > 0 ) {
echo "
<script>
document.location.href = 'adminpesanan.php';di
</script>
";
} else {
echo "
167
<script>
document.location.href = 'adminpesanan.php';
</script>
";
};
}
?>
<html>
<head><title>Input Pesanan</title>
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Pesanan</h3>
</ol>
</div>
</div>
<input type="hidden" name="id" value="<?= $order['id'] ?>">
<tr>
<td width="200">Nama Pemesan</td>
<td>: <input type="text" name="nama" id="nama" required="required" value = "<?=
$order['nama']?>" size="50"></td>
</tr>
<tr>
<td>Alamat Pemesan</td>
<td>: <textarea name="alamat" cols="50" rows="4" required="required">
<?= $order['alamat']?>
</textarea></td>
</tr>
168
<tr>
<td>Nama Produk</td>
<td>: <select name="produk">
<?php
$query = "SELECT id, nama FROM produk ORDER BY nama";
echo "<option
value='$hasil[nama]'>$hasil[nama]</option>";
}
?>
</select></td>
</tr>
<tr>
<td>Jumlah Produk</td>
<td>: <input type="number" name="jumlah" size="1" min="0" step="1" value = "<?=
$order['jumlah']?>" required="required">
</td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Pesanan">
</td>
</tr>
</table>
</FORM>
</body>

</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
169
</div>
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

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

<ul>
</ul>
</div>

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


</body>
</html>
172
 Admin Page -> Master -> Video
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Master Video - GhiNaj Shop</title>




<link

173


</head>
<body>



Shop</a></h1>
<ul>
<ul>
</ul>
174
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Video</h2>
<ol>
<li>Master</li>
<li>Video</li>
</ol>
</div>
</div>


<div class="row">
175
<li><i class="fa fa-laptop"></i>Video</li>
</ol>
</div>
</div>
<a class="btn btn-primary" href="input_video.php">Tambah Video</a>
<div class="row">
</header>

<tbody>
<tr>
<th><i class="icon_profile"></i> Judul</th>
<th><i class="icon_mail_alt"></i> Link</th>
<th><i class="icon_pin_alt"></i> Action</th>
<?php
$video = query("SELECT * FROM video ORDER BY id DESC"); ?>
<?php foreach($video as $vid) :?>
<?php
$id=$vid['id'];
$judul = stripslashes($vid['judul']);
$link = stripslashes($vid['link']);
?>
<tr>
<td>
<?php echo $judul;?>
</td>
<td>
<?php echo $link;?>
</td>
176
<td>
<a class="btn btn-success" href="edit_video.php?id=<?=

$vid["id"]?>">O</i></a>
<a class="btn btn-danger" href="hapusvid.php?id=<?= $vid["id"]?>"
onclick="return confirm('Yakin?')">X</a>
</div>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>


;">
<div class="row">

177
<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>
178
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

179

</body>
</html>
 Admin Page -> Master -> Input Video
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Input Video - Admin GhiNaj Shop</title>



180
<link



</head>
<body>



Shop</a></h1>
181
<ul>
<ul>
</ul>
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Video</h2>
<ol>
<li>Master</li>
<li>Video</li>
</ol>
</div>
182
</div>


<div class="row">
<?php
$judul = htmlspecialchars($_POST["judul"]);
$link = htmlspecialchars($_POST["link"]);
//insert ke tabel
$query = "INSERT INTO video(judul,link)
VALUES('$judul','$link')";
if ($sql) {
?>
alert('Video berhasil ditambahkan......');
document.location='adminvideo.php';
</script>
<?php
} else {
echo "<h2><font color=red>Video gagal ditambahkan</font></h2>";
}
}
?>
<html>
<head><title>Input Video</title>
183
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Video</h3>
</ol>
</div>
</div>
<tr>
<td width="200">Judul Video</td>
<td>: <input type="text" name="judul"
size="30"></td>
</tr>
<tr>
<td>Link Video</td>
<td>: <textarea name="link" cols="50" rows="4">
</textarea></td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Video">
</td>
</tr>
</table>
</FORM>
</body>

184
</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
185
</div>
</div>
</div>

<ul>
</ul>
</div>

<ul>
</ul>
</div>

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


</body>
</html>
187
 Admin Page -> Master -> Edit Video
<?php
session_start();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Edit Video - Admin GhiNaj Shop</title>




<link

188


</head>
<body>



Shop</a></h1>
<ul>
<ul>
</ul>
189
</li>
<li>
</li>
</ul>

</div>
<main id="main">



<h2>Video</h2>
<ol>
<li>Master</li>
<li>Video</li>
</ol>
</div>
</div>


190
<div class="row">
<?php
$id = $_GET["id"];
$video = query("SELECT * FROM video WHERE id = $id")[0];
if (ubahvid($_POST) > 0 ) {
echo "
<script>
document.location.href = 'adminvideo.php';di
</script>
";
} else {
echo "
<script>
document.location.href = 'adminvideo.php';
</script>
";
};
}
?>
<html>
<head><title>Input Video</title>
function batal(){
}
</script>
</head>
<body>
<div class="row">
<h3 class="page-header"><i class="fa fa-laptop"></i> Input Video</h3>
191
</ol>
</div>
</div>
<input type="hidden" name="id" value="<?= $video['id'] ?>">
<tr>
<td width="200">Judul Video</td>
<td>: <input type="text" name="judul" id="judul" required="required" value = "<?=
$video['judul']?>"></td>
</tr>
<tr>
<td>Link Video</td>
<td>: <textarea name="link" cols="50" rows="4">
<?= $video['link']?>
</textarea></td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input" value="Input Video">
</td>
</tr>
</table>
</FORM>
</body>

</html>
</section>
</div>
</div>
</div>
</div>
</div>
</div>`
</div>
192
</div>
</div>


;">
<div class="row">

<p>
Sesame Street <br>
</p>
</div>
</div>
</div>

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

<ul>
</ul>
</div>

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


</body>
</html>
195
 function.php
<?php
$conn = mysqli_connect("localhost", "root", "", "ghinaj");
function query($query) {
global $conn;
$result = mysqli_query($conn, $query);
$rows = [];
while ( $row = mysqli_fetch_assoc($result)) {
$rows[] = $row;
}
return $rows;
};
function tambah($data){
global $conn;
$judul = htmlspecialchars($data["judul"]);
$link = htmlspecialchars($data["link"]);
$query = "INSERT INTO video

VALUES
('','$judul','$link')
";
mysqli_query($conn,$query);
return mysqli_affected_rows($conn);
function hapus($id) {
global $conn;
mysqli_query($conn, "DELETE FROM berita where id_berita = $id");
}
function hapusproduct($id) {
196
global $conn;
mysqli_query($conn, "DELETE FROM produk where id = $id");
}
function hapusvid($id) {
global $conn;
mysqli_query($conn, "DELETE FROM video where id = $id");
}
function hapusorder($id) {
global $conn;
mysqli_query($conn, "DELETE FROM pesanan where id = $id");
}
function ubahvid($data) {
global $conn;
$id = $data["id"];
$link = htmlspecialchars($data["link"]);
$query = "UPDATE video SET

judul = '$judul',
link = '$link'
WHERE id = $id
";
}
function ubahberita($data) {
global $conn;
$id = $data['id'];
$kategori = $data['kategori'];
197
$headline = htmlspecialchars($data["headline"]);
$isi = htmlspecialchars($data["isi"]);
$pengirim = htmlspecialchars($data["pengirim"]);
$query = "UPDATE berita SET

judul = '$judul',
id_kategori = '$kategori',
headline = '$headline',
isi = '$isi',
pengirim = '$pengirim',
tanggal = now()
WHERE id_berita = $id
";
}
function ubahproduk($data) {
global $conn;
$id = $data['id'];
$kategori = $data['kategori'];
$nama = htmlspecialchars($data["nama"]);
$gambar = htmlspecialchars($data["gambar"]);
$jumlah = htmlspecialchars($data["jumlah"]);
$query = "UPDATE produk SET

id_kategori = '$kategori',
nama = '$nama',
gambar = '$gambar',
jumlah = '$jumlah'
WHERE id = $id
";
}
198
function ubahorder($data) {
global $conn;
$id = $data['id'];
$nama = htmlspecialchars($data["nama"]);
$alamat = htmlspecialchars($data["alamat"]);
$produk = htmlspecialchars($data["produk"]);
$jumlah = htmlspecialchars($data["jumlah"]);
$query = "UPDATE pesanan SET

nama = '$nama',
alamat = '$alamat',
produk = '$produk',
jumlah = '$jumlah',
tanggal = now()
WHERE id = $id
";
}
function cari($keyword) {
$query = "SELECT * FROM video WHERE judul LIKE '%$keyword%'";
return query($query);
}
function registrasi($data) {
global $conn;
$username = strtolower(stripslashes($data["username"]));
$password = mysqli_real_escape_string($conn, $data["password"]);
$password2 = mysqli_real_escape_string($conn, $data["password2"]);
$same = mysqli_query($conn, "SELECT username FROM users WHERE

username = '$username'");
if (mysqli_fetch_assoc($same)) {
echo "<script>
alert('Username sudah terdaftar!');
199
document.location.href = 'login.php';
</script>";
return false;
}
if ($password!=$password2) {
echo "<script>
alert('Konfirmasi Password Tidak Sesuai');
document.location.href = 'login.php';
</script>";
return false;
}
$password = password_hash($password, PASSWORD_DEFAULT);
mysqli_query($conn, "INSERT INTO users VALUES('', '$username',

'$password')");
}
?>
 logout.php
<?php
session_start();
$_SESSION = [];
session_unset();
session_destroy();
exit;
?>
200
Implementasi Sistem
Implementasi Software
Website ini dibuat dan diimplementasikan dengan bahasa pemograman PHP, dirancang dengan
menggunakan SublimeText, dan database yang digunakan adalah MySQL. Software Browser seperti
Firefox, Chrome, Opera, dll diperlukan untuk menjalankan website dan memakai web server seperti
Xampp, Apache Wamp, atau Mamp.
Implementasi Hardware
a. Processor :Minimum Intel Pentium atau sekelas yang mendukung internet

b. Memori (RAM) : Minimal 128 MB
c. Monitor : Resolusi 1024 x 768
d. HardDisk : Minimal 40 GB
e. Jaringan internet harus terkoneksi
201
PENUTUP
Pembuatan website membutuhkan beberapa resource dan knowledge sehingga dapat

membuat frontend dan backend yang baik. Ketersinambungan keduanya harus terjaga karena jika
frontend tidak terdesain dengan baik, user akan kesulitan. Begitupun pada sisi backend, jika data
yang tersimpan didalamnya tidak teratur dan ter-index dengan baik, hal itu sama saja membuat
proses pengolahan data tetap rumit.
Kebutuhan pekerjaan frontend dan backend developer yang sangat dibutuhkan berbanding
lurus dengan kemampuan yang harus dimiliki para programmer tersebut. Kesimpulannya, dalam
suatu perusahaan lebih baik frontend dan backend programmer dijalankan oleh orang yang berbeda
agar mereka dapat bekerja sama dan mengerjakan bagiannya secara maksimal.
202

Laporan Akhir UAS PBW A11.2019.12387

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Akhir UAS PBW A11.2019.12387

Diunggah oleh

Hak Cipta:

Format Tersedia

Laporan Akhir

Pemrograman Berbasis Web

JURUSAN TEKNIK INFORMATIKA

Analisa Kebutuhan Software dan Hardware

Halaman Halaman User

Input Berita Home

Edit Berita Contact

Berita Pesanan Produk

Id_berita : Int Id: Int Id: Int

input_berita() input_pesanan() input_produk()

editberita() editpesanan() editproduk()

hapusberita() hapuspesanan() hapusproduk()

Id: Int Id: Int

input_video() hapusvideo register()

Admin Berita Edit

Master Tambah Video

Index.html Pakaian Pakaian Pria

Hijab.html Pakaian Sport

 Halaman Index -> Promo

 Halaman Pakaian -> Pakaian Wanita

 Halaman Pakaian -> Pakaian Sport

 Admin Page -> Master -> Produk

 Admin Page -> Master -> Video

 Admin Page -> Master -> Berita -> Edit Berita

 Admin Page -> Master -> Produk -> Edit Produk

 Admin Page -> Master -> Pesanan -> Edit Pesanan

 Admin Page -> Master -> Video -> Edit Video

<h1 class="logo me-auto"><a href="index.html" style="color: #d9232d;">GhiNaj

<nav class="nav-menu d-none d-lg-block">

<li class="drop-down"><a href="javascript:void(0)">Pakaian</a>

</nav>

<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

<div class="carousel-inner" role="listbox">

<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-

<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-

<div class="row content">

<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">

<div class="row portfolio-container">

<div class="col-lg-4 col-md-6 portfolio-item filter-app">

<div class="col-lg-4 col-md-6 portfolio-item filter-web">

<div class="col-lg-4 col-md-6 portfolio-item filter-app">

<div class="col-lg-4 col-md-6 portfolio-item filter-card">

<div class="col-lg-4 col-md-6 portfolio-item filter-app">

<div class="col-lg-4 col-md-6 portfolio-item filter-card">

<div class="col-lg-4 col-md-6 portfolio-item filter-card">

<div class="col-lg-4 col-md-6 portfolio-item filter-web">

</main>