Anda di halaman 1dari 288

SKRIPSI

SISTEM INFORMASI INVENTORY STOK BARANG PADA TOKO


KURNIA A’A BERBASIS WEB

NAMA : Ramahdan La Rosi

NIM : 1701010063

DOSEN PEMBIMBING :

PEMBIMBING I : Fadli Husein Wattiheluw, S.Kom.,M.Kom

PROGRAM STUDI TEKNIK INFORMATIKA

INSTITUT TEKNOLOGI DAN BISNIS STIKOM AMBON

AMBON

2021
LEMBAR PENGESAHAN SKRIPSI

SISTEM INFORMASI INVENTORY STOK BARANG


PADA TOKO KURNIA A’A BERBBASIS WEB

Oleh

Nama : Ramahdan La Rosi


Nim : 1701010063

Menyetujui

Pembimbing

Fadli Husein Wattiheluw, S.Kom.,M.Kom


NIDN; 1212109401

Mengetahui

Ketua Program Studi S1 Teknik Informatika

Fadli Husein Wattiheluw, S.Kom.,M.Kom


NIDN; 1212109401

i
LEMBAR PERNYATAAN KEASLIAN SKRIPSI

Saya yang bertanda tangan dibawah ini :


Nama : Ramahdan La Rosi
NIM : 1701010063
Jurusan/Program Studi : Teknik Informatika/S1

Menyatakan dengan sebenarnya bahwa skripsi yang saya tulis ini benar- benar
merupakan hasil karya sendiri, bukan merupakan pengambil alihan tulisan atau pikiran orang
lain yang saya akui sebagai hasil tulisan atau pikiran saya sendiri. Apabila di kemudian hari
terbukti atau dapat dibuktikan skripsi ini hasil jiplakan, maka saya bersedia menerima saksi atas
perbuatan tersebut.

Ambon, 24 Juli 2021


Yang membuat pernyataan,

Ramahdan La Rosi

ii
MOTTO

“Tanpa Impian, Kita


Tidak Akan
Mencapai Apapun.
Tanpa Cinta, Kita
Tidak Akan
Merasakan Apapun.
Dan Tanpa ALLAH
Kita bukan Siapa-
Siapa ”
-Mesut Ozil

iii
ABSTRAK

Toko Kurnia A’A merupakan perusahaan yang bergerak di bidang industri pakaian.
Adapun masalah yang terjadi pada sistem yang sedang berjalan saat ini yaitu untuk pengolahan
data barang masuk dan keluar, data pengiriman barang, data pelanggan masih dicatat kedalam
buku sesuai dengan kwitansi atau surat jalan dari pelanggan atau supplier yang berisi berapa
banyak barang yang masuk dan keluar untuk dikirim ke pelanggan dan pendataan persediaan
stok barang dicatat dibuku, sehingga terkadang mengalami kesulitan dalam perhitungan barang
dan untuk mendapatkan informasi stok barang mengalami kesulitan terkadang informasi yang
diberikan tidak sesuai dengan ketersediaan barang yang ada. Tujuan penelitian ini adalah
membuat Sistem Informasi Inventory Stok Barang, yang dapat mengelola barang masuk dan
keluar, stok barang, data pelanggan, dan pemesanan. Sistem Informasi yang telah dihasilkan
pada perancangan ini dapat mengelola data barang masuk dan keluar, data stok barang, data
pelanggan, dan data pemesanan. Metode yang digunakan oleh penulis dalam penelitian ini adalah
dengan melakukan observasi, wawancara, studi pustaka, studi lapangan. Setelah itu perancangan
sistem informasi kemudian pembangunan aplikasi, setelah itu di uji coba. Pada sistem informasi
Inventory stok barang penulis menggunakan ERD, dan menggunakan pemrograman PHP dan
MySQL untuk mengelola data

Kata kunci : Sistem Informasi, Inventory, Stok Barang, PHP, ERD, MySQL

iv
ABSTRACT

Toko Kurnia A'A is a company engaged in the clothing industry. As for the problems that
occur in the system that is currently running, namely for processing data on incoming and
outgoing goods, data on delivery of goods, customer data is still recorded into the book
according to the receipt or pass letter from the customer or supplier which contains how many
items entered and left for sent to the customer and the inventory of stock items recorded in the
book, so sometimes having difficulty in calculating the goods and getting stock information has
difficulty sometimes the information provided does not match the availability of existing goods.
The purpose of this research is to create a Stock Inventory Information System, which can
manage incoming and outgoing goods, stock items, customer data, and orders. The information
system that has been produced in this design can manage incoming and outgoing goods data,
stock data, customer data, and ordering data. The method used by the authors in this study is to
make observations, interviews, literature studies, field studies. After that, the information system
design is then developed the application, after which it is tested. In the inventory inventory
information system, the author uses ERD, and uses PHP and MySQL programming to manage
data

Keywords: Information Systems, Inventory, Stock of Goods, PHP, ERD, MySQL

v
KATA PENGANTAR

Assalamu’alaikum Warahmatullahi Wabarakatuh Puji syukur kehadirat Allah Subhanahu


Wa Ta’ala atas limpahan Rahmat dan Karunia- Nya, sehingga penulis dapat merampungkan
skripsi dengan judul : “SISTEM INFORMASI INVENTORY STOK BARANG PADA
TOKO KURNIA A’A BERBASIS WEB”. Ucapan syukur akan selalu dipanjatkan oleh
penulis kepada Allah Subhanahu Wa Ta’ala karena atas nikmat kesehatan, kesempatan, dan
kasihNya sehingga penulis dapat menyelesaikan skripsi ini dengan baik, serta dipertemukan
oleh orang-orang baik selama penyusunan skripsi ini.

Penulisan ini diajukan penulis guna sebagai syarat untuk menyelesaikan studi
perkuliahan dan mendapatkan gelar sarjana pada program studi Teknik Informatika di ITB-
STIKOM Ambon. Pnulis berharap dengan karya tulis ini dapat menjadi karya yang berguna
bagi kampus tempat penulis menimba ilmu.

Dalam penulisan skripsi ini, penulis menyadari bahwa penulisan ini masih jauh dari
kata sempurna serta masih banyak kesalahan dan kekurangan dalam penulisan skripsi baik
disengaja maupun tidak disengaja. Penulis selalu mendapat bimbingan, dorongan, serta
semangat dari banyak pihak. Oleh karena itu penulis ingin mengucapkan terima kasih dan
penghargaan setinggi-tingginya kepada:
1. Tuhan yang Maha Esa, yang telah memberikan kekuatan, kesabaran, dan kesehatan dalam
menyusun skripsi ini.
2. Keluarga terutama kedua orang tua yang sudah membiayai, mendoakan, dan memberikan
semangat selama menempuh pendidikan ini.
3. Bapak Lukman Saleh ,BSB.,M.Sc selaku ketua ITB-Stikom Ambon yang telah memberikan
kesempatan kepada penulis untuk bisa belajar dan menimba ilmu di kampus ITB-Stikom
Ambon.
4. Fadli Husein Wattiheluw, S.Kom.,M.Kom Selaku ketua prodi Teknik Informatika yang telah
memberikan masukan dan ide-ide kepada penulis dalam menyelesaikan skripsi ini.
5. Fadli Husein Wattiheluw, S.Kom.,M.Kom Selaku pembimbing yang telah membantu proses
penulisan skripsi ini.

vi
6. Teman kelas TI-B khususnya sahabat-sahabat saya Syukran Reza Rivaldy, Wahyu Arfika,
Yusuf Henaulu, Gandi Purna Jen, Ignasya Syahrin, Bakri Buton, Rosida Kotabanda, Eria
Septi Dama Pratiwi yang selalu ada, memberikan dorongan, masukan, menemani perjalanan
pendidikan ini, dan bersyukur telah memiliki kalian sebagai sahabat dalam hidup saya.
7. Serta seluruh pihak yang tidak dicantumkan penulis dalam penyusunan skripsi ini .

Dalam penulisan skripsi ini peneliti menyadari masih banyak kekurangan dan masih
sangat jauh dari kata sempurna baik dari segi materi maupun segi penyajian, untuk itu peneliti
mengharapkan kritik dan saran yang membangun. Semoga dengan danya skripsi ini dapat
berguna bagi pembaca dan memberikan manfaat bagi pihak yang membutuhkannya.
Semoga segala bantuan yang telah diberikan kepada penulis mendapatkan balasan dari
Allah Subhanahu Wa Ta’ala.

Ambon, 24 Juli 2021

Ramahdan La Rosi

vii
DAFTAR ISI

COVER ...........................................................................................................................
LEMBAR PENGESAHAN SKRIPSI .......................................................................... i
LEMBAR PERNYATAAN KEASLIAN SKRIPSI .................................................... ii
MOTTO .......................................................................................................................... iii
ABSTRAK ...................................................................................................................... iv
ABSTRACT .................................................................................................................... v
KATA PENGANTAR .................................................................................................... vi
DAFTAR ISI...................................................................................................................viii
DAFTAR GAMBAR ......................................................................................................xii
DAFTAR TABEL .........................................................................................................xiv

BAB I PENDAHULUAN ............................................................................................... 1


1.1 Latar Belakang ............................................................................................... 1
1.2 Rumusan Masalah .......................................................................................... 3
1.3 Batasan Masalah ............................................................................................ 3
1.4 Tujuan Penelitian ........................................................................................... 3
1.5 Manfaat Penelitian ......................................................................................... 4
1.5.1 Bagi Penulis ......................................................................................... 4
1.5.2 Bagi Pengguna ..................................................................................... 4
1.5.3 Bagi Akademik .................................................................................... 4

BAB II TINJAUAN PUSTAKA ................................................................................... 5


2.1 Tinjauan Pustaka ............................................................................................ 5

BAB III LANDASAN TEORI ...................................................................................... 7


3.1 Sistem Informasi ............................................................................................ 7
3.2 Inventory ........................................................................................................ 7
3.3 Website .......................................................................................................... 8
3.4 PHP ................................................................................................................ 8

viii
3.5 HTML ............................................................................................................ 9
3.6 XAMPP .......................................................................................................... 9
3.7 MySQL .......................................................................................................... 9
3.8 Database ......................................................................................................... 10
3.9 System Development Life Cycle (SDLC) ..................................................... 10
3.9.1 Analisa Kebutuhan ............................................................................... 11
3.9.2 Desain .................................................................................................. 11
3.9.3 Implementasi ........................................................................................ 11
3.9.4 Testing .................................................................................................. 11
3.9.5 Penerapan Program .............................................................................. 12
3.10 Alat Bantu Dalam Perancangan ................................................................... 12
3.10.1 Flow Chart ......................................................................................... 12
3.10.2 Data Flow Diagram (DFD) ................................................................ 14
3.10.3 Entity Relationship Diagram (ERD) .................................................. 16

BAB IV METODOLOGI PENELITIAN .................................................................... 17


4.1 Jenis Penelitian............................................................................................... 17
4.2 Tempat dan Waktu Penelitian ........................................................................ 17
4.3 Teknik Pengumpulan Data ............................................................................. 17
4.3.1 Observasi .............................................................................................. 18
4.3.2 Wawancara ........................................................................................... 18
4.3.3 Studi Pustaka ........................................................................................ 18
4.3.4 Sistem yang Berjalan ........................................................................... 18
4.3.5 Sistem yang Diusulkan ......................................................................... 20
4.4 Teknik Pengembangan Sistem ...................................................................... 21
4.4.1 Analisa Kebutuhan .............................................................................. 21
4.4.1.1 Kebutuhan Fungsional ............................................................ 21
4.4.1.2 Kebutuhan Non Fungsional .................................................... 21
4.4.1.3 Desain Perancangan Sistem .................................................... 23

ix
BAB V IMPLEMENTASI............................................................................................. 42
5.1 Implementasi .................................................................................................. 42
1. Interface Login .......................................................................................... 42
2. Interface Register ...................................................................................... 43
3. Interface Home Admin ............................................................................. 44
4. Interface Admin Kelola Toko Bagian Produk .......................................... 45
5. Interface Admin Kelola Toko Bagian Produk Tambah Produk................. 46
6. Interface Admin Kelola Toko Bagian Barang Masuk .............................. 47
7. Interface Admin Kelola Toko Bagian Barang Masuk Tambah Data ......... 48
8. Interface Admin Kelola Toko Bagian Barang Masuk Edit Data ............... 49
9. Interface Admin Kelola Toko Bagian Barang Masuk Hapus Data ............ 50
10. Interface Admin Kelola Toko Bagian Barang Keluar ............................. 51
11. Interface Admin Kelola Toko Bagian Barang Keluar Tambah Data ....... 52
12. Interface Admin Kelola Toko Bagian Barang Keluar Edit Data ............ 53
13. Interface Admin Kelola Toko Bagian Barang Keluar Hapus Data ......... 54
14. Interface Admin Kelola Pelanggan ......................................................... 55
15. Interface Admin Kelola Staff ................................................................... 56
16. Interface Admin Kelola Pesanan ............................................................. 57
17. Interface Admin Kelola Pesanan bagian Konfirmasi Pesanan ............... 58
18. Interface Home Pelanggan ...................................................................... 59
19. Interface Pelanggan Kategori .................................................................. 60
20. Interface Pelanggan Lihat Produk ............................................................ 61
21. Interface Pelanggan Keranjang ............................................................... 62
22. Interface Pelanggan Checkout ................................................................. 63
23. Interface Pelanggan Daftar Order ............................................................ 64
24. Interface Pelanggan Konfirmasi Pembayaran .......................................... 65
5.2 Implementasi Database .............................................................................................. 66
1. Tabel login ................................................................................................ 66
2. Tabel produk ............................................................................................. 67
3. Tabel kategori ........................................................................................... 67
4. Tabel masuk .............................................................................................. 68

x
5. Tabel keluar ............................................................................................... 68
6. Tabel pembayaran ..................................................................................... 69
7. Tabel cart .................................................................................................. 69
8. Tabel detailorder ........................................................................................ 70
9. Tabel konfirmasi ........................................................................................ 70

BAB VI HASIL .............................................................................................................. 71


6.1 Sistem Pengujian ............................................................................................ 71
1. Pengujian Blackbox Halaman Login ........................................................ 71
2. Pengujian Blackbox Halaman Register ..................................................... 72
3. Pengujian Blackbox Halaman Utama Admin ............................................ 72
4. Pengujian Blackbox Halaman Admin Kelola Toko................................... 73
5. Pengujian Blackbox Halaman Admin Kelola Toko Bagian Produk .......... 73
6. Pengujian Blackbox Halaman Admin Kelola Toko Barang Masuk ......... 74
7. Pengujian Blackbox Halaman Admin Kelola Toko Barang Keluar .......... 75
8. Pengujian Blackbox Halaman Admin Kelola Pesanan .............................. 75
9. Pengujian Blackbox Halaman Utama Pelanggan ...................................... 76
10. Pengujian Blackbox Halaman Kategori Pelanggan ................................. 76
11. Pengujian Blackbox Halaman Keranjang Saya Pelanggan ...................... 77
12. Pengujian Blackbox Halaman Checkout Pelanggan ................................ 77
13. Pengujian Blackbox Halaman Daftar Order Pelanggan ........................... 78
14. Pengujian Blackbox Halaman Konfirmasi Pelanggan ............................. 78

BAB VII PENUTUP ...................................................................................................... 79


7.1 Kesimpulan ................................................................................................... 79
7.2 Saran ............................................................................................................. 79

DAFTAR PUSTAKA ....................................................................................................


LAMPIRAN ...................................................................................................................

xi
DAFTAR GAMBAR

Gambar 2.1 Metode Waterfall ......................................................................................... 11


Gambar 4.1 Proses Barang Masuk ................................................................................... 19
Gambar 4.2 Proses Pemesanan dan Barang Keluar ......................................................... 19
Gambar 4.3 Proses Barang Masuk Sistem yang Diusulkan ............................................. 19
Gambar 4.4 Proses Pemesanan dan Barang Keluar yang Diusulkan ............................... 19
Gambar 4.5 Flowchart ..................................................................................................... 23
Gambar 4.6 DFD Level 1................................................................................................. 24
Gambar 4.7 DFD Level 2 Admin ................................................................................... 25
Gambar 4.8 DFD Level 2 Pelanggan .............................................................................. 26
Gambar 4.9 Entity Relationship Diagram ........................................................................ 27
Gambar 4.10 Interface Login .......................................................................................... 28
Gambar 4.11 Interface Register ....................................................................................... 29
Gambar 4.12 Interface Home Admin............................................................................... 29
Gambar 4.13 Interface Kelola Pesanan ............................................................................ 30
Gambar 4.14 Interface Kelola Toko bagian Produk ........................................................ 31
Gambar 4.15 Interface Kelola Toko bagian Barang Masuk ............................................ 32
Gambar 4.16 Interface Kelola Toko bagian Barang Keluar ............................................ 33
Gambar 4.17 Interface Kelola Pelanggan ........................................................................ 34
Gambar 4.18 Interface Home Pelanggan ......................................................................... 35
Gambar 4.19 Interface Kategori Produk .......................................................................... 36
Gambar 4.20 Interface Lihat Produk ............................................................................... 37
Gambar 4.21 Interface Keranjang Saya ........................................................................... 38
Gambar 4.22 Interface Check Out ................................................................................... 39
Gambar 4.23 Interface Daftar Order ................................................................................ 40
Gambar 4.24 Interface Konfirmasi Pembayaran ............................................................. 41
Gambar 5.1 Interface Login ............................................................................................. 42
Gambar 5.2 Interface Register ......................................................................................... 43
Gambar 5.3 Interface Home Admin................................................................................. 44
Gambar 5.4 Interface Admin Kelola Toko bagian Produk .............................................. 45

xii
Gambar 5.5 Interface Admin Kelola Toko bagian Produk Tambah Produk ................... 46
Gambar 5.6 Interface Admin Kelola Toko bagian Barang Masuk .................................. 47
Gambar 5.7 Interface Admin Kelola Toko bagian Barang Masuk Tambah Data ........... 48
Gambar 5.8 Interface Admin Kelola Toko bagian Barang Masuk Edit Data .................. 49
Gambar 5.9 Interface Admin Kelola Toko bagian Barang Masuk Hapus Data .............. 50
Gambar 5.10 Interface Admin Kelola Toko bagian Barang Keluar ................................ 51
Gambar 5.11 Interface Admin Kelola Toko bagian Barang Keluar Tambah Data ......... 52
Gambar 5.12 Interface Admin Kelola Toko bagian Barang Keluar Edit Data ................ 53
Gambar 5.13 Interface Admin Kelola Toko bagian Barang Keluar Hapus Data ............ 54
Gambar 5.14 Interface Admin Kelola Pelanggan ............................................................ 55
Gambar 5.15 Interface Admin Kelola Staff ..................................................................... 56
Gambar 5.16 Interface Admin Kelola Pesanan................................................................ 57
Gambar 5.17 Interface Admin Kelola Pesanan bagian Konfirmasi Pembayaran ........... 58
Gambar 5.18 Interface Home Pelanggan ........................................................................ 59
Gambar 5.19 Interface Pelanggan Kategori ..................................................................... 60
Gambar 5.20 Interface Pelanggan Lihat Produk .............................................................. 61
Gambar 5.21 Interface Pelanggan Keranjang .................................................................. 62
Gambar 5.22 Interface Pelanggan Checkout ................................................................... 63
Gambar 5.23 Interface Pelanggan Daftar Order .............................................................. 64
Gambar 5.24 Interface Pelanggan Konfirmasi Pembayaran ............................................ 65
Gambar 5.25 Tabel login ................................................................................................. 66
Gambar 5.26 Tabel produk .............................................................................................. 67
Gambar 5.27 Tabel kategori ............................................................................................ 67
Gambar 5.28 Tabel masuk ............................................................................................... 68
Gambar 5.29 Tabel keluar................................................................................................ 68
Gambar 5.30 Tabel pembayaran ...................................................................................... 69
Gambar 5.31 Tabel cart.................................................................................................... 69
Gambar 5.32 Tabel detailorder ........................................................................................ 70
Gambar 5.33 Tabel Konfirmasi ....................................................................................... 70

xiii
DAFTAR TABEL

Tabel 3.1 Simbol Flowchart ............................................................................................. 12


Tabel 3.2 Simbol DFD ..................................................................................................... 15
Tabel 3.3 ERD ................................................................................................................. 16
Tabel 4.1 Rincian Jadwal Kegiatan Penelitian ................................................................ 17
Tabel 6.1 Pengujian Blackbox Halaman Login ............................................................... 71
Tabel 6.2 Pengujian Blackbox Halaman Register ........................................................... 72
Tabel 6.3 Pengujian Blackbox Halaman Utama Admin .................................................. 72
Tabel 6.4 Pengujian Blackbox Halaman Admin Kelola Toko ........................................ 73
Tabel 6.5 Pengujian Blackbox Halaman Admin Kelola Toko bagian Produk ................ 73
Tabel 6.6 Pengujian Blackbox Halaman Admin Kelola Toko Barang Masuk ................ 74
Tabel 6.7 Pengujian Blackbox Halaman Admin Kelola Toko Barang Keluar ................ 75
Tabel 6.8 Pengujian Blackbox Halaman Admin Kelola Pesanan .................................... 76
Tabel 6.9 Pengujian Blackbox Halaman Utama Pelanggan ............................................ 76
Tabel 6.10 Pengujian Blackbox Halaman Kategori Pelanggan ....................................... 77
Tabel 6.11 Pengujian Blackbox Halaman Keranjang Saya Pelanggan............................ 77
Tabel 6.12 Pengujian Blackbox Halaman Checkout Pelanggan ...................................... 78
Tabel 6.13 Pengujian Blackbox Halaman Daftar Order Pelanggan ................................ 78
Tabel 6.14 Pengujian Blackbox Halaman Konfirmasi Pelanggan ................................... 78

xiv
BAB I
PENDAHULUAN

1.1 Latar Belakang

Seiring perkembangan teknologi yang mengalami kemajuan dari waktu ke waktu


membuat pekerjaan yang dilakukan manusia pada umumnya dapat diselesaikan dengan
cepat. Teknologi merupakan salah satu alat bantu yang sering digunakan dalam
aktivitas manusia. Peran serta teknologi menjadikan pengolahan informasi menjadi
semakin mudah karena pengolahan sangat diperlukan agar informasi yang dihasilkan
dapat bermanfaat bagi penggunanya. Pengolahan data dan informasi secara cepat, tepat
dan efisien adalah hal penting yang dibutuhkan bagi setiap perusahaan atau suatu
instansi untuk meningkatkan produktifitas perkerjaan, waktu dan biaya.
Seiring berkembangnya kemajuan teknologi informasi dan komunikasi, persaingan
bisnis dalam dunia industri semakin ketat. Jumlah perusahaan semakin banyak dan
terus melakukan usaha dan strategi dalam mempertahankan bisnisnya. Sistem Informasi
dapat dianalogikan sebagai sebuah permintaan dari masyarakat industri, ketika
kebutuhan akan sarana pengelolahan data dan komunikasi yang cepat dan murah
(Tohari,2017).
Kesuksesan perusahaan atau toko dalam mempertahankan bisnisnya tidak terlepas
dari peran perusahaan tersebut dalam mengelola inventory (persediaan) barang sehingga
dapat memenuhi permintaan dari pelanggan semaksimal mungkin. Perusahaan atau
toko yang mampu mengendalikan dan mengelola persediaannya dengan baik akan dapat
memenuhi kebutuhan pelanggan dan tentu saja dapat menjaga kelangsungan bisnisnya
dalam dunia industri saat ini. Inventory barang didalam suatu usaha menjadi hal yang
penting bagi suatu perusahaan atau toko, karena dari inventory tersebut bisa mengelola
stok barang di gudang yang nantinya akan di jual ke konsumen. Oleh karena itu
pegusaha atau pedagang tersebut harus dapat mengelolah inventory barang dengan
efektif dan efisien agar sesuai dengan tujuan perusahaan atau toko.
Inventory atau Persediaan adalah sebagai suatu aktiva lancar yang meliputi barang-
barang yang merupakan milik perusahaan dengan sebuah maksud supaya dijual dalam
suatu periode usaha normal ataupun persediaan barang-barang yang masih dalam

1
pekerjaan sebuah proses produksi maupun persediahan bahan baku yang juga
menunggu penggunaanya di dalam suatu proses produksi (Assauri, 2005).
Toko Kurnia A’A merupakan sebuah Toko yang menjual berbagai macam pakaian
jadi mulai dari bayi sampai dewasa, baik laki-laki atau perempuan. Toko ini merupakan
distributor atau agen yang menjual barang dengan harga yang sesuai dengan kualitas
barang sehingga banyak pelanggan yang membeli pakaian pada toko Kurnia A’A, baik
untuk dipakai sendiri atau dijual kembali nantinya.
Toko Kurnia A’A selalu melakukan pengawasan serta pencatatan terhadap
persediaan barang. Selama ini untuk pengolahan data persedian barang masih dilakukan
secara manual oleh pemilik toko untuk pendataan barang masuk, barang keluar serta
pendataan stok barang. data pengiriman barang dicatat dibuku sesuai dengan kwitansi
atau surat jalan dari pelanggan atau supplier yang berisi berapa banyak barang yang
masuk dan keluar untuk dikirim ke pelanggan dan pendataan stok barang serta data
pelanggan juga masih dicatat di buku. Sehingga dari permasalahan tersebut terkadang
terjadi kesalahan dalam perhitungan barang, kesulitan dalam pencatatan dan pembuatan
laporan barang masuk dan keluar dari kwitansi atau surat jalan dari pelanggan atau
supplier yang banyak dan pada bulan-bulan tertentu terjadi kekurangan stok dan
sulitnya dalam pencarian data barang yang di perlukan karena penumpukan berkas yang
banyak.
Toko Kurnia A’A ini juga mempunyai pelanggan tetap yang berada diluar kota
Ambon, sehingga pemesanan barang dilakukan melalui via telfon. Namun pihak toko
sering mengalami kesulitan dimana pemesanan barang via telfon sangat tidak efisien
dikarenakan jika pelanggan memesan barang menggunakan via telfon memerlukkan
waktu yang lama, dan sering terjadi miss komunikasi antara pelanggan dan pemilik
toko, dan juga pelanggan lainnya yang ingin memesan barang pada waktu yang
bersamaan tidak dapat melakukan pemesanan.

Berdasarkan uraian latar belakang diatas, maka penulis merancang aplikasi “Sistem
Informasi Inventory Stok Barang Pada Toko Kurnia A’A berbasis web” yang dapat
memudahkan dalam menangani proses persediaan stok barang, pendataan barang
masuk dan keluar, pemesanan barang, pengiriman barang, sehingga sistem yang akan
dibangun diharapkan dapat mempermudah pekerjaan pada toko kurnia A’A dalam

2
mengelola dan mengontrol data persediaan stok barang.

1.2 Rumusan Masalah

Berdasarkan uraian dari latar belakang, dapat dirumuskan permasalahan dari sistem
yang dibuat yaitu
1. Bagaimana menangani proses dalam pendataan barang masuk dan keluar ?

2. Bagaimana menangani dan mendata proses pemesanan barang ?

3. Bagaimana membangun sistem inventory stok barang yang dapat


memberikan informasi yang cepat, tepat dan akurat ?

1.3 Batasan Masalah

Adapun batasan masalah dalam penelitian ini adalah :

1. Sistem ini dibangun dan dirancang meliputi proses pemesanan barang dan
barang masuk dan keluar,

2. Sistem inventory yang dibangun berbasis online sehingga pelanggan bisa lebih
mudah untuk memesan barang.

3. Sistem ini menghasilkan laporan data inventory barang yang menampilkan


informasi meliputi barang masuk dan keluar dan jumlah stok barang.

4. Sistem ini hanya digunakan oleh pemilik toko dan pelanggan tetap toko tersebut.

1.4 Tujuan Penelitian

Adapun tujuan dari pembuatan sistem ini adalah :

1. Untuk merancang sistem inventory barang yang sesuai dengan permasalahan


pada kegiatan persediaan barang pada Toko Kurnia A’A.
2. Membuat sitem informasi yang dapat melakukan pengontrolan stok barang
,sehingga dapat memberitahukan tentang jumlah stok barang.

3
1.5 Manfaat Penelitian
Manfaat penelitian adalah :

1.5.1 Bagi Penulis


1. Memberikan kesempatan kepada penulis untuk menambah wawasan
serta kemampuan yang diperoleh selama proses kuliah.
2. Untuk menyelesaikan skripsi sebagai salah satu syarat menyelesaikan
perkuliahan.

1.5.2 Bagi Pengguna


1. Membantu pihak Toko Kurnia A’A dalam proses pengolahan data stok
barang yang masuk dan keluar.
2. Menyediakan informasi yang cepat, tepat dan akurat mengenai data
maupun laporan yang dibutuhkan serta memudahkan dalam
melakukan pengkontrolan persediaan barang.

1.5.3 Bagi Akademik


1. Menambah referensi pihak kampus untuk penelitian selanjutnya.

4
BAB II
TINJAUAN PUSTAKA

2.1 Tinjauan Pustaka

Pada sebuah penelitan dibutuhkan dukungan dari hasil penelitian sebelumnya, ada
beberapa yang memiliki keterkaitan dengan penelitian yang akan dilakukan.
Penelitian sejenis lainnya pernah dilakukan Oleh Hendra Agusvianto, dengan judul
“Sistem Informasi Inventori Gudang Untuk Mengontrol Persediaan Barang Pada Gudang
Studi Kasus : PT.Alaisys Sidoarjo”, Sebagai perusahaan Teknologi distributor,
PT.Alaisys selalu melakukan pengawasan dan Percatatan terhadap barang persedian.
Pelaporan dari gudang ke kantor pusat masih di lakukan dengan cara menyalin data dari
kartu ke dalam microsof office excel. Laporan dalam format excel tersebut harus di kirim
via email atau Gadget. Sistem tersebut menjadikan pihak kantor pusat tidak dapat
mengetahui data dari gudang dengan efisien. Dengan demikian dibuatlah aplikasi sistem
inventory gudang berbasis web. Aplikasi ini di gunakan dalam mengiventariskan produk
yang ada pada stok stok di gudang yang meliputi pencatatan, pengolahan, dan pelaporan
data data pada persediaan gudang. (Agusvianto. 2017).

Mhd Bustanur Rahmad & Tedy Setiady melakukan penelitian dengan judul
“Perancangan Sistem Informasi Inventory Spare Part Elektronik Berbasis Web PHP
(Studi CV. Human Global Service Yogyakarta masih melakukan pencatatan barang
dengan menggunakan sistem secara manual, untuk mengetahui data stok barang serta
pembuatan laporannya masih dengan cara penulisan di buku. Oleh sebab itu banyaknya
waktu yang dibutuhkan untuk proses penghasilan laporan yang tepat dan transaksi
penjualan barang yang akurat bagi pemilik dan mengurangi kemungkinan kesalahan
pencatatan. metode pengumpulan data menggunakan observasi, wawancara dan studi
literatur. Aplikasi disusun dengan prosedur tahap pengembangan yang mencakup analisis
kebutuhan, pembuatan diagram alir data, implementasi dengan menggunakan PHP
sebagai bahasa pemrograman dan MySql sebagai databasenya. Pengujian sistem dengan
melakukan pengujian Black Box dan Alpha Test (Rahmad, 2014).
Fatmawati & Jajat Munajat melakukan penelitian dengan judul “Implementasi Model

5
Waterfall Pada Sistem Informasi Persediaan Barang Berbasis Web (Studi Kasus:
PT.Pamindo Tiga T), dalam proses persediaan barang masih dilakukan secara manual
karena masih menggunakan pencatatan di buku dan microsoft excel, seperti input barang
masuk dan input barang keluar. Sehingga informasi yang diterima oleh pihak yang terkait
sangat susah didapatkan secara cepat. PT. Pamindo Tiga T yang bergerak di bidang
manufaktur yang memproduksi komponen kendaraan roda dua dan roda empat sangat
membutuhkan sistem informasi yang lebih mudah dan cepat agar dapat menunjang
kebutuhan operasional perusahaan. Berdasarkan hasil analisa pada penelitian ini penulis
menggunakan Metode SDLC dengan model waterfall sedangkan tool yang digunakan
berupa ERD (Entity Relationship Diagram) dan UML (United Modelling languange) dan
dengan adanya sistem informasi persediaan barang berbasis web ini dapat lebih mudah
dalam mendapatkan informasi terbaru, serta mempermudah dalam pengolahan data
barang masuk dan barang keluar (Fatmawati, 2018).

6
BAB III
LANDASAN TEORI

3.1 Sistem Informasi


Sistem informasi adalah suatu sistem yang di dalam terdapat suatu organisasi yaitu
yang mempertemukan kebutuhannya pada pengolahan transaksi harian yang mendukung
fungsi fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari
suatu organisasi dan untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-
laporan yang diperlukan (Agusvianto, 2017).

Sistem informasi (information system) merupakan kombinasi teratur dari orang-


orang, perangkat keras, perangkat lunak, jaringan komunikasi, dan sumber daya data yang
mengumpulkan, mengubah, menyebarkan informasi dalam sebuah organisasi (Fatmawati,
2018).

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang


mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat
manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar
tertentu dengan laporan laporan yang diperlukan. Definisi sistem informasi juga bisa
didefinisikan kerangka kerja yang mengkoordinasikan sumber daya (manusia, komputer)
untuk mengubah masukan (input) menjadi keluaran (informasi), guna mencapai sasaran-
sasaran perusahaan (Nugraha, 2018).

3.2 Inventory
Inventory adalah item atau material yang dipakai oleh suatu organisasi atau perusahaan
untuk menjalankan bisnisnya. Jika perusahaan tersebut memproduksi suatu barang atau
jasa maka material tersebut digunakan untuk mendukung atau menyediakan kebutuhan
produksi . Inventory bagi perusahaan adalah untuk mengantisipasi kebutuhan pelanggan,
begitu juga dalam industri manufacturing, inventory digunakan untuk aktivasi
perusahaan yang mana untuk memenuhi pelanggan yang kadang kala tidak dapat
diprediksi sehingga kita harus menjaga stock inventory dalam kegiatan produksi
(Nugraha, 2018).

7
Menurut fungsinya jenis – jenis persediaan atau inventory terbagi menjadi tiga :
1. Batch Stock/Lot Size Inventory
Persediaan yang diadakan karena kita membeli atau membuat bahan-bahan atau barang –
barang dalam jumlah yang lebih besar daripada jumlah yang dibutuhkan saat itu.
2. Fluctuation Stock
Persediaan yang diadakan untuk menghadapi fluktuasi permintaan konsumen yang tidak
dapat diramalkan.
3. Anticipation Stock
Persediaam yang diadakan untuk menghdapi fluktuasi permintaan yang dapat diramalkan,
berdasarkan pola musiman yang terdapat dalam satu tahun dan untuk menghadapi
penggunaan, penjualan, atau permintaan yang meningkat.

3.3 Website
Definisi secara umum, website adalah kumpulan dari berbagai macam halaman situs
yang terangkum di dalam sebuah domain atau subdomain, yang berada di dalam WWW
(World Wide Web) dan tentunya terdapat di dalam Internet. Halaman website biasanya
berupa dokumen yang ditulis dalam format Hyper Text Markup Language (HTML).
Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang
berasal dari file-file berisi bahasa pemrograman yang saling berhubungan
digunakan untuk menampilkan informasi, gambar bergerak dan tidak bergerak,
suara dan atau gabungan dari semuanya itu baik yang bersifat statis maupun
dinamis. (Nugroho, 2015).

3.4 PHP
PHP adalah bahasa pemrograman script server-side yang didesain untuk
pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman
pemrograman umum. PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan
sekarang dikelola oleh The PHP Group. Situs situs resmi PHP beralamat di
(http://www.php.net.) PHP disebut bahasa bahasa pemrograman server side karena PHP
diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa

8
pemrograman client-side seperti JavaScript yang diproses pada web browser
(Agusvianto, 2017).

3.5 HTML
HTML ( Hypertext Markup Language ) adalah bahasa dasar untuk web scripting
bersifat Client Client yang memungkinkan yaitu untuk menampilkan informasi dalam
bentuk teks, grafik- grafik pada multimedia dan juga untuk menghubungkan antar
tampilan web page atau yang lebih dikenal dengan Hyperlink. Tidak diperlukan suatu
program editor khusus untuk menggunakan kode kode perintah HTML, kita dapat
menggunakan Notepad, Edit Plus ataupun editor lainnya yang berbasis GUI(Agusvianto,
2017).

3.6 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak system operasi,
merupakan kompilasi dari beberapa program. Fungsinya adalahsebagai server yang
berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL
database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
Nama XAMP merupakan singkatan dari X (empat system operasi apapun), Apache,
MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan
bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan
halaman web yang dinamis (Priyanti, 2013).

3.7 MySQL
MySQL adalah sebuah implementasi dari sistem sistem manajemen yang pada basis
basis data yang relasional (RDBMS) yangdidistribusikan secara gratis. Setiap setiap
pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat
lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL
sebenarnya merupakan turunan salah satu konsep utama dalam basis basis dan data data
yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah inti
konsep pengoperasian basis data, terutama untuk pemilihan atau seleksi dan pemasukan

9
data data, yang memungkinkan pada pengoperasian data dikerjakan dengan mudah secara
otomatis (Agusvianto, 2017).

3.8 Database
Database adalah sekumpulan tabel- tabel yang saling berelasi, relasi tersebut
bisa ditunjukkan dengan kunci dari tiap tabel yang ada. Satu database
menunjukkan satu lingkup perusahaan atau instansi. Database juga merupakan
kumpulan data yang umumnya menggambarkan aktifitas-aktifitas dan pelakunya
dalam suatu organisasi.Sistem database merupakan sistem komputer yang
digunakan untuk menyimpan dan mengelola data tersebut (Nugroho, 2012).

3.9 System Development Life Cycle (SDLC)


SDLC adalah proses logika yang digunakan oleh seorang analis sistem untuk
mengembangkan sebuah sistem informasi yang melibatkan requirments, validation,
training dan pemilik sistem. SDLC waterfall merupakan salah satu dari banyaknya
metode pengembangan sistem yang popular dan sering digunakan oleh para pengembang
sistem, baik itu sistem informasi, aplikasi yang berbasis web maupun desktop, namun
tidak hanya itu saja SDLC waterfall juga dapat diterapkan di berbagai jenis software
lainnya (Mulyani., 2017)

Metode Waterfall adalah metode pengembangan perangkat lunak yang


memungkinkan pembuatan sistem dilakukan secara terstuktur dan sistematis (berurutan)
sesuai dengan siklus pengembangan yang ada. Model SDLC air terjun (waterfall) sering
juga disebut model sekuensial linier (Sequential Linear) atau alur hidup klasik (Classic
Life Cycle)” (Rosa & Shalahuddin,2015). Metode pengembangan model waterfall
mempunyai langkah-langkah antara lain mendefinisikan masalah, analisis kebutuhan,
merancang prototipe, implementasi, integrasi/pengujian dan rilis/pemeliharaan
(Simarmata,2010). Tahapan metode waterfall dapat dilihat pada gambar 2.1

10
(Sumber : google.com)

Gambar 2.1 Metode Waterfall

3.9.1 Analisa Kebutuhan


Dalam analisa kebutuhan software ini bertujuan menganalisa semua kebutuhan
termasuk dokumen dan interface yang diperlukan guna menentukan solusi software
yang akan digunakan sebagai proses komputerisasi sistem. (Dharmawan, 2018).
3.9.2 Desain
Dalam tahap ini, desain sesuai kebutuhan sistem akan dibuat terkait rancangan
database, software architecture dan User Interface yang akan dibuat. Penggunaan
Unified Modeling Language (UML) dimaksud menjelaskan lebih terperinci dalam
rancangan pembuatan program dan rancangan database. UML yang akan digunakan
adalah Activity Diagram (Dharmawan, 2018).
3.9.3 Implementasi
Pada tahap ini, implementasi desain dibuat kedalam program perangkat lunak.
Pada tahap ini dibuat sistem baru dengan menggunakan Visual Studio Code sebagai
bahasa pemograman, dan MySQL untuk membuat database (Dharmawan, 2018).
3.9.4 Testing
Pengujian Program menggunakan Black box dengan menghasilkan sesuai dengan
harapan yang telah dirancang sebelumnya. Penggunaan Black box dalam pengujian
aplikasi akan memberikan penjelasan tentang kesesuaian harapan dalam pembuatan
program (Dharmawan, 2018).

11
3.9.5 Penerapan Program
Proses atau pemeliharaan ini penulis mengupayakan pengembangan sistem yang
sudah dibuat terkait software dan hardware yang akan digunakan (Dharmawan, 2018).

3.10 Alat Bantu Dalam Perancangan


Dalam melakukan penelitian ini perlu adanya tools yang digunakan untuk
menyajikan sistem yang akan dibuat antara lain Flowchart, Diagram Arus Data atau
Data Flow Diagram dan Entity Relationship Diagram yang digunakan untuk pemodelan
sistem dengan metodologi terstruktur.

3.10.1 Flow Chart


Flowchart merupakan bagan alir yang menunjukkan arus dari laporan dan
formulir termasuk tembusan-tembusannya, dalam pembuatannya flowchart memiliki
ketentuan-ketentuan yang harus diperhatikan salah satunya adalah notasi-notasi yang
ada di dalamnya. Notasi pada flowchart dapat dilihat pada tabel 3.1

Tabel 3.1 Simbol Flowchart

Simbol Nama Simbol Fungsi


No.

Terminator Merupakan bentuk dari


1.
terminator simbol yang
digunakan pada awal pembuatan
document flowchart sebagai
mengawali (Start) dan
mengakhiri (End) flowchart.

12
Process Digunakan untuk menunjukkan
2. jenis operasi pengolahan pada
sebuah proses atau prosedur.

Kondisi Merupakan notasi dari suatu


3.
keputusan dalam pengerjaan
document flowchart. Dalam
penggambaran notasi decision
ini selalu menghasilkan dengan
keputusan ya atau tidak..

Input/Output Digunakan untuk menunjukkan


4.
peralatan yang telah digunakan
sebagai media alat input dan
output

Preparation Digunakan untuk


5.
mempersiapkan penyimpanan
yang mau digunakan sebagai
tempat pengolahan data yang
ada di dalam storage.

13
Connector Digunakan untuk penyambung
6.
proses dalam lembar atau
halaman yang sama, dan juga
sebagai simbol jalur keluar –
masuk.

Connector Of Digunakana sebagai


7. page
penyambung proses pada lembar
atau halaman yang berbeda.

Garis Alir Digunakan untuk


8.
menghubungkan antara simbol
satu dengan yang lainnya

(Sumber : Jogiyanto, 2005)

3.10.2 Data Flow Diagram (DFD)


DFD adalah suatu diagram yang menggunakan notasi – notasi untuk
menggambarkan arus dari data pada suatu sistem, yang penggunaannya sangat
membantu untuk memahami sistem secara logika, terstuktur dan jelas. Diagram ini
digunakan alat bantu dalam menggambarkan atau menjelaskan proses kerja suatu
sistem (Meisak,2017).
Data Flow Diagram (DFD) ini merupakan suatu cara atau metode untuk membuat

14
rancangan sebuah sistem yang mana berorientasi pada alur data yang bergerak pada
sebuah sistem nantinya. Dalam pembuatan pada Sistem Informasi, DFD sering
digunakan. DFD dibuat oleh para analis untuk membuat sebuah sistem yang baik.
Dimana DFD ini nantinya diberikan kepada para programmer untuk melakukan
proses coding. Dimana para programmer melakukansebuah coding sesuai dengan
DFD yang dibuat oleh para analis sebelumnya (Agusvianto,2017).

Simbol-simbol Data Flow Diagram (DFD) menurut Yourdon dan DeMarco dapat
dilihat pada tabel 3.2

Tabel 3.2 Simbol DFD


No Nama Elemen Keterangan
1 Proses Aktivitas atau fungsi yang biasa
berupa manual maupun
terkomputerisasi.

2. Data Satu data tunggal atau kumpulan logis


Flow suatu data, selalu diawali atau
diakhiri pada suatu proses

3. Data Kumpulan data yang disimpan dengan


Store cara tertentu. Data yang mengalir
disimpan dalam data store.

4. Externa Orang, organisasi, atau sistem yang


l berada di luar sistemtetapi
Entity berinteraksi dengansistem.
(Sumber: Hanif Al Fatta, 2007)

15
3.10.3 Entity Relationship Diagram (ERD)
ERD adalah suatu diagram untuk menggambarkan desain konseptual dari model
konseptual suatu basis data relasional. ERD juga merupakan gambaran yang
menghubungkan antara objek satu dengan objek lain dalam dunia nyata
(Fatmawati,2016).
Simbol-simbol Entity Relationship Diagram (ERD) dapat dilihat pada tabel 3.3

Tabel 3.3 Simbol ERD


Simbol Keterangan

Entitas, yaitu kumpulan dari objek yang dapat


diidentifikaasikan secara unik
Relasi, yaitu hubungan yang terjadi antara satu atau lebih
entitas. Jenis hubungan antara lain; satu ke satu, satu ke
banyak, dan banyak ke banyak.

Atribut, yaitu karakteristik dari entity atau relasi yang


merupkan penjelasan detail tentang entitas.

Hubungan antara entity dengan atributnya dan himpunan


entitas dengan himpunan relasinya.

(Sumber: Hanif Al Fatta, 2007)

16
BAB IV
METODOLOGI PENELITIAN

4.1 Jenis Penelitian


Jenis penelitian yang dipakai peneliti adalah penelitian deskriptif kualitatif karena
penelitian yang dilakukan pada toko Kurnia A’A yaitu untuk mengetahui informasi
tentang toko, bagaimana sistem persediaan stok barang serta pemesanan barang yang
dilakukan oleh toko tersebut. Sedangkan untuk metode pengembangan sistem
menggunakan Metode Waterfall.

4.2 Tempat dan Waktu Penelitian


Penelitian ini dilakukan pada toko Kurnia A’A yang beralamat “ Ruko Batu Merah
Blok A2 No.6 Ambon, Maluku” penelitian dilakukan mulai dari April 2021 sampai Juli
2021.

Tabel 4.1 Rincian Jadwal Kegiatan Penelitian


2021
No Tahap April Mei Juni Juli
Kegiatan 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1. Analisis
2. Desain
3. Pengkodean
4. Pengujian

4.3 Teknik Pengumpulan Data

Adapun teknik-teknik pengambilan data yang peneliti lakukan dalam penelitian


adalah sebagai berikut:

17
4.3.1 Observasi
Pada metode observasi ini peneliti melakukan pengamatan langsung didalam
kegiatan transaksi jual beli, pendataan stok barang masuk dan keluar, serta
pemesanan barang yang dilakukan oleh Toko Kurnia A’A. Selain itu peneliti juga
melakukan wawancara kepada pemilik toko. Wawancara dilakukan untuk
mengetahui aplikasi apa yang nantinya akan dibuat, serta bagaimana proses
tansaksi pemesanan barang antara toko Kurnia A’A dan pelanggannya.
4.3.2 Wawancara
Dari hasil wawancara dengan pemilik toko Kurnia A’A diperoleh informasi
tentang sistem pendataan stok barang masuk, barang keluar , serta pemesanan
barang yang dilakukan oleh pelanggan toko Kurnia A’A, yaitu:
1. Proses pendataan stok barang masuk dan barang keluar masih dilakukan secara
manual, masih dicatat dalam buku.
2. Proses pemesanan barang yang dilakukan masih dilakukan secara manual yakni
pelanggan melakukan pemesanan barang melalui via telfon. Dimana
pemesanan barang melalui via telfon sangat tidak efisien dimana memerlukan
waktu yang lama untuk pemesanan, dan juga jika pelanggan lainnya ingin
memesan barang pada waktu yang bersamaan tidak dapat melakukan
pemesanan.
4.3.3 Studi Pustaka
Pada tahap ini sebagai kajian tambahan peneliti mencari dan membaca referensi
referensi dari buku dan jurnal serta mengumpulkan data dari situs-situs yang ada
di internet yang mendukung dan berhubungan dengan aplikasi yang akan
dikerjakan.
4.3.4 Sistem yang Berjalan
Sistem yang digunakan saat ini pada toko Kurnia A’A pada gambar 4.1 dan 4.2

18
Gambar 4.1 Proses Barang Masuk

1. Barang masuk dicek oleh pemilik toko.


2. Pemilik toko menyuruh karyawan untuk mencatat barang apa saja yang masuk
didalam buku.
3. Karyawan menyimpan barang masuk tersebut ke dalam gudang.

Gambar 4.2 Proses Pemesanan dan Barang Keluar

1. Pelanggan menelfon pemilik toko untuk memesan barang.


2. Pemilik toko menyuruh karyawan untuk mengecek dan mengambil barang di
gudang sesuai pesanan pelanggan.
3. Karyawan mencatat barang keluar di buku serta mencatat nota untuk pelanggan
4. Barang pesanan di cek kembali sebelum dikirimkan ke alamat pelanggan.
5. Barang dikirim sesuai alamat pelanggan.

19
4.3.5 Sistem yang diusulkan

Gambar 4.3 Proses Barang Masuk Sistem yang diusulkan

1. Barang masuk dicek oleh pemilik toko.


2. Pemilik toko memasukkan data barang masuk ke sistem.
3. Karyawan menyimpan barang masuk tersebut ke dalam gudang.

Gambar 4.4 Proses Pemesanan dan Barang Keluar Sistem yang diusulkan

1. Pelanggan masuk ke sistem/website untuk memesan barang .


2. Pemilik toko mengecek sistem barang yang dipesan pelanggan.
3. Karyawan mengambil barang di gudang sesuai pesanan pelaggan
4. Barang pesanan di cek kembali sebelum dikirimkan ke alamat pelanggan.
5. Barang dikirim sesuai alamat pelanggan.

20
4.4 Teknik Pengembagan Sistem
Model pengembangan sistem yang digunakan adalah model SDLC air terjun
(waterfall) adalah metode pengembangan perangkat lunak yang memungkinkan
pembuatan sistem dilakukan secara terstuktur dan sistematis (berurutan) sesuai dengan
siklus pengembangan yang ada. Model SDLC air terjun (waterfall) sering juga disebut
model sekuensial linier (Sequential Linear) atau alur hidup klasik (Classic Life Cycle)”
(Rosa & Shalahuddin,2015).
4.4.1 Analisa Kebutuhan
4.4.1.1 Kebutuhan Fungsional
Kebutuhan fungsional merupakan kebutuhan layanan yang harus diberikan
oleh sistem. Analisis kebutuhan fungsional pada aplikasi ini sangat diperlukan
untuk mendukung kinerja aplikasi, dimana aplikasi yang dibuat harus sesuai
dengan kebutuhan yang diperlukan oleh pengguna, kebutuhan fungsional yang
diperlukan adalah sebagai berikut :
 Admin

1. Halaman Login.
2. Halaman Kelola Toko.
3. Halaman Kelola Pesanan.
4. Halaman Kelola Pelanggan

 Pelanggan

1. Halaman Login.
2. Halaman Register.
3. Halaman Produk yang dijual.
4. Halaman Keranjang pesanan.
5. Halaman Check out pesanan.

4.4.1.2 Kebutuhan Non Fungsional


Kebutuhan Non fungsional merupakan kebutuhan yang diperlukan sebelum
pengembangan aplikasi yang mencakup software dan hardware

21
Kebutuhan Software
1. Visual Studio Code
2. Xampp
3. Browser Chrome, Microsoft Edge, atau yang lainnya.

Kebutuhan Hardware
1. Laptop Acer Aspire V Core i3 RAM 4GB

22
4.4.1.3 Desain Perancangan Sistem
Perancangan sistem terdiri atas Flowchart, DFD, dan ERD
4.4.1.3.1 Flowchart
Flowchart dapat dilihat pada gambar 4.5

Gambar 4.5 Flowchart

23
4.4.1.3.2 Data Flow Diagram(DFD)
A. DFD Level 1
DFD Level 1 dapat dilihat pada gambar 4.6

Gambar 4.6 DFD Level 1

24
B. DFD Level 2 Admin
DFD Level 2 Admin dapat dilihat pada gambar 4.7

Gambar 4.7 DFD Level 2 Admin

25
C. DFD Level 2 Pelanggan
DFD Level 2 Pelanggan dapat dilihat pada gambar 4.8

Gambar 4.8 DFD Level 2 Pelanggan

26
4.4.1.3.3 Entity Relationship Diagram(ERD)
ERD dapat dilihat pada gambar 4.9

Gambar 4.9 Entity Relationship Diagram (ERD)

27
4.4.1.3.4 Desain User Interface
A. Interface Login
Interface Login merupakan rancangan tampilan untuk halaman login,
dengan memasukkan email serta password yang sesuai, terlihat pada
gambar 4.10

Gambar 4.10 Interface Login

B. Interface Register
Interface Register merupakan rancangan tampilan untuk halaman
register untuk melakukan pendaftaran jika belum mempunyai akun,
dimana diminta memasukkan data-data yang diperlukan seperti “Nama
Lengkap, Nomor HP, Alamat, Email, dan Password” , terlihat pada
gambar 4.11

28
Gambar 4.11 Interface Register
C. Interface Home Admin
Interface Home Admin merupakan rancangan tampilan untuk halaman
Home Admin, dimana terdapat menu Kelola Pesanan, Kelola Toko, serta
Kelola Pelanggan, terlihat pada gambar 4.12

Gambar 4.12 Interface Home Admin

29
D. Interface Kelola Pesanan
Interface Kelola Pesanan merupakan rancangan tampilan untuk
halaman Kelola Pesanan, dimana terdapat daftar dan status pemesanan
barang dari pelanggan, terlihat pada gambar 4.13

Gambar 4.13 Interface Kelola Pesanan

30
E. Interface Kelola Toko bagian Produk
Interface Kelola Toko bagian Produk merupakan rancangan tampilan
untuk halaman Kelola Toko bagian Produk, dimana pada menu Kelola
toko terdapa beberapa pilihan salah satunya produk, yang berfungsi untuk
menampilkan serta mengelola produk yang ada, terlihat pada gambar 4.14

Gambar 4.14 Interface Kelola Toko bagian Produk

31
F. Interface Kelola Toko bagian Barang Masuk
Interface Kelola Toko bagian Barang Masuk merupakan rancangan
tampilan untuk halaman Kelola Toko bagian barang masuk, dimana pada
menu Kelola toko terdapa beberapa pilihan salah satunya barang masuk,
yang berfungsi untuk menampilkan serta mengelola barang masuk bila
ditambahkan maka akan menambah stok barang yang ada pada kelola stok
bagian produk, terlihat pada gambar 4.15

Gambar 4.15 Interface Kelola Toko bagian Barang Masuk

32
G. Interface Kelola Toko bagian Barang Keluar
Interface Kelola Toko bagian Barang Keluar merupakan rancangan
tampilan untuk halaman Kelola Toko bagian barang keluar, dimana pada
menu kelola toko terdapa beberapa pilihan salah satunya barang keluar,
yang berfungsi untuk menampilkan serta mengelola barang keluar bila
ditambahkan maka akan mengurangi stok barang yang ada pada kelola
stok bagian produk, terlihat pada gambar 4.16

Gambar 4.16 Interface Kelola Toko bagian Barang Keluar

33
H. Interface Kelola Pelanggan
Interface Kelola Pelanggan merupakan rancangan tampilan untuk
halaman Kelola Pelanggan, yang berfungsi untuk menampilkan daftar
pelanggan yang ada, terlihat pada gambar 4.17

Gambar 4.17 Interface Kelola Pelanggan

34
I. Interface Home Pelanggan
Interface Home Pelanggan merupakan rancangan tampilan untuk
halaman utama pelanggan, fungsinya menampilkan halaman utama
pelanggan ketika login, terlihat pada gambar 4.18

Gambar 4.18 Interface Home Pelanggan

35
J. Interface Kategori Produk
Interface Kategori Produk merupakan rancangan tampilan untuk
halaman kategori produk, fungsinya menampilkan halaman kategori
produk yang berisi produk yang dijual di toko, terlihat pada gambar 4.19

Gambar 4.19 Interface Kategori Produk

36
.K Interface Lihat Produk
Interface Lihat Produk merupakan rancangan tampilan untuk halaman
lihat produk, fungsinya menampilkan produk dijual secara rinci, terlihat
pada gambar 4.20

Gambar 4.20 Interface Lihat Produk

37
L. Interface Keranjang Saya
Interface Keranjang Saya merupakan rancangan tampilan untuk
halaman keranjang saya, fungsinya menampilkan produk ingin dipesan
oleh pelanggan, terlihat pada gambar 4.21

Gambar 4.21 Interface Keranjang Saya

38
M. Interface Check Out
Interface Check Out merupakan rancangan tampilan untuk halaman
Check Out , fungsinya menampilkan produk ingin dipesan oleh pelanggan,
terdapat total keseluruhan yang harus dibayar pelanggan serta instruksi
pembayaran melalui BANK atau E-WALLET, terlihat pada gambar 4.22

Gambar 4.22 Interface Check Out

39
N. Interface Daftar Order
Interface Daftar Order merupakan rancangan tampilan untuk halaman
daftar order , fungsinya menampilkan produk yang telah di order oleh
pelanggan, terlihat pada gambar 4.23

Gambar 4.23 Interface Daftar Order

40
O. Interface Konfirmasi Pembayaran
Interface Daftar Order merupakan rancangan tampilan untuk halaman
konfirmasi pembayaran, fungsinya menampilkan halaman konfirmasi
pembayaran yang akan diisi oleh pelanggan jika sudah melakukan
pembayaran,, terlihat pada gambar 4.24

Gambar 4.24 Interface Konfirmasi Pembayaran

41
BAB V
IMPLEMENTASI SISTEM

5.1 Implementasi
Implementasi adalah kelanjutan dari kegiatan rancangan sistem yang dibuat. Tahapan
ini akan menerapkan hasil perancangan yang akan dibuat dalam bahasa pemrograman
yang dapat dimengerti oleh mesin dan akan menghasilkan suatu sistem yang dapat
mengolah suatu data menjadi informasi.
Berikut adalah tampilan hasil perancangan yang telah dibuat

1. Interface Login
Halaman Login digunakan untuk melakukan proses Login, dimana
diminta memasukkan email dan password untuk login. Berikut adalah
tampilan halaman login pada gambar 5.1.

Gambar 5.1 Interface Login

42
2. Interface Register
Halaman Register digunakan untuk melakukan pendaftaran bila belum
mempunyai akun, dengan mengisi data-data yang diperlukan. Berikut
adalah tampilan halaman register pada gambar 5.2

Gambar 5.2 Interface Register

43
3. Interface Home Admin
Halaman Home Admin digunakan untuk menampilkan tampilan utama
ketika admin telah berhasil melakukan proses login. Berikut adalah
tampilan halaman home admin pada gambar 5.3

Gambar 5.3 Interface Home Admin

44
4. Interface Admin Kelola Toko bagian Produk
Halaman Kelola Toko bagian Produk digunakan untuk menampilkan
produk apa saja yang dijual di toko serta dapat mengetahui sisa stok
produk yang ada pada toko. Berikut adalah tampilan halaman kelola toko
bagian produk gambar 5.4

Gambar 5.4 Interface Kelola Toko Bagian Produk

45
5. Interface Admin Kelola Toko bagian Produk Tambah Produk
Halaman Kelola Toko bagian Produk Tambah Produk digunakan untuk
menambah data barang baru yang belum pernah dijual di toko. Berikut
adalah tampilan halaman kelola toko bagian produk tambah produk
gambar 5.5

Gambar 5.5 Interface Kelola Toko Bagian Produk Tambah Produk

46
6. Interface Admin Kelola Toko bagian Barang Masuk
Halaman Kelola Toko bagian Barang Masuk digunakan untuk
menampilkan data barang baru yang sudah pernah dijual di toko. Berikut
adalah tampilan halaman kelola toko bagian barang masuk gambar 5.6

Gambar 5.6 Interface Kelola Toko Bagian Barang Masuk

47
7. Interface Admin Kelola Toko bagian Barang Masuk Tambah Data
Halaman Kelola Toko bagian Barang Masuk Tambah Data digunakan
untuk menambah data stok barang baru yang sudah pernah dijual di toko.
Berikut adalah tampilan halaman kelola toko bagian barang masuk tambah
data gambar 5.7

Gambar 5.7 Interface Kelola Toko Bagian Barang Masuk Tambah Data

48
8. Interface Admin Kelola Toko bagian Barang Masuk Edit Data
Halaman Kelola Toko bagian Barang Masuk Edit Data digunakan untuk
mengubah data stok barang barang baru yang masuk yang sudah pernah
dijual di toko jika salah dalam memasukkan jumlah stok barang yag
masuk. Berikut adalah tampilan halaman kelola toko bagian barang masuk
edit data gambar 5.8

Gambar 5.8 Interface Kelola Toko Bagian Barang Masuk Edit Data

49
9. Interface Admin Kelola Toko bagian Barang Masuk Hapus Data
Halaman Kelola Toko bagian Barang Masuk Hapus Data digunakan
untuk menghapus barang baru yang masuk yang sudah pernah dijual di
toko. Berikut adalah tampilan halaman kelola toko bagian barang masuk
hapus data gambar 5.9

Gambar 5.9 Interface Kelola Toko Bagian Barang Masuk Hapus Data

50
10. Interface Admin Kelola Toko bagian Barang Keluar
Halaman Kelola Toko bagian Barang Keluar digunakan untuk
menampilkan barang keluar yang dibeli langsung ditoko oleh pelanggan.
Berikut adalah tampilan halaman kelola toko bagian barang keluar gambar
5.10

Gambar 5.10 Interface Kelola Toko Bagian Barang Keluar

51
11. Interface Admin Kelola Toko bagian Barang Keluar Tambah Data
Halaman Kelola Toko bagian Barang Keluar Tambah Data digunakan
untuk menambah barang keluar yang dibeli langsung ditoko oleh
pelanggan. Berikut adalah tampilan halaman kelola toko bagian barang
keluar tambah data gambar 5.11

Gambar 5.11 Interface Kelola Toko Bagian Barang Keluar tambah data

52
12. Interface Admin Kelola Toko bagian Barang Keluar Edit Data
Halaman Kelola Toko bagian Barang Keluar Edit Data digunakan untuk
mengubah barang keluar yang dibeli langsung ditoko oleh pelanggan.
Berikut adalah tampilan halaman kelola toko bagian barang keluar edit
data gambar 5.12

Gambar 5.12 Interface Kelola Toko Bagian Barang Keluar edit data

53
13. Interface Admin Kelola Toko bagian Barang Keluar Hapus Data
Halaman Kelola Toko bagian Barang Keluar Hapus Data digunakan
untuk menghapus data barang keluar yang dibeli langsung ditoko oleh
pelanggan. Berikut adalah tampilan halaman kelola toko bagian barang
keluar hapus data gambar 5.13

Gambar 5.13 Interface Kelola Toko Bagian Barang Keluar Hapus Data

54
14. Interface Admin Kelola Pelanggan
Halaman Kelola pelanggan digunakan untuk melihat data pelanggan
yang telah terdaftar. Berikut adalah tampilan halaman kelola toko bagian
pelangga data gambar 5.14

Gambar 5.14 Interface Kelola Pelanggan

55
15. Interface Admin Kelola staff
Halaman staff digunakan untuk melihat data staff yang telah terdaftar.
Berikut adalah tampilan halaman kelola staff data gambar 5.15

Gambar 5.15 Interface Kelola Staff

56
16. Interface Admin Kelola Pesanan
Halaman kelola pesanan digunakan untuk melihat data pesanan yang
telah dipesan oleh pelanggan. Berikut adalah tampilan halaman kelola
pesanan data gambar 5.16

Gambar 5.16 Interface Kelola Pesanan

57
17. Interface Admin Kelola Pesanan bagian Konfirmasi Pesanan
Halaman kelola pesanan bagian konfirmasi pesanan digunakan untuk
melihat data pesanan yang telah dipesan oleh pelanggan serta
mengkonfirmasi data pesanan yang dipesan. Berikut adalah tampilan
halaman kelola pesanan bagian konfirmasi pesanan data gambar 5.17

Gambar 5.17 Interface Kelola Pesanan bagian Konfirmasi Pesanan

58
18. Interface Home Pelanggan
Halaman home pelanggan digunakan untuk menampilkan tampilan utama
ketika pelanggan telah berhasil melakukan proses login. Berikut adalah
tampilan halaman home pelanggan pada gambar 5.18

Gambar 5.18 Interface Home Pelanggan

59
19. Interface Pelanggan Kategori
Halaman kategori digunakan untuk menampilkan produk yang di jual di
toko berdasarkan kategori. Berikut adalah tampilan halaman kategori
gambar 5.19

Gambar 5.19 Interface Pelanggan Kategori

60
20. Interface Pelanggan Lihat Produk
Halaman Lihat Produk digunakan untuk menampilkan produk yang di
jual di toko secara detail. Berikut adalah tampilan halaman lihat produk
gambar 5.20

Gambar 5.20 Interface Pelanggan Lihat Produk

61
21. Interface Pelanggan Keranjang
Halaman keranjang digunakan untuk menampilkan produk yang akan
dipesan oleh pelanggan. Berikut adalah tampilan halaman keranjang
gambar 5.21

Gambar 5.21 Interface Pelanggan Keranjang

62
22. Interface Pelanggan CheckOut
Halaman CheckOut digunakan untuk menampilkan total dan harga
barang yang dipesan serta melakukan checkout. Berikut adalah tampilan
halaman checkout gambar 5.22

Gambar 5.22 Interface Pelanggan CheckOut

63
23. Interface Pelanggan Daftar Order
Halaman daftar order digunakan untuk menampilkan status order
pesanan yang dilakukan pelanggan. Berikut adalah tampilan halaman
daftar order gambar 5.23

Gambar 5.23 Interface Pelanggan Daftar Order

64
24. Interface Pelanggan Konfirmasi Pembayaran
Halaman konfirmasi pembayaran digunakan untuk melakukan konfirmasi
pembayaran barang yang telah dipesan oleh pelanggan. Berikut adalah
tampilan halaman konfirmasi pembayaran gambar 5.24

Gambar 5.24 Interface Pelanggan Konfirmasi Pembayaran

65
5.2 Implementasi Database
Pada tahap ini dilakukan implementasi dari perancangan database yang dilakukan
pada tahap sebelumnya. Berikut adalah implementas dari aplikasi Sistem Informasi
Inventory Stok Barang.
1. Tabel login
Tabel login berfungsi untuk menampung data-data dari pengguna sekaligus data
login yang digunakan untuk proses login. Dalam tabel login terdapat atribut yaitu userid,
namalengkap, email, password, notelp, alamat, tgljoin, role, lastlogin,. Dimana userid
sebagai primary key, dapat dilihat pada gambar 5.25

Gambar 5.25 Tabel Login

66
2. Tabel produk
Tabel produk berfungsi untuk menampung data-data produk yang akan dijual. Dalam
tabel produk terdapat atribut yaitu idproduk, idkategori, namaproduk, gambar, deskripsi,
hargabefore, hargaafter, stok, tgldibuat,. Dimana idproduk sebagai primary key, dapat
dilihat pada gambar 5.26

Gambar 5.26 Tabel produk

3. Tabel Kategori
Tabel kategori berfungsi untuk menampung data-data kategori . Dalam tabel kategori
terdapat atribut yaitu idkategori, namakategori, tgldibuat. Dimana idkategori sebagai
primary key, dapat dilihat pada gambar 5.27

Gambar 5.27 Tabel Kategori

67
4. Tabel masuk
Tabel masuk berfungsi untuk menampung data-data barang masuk. Dalam tabel
masuk terdapat atribut yaitu idmasuk, idproduk, penerima, qty, tanggal,. Dimana idmasuk
sebagai primary key, dapat dilihat pada gambar 5.28

Gambar 5.28 Tabel Masuk

5. Tabel keluar
Tabel keluar berfungsi untuk menampung data-data barang keluar. Dalam tabel
keluar terdapat atribut yaitu idkeluar, idproduk, penerima, qty, tanggal,. Dimana idkeluar
sebagai primary key, dapat dilihat pada gambar 5.29

Gambar 5.29 Tabel keluar

68
6. Tabel pembayaran
Tabel pembayaran berfungsi untuk menampung data-data pembayaran. Dalam tabel
pembayaran terdapat atribut yaitu no, metode, norek, logo, an. Dimana no sebagai
primary key, dapat dilihat pada gambar 5.30

Gambar 5.30 Tabel pembayaran

7. Tabel cart
Tabel cart berfungsi untuk menampung data-data cart. Dalam tabel cart terdapat
atribut yaitu idcart, orderid, userid, tglorder, status. Dimana idcart sebagai primary key,
dapat dilihat pada gambar 5.31

Gambar 5.31 Tabel cart

69
8. Tabel detailorder
Tabel detailorder berfungsi untuk menampung data-data detailorder. Dalam tabel
detailorder terdapat atribut yaitu detailid, orderid, idproduk, qty, gambar. Dimana detailid
sebagai primary key, dapat dilihat pada gambar 5.32

Gambar 5.32 Tabel detailorder

9. Tabel konfirmasi
Tabel konfirmasi berfungsi untuk menampung data-data konfirmasi. Dalam tabel
konfirmasi terdapat atribut yaitu idkonfirmasi, orderid, userid, payment, namarekening,
gambar,tglbayar, tglsubmit. Dimana detailid sebagai primary key, dapat dilihat pada
gambar 5.33

Gambar 5.33 Tabel konfirmasi

70
BAB VI
HASIL

6.1 Sistem Pengujian


Pengujian pada suatu aplikasi bertujuan untuk memeriksa apakah sebuah program
telah berjalan dengan semestinya atau masih ada kesalahan yang harus diperbaiki agar
program yang dibuat akan menjadi program yang memiliki kualitas yang baik. Teknik
pengujian terdiri dari Whitebox Testing dan Blackbox Testing yang banyak digunakan
para penguji untuk memeriksa program telah sesuai atau tidak. Pada pengkajian ini
perangkat lunak yang akan dikaji menggunakan Blackbox Testing adalah sebuah sistem
seleksi terbaik terdiri dari 1 form yang akan diisi dengan data di sebuah perusahaan
(Aries Saifudin, 2019).

1. Pengujian Blackbox Halaman Login


Berikut adalah hasil pengujian blackbox halaman login pada tabel 6.1.

Tabel 6.1. Pengujian Blackbox Halaman Login


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Masuk Masuk ke menu halaman Sukses
utama sistem Admin atau
Pelanggan
Memilih Menu Daftar Masuk ke menu halaman Sukses
Sekarang register

2. Pengujian Blackbox Halaman Register


Berikut adalah hasil pengujian blackbox halaman register pada tabel 6.2.

71
Tabel 6.2. Pengujian Blackbox Halaman Register
Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Daftar Menampilkan tulisan berhasil Sukses
mendaftar dan kembali ke
halaman login
Memilih Menu Home Kembali ke menu halaman Sukses
login

3. Pengujian Blackbox Halaman Utama Admin


Berikut adalah hasil pengujian blackbox halaman utama admin pada tabel 6.3.

Tabel 6.3. Pengujian Blackbox Halaman Utama Admin


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Menu Kelola Menampilkan halaman Sukses
Toko Kelola Toko
Memilih Menu Kelola Menampilkan halaman kelola Sukses
Pelanggan pelanggan
Memilih Menu Kelola Menampilkan halaman kelola Sukses
Staff staff
Memilih Menu Logout Kembali ke halaman login Sukses
Memilih Kelola Menampilkan halaman kelola Sukses
Pesanan pesanan

72
4. Pengujian Blackbox Halaman Admin Kelola Toko
Berikut adalah hasil pengujian blackbox halaman admin kelola toko pada tabel
6.4

Tabel 6.4. Pengujian Blackbox Halaman Admin Kelola Toko


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Menu Menampilkan halaman Sukses
Kategori Kategori
Memilih Menu Produk Menampilkan halaman Sukses
produk
Memilih Menu Barang Menampilkan halaman Sukses
Masuk barang masuk
Memilih Menu Barang Menampilkan halaman Sukses
Keluar barang keluar
Memilih Menu Metode Menampilkan halaman Sukses
Pembayaran metode pembayaran

5. Pengujian Blackbox Halaman Admin Kelola Toko bagian Produk


Berikut adalah hasil pengujian blackbox halaman admin kelola toko bagian
produk pada tabel 6.5

Tabel 6.5. Pengujian Blackbox Halaman Admin Kelola Toko bagian Produk
Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Menampilkan halaman Sukses
Tambah Produk tambah data
Memilih Button Menampilkan menampilkan Sukses
Tambah Pada bagian tulisan data berhasil
Button Tambah Produk ditambahkan
Memilih Button Edit Menampilkan halaman menu Sukses

73
edit
Memilih Button Update Menampilkan tulisan data Sukses
pada bagian Button Edit berhasil disimpan
Memilih Button Hapus Menampilkan tulisan apakah Sukses
anda yakin akan menghapus
barang
Memilih Button Hapus Menampilkan tulisan data Sukses
pada Bagian Button berhasil dihapus
Hapus

6. Pengujian Blackbox Halaman Admin Kelola Toko bagian Barang Masuk


Berikut adalah hasil pengujian blackbox halaman admin kelola toko bagian
barang masuk pada tabel 6.6

Tabel 6.6. Pengujian Blackbox Halaman Admin Kelola Toko bagian Barang Masuk
Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Menampilkan halaman Sukses
Tambah Barang Masuk tambah data
Memilih Button Menampilkan tulisan data Sukses
Tambah Pada bagian berhasil ditambahkan
Button Tambah Barang
Masuk
Memilih Button Edit Menampilkan halaman edit Sukses
Memilih Button Update Menampilkan tulisan data Sukses
pada bagian Button Edit berhasil diubah
Memilih Button Hapus Menampilkan tulisan apakah Sukses
anda yakin akan menghapus
barang
Memilih Button Hapus Menampilkan tulisan data Sukses
pada Bagian Button berhasil dihapus

74
Hapus

7. Pengujian Blackbox Halaman Admin Kelola Toko bagian Barang Keluar


Berikut adalah hasil pengujian blackbox halaman admin kelola toko bagian
barang keluar pada tabel 6.7

Tabel 6.6. Pengujian Blackbox Halaman Admin Kelola Toko bagian Barang Masuk
Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Menampilkan halaman Sukses
Tambah Barang Keluar tambah data
Memilih Button Menampilkan tulisan data Sukses
Tambah Pada bagian berhasil ditambahkan
Button Tambah Barang
Keluar
Memilih Button Edit Menampilkan halaman edit Sukses
Memilih Button Update Menampilkan tulisan data Sukses
pada bagian Button Edit berhasil diubah
Memilih Button Hapus Menampilkan tulisan apakah Sukses
anda yakin akan menghapus
barang
Memilih Button Hapus Menampilkan tulisan data Sukses
pada Bagian Button berhasil dihapus
Hapus

8. Pengujian Blackbox Halaman Admin Kelola Pesanan


Berikut adalah hasil pengujian blackbox halaman admin kelola Pesanan pada
tabel 6.8

75
Tabel 6.8. Pengujian Blackbox Halaman Admin Kelola Pesanan
Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih id pesanan Masuk ke halaman order id Sukses
Memilih Button kirim Menampilkan tulisan pesanan Sukses
pada id pesanan dikirim

9. Pengujian Blackbox Halaman Utama Pelanggan


Berikut adalah hasil pengujian blackbox halaman utama pelanggan pada tabel
6.9

Tabel 6.9. Pengujian Blackbox Halaman Utama Pelanggan


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Menu Masuk ke menu kategori Sukses
Kategori Produk
Memilih Menu Masuk ke menu keranjang Sukses
Keranjang
Memilih Menu Daftar Masuk ke halaman daftar Sukses
Order order
Memilih Menu Home Tetap di halam utama Sukses
pelanggan
Memilih Button Search Masuk ke halaman kategori Sukses
sesuai nama produk yang
dicari
Memilih Button Hapus Menampilkan tulisan data Sukses
pada Bagian Button berhasil dihapus
Hapus
Memilih icon keranjang Menampilkan halaman Sukses
keranjang

10. Pengujian Blackbox Halaman Kategori Pelanggan


Berikut adalah hasil pengujian blackbox halaman kategori pelanggan pada

76
tabel 6.10.

Tabel 6.10. Pengujian Blackbox Halaman Utama Pelanggan


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Beberapa Menampilkan produk yang Sukses
Menu Kategori dijual sesuai kategori
Memilih Button Lihat Menampilkan produk yang Sukses
Produk dijual secara rinci
Memilih Button Menampilkan tulisan berhasil Sukses
Masukkan Ke menambahkan ke keranjang
Keranjang pada halaman keranjang

11. Pengujian Blackbox Halaman Keranjang Saya Pelanggan


Berikut adalah hasil pengujian blackbox halaman keranjang pelanggan pada
tabel 6.11.

Tabel 6.11. Pengujian Blackbox Halaman Keranjang Saya Pelanggan


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Edit Untuk mengupdate jumlah Sukses
pesanan
Memilih Button Hapus Untuk menghapus data Sukses
pesanan
Memilih Button Check Masuk ke halaman checkout Sukses
Out

12. Pengujian Blackbox Halaman Checkout Pelanggan


Berikut adalah hasil pengujian blackbox halaman checkout pelanggan pada
tabel 6.12.

77
Tabel 6.12. Pengujian Blackbox Halaman Checkout Pelanggan
Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button I Agree Menampilkan tulisan pesanan Sukses
And Checkout berhasil dicheckout dan
kembali ke halaman utama

13. Pengujian Blackbox Halaman Daftar Order Pelanggan


Berikut adalah hasil pengujian blackbox halaman Daftar pelanggan pada tabel
6.13.

Tabel 6.13. Pengujian Blackbox Halaman Daftar Order Pelanggan


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Masuk ke halaman Sukses
Konfirmasi konfirmasi pembayaran
Pembayaran

14. Pengujian Blackbox Halaman Konfirmasi Pelanggan


Berikut adalah hasil pengujian blackbox halaman Konfirmasi pelanggan pada
tabel 6.14.

Tabel 6.14. Pengujian Blackbox Konfirmasi Pelanggan


Aktivitas Pengujian Realisasi yang Diharapkan Hasil
Memilih Button Kirim Menampilkan tulisan Sukses
konfirmasi berhasil dan
kembali ke halaman utama

78
BAB VII
PENUTUP

Pembuatan aplikasi sistem informasi inventory stok barang pada toko Kurnia A’A
berbasis web merupakan aplikasi baru pada toko pakaian Kurnia A’A yang terletak di
Ruko Batu Merah Ambon. Setelah selesai melakukan perencanaan, analisis, perancangan
sistem, dan implementasi. Maka diperoleh kesimpulan dan saran yang akan memberikan
catatan penting dan kemungkinan perbaikan yang perlu dilakukan untuk pengembangan
aplikasi kedepannya.

7.1 Kesimpulan
Kesimpulan yang dapat diambil dari pembuatan aplikasi adalah sebagai berikut
berikut:
1. Aplikasi sistem informasi inventory stok barang berhasil dibuat sesuai kebutuhan
pada toko Kurnia A’A.
2. Aplikasi sistem informasi inventory stok barang telah berhasil dibuat dan
berjalan dengan baik.

7.2 Saran
Adapun saran yang dapat penulis berikan dari pembuatan aplikasi adalah sebagai
berikut berikut kepada peneliti selanjutnya:
1. Dapat mengembangkan aplikasi ini dengan menambah fitur rekapan keuntungan
dari aplikasi ini .
2. Pengembangan desainnya dibuat lebih bagus dari aplikasi ini.
3. Menambah fitur pembayaran virtual account secara otomatis.
4. Menambah fitur lupa password.
5. Menambah fitur SMS atau Email verifikasi jika melakukan pendaftaran akun
ataupun lupa password.

79
DAFTAR PUSTAKA

Ade Hendini. (2016). Pemodelan UML Sistem Informasi Monitoring Penjualan dan
Stok Barang. Pontianak : Jurnal Khatulistiwa Informatika, Vol.6, No.2
Desember 2016

Despita Meisak. (2017). Analisis dan Perancangan Sistem Informasi Persediahan


Barang Menggunakan Metode FIFO. MEDIASISFO Vol. 11, No. 2, Oktober
2017

Desy Apriani, Euis Sitinur Aisyah, Listya Anggraini (2019). Rancang Bangun
Sistem Informasi Inventory Peralatan Komputer Berbasis Website Pada PT
Toray Synthetic Indonesia. Technomedia Journal (TMJ) Vol.4 No.1 Edisi
Agustus 2019

Fadhila Cahya Ningrum, Dandi Suherman (2019). Pengujian Black Box pada
Aplikasi Sistem Seleksi Sales Terbaik Menggunakan Teknik Equivalence
Partitions. Jurnal Informatika Universitas Pamulung Vol,4 No.4, Desember
2019 (125-130).

Fatmawati, Jajat Munajat. (2018). IMPLEMENTASI MODEL WATERFALL PADA


SISTEM INFORMASI PERSEDIAAN BARANG BERBASIS WEB. MEDIA
INFORMATIKA BUDUDARMA, Vol 2, No 2, April 2018

Hendra Agusvianto. (2017). Sistem Informasi Inventori Gudang Untuk Mengontrol


Persediaan Barang Pada Gudang. Journal Information Engineering and
Educational Technology
Julianto Simatupang, (2017). Perancangan Sistem Inventori Barang Pada Toko
Nicholas Jaya Menggunakan Metode FIFO. Jurnal Intra-Tech Volume 1, No.1
April 2017

Junaidin, Ridwan Arifin, Indah Uli Amanda Septiani, (2015). Rancang Bangun
Aplikasi Sistem Inventory Berbasis Dekstop Menggunakan JSE. Konferensi
Nasional Sistem & Informatika 2015.

Mhd Bustanur Rahmad, Tedy Setiady. (2017). Perancangan Sistem Informasi


Inventory Sparepart Elekrtonik Berbasis Web PHP. Jurnal Sarjana Teknik
Informatika Volume 2 Nomor 2, Juni 2016

Rulia Puji Hastanti, Bambang Eka Purnama, Indah Uli Wardati, (2015). Sistem
Penjualan Berbasis Web (E-Comerce) pada Tata Distro Kabupaten Pacitan.
Jurnal Bianglala Informatika Vol 3 No.2 September 2015.

Wahyu Nugraha, Muhamad Syarif, Weiskhy Steven Dharmawan (2018). Penerapan


Metode SDLC Waterfall Dalam Sistem Informasi Inventory Barang Berbasis Dekstop.
JUSIM (Jurnal Sistem Informasi Musiwaras) Vol 03 No.01, Juni 2018
LAMPIRAN

<?php
session_start();

if(!isset($_SESSION['log'])){

} else {
header('location:utama.php');
};

include 'dbconnect.php';
date_default_timezone_set("Asia/Bangkok");
$timenow = date("j-F-Y-h:i:s A");

if(isset($_POST['login']))
{
$email = mysqli_real_escape_string($conn,$_POST['email']);
$pass = mysqli_real_escape_string($conn,$_POST['pass']);
$queryuser = mysqli_query($conn,"SELECT * FROM login WHERE email='$email'");
$cariuser = mysqli_fetch_assoc($queryuser);

if( password_verify($pass, $cariuser['password']) ) {


$_SESSION['id'] = $cariuser['userid'];
$_SESSION['role'] = $cariuser['role'];
$_SESSION['notelp'] = $cariuser['notelp'];
$_SESSION['name'] = $cariuser['namalengkap'];
$_SESSION['log'] = "Logged";

if($_SESSION['role']=='Member'){
header('location:utama.php');
} else {
header('location:admin');
}

} else {
echo "<div class='alert alert-warning'>
Email Atau Password Salah, silakan coba lagi.
</div>
<meta http-equiv='refresh' content='1; url= index.php'/> ";
}
}

?>

<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Masuk</title>

<!-- for-mobile-apps -->


<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<style>
body{
background-image:url("toko.jpg"), url("toko.jpg");

}
</style>

<!-- breadcrumbs -->


<div class="breadcrumbs">
<div class="container" color: #fff592;>
<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-
delay=".5s">
<li><a href="index.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Halaman Login</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- login -->
<div class="login">
<div class="container">

<div class="login-form-grids animated wow slideInUp" data-wow-


delay=".5s">
<form method="post">
<center><h1>TOKO KURNIA A'A</a></h1></center>
<br>
<center><img src="logo.png" alt="logo" width="150" height="150"><
/center>

<br>
<input type="email" name="email" placeholder="Email" required
>
<input type="password" name="pass" placeholder="Password" req
uired>
<input type="submit" name="login" value="Masuk">
<h4>Belum terdaftar?</h4>
<p><a href="registered.php">DAFTAR SEKARANG</a></p>
</form>
</div>

</div>
</div>
<!-- //login -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko KURNIA A'A, Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>+6285145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p>© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;
jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

ADMIN
index.php
<?php
session_start();
include '../dbconnect.php';

$itungcust = mysqli_query($conn,"select count(userid) as jumlahcust from logi


n where role='Member'");
$itungcust2 = mysqli_fetch_assoc($itungcust);
$itungcust3 = $itungcust2['jumlahcust'];

$itungorder = mysqli_query($conn,"select count(idcart) as jumlahorder from ca


rt where status not like 'Selesai' and status not like 'Canceled'");
$itungorder2 = mysqli_fetch_assoc($itungorder);
$itungorder3 = $itungorder2['jumlahorder'];

$itungtrans = mysqli_query($conn,"select count(orderid) as jumlahtrans from k


onfirmasi");
$itungtrans2 = mysqli_fetch_assoc($itungtrans);
$itungtrans3 = $itungtrans2['jumlahtrans'];

?>

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Admin Panel - Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- others css -->
<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>
<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>

<li class="active">
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li><a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

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

<!-- header area end -->


<?php
/*
$periksa_bahan=mysqli_query($conn,"select * from stock_brg where
stock <10");
while($p=mysqli_fetch_array($periksa_bahan)){
if($p['stock']>=1){
?>
<script>
$(document).ready(function(){
$('#pesan_sedia').css("color","white");
$('#pesan_sedia').append("<i class='ti-
flag'></i>");
});
</script>
<?php
echo "<div class='alert alert-danger alert-
dismissible fade show'><button type='button' class='close' data-
dismiss='alert'>&times;</button>Stok <strong><u>".$p['nama']. "</u> <u>".($p['je
nis'])."</u></strong> yang tersisa kurang dari 10</div>";
}
}

*/
?>

<!-- page title area end -->


<div class="main-content-inner">

<div class="sales-report-area mt-5 mb-5">


<div class="row">
<div class="col-md-4">
<div class="single-report mb-xs-30">
<div class="s-report-inner pr--20 pt--30 mb-3">
<div class="icon"><i class="fa fa-
user"></i></div>
<div class="s-report-title d-flex justify-
content-between">
<h4 class="header-title mb-
0">Pelanggan</h4>
</div>
<div class="d-flex justify-content-
between pb-2">
<h1><?php echo $itungcust3 ?></h1>
</div>
</div>
</div>
</div>

<div class="col-md-4">
<div class="single-report">
<div class="s-report-inner pr--20 pt--30 mb-3">
<div class="icon"><i class="fa fa-
book"></i></div>
<div class="s-report-title d-flex justify-
content-between">
<h4 class="header-title mb-
0">Pesanan</h4>
</div>
<div class="d-flex justify-content-
between pb-2">
<h1><?php echo $itungorder3 ?></h1>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="single-report mb-xs-30">
<div class="s-report-inner pr--20 pt--30 mb-3">
<div class="icon"><i class="fa fa-
link"></i></div>
<div class="s-report-title d-flex justify-
content-between">
<h4 class="header-title mb-
0">Konfirmasi Pembayaran</h4>
</div>
<div class="d-flex justify-content-
between pb-2">
<h1><?php echo $itungtrans3 ?></h1>
</div>
<!--
<button type="button" class="<?php
if($itungtrans3==0){
echo 'btn btn-secondary btn-block';
} else {
echo 'btn btn-primary btn-block';
}
?>
">Lihat Transaksi</button>
-->
</div>
</div>
</div>
</div>
</div>

<!-- overview area end -->


<!-- market value area start -->
<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Selamat Datang</h2>
</div>
<div class="market-status-table mt-4">
Anda masuk sebagai <strong><?php echo $_SESSI
ON['name'] ?></strong>
<br>
<p>Pada halaman admin, Anda dapat menambah ka
tegori produk, mengelola produk,
mengelola user dan admin, melihat konfirmasi
pembayaran</p>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->

<!-- footer area start-->


<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- jquery latest version -->


<script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>

<!-- start chart js -->


<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>
</body>

</html>

produk.php
<?php
session_start();
include '../dbconnect.php';

if(isset($_POST["addproduct"])) {
$namaproduk=$_POST['namaproduk'];
$idkategori=$_POST['idkategori'];
$deskripsi=$_POST['deskripsi'];
$hargabefore=$_POST['hargabefore'];
$hargaafter=$_POST['hargaafter'];
$stok=$_POST['stok'];

$nama_file = $_FILES['uploadgambar']['name'];
$ext = pathinfo($nama_file, PATHINFO_EXTENSION);
$random = crypt($nama_file, time());
$ukuran_file = $_FILES['uploadgambar']['size'];
$tipe_file = $_FILES['uploadgambar']['type'];
$tmp_file = $_FILES['uploadgambar']['tmp_name'];
$path = "../produk/".$random.'.'.$ext;
$pathdb = "produk/".$random.'.'.$ext;

if($tipe_file == "image/jpeg" || $tipe_file == "image/png"){


if($ukuran_file <= 5000000){
if(move_uploaded_file($tmp_file, $path)){

$query = "insert into produk (idkategori, namaproduk, gambar, deskr


ipsi, hargabefore, hargaafter, stok)
values('$idkategori','$namaproduk','$pathdb','$deskripsi','$hargabe
fore','$hargaafter','$stok')";
$sql = mysqli_query($conn, $query); // Eksekusi/ Jalankan query dar
i variabel $query

if($sql){

echo "<br><meta http-


equiv='refresh' content='2; URL=produk.php'> You will be redirected to the form i
n 2 seconds";

}else{
// Jika Gagal, Lakukan :
echo "Sorry, there's a problem while submitting.";
echo "<br><meta http-
equiv='refresh' content='2; URL=produk.php'> You will be redirected to the form i
n 2 seconds";
}
}else{
// Jika gambar gagal diupload, Lakukan :
echo "Sorry, there's a problem while uploading the file.";
echo "<br><meta http-
equiv='refresh' content='2; URL=produk.php'> You will be redirected to the form i
n 2 seconds";
}
}else{
// Jika ukuran file lebih dari 1MB, lakukan :
echo "Sorry, the file size is not allowed to more than 1mb";
echo "<br><meta http-
equiv='refresh' content='2; URL=produk.php'> You will be redirected to the form i
n 2 seconds";
}
}else{
// Jika tipe file yang diupload bukan JPG / JPEG / PNG, lakukan :
echo "Sorry, the image format should be JPG/PNG.";
echo "<br><meta http-
equiv='refresh' content='2; URL=produk.php'> You will be redirected to the form i
n 2 seconds";
}

};
//Update Info Barang
if(isset ($_POST['updatebarang'])){
$idb = $_POST['idb'];
$namaproduk = $_POST['namaproduk'];
$deskripsi = $_POST['deskripsi'];
$hargabefore = $_POST['hargabefore'];
$hargaafter = $_POST['hargaafter'];

$update = mysqli_query($conn, "update produk set namaproduk='$namaproduk', de


skripsi='$deskripsi', hargabefore='$hargabefore', hargaafter='$hargaafter' where
idproduk = '$idb'");
if($update){

echo " <div class='alert alert-success'>


<strong>Success!</strong> Redirecting you back in 1 seconds.
</div>
<meta http-equiv='refresh' content='1; url= produk.php'/> ";
}else{

echo " <div class='alert alert-success'>


<strong>Gagal!</strong> Redirecting you back in 1 seconds.
</div>
<meta http-equiv='refresh' content='1; url= produk.php'/> ";
}

if(isset($_POST['hapus'])){
$idx = $_POST['idbrg'];

$delete = mysqli_query($conn,"delete from produk where idproduk='$idx'");

//cek apakah berhasil


if ($delete){

echo " <div class='alert alert-success'>


<strong>Success!</strong> Redirecting you back in 1 seconds.
</div>
<meta http-equiv='refresh' content='1; url= produk.php'/> ";
} else { echo "<div class='alert alert-warning'>
<strong>Failed!</strong> Redirecting you back in 1 seconds.
</div>
<meta http-equiv='refresh' content='1; url= produk.php'/> ";
}
};
?>

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Produk - Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">
<style>
.zoomable{
width: 100px;
}
.zoomable:hover{
transform: scale(1.5);
transition: 0.5s ease;
}
</style>

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>
<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>

<li class="active">
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li>
<a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

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

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Produk</h2>
<button style="margin-bottom:20px" data-
toggle="modal" data-target="#myModal" class="btn btn-info col-md-
2">Tambah Produk</button>
</div>
<?php
$ambildatastock = mysqli_query($conn, "select * f
rom produk where stok <1");

while($fetch=mysqli_fetch_array($ambildatastock))
{
$barang = $fetch['namaproduk'];

?>

<div class="alert alert-danger">


<strong>Perhatian!</strong> Stok Barang <?=$barang;?
> Telah Habis.
<br>
</div>

<?php
}
?>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>No.</th>
<th>Gambar</th>
<th>Nama Produk</th>
<th>Kategori</th>
<th>Deskripsi</th>
<th>Harga Modal</th>
<th>Harga Jual</th>
<th>Tanggal</th>
<th>Stok</th>
<th>Aksi</th>
</tr></thead><tbody>
<?php
$brgs=mysqli_query($conn,"SELECT * fr
om kategori k, produk p where k.idkategori=p.idkategori order by idproduk ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){
$idb = $p['idproduk'];

//cek ada gambar atau tidak


$image = $p['gambar']; //ambil gambar
if($image===null){
//Jika Tidak Ada Gambar
$img = 'No Photo';
}else{
//jika ada gambar
$img = '<img src="../produk/'.$im
age.'" class="zoomable">';
}
?>

<tr>
<td><?php echo $no++ ?></td>
<td><img src="../<?php echo $
p['gambar'] ?>"class="zoomable" width="50%"\></td>
<td><?php echo $p['namaproduk
'] ?></td>
<td><?php echo $p['namakatego
ri'] ?></td>
<td><?php echo $p['deskripsi'
] ?></td>
<td><?php echo $p['hargabefor
e'] ?></td>
<td><?php echo $p['hargaafter
'] ?></td>
<td><?php echo $p['tgldibuat'
] ?></td>
<td><?php echo $p['stok'] ?><
/td>
<td><button data-
toggle="modal" data-target="#edit<?=$idb;?>" class="btn btn-
warning">Edit</button> <button data-toggle="modal" data-
target="#del<?=$idb;?>" class="btn btn-danger">Hapus</button></td>

</tr>

<!--Modal Edit -->


<div class="modal fade" id="edit
<?=$idb;?>">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-
title">Edit Barang</h4>
<button type="button" class="
close" data-dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<form method = "post"enctype=
"multipart/form-data">
<div class="modal-body">
<label>Nama Produk</label>
<input type = "text" name = "
namaproduk" value="<?=$p['namaproduk'];?>" class= "form-control">
<br>
<label>Kategori</label>
<input type = "text" name = "
kategori" value="<?=$p['namakategori'];?>" class= "form-control" disabled >
<br>
<label>Deskripsi</label>
<input type = "text" name = "
deskripsi" value="<?=$p['deskripsi'];?>" class= "form-control">
<br>
<label>Harga Modal</label>
<input type = "number" name =
"hargabefore" value="<?=$p['hargabefore'];?>" class= "form-control" >
<br>
<label>Harga Jual</label>
<input type = "number" name =
"hargaafter" value="<?=$p['hargaafter'];?>" class= "form-control" >
<br>
<label>Stok</label>
<input type = "number" name =
"stok" value="<?=$p['stok'];?>" class= "form-control" disabled >
<br>
<br>
<input type = "hidden" name="
idb" value="<?=$idb;?>">
<button type = "submit" class
="btn btn-primary" name = "updatebarang">Submit </button>
</div>
</form>

</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="d
el<?=$idb;?>">
<div class="modal-
dialog">
<div class="modal-
content">
<form method="post">
<!-- Modal Header -->
<div class="modal-
header">
<h4 class="modal-
title">Hapus Barang <?php echo $p['namaproduk']?></h4>
<button type="button"
class="close" data-dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-
body">
Apakah Anda yakin ing
in menghapus barang ini dari daftar produk?
<input type="hidden"
name="idbrg" value="<?=$idb;?>">
</div>

<!-- Modal footer -->


<div class="modal-
footer">
<button type="button"
class="btn btn-secondary" data-dismiss="modal">Batal</button>
<button type="submit"
class="btn btn-success" name="hapus">Hapus</button>
</div>
</form>
</div>
</div>
</div>
<?php
}
?>

</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- modal input -->


<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tambah Produk</h4>
</div>

<div class="modal-body">
<form action="produk.php" method="post" enctype="multipar
t/form-data" >
<div class="form-group">
<label>Nama Produk</label>
<input name="namaproduk" type="text" class="f
orm-control" required autofocus>
</div>
<div class="form-group">
<label>Nama Kategori</label>
<select name="idkategori" class="form-
control">
<option selected>Pilih Kategori</option>
<?php
$det=mysqli_query($conn,"select * from katego
ri order by namakategori ASC")or die(mysqli_error());
while($d=mysqli_fetch_array($det)){
?>
<option value="<?php echo $d['idkategori'
] ?>"><?php echo $d['namakategori'] ?></option>
<?php
}
?>
</select>

</div>
<div class="form-group">
<label>Deskripsi</label>
<input name="deskripsi" type="text" class="fo
rm-control" required>
</div>
<div class="form-group">
<label>Harga Modal</label>
<input name="hargabefore" type="number" class
="form-control">
</div>
<div class="form-group">
<label>Harga Jual</label>
<input name="hargaafter" type="number" class=
"form-control">
</div>
<div class="form-group">
<label>Gambar</label>
<input name="uploadgambar" type="file" class=
"form-control">
</div>
<div class="form-group">
<label>Stok</label>
<input name="stok" type="number" class="form
-control">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-
default" data-dismiss="modal">Batal</button>
<input name="addproduct" type="submit" class="btn
btn-primary" value="Tambah">
</div>
</form>
</div>
</div>
</div>

<script>
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>
</html>

kategori.php

<?php
session_start();
include '../dbconnect.php';

if(isset($_POST['addcategory']))
{
$namakategori = $_POST['namakategori'];

$tambahkat = mysqli_query($conn,"insert into kategori (namakategori) valu


es ('$namakategori')");
if ($tambahkat){
echo "
<meta http-equiv='refresh' content='1; url= kategori.php'/> ";
} else { echo "
<meta http-equiv='refresh' content='1; url= kategori.php'/> ";
}

};
?>

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Kategori - Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>
<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>

<li class="active">
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
<li><a href="produk.php">Stok Barang</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li><a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

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

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Kategori</h2>
<button style="margin-bottom:20px" data-
toggle="modal" data-target="#myModal" class="btn btn-info col-md-
2">Tambah Kategori</button>
</div>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>No.</th>
<th>Nama Kategori</th>
<th>Jumlah Produk</th>
<th>Tanggal Dibuat</th>
</tr></thead><tbody>
<?php
$brgs=mysqli_query($conn,"SELECT * fr
om kategori order by idkategori ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){
$id = $p['idkategori'];

?>

<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $p['namakatego
ri'] ?></td>
<td><?php

$result1 = mysqli_query($
conn,"SELECT Count(idproduk) AS count FROM produk p, kategori k where p.idkategor
i=k.idkategori and k.idkategori='$id' order by idproduk ASC");
$cekrow = mysqli_num_rows
($result1);
$row1 = mysqli_fetch_asso
c($result1);
$count = $row1['count'];
if($cekrow > 0){
echo number_format($count
);
} else {
echo 'No data';
}
?></td>
<td><?php echo $p['tgldibuat'
] ?></td>

</tr>

<?php
}

?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- modal input -->


<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tambah Kategori</h4>
</div>
<div class="modal-body">
<form method="post">
<div class="form-group">
<label>Nama Kategori</label>
<input name="namakategori" type="text" class=
"form-control" required autofocus>
</div>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-
default" data-dismiss="modal">Batal</button>
<input name="addcategory" type="submit" class="bt
n btn-primary" value="Tambah">
</div>
</form>
</div>
</div>
</div>

<script>
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>
</html>

keluar.php
<?php
session_start();
include '../dbconnect.php';

// Menambah Barang Keluar


if(isset ($_POST['barangkeluar'])){
$barangnya = $_POST['barangku'];
$penerima = $_POST['penerima'];
$qty = $_POST['qty'];

$cekstoksekarang = mysqli_query($conn, "select * from produk where idprod


uk='$barangnya'");
$ambildatanya = mysqli_fetch_array($cekstoksekarang);

$stoksekarang = $ambildatanya['stok'];

if($stoksekarang >= $qty){


//kalau barangnya cukup
$tambahkanstoksekarangdenganquantity = $stoksekarang-$qty;

$addtokeluar = mysqli_query($conn, "insert into keluar (idproduk, pen


erima,qty) values('$barangnya','$penerima','$qty')");
$updatestokkeluar=mysqli_query($conn,"update produk set stok='$tambah
kanstoksekarangdenganquantity' where idproduk='$barangnya'");
if ($addtokeluar&&$updatestokkeluar){
header('location:keluar.php');
} else{
echo 'Gagal';
header('location:keluar.php');
}
} else {
//kalau barangnya tidak cukup
echo '
<script>
alert("Stok saat ini tidak mencukupi");
window.location.href="keluar.php"
</script>
';
}
}

//Update Data Barang Keluar


if(isset ($_POST['updatebarangkeluar'])){
$idb = $_POST['idb'];
$idk = $_POST['idk'];
$penerima = $_POST['penerima'];
$qty = $_POST['qty'];

$lihatstock = mysqli_query($conn,"select * FROM produk where idproduk = '$idb


'");
$stoknya = mysqli_fetch_array($lihatstock);
$stockskrg = $stoknya ['stok'];

$qtyskrg = mysqli_query($conn,"select * FROM keluar where idkeluar = '$idk'")


;
$qtynya = mysqli_fetch_array($qtyskrg);
$qtyskrg = $qtynya['qty'];

if($qty>$qtyskrg){
$selisih = $qty - $qtyskrg;
$kurangin = $stockskrg - $selisih;
$kuranginstocknya = mysqli_query($conn, "update produk set stok = '$kuran
gin' where idproduk = '$idb'");
$updatenya = mysqli_query($conn,"update keluar set qty = '$qty', penerima
='$penerima' where idkeluar = '$idk'");

if($kuranginstocknya&&$updatenya){
header('location:keluar.php');
}else{
echo 'Gagal';
header('location:keluar.php');

}
} else{
$selisih = $qtyskrg - $qty;
$kurangin = $stockskrg + $selisih;
$kuranginstocknya = mysqli_query($conn, "update produk set stok =
'$kurangin' where idproduk = '$idb'");
$updatenya = mysqli_query($conn,"update keluar set qty = '$qty',
penerima='$penerima' where idkeluar = '$idk'");

if($kuranginstocknya&&$updatenya){
header('location:keluar.php');
}else{
echo 'Gagal';
header('location:keluar.php');

}
}
}

//Menghapus Barang Keluar


if(isset ($_POST['hapusbarangkeluar'])){
$idb = $_POST['idb'];
$qty = $_POST['kty'];
$idk = $_POST['idk'];

$getdatastock = mysqli_query($conn,"select * FROM produk where idproduk =


'$idb'");
$data = mysqli_fetch_array($getdatastock);
$stok = $data['stok'];

$selisih = $stok+$qty;

$update = mysqli_query($conn,"update produk set stok = '$selisih' where i


dproduk = '$idb'");
$hapus = mysqli_query($conn,"delete FROM keluar where idkeluar = '$idk'")
;

if($update&&$hapusdata){
header('location:keluar.php');
}else{
echo 'Gagal';
header('location:keluar.php');

}
?>

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Barang keluar- Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
<style>
.zoomable{
width: 100px;
}
.zoomable:hover{
transform: scale(1.5);
transition: 0.5s ease;
}
</style>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>
<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>

<li class="active">
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li>
<a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

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

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Stok Barang Keluar</h2>
<button style="margin-bottom:20px" data-
toggle="modal" data-target="#myModal" class="btn btn-info col-md-
2">Tambah Produk</button>
</div>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>Tanggal</th>
<th>Gambar</th>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Penerima</th>
<th>Aksi</th>
</tr>
</thead>

<tbody>
<?php
$ambilsemuadatakeluar= mysqli_query($conn,
"select * from keluar k, produk p where p.idproduk= k.idproduk order by idkeluar
ASC");
while ($data=mysqli_fetch_array($ambilsemu
adatakeluar)){

$idb = $data['idproduk'];
$idk = $data['idkeluar'];
$tanggal= $data['tanggal'];
$namabarang= $data['namaproduk'];
$qty = $data['qty'];
$penerima = $data['penerima'];

?>
<tr>
<td><?=$tanggal;?></td>
<td><img src="../<?php echo $data['ga
mbar'] ?>"class="zoomable" width="50%"\></td>
<td><?=$namabarang;?></td>
<td><?=$qty;?></td>
<td><?=$penerima;?></td>
<td>
<button class="btn btn-
warning" type="button" data-toggle="modal" data-target="#edit<?=$idk;?>">
Edit
</button>
<button class="btn btn-
danger" type="button" data-toggle="modal" data-target="#hapus<?=$idk;?>">
Hapus
</button>
</td>

</tr>

<!--Modal Edit -->


<div class="modal fade" id="edit<?=$id
k;?>">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-
title">Edit Barang</h4>
<button type="button" class="
close" data-dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<form method = "post">
<div class="modal-body">
<input type = "text" name = "
penerima"value="<?=$penerima;?>" class= "form-control" required>
<br>
<input type = "number" name =
"qty"value="<?=$qty;?>" class= "form-control" required>
<br>
<input type = "hidden" name="
idb" value="<?=$idb;?>">
<input type = "hidden" name="
idk" value="<?=$idk;?>">
<button type = "submit" class
="btn btn-primary" name = "updatebarangkeluar">Submit </button>
</div>
</form>

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

<!--Modal Hapus -->


<div class="modal fade" id="hapus<?=$
idk;?>">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-
title">Hapus Barang</h4>
<button type="button" class="
close" data-dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<form method = "post">
<div class="modal-body">
Apakah Anda Yakin Ingin Mengh
apus <?=$namabarang;?>?
<input type = "hidden" name="
idb" value="<?=$idb;?>">
<input type = "hidden" name="
kty" value="<?=$qty;?>">
<input type = "hidden" name="
idk" value="<?=$idk;?>">
<br>
<br>
<button type = "submit" class
="btn btn-danger" name = "hapusbarangkeluar">Hapus </button>
</div>
</form>

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

<?php
}

?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- row area start-->
</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- modal input -->


<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Tambah Barang Keluar</h4>
<button type="button" class="close" data-
dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<form method = "post">
<div class="modal-body">
<select name ="barangku" class= "form-control">
<?php
$ambilsemuadatanya = mysqli_query($conn,"select * from produk
");
while($fetcharray = mysqli_fetch_array($ambilsemuadatanya)){
$idbarangnya = $fetcharray['idproduk'];
$namabarangnya = $fetcharray['namaproduk'];

?>

<option value="<?=$idbarangnya;?>"><?=$namabarangnya;?></option>
<?php
}
?>
</select>
<br>

<input type = "num" name = "qty" placeholder = "Quantity" class= "form-


control" required>
<br>
<input type = "text" name = "penerima" placeholder = "Penerima" class=
"form-control" required>
<br>
<button type = "submit" class="btn btn-
primary" name = "barangkeluar">Submit </button>
</div>
</form>

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

<script>
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>
</html>

customer.php
<?php
session_start();
include '../dbconnect.php';
?>

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Pelanggan - Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>

<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>

<li>
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li class="active"><a href="customer.php"><span>Kelol
a Pelanggan</span></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li>
<a href="../logout.php"><span>Logout</span></a>
</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

</li>
</ul>
</div>
</div>
</div>
<!-- header area end -->

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Pelanggan</h2>
</div>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>No</th>
<th>Nama Pelanggan</th>
<th>No. Telepon</th>
<th>Alamat</th>
<th>Email</th>
</tr></thead><tbody>
<?php
$brgs=mysqli_query($conn,"SELECT * fr
om login where role='Member' order by userid ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){
?>

<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $p['namalengka
p'] ?></td>
<td><?php echo $p['notelp'] ?
></td>
<td><?php echo $p['alamat'] ?
></td>
<td><?php echo $p['email'] ?>
</td>

</tr>

<?php
}

?>

</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<script>

$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>

</html>

logout.php
<?php
session_start();
session_destroy();
header("location:../login.php");
?>

manageorder.php
<?php
session_start();
include '../dbconnect.php';
date_default_timezone_set("Asia/Bangkok");
?>

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Pesanan - Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>

<li class="active">
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>
<li>
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li>
<a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

</li>
</ul>
</div>
</div>
</div>
<!-- header area end -->

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Pesanan</h2>
</div>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>No</th>
<th>ID Pesanan</th>
<th>Nama Customer</th>
<th>Tanggal Order</th>
<th>Total</th>
<th>Status</th>
</tr></thead><tbody>
<?php
$brgs=mysqli_query($conn,"SELECT * fr
om cart c, login l where c.userid=l.userid and status!='Cart' and status!='Selesa
i' order by idcart ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){
$orderids = $p['orderid'];
?>

<tr>
<td><?php echo $no++ ?></td>
<td><strong><a href="order.ph
p?orderid=<?php echo $p['orderid'] ?>">#<?php echo $p['orderid'] ?></a></strong><
/td>
<td><?php echo $p['namalengka
p'] ?></td>
<td><?php echo $p['tglorder']
?></td>
<td>Rp<?php

$result1 = mysqli_query($conn,"SE
LECT SUM(d.qty*p.hargaafter) AS count FROM detailorder d, produk p where orderid=
'$orderids' and p.idproduk=d.idproduk order by d.idproduk ASC");
$cekrow = mysqli_num_rows($result
1);
$row1 = mysqli_fetch_assoc($resul
t1);
$count = $row1['count'];
if($cekrow > 0){
echo number_format($count);
} else {
echo 'No data';
}?></td>
<td><?php

//echo $p['status']
$orders = $p['orderid'];
$cekkonfirmasipembayaran = my
sqli_query($conn,"select * from konfirmasi where orderid='$orders'");
$cekroww = mysqli_num_rows($c
ekkonfirmasipembayaran);

if($cekroww > 0){


echo 'Confirmed';
} else {
if($p['status']!='Pengiri
man'){
echo "Menunggu Konfir
masi";
} else {
echo "Pengiriman";
};
}

?></td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
<a href="datapesanan.php" target="_blank" cla
ss="btn btn-info">Export Data</a>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- modal input -->


<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Masukkan stok manual</h4>
</div>
<div class="modal-body">
<form action="tmb_brg_act.php" method="post">
<div class="form-group">
<label>Nama</label>
<input name="nama" type="text" class="form-
control" placeholder="Nama Barang" required>
</div>
<div class="form-group">
<label>Jenis</label>
<input name="jenis" type="text" class="form-
control" placeholder="Jenis / Kategori Barang">
</div>
<div class="form-group">
<label>Stock</label>
<input name="stock" type="number" min="0" cla
ss="form-control" placeholder="Qty">
</div>
<div class="form-group">
<label>Harga</label>
<input name="harga" type="number" min="0" cla
ss="form-control" placeholder="Harga">
</div>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-
default" data-dismiss="modal">Batal</button>
<input type="submit" class="btn btn-
primary" value="Simpan">
</div>
</form>
</div>
</div>
</div>

<script>
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>

</html>

masuk.php
<?php
session_start();
include '../dbconnect.php';

// Menambah Barang Keluar


if(isset ($_POST['barangmasuk'])){
$barangnya = $_POST['barangku'];
$penerima = $_POST['penerima'];
$qty = $_POST['qty'];

$cekstoksekarang = mysqli_query($conn, "select * from produk where idprod


uk='$barangnya'");
$ambildatanya = mysqli_fetch_array($cekstoksekarang);

$stoksekarang = $ambildatanya['stok'];

$tambahkanstoksekarangdenganquantity = $stoksekarang+$qty;
$addtomasuk = mysqli_query($conn, "insert into masuk (idproduk, pener
ima,qty) values('$barangnya','$penerima','$qty')");
$updatestokmasuk=mysqli_query($conn,"update produk set stok='$tambahk
anstoksekarangdenganquantity' where idproduk='$barangnya'");
if ($addtomasuk&&$updatestokmasuk){
header('location:masuk.php');
} else{
echo 'Gagal';
header('location:masuk.php');
}
}

//Update Data Barang Masuk


if(isset ($_POST['updatebarangmasuk'])){
$idb = $_POST['idb'];
$idk = $_POST['idk'];
$penerima = $_POST['penerima'];
$qty = $_POST['qty'];

$lihatstock = mysqli_query($conn,"select * FROM produk where idproduk = '$idb


'");
$stoknya = mysqli_fetch_array($lihatstock);
$stockskrg = $stoknya ['stok'];

$qtyskrg = mysqli_query($conn,"select * FROM masuk where idmasuk = '$idk'");


$qtynya = mysqli_fetch_array($qtyskrg);
$qtyskrg = $qtynya['qty'];

if($qty>$qtyskrg){
$selisih = $qty - $qtyskrg;
$kurangin = $stockskrg + $selisih;
$kuranginstocknya = mysqli_query($conn, "update produk set stok = '$kuran
gin' where idproduk = '$idb'");
$updatenya = mysqli_query($conn,"update masuk set qty = '$qty', penerima=
'$penerima' where idmasuk = '$idk'");

if($kuranginstocknya&&$updatenya){
header('location:masuk.php');
}else{
echo 'Gagal';
header('location:masuk.php');

}
} else{
$selisih = $qtyskrg - $qty;
$kurangin = $stockskrg - $selisih;
$kuranginstocknya = mysqli_query($conn, "update produk set stok =
'$kurangin' where idproduk = '$idb'");
$updatenya = mysqli_query($conn,"update masuk set qty = '$qty', p
enerima='$penerima' where idmasuk = '$idk'");

if($kuranginstocknya&&$updatenya){
header('location:masuk.php');
}else{
echo 'Gagal';
header('location:masuk.php');

}
}
}

//Menghapus Barang masuk


if(isset ($_POST['hapusbarangmasuk'])){
$idb = $_POST['idb'];
$qty = $_POST['kty'];
$idk = $_POST['idk'];

$getdatastock = mysqli_query($conn,"select * FROM produk where idproduk =


'$idb'");
$data = mysqli_fetch_array($getdatastock);
$stok = $data['stok'];

$selisih = $stok-$qty;

$update = mysqli_query($conn,"update produk set stok = '$selisih' where i


dproduk = '$idb'");
$hapus = mysqli_query($conn,"delete FROM masuk where idmasuk = '$idk'");

if($update&&$hapusdata){
header('location:masuk.php');
}else{
echo 'Gagal';
header('location:masuk.php');

}
?>
<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Barang Masuk- Toko Kurnia A'A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
<style>
.zoomable{
width: 100px;
}
.zoomable:hover{
transform: scale(1.5);
transition: 0.5s ease;
}
</style>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>
<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>

<li class="active">
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li>
<a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

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

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Stok Barang Masuk</h2>
<button style="margin-bottom:20px" data-
toggle="modal" data-target="#myModal" class="btn btn-info col-md-
2">Tambah Produk</button>
</div>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>Tanggal</th>
<th>Gambar</th>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Penerima</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$ambilsemuadatakeluar= mysqli_query($conn,
"select * from masuk k, produk p where p.idproduk= k.idproduk order by idmasuk AS
C");
while ($data=mysqli_fetch_array($ambilsemu
adatakeluar)){

$idb = $data['idproduk'];
$idk = $data['idmasuk'];
$tanggal= $data['tanggal'];
$namabarang= $data['namaproduk'];
$qty = $data['qty'];
$penerima = $data['penerima'];

?>
<tr>
<td><?=$tanggal;?></td>
<td><img src="../<?php echo $data['ga
mbar'] ?>"class="zoomable" width="50%"\></td>
<td><?=$namabarang;?></td>
<td><?=$qty;?></td>
<td><?=$penerima;?></td>
<td>
<button class="btn btn-
warning" type="button" data-toggle="modal" data-target="#edit<?=$idk;?>">
Edit
</button>
<button class="btn btn-
danger" type="button" data-toggle="modal" data-target="#hapus<?=$idk;?>">
Hapus
</button>
</td>

</tr>

<!--Modal Edit -->


<div class="modal fade" id="edit<?=$id
k;?>">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-
title">Edit Barang</h4>
<button type="button" class="
close" data-dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<form method = "post">
<div class="modal-body">
<input type = "text" name = "
penerima"value="<?=$penerima;?>" class= "form-control" required>
<br>
<input type = "number" name =
"qty"value="<?=$qty;?>" class= "form-control" required>
<br>
<input type = "hidden" name="
idb" value="<?=$idb;?>">
<input type = "hidden" name="
idk" value="<?=$idk;?>">
<button type = "submit" class
="btn btn-primary" name = "updatebarangmasuk">Submit </button>
</div>
</form>

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

<!--Modal Hapus -->


<div class="modal fade" id="hapus<?=$
idk;?>">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-
title">Hapus Barang</h4>
<button type="button" class="
close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<form method = "post">
<div class="modal-body">
Apakah Anda Yakin Ingin Mengh
apus <?=$namabarang;?>?
<input type = "hidden" name="
idb" value="<?=$idb;?>">
<input type = "hidden" name="
kty" value="<?=$qty;?>">
<input type = "hidden" name="
idk" value="<?=$idk;?>">
<br>
<br>
<button type = "submit" class
="btn btn-danger" name = "hapusbarangmasuk">Hapus </button>
</div>
</form>

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

<?php
}

?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- modal input -->


<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Tambah Barang Masuk</h4>
<button type="button" class="close" data-
dismiss="modal">&times;</button>
</div>

<!-- Modal body -->


<form method = "post">
<div class="modal-body">
<select name ="barangku" class= "form-control">
<?php
$ambilsemuadatanya = mysqli_query($conn,"select * from produk
");
while($fetcharray = mysqli_fetch_array($ambilsemuadatanya)){
$idbarangnya = $fetcharray['idproduk'];
$namabarangnya = $fetcharray['namaproduk'];

?>

<option value="<?=$idbarangnya;?>"><?=$namabarangnya;?></option>
<?php
}
?>
</select>
<br>
<input type = "num" name = "qty" placeholder = "Quantity" class= "form-
control" required>
<br>
<input type = "text" name = "penerima" placeholder = "Penerima" class=
"form-control" required>
<br>
<button type = "submit" class="btn btn-
primary" name = "barangmasuk">Submit </button>
</div>
</form>

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

<script>
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>
</html>

order.php
<?php
session_start();
include '../dbconnect.php';
$orderids = $_GET['orderid'];
$liatcust = mysqli_query($conn,"select * from login l, cart c where orderid='$ord
erids' and l.userid=c.userid");
$checkdb = mysqli_fetch_array($liatcust);
date_default_timezone_set("Asia/Bangkok");

if(isset($_POST['kirim']))
{
$updatestatus = mysqli_query($conn,"update cart set status='Pengiriman' w
here orderid='$orderids'");
$del = mysqli_query($conn,"delete from konfirmasi where orderid='$orderi
ds'");

if($updatestatus&&$del){
echo " <div class='alert alert-success'>
<center>Pesanan dikirim.</center>
</div>
<meta http-equiv='refresh' content='1; url= manageorder.php'/> ";
} else {
echo "<div class='alert alert-warning'>
Gagal Submit, silakan coba lagi
</div>
<meta http-equiv='refresh' content='1; url= manageorder.php'/> ";
}

};

if(isset($_POST['selesai']))
{
$updatestatus = mysqli_query($conn,"update cart set status='Selesai' wher
e orderid='$orderids'");

if($updatestatus){
echo " <div class='alert alert-success'>
<center>Transaksi diselesaikan.</center>
</div>
<meta http-equiv='refresh' content='1; url= manageorder.php'/> ";
} else {
echo "<div class='alert alert-warning'>
Gagal Submit, silakan coba lagi
</div>
<meta http-equiv='refresh' content='1; url= manageorder.php'/> ";
}

};

?>

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Toko Kurnia A'A -
Pesanan <?php echo $checkdb['namalengkap']; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">

<!-- others css -->


<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>

<li class="active">
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>
<li>
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">

<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="masuk.php">Barang Masuk</a></li>
<li><a href="keluar.php">Barang Keluar</a></l
i>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li><a href="user.php"><span>Kelola Staff</span></a><
/li>
<li>
<a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

</li>
</ul>
</div>
</div>
</div>
<!-- header area end -->

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h3>Order id : #<?php echo $orderids ?></h3>

</div>
<p><?php echo $checkdb['namalengkap']; ?> (<?p
hp echo $checkdb['alamat']; ?>)</p>
<p>Waktu order : <?php echo $checkdb['tglorder'];
?></p>

<?php
?>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>No</th>
<th>Produk</th>
<th>Jumlah</th>
<th>Harga</th>
<th>Total</th>
</tr></thead><tbody>
<?php
$brgs=mysqli_query($conn,"SELECT * fr
om detailorder d, produk p where orderid='$orderids' and d.idproduk=p.idproduk or
der by d.idproduk ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){
$total = $p['qty']*$p['hargaafter
'];

$update = $p['stok'] - $p['qty'];

$updatestokkeluar=mysqli_query($c
onn,"update produk set stok='$update' where idproduk= '$p[idproduk']' ");

$result = mysqli_query($conn,"SEL
ECT SUM(d.qty*p.hargaafter) AS count FROM detailorder d, produk p where orderid='
$orderids' and d.idproduk=p.idproduk order by d.idproduk ASC");
$row = mysqli_fetch_assoc($result
);
$cekrow = mysqli_num_rows($result
);
$count = $row['count'];

?>

<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $p['namaproduk
'] ?></td>
<td><?php echo $p['qty'] ?></
td>
<td>Rp<?php echo number_forma
t($p['hargaafter']) ?></td>
<td>Rp<?php echo number_forma
t($total) ?></td>

</tr>

<?php
}
?>
</tbody>
<tfoot>
<tr>
<th colspan="4" style="text-
align:right">Total:</th>
<th>Rp<?php

$result1 = mysqli_query($conn,"SE
LECT SUM(d.qty*p.hargaafter) AS count FROM detailorder d, produk p where orderid=
'$orderids' and d.idproduk=p.idproduk order by d.idproduk ASC");
$cekrow = mysqli_num_rows($result
1);
$row1 = mysqli_fetch_assoc($resul
t1);
$count = $row1['count'];
if($cekrow > 0){
echo number_format($count);
} else {
echo 'No data';
}?></th>
</tr>
</tfoot>
</table>

</div>
<br>
<?php

if($checkdb['status']=='Confirmed'){
$ambilinfo = mysqli_query($conn,"select *
from konfirmasi where orderid='$orderids'");
while($tarik=mysqli_fetch_array($ambilinf
o)){
$met = $tarik['payment'];
$namarek = $tarik['namarekening'];
$tglb = $tarik['tglbayar'];
echo '
Informasi Pembayaran
<div class="data-tables datatable-dark">
<table id="dataTable2" class="display" style=
"width:100%"><thead class="thead-dark">
<tr>
<th>Metode</th>
<th>Pemilik Rekening</th>
<th>Tanggal Pembayaran</th>
</tr></thead><tbody>
<tr>
<td>'.$met.'</td>
<td>'.$namarek.'</td>
<td>'.$tglb.'</td>
</tr>
</tbody>
</table>
</div>
<br><br>
<form method="post">
<input type="submit" name="kirim" class="form
-control btn btn-success" value="Kirim" \>
</form>
';
}
;
} else {
echo '
<form method="post">
<input type="submit" name="selesai" class="fo
rm-control btn btn-success" value="Selesaikan" \>
</form>
';
}
?>
<br>
</div>

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

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<script type="text/javascript">
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
$(document).ready(function() {
$('#dataTable2').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.6.0/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.6.0/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>

<!-- others plugins -->


<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>

</html>

pembayaran.php
<?php
session_start();
include 'dbconnect.php';

if(!isset($_SESSION['log'])){
header('location:index.php');
} else {

};
$uid = $_SESSION['id'];
$caricart = mysqli_query($conn,"select * from cart where userid='$uid' and st
atus='Cart'");
$fetc = mysqli_fetch_array($caricart);
$orderidd = $fetc['orderid'];
$itungtrans = mysqli_query($conn,"select count(detailid) as jumlahtrans from
detailorder where orderid='$orderidd'");
$itungtrans2 = mysqli_fetch_assoc($itungtrans);
$itungtrans3 = $itungtrans2['jumlahtrans'];

if(isset($_POST["checkout"])){

$idb=$_POST['idb'];
$stok=$_POST['stokk'];
$qtyy=$_POST['qtyy'];

$jumlah1= $stok - $qtyy;

$updatestokkeluar=mysqli_query($conn,"update produk set stok='$jumlah1' where


idproduk= $idb ");

$q3 = mysqli_query($conn, "update cart set status='Payment' where orderid='$o


rderidd'");
if($q3){
echo "Berhasil Check Out
<meta http-equiv='refresh' content='1; url= utama.php'/>";
} else {
echo "Gagal Check Out
<meta http-equiv='refresh' content='1; url= utama.php'/>";
}
} else {

?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Checkout</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>DAPATKAN PENAWARAN MENARIK KHUSUS HARI INI, BELANJA SEKARANG!<
/p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>Toko Kurnia A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>
<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Checkout</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- checkout -->
<div class="checkout">
<div class="container">
<h1>Terima kasih, <?=$_SESSION['name']?> telah membeli <?php echo $it
ungtrans3 ?> barang di Toko Kurnia A'A</span></h1>
<div class="checkout-right">
<table class="timetable_sub">
<thead>
<tr>
<th>No.</th>
<th>Produk</th>
<th>Nama Produk</th>
<th>Jumlah</th>
<th>Sub Total</th>
<th>Hapus</th>
</tr>
</thead>

<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$orderidd' and d.idproduk=p.idproduk order by d.idproduk ASC
");
$no=1;
while($b=mysqli_fetch_array($brg)){

?>
<tr class="rem1"><form method="post">
<td class="invert"><?php echo $no++ ?></td>
<td class="invert"><a href="product.php?idproduk=<?php ec
ho $b['idproduk'] ?>"><img src="<?php echo $b['gambar'] ?>" width="100px" height=
"100px" /></a></td>
<td class="invert"><?php echo $b['namaproduk'] ?></td>
<td class="invert">
<div class="quantity">
<div class="quantity-
select">
<h4><?php echo $b['qty'] ?></h4>
</div>
</div>
</td>

<td class="invert">Rp<?php echo number_format($b['hargaaf


ter']*$b['qty']) ?></td>
<td class="invert">
<div class="rem">

<input type="submit" name="update" class="form-


control" value="Update" \>
<input type="hidden" name="idproduknya" value="<?
php echo $b['idproduk'] ?>" \>
<input type="submit" name="hapus" class="form-
control" value="Hapus" \>
</form>
</div>
<script>$(document).ready(function(c) {
$('.close1').on('click', function(c){
$('.rem1').fadeOut('slow', function(c){
$('.rem1').remove();
});
});
});
</script>
</td>
</tr>
<?php
}
?>

<!--quantity-->
<script>
$('.value-plus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)+1;
divUpd.text(newVal);
});

$('.value-minus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)-1;
if(newVal>=1) divUpd.text(newVal);
});
</script>
<!--quantity-->
</table>
</div>
<div class="checkout-left">
<div class="checkout-left-basket">
<h4>Total Harga yang harus dibayar saat ini</h4>
<ul>
<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$orderidd' and d.idproduk=p.idproduk order by d.idproduk ASC
");
$no=1;
$subtotal = 0;
while($b=mysqli_fetch_array($brg)){
$hrg = $b['hargaafter'];
$idb = $b['idproduk'];
$qtyy = $b['qty'];
$totalharga = $hrg * $qtyy;
$subtotal += $totalharga;
$stokk = $b['stok'];

}
?>

<h1><input type="text" value="Rp<?php echo number_format(


$subtotal) ?>" disabled \></h1>
</ul>
</div>
<br>
<div class="checkout-left-basket" style="width:80%;margin-
top:60px;">
<div class="checkout-left-basket">
<h4>Kode Order Anda</h4>
<h1><input type="text" value="<?php echo $orderidd ?>" disabl
ed \></h1>
</div>
</div>

<div class="clearfix"> </div>


</div>

<br>
<hr>
<br><center>
<h2>Total harga yang tertera di atas sudah termasuk ongkos kirim sebe
sar Rp10.000</h2>
<h2>Bila telah melakukan pembayaran, harap konfirmasikan pembayaran A
nda.</h2>
<br>

<?php
$metode = mysqli_query($conn,"select * from pembayaran");

while($p=mysqli_fetch_array($metode)){

?>

<img src="<?php echo $p['logo'] ?>" width="300px" height="200px"><br>


<h4><?php echo $p['metode'] ?> - <?php echo $p['norek'] ?><br>
a/n. <?php echo $p['an'] ?></h4><br>
<br>
<hr>
<?php
}
?>

<br>
<br>
<p>Orderan anda Akan Segera kami proses 1x24 Jam Setelah Anda Melakukan P
embayaran ke ATM kami dan menyertakan informasi pribadi yang melakukan pembayaran
seperti Nama Pemilik Rekening / Sumber Dana, Tanggal Pembayaran, Metode Pembayar
an dan Jumlah Bayar.</p>

<br>
<form method="post">
<input type="submit" class="form-control btn btn-
success" name="checkout" value="I Agree and Check Out" \>
<input type = "hidden" name="idb" value="<?=$idb;?>">
<input type = "hidden" name="qtyy" value="<?=$qtyy;?>">
<input type = "hidden" name="stokk" value="<?=$stokk;?>">
</form>

</center>
</div>
</div>
<!-- //checkout -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};
$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

user.php

<?php
session_start();
include '../dbconnect.php';

if(isset($_POST['adduser']))
{
$username = $_POST['uname'];
$password = password_hash($_POST['upass'], PASSWORD_DEFAULT);

$tambahuser = mysqli_query($conn,"insert into login values('','$username'


,'$password')");
if ($tambahuser){
echo " <div class='alert alert-success'>
Berhasil menambahkan staff baru.
</div>
<meta http-equiv='refresh' content='1; url= user.php'/> ";
} else { echo "<div class='alert alert-warning'>
Gagal menambahkan staff baru.
</div>
<meta http-equiv='refresh' content='1; url= user.php'/> ";
}

};
?>

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<link rel="icon"
type="image/png"
href="../favicon.png">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kelola Staff - Tokopekita</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.i
co">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/metisMenu.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">

<!-- amchart css -->


<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/ex
port.css" type="text/css" media="all" />
<!-- Start datatable css -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.
20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/respo
nsive/2.2.3/css/responsive.jqueryui.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/butto
ns/1.5.2/css/buttons.dataTables.min.css">
<!-- others css -->
<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to imp
rove your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
<!-- sidebar menu area start -->
<div class="sidebar-menu">
<div class="main-menu">
<div class="menu-inner">
<nav>
<ul class="metismenu" id="menu">
<li><a href="index.php"><span>Home</span></a></li>
<li><a href="../"><span>Kembali ke Toko</span></a></l
i>
<li>
<a href="manageorder.php"><i class="ti-
dashboard"></i><span>Kelola Pesanan</span></a>
</li>
<li>
<a href="javascript:void(0)" aria-
expanded="true"><i class="ti-layout"></i><span>Kelola Toko
</span></a>
<ul class="collapse">
<li><a href="kategori.php">Kategori</a></li>
<li><a href="produk.php">Produk</a></li>
<li><a href="pembayaran.php">Metode Pembayara
n</a></li>
</ul>
</li>
<li><a href="customer.php"><span>Kelola Pelanggan</sp
an></a></li>
<li class="active"><a href="user.php"><span>Kelola St
aff</span></a></li>
<li>
<a href="../logout.php"><span>Logout</span></a>

</li>

</ul>
</nav>
</div>
</div>
</div>
<!-- sidebar menu area end -->
<!-- main content area start -->
<div class="main-content">
<!-- header area start -->
<div class="header-area">
<div class="row align-items-center">
<!-- nav and search button -->
<div class="col-md-6 col-sm-8 clearfix">
<div class="nav-btn pull-left">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- profile info & task notification -->
<div class="col-md-6 col-sm-4 clearfix">
<ul class="notification-area pull-right">
<li><h3><div class="date">
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'M
ei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis
', 'Jumat', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month]
+ ' ' + year);
//-->
</script></b></div></h3>

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

<!-- page title area end -->


<div class="main-content-inner">

<!-- market value area start -->


<div class="row mt-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-sm-flex justify-content-
between align-items-center">
<h2>Daftar Staff</h2>
</div>
<div class="data-tables datatable-dark">
<table id="dataTable3" class="display" s
tyle="width:100%"><thead class="thead-dark">
<tr>
<th>No.</th>
<th>Nama</th>
<th>Email</th>
<th>Telepon</th>
<th>Alamat</th>
</tr></thead><tbody>
<?php
$brgs=mysqli_query($conn,"SELECT * fr
om login where role='Admin' order by userid ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){

?>

<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $p['namalengka
p'] ?></td>
<td><?php echo $p['email'] ?>
</td>
<td><?php echo $p['notelp'] ?
></td>
<td><?php echo $p['alamat'] ?
></td>

</tr>

<?php
}

?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- row area start-->


</div>
</div>
<!-- main content area end -->
<!-- footer area start-->
<footer>
<div class="footer-area">
<p class= "text-
primary">© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</footer>
<!-- footer area end-->
</div>
<!-- page container area end -->

<!-- modal input


<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tambah User Baru</h4>
</div>
<div class="modal-body">
<form method="post">
<div class="form-group">
<label>Username</label>
<input name="uname" type="text" class="form-
control" placeholder="Username" required autofocus>
</div>
<div class="form-group">
<label>Password</label>
<input name="upass" type="password" class="fo
rm-control" placeholder="Password">
</div>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-
default" data-dismiss="modal">Batal</button>
<input name="adduser" type="submit" class="btn bt
n-primary" value="Simpan">
</div>
</form>
</div>
</div>
</div>
-->
<script>
$(document).ready(function() {
$('#dataTable3').DataTable( {
dom: 'Bfrtip',
buttons: [
'print'
]
} );
} );
</script>

<!-- jquery latest version -->


<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<!-- Start datatable js -->
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.j
s"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.m
in.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></sc
ript>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.
js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.respon
sive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootst
rap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js
"></script>
<!-- start chart js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.
js"></script>
<!-- start highcharts js -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- start zingchart js -->
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3
edaf6d"];
</script>
<!-- all line chart activation -->
<script src="assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>

</body>
</html>
PELANGGAN
cart.php
<?php
session_start();
include 'dbconnect.php';

if(!isset($_SESSION['log'])){
header('location:index.php');
} else {

};

$uid = $_SESSION['id'];
$caricart = mysqli_query($conn,"select * from cart where userid='$uid' and st
atus='Cart'");
$fetc = mysqli_fetch_array($caricart);
$orderidd = $fetc['orderid'];
$itungtrans = mysqli_query($conn,"select count(detailid) as jumlahtrans from
detailorder where orderid='$orderidd'");
$itungtrans2 = mysqli_fetch_assoc($itungtrans);
$itungtrans3 = $itungtrans2['jumlahtrans'];

if(isset($_POST["update"])){
$kode = $_POST['idproduknya'];
$jumlah = $_POST['jumlah'];
$q1 = mysqli_query($conn, "update detailorder set qty='$jumlah' where idprodu
k='$kode' and orderid='$orderidd'");
if($q1){
echo "Berhasil Update Cart
<meta http-equiv='refresh' content='1; url= cart.php'/>";
} else {
echo "Gagal update cart
<meta http-equiv='refresh' content='1; url= cart.php'/>";
}
} else if(isset($_POST["hapus"])){
$kode = $_POST['idproduknya'];
$q2 = mysqli_query($conn, "delete from detailorder where idproduk='$kode' and
orderid='$orderidd'");
if($q2){
echo "Berhasil Hapus";
} else {
echo "Gagal Hapus";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Keranjang Saya</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>SELAMAT DATANG DI TOKO KURNIA A'A, SELAMAT BERBELANJA!</a></p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+62) 85145811736</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Checkout</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- checkout -->
<div class="checkout">
<div class="container">
<h2>Dalam keranjangmu ada : <span><?php echo $itungtrans3 ?> barang</
span></h2>
<div class="checkout-right">
<table class="timetable_sub">
<thead>
<tr>
<th>No.</th>
<th>Produk</th>
<th>Nama Produk</th>
<th>Jumlah</th>

<th>Harga Satuan</th>
<th>Aksi</th>
</tr>
</thead>

<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$orderidd' and d.idproduk=p.idproduk order by d.idproduk ASC
");
$no=1;
while($b=mysqli_fetch_array($brg)){

?>
<tr class="rem1"><form method="post">
<td class="invert"><?php echo $no++ ?></td>
<td class="invert"><a href="product.php?idproduk=<?php ec
ho $b['idproduk'] ?>"><img src="<?php echo $b['gambar'] ?>" width="100px" height=
"100px" /></a></td>
<td class="invert"><?php echo $b['namaproduk'] ?></td>
<td class="invert">
<div class="quantity">
<div class="quantity-
select">
<input type="number" name="jumlah" class="for
m-control" height="100px" value="<?php echo $b['qty'] ?>" \>
</div>
</div>
</td>

<td class="invert">Rp<?php echo number_format($b['hargaaf


ter']) ?></td>
<td class="invert">
<div class="rem">

<input type="submit" name="update" class="form-


control" value="Update" \>
<input type="hidden" name="idproduknya" value="<?
php echo $b['idproduk'] ?>" \>
<input type="submit" name="hapus" class="form-
control" value="Hapus" \>
</form>
</div>
<script>$(document).ready(function(c) {
$('.close1').on('click', function(c){
$('.rem1').fadeOut('slow', function(c){
$('.rem1').remove();
});
});
});
</script>
</td>
</tr>
<?php
}
?>

<!--quantity-->
<script>
$('.value-plus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)+1;
divUpd.text(newVal);
});

$('.value-minus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)-1;
if(newVal>=1) divUpd.text(newVal);
});
</script>
<!--quantity-->
</table>
</div>
<div class="checkout-left">
<div class="checkout-left-basket">
<h4>Total Harga</h4>
<ul>
<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$orderidd' and d.idproduk=p.idproduk order by d.idproduk ASC
");
$no=1;
$subtotal = 10000;
while($b=mysqli_fetch_array($brg)){
$hrg = $b['hargaafter'];
$qtyy = $b['qty'];
$totalharga = $hrg * $qtyy;
$subtotal += $totalharga
?>
<li><?php echo $b['namaproduk']?><i> -
</i> <span>Rp<?php echo number_format($totalharga) ?> </span></li>
<?php
}
?>
<li>Total (inc. 10k Ongkir)<i> -
</i> <span>Rp<?php echo number_format($subtotal) ?></span></li>
</ul>
</div>
<div class="checkout-right-basket">
<a href="utama.php"><span class="glyphicon glyphicon-menu-
left" aria-hidden="true"></span>Continue Shopping</a>
<a href="checkout.php"><span class="glyphicon glyphicon-menu-
right" aria-hidden="true"></span>Checkout</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //checkout -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>
checkout.php
<?php
session_start();
include 'dbconnect.php';

if(!isset($_SESSION['log'])){
header('location:index.php');
} else {

};
$uid = $_SESSION['id'];
$caricart = mysqli_query($conn,"select * from cart where userid='$uid' and st
atus='Cart'");
$fetc = mysqli_fetch_array($caricart);
$orderidd = $fetc['orderid'];
$itungtrans = mysqli_query($conn,"select count(detailid) as jumlahtrans from
detailorder where orderid='$orderidd'");
$itungtrans2 = mysqli_fetch_assoc($itungtrans);
$itungtrans3 = $itungtrans2['jumlahtrans'];

if(isset($_POST["checkout"])){

$idb=$_POST['idb'];
$stok=$_POST['stokk'];
$qtyy=$_POST['qtyy'];

$jumlah1= $stok - $qtyy;

$updatestokkeluar=mysqli_query($conn,"update produk set stok='$jumlah1' where


idproduk= $idb ");

$q3 = mysqli_query($conn, "update cart set status='Payment' where orderid='$o


rderidd'");
if($q3){
echo "Berhasil Check Out
<meta http-equiv='refresh' content='1; url= utama.php'/>";
} else {
echo "Gagal Check Out
<meta http-equiv='refresh' content='1; url= utama.php'/>";
}
} else {

}
?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Checkout</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>DAPATKAN PENAWARAN MENARIK KHUSUS HARI INI, BELANJA SEKARANG!<
/p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>Toko Kurnia A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Checkout</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- checkout -->
<div class="checkout">
<div class="container">
<h1>Terima kasih, <?=$_SESSION['name']?> telah membeli <?php echo $it
ungtrans3 ?> barang di Toko Kurnia A'A</span></h1>
<div class="checkout-right">
<table class="timetable_sub">
<thead>
<tr>
<th>No.</th>
<th>Produk</th>
<th>Nama Produk</th>
<th>Jumlah</th>

<th>Sub Total</th>
<th>Hapus</th>
</tr>
</thead>

<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$orderidd' and d.idproduk=p.idproduk order by d.idproduk ASC
");
$no=1;
while($b=mysqli_fetch_array($brg)){

?>
<tr class="rem1"><form method="post">
<td class="invert"><?php echo $no++ ?></td>
<td class="invert"><a href="product.php?idproduk=<?php ec
ho $b['idproduk'] ?>"><img src="<?php echo $b['gambar'] ?>" width="100px" height=
"100px" /></a></td>
<td class="invert"><?php echo $b['namaproduk'] ?></td>
<td class="invert">
<div class="quantity">
<div class="quantity-
select">
<h4><?php echo $b['qty'] ?></h4>
</div>
</div>
</td>

<td class="invert">Rp<?php echo number_format($b['hargaaf


ter']*$b['qty']) ?></td>
<td class="invert">
<div class="rem">

<input type="submit" name="update" class="form-


control" value="Update" \>
<input type="hidden" name="idproduknya" value="<?
php echo $b['idproduk'] ?>" \>
<input type="submit" name="hapus" class="form-
control" value="Hapus" \>
</form>
</div>
<script>$(document).ready(function(c) {
$('.close1').on('click', function(c){
$('.rem1').fadeOut('slow', function(c){
$('.rem1').remove();
});
});
});
</script>
</td>
</tr>
<?php
}
?>

<!--quantity-->
<script>
$('.value-plus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)+1;
divUpd.text(newVal);
});

$('.value-minus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)-1;
if(newVal>=1) divUpd.text(newVal);
});
</script>
<!--quantity-->
</table>
</div>
<div class="checkout-left">
<div class="checkout-left-basket">
<h4>Total Harga yang harus dibayar saat ini</h4>
<ul>
<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$orderidd' and d.idproduk=p.idproduk order by d.idproduk ASC
");
$no=1;
$subtotal = 0;
while($b=mysqli_fetch_array($brg)){
$hrg = $b['hargaafter'];
$idb = $b['idproduk'];
$qtyy = $b['qty'];
$totalharga = $hrg * $qtyy;
$subtotal += $totalharga;
$stokk = $b['stok'];

}
?>

<h1><input type="text" value="Rp<?php echo number_format(


$subtotal) ?>" disabled \></h1>
</ul>
</div>
<br>
<div class="checkout-left-basket" style="width:80%;margin-
top:60px;">
<div class="checkout-left-basket">
<h4>Kode Order Anda</h4>
<h1><input type="text" value="<?php echo $orderidd ?>" disabl
ed \></h1>
</div>
</div>

<div class="clearfix"> </div>


</div>
<br>
<hr>
<br><center>
<h2>Total harga yang tertera di atas sudah termasuk ongkos kirim sebe
sar Rp10.000</h2>
<h2>Bila telah melakukan pembayaran, harap konfirmasikan pembayaran A
nda.</h2>
<br>

<?php
$metode = mysqli_query($conn,"select * from pembayaran");

while($p=mysqli_fetch_array($metode)){

?>

<img src="<?php echo $p['logo'] ?>" width="300px" height="200px"><br>


<h4><?php echo $p['metode'] ?> - <?php echo $p['norek'] ?><br>
a/n. <?php echo $p['an'] ?></h4><br>
<br>
<hr>

<?php
}
?>

<br>
<br>
<p>Orderan anda Akan Segera kami proses 1x24 Jam Setelah Anda Melakukan P
embayaran ke ATM kami dan menyertakan informasi pribadi yang melakukan pembayaran
seperti Nama Pemilik Rekening / Sumber Dana, Tanggal Pembayaran, Metode Pembayar
an dan Jumlah Bayar.</p>

<br>
<form method="post">
<input type="submit" class="form-control btn btn-
success" name="checkout" value="I Agree and Check Out" \>
<input type = "hidden" name="idb" value="<?=$idb;?>">
<input type = "hidden" name="qtyy" value="<?=$qtyy;?>">
<input type = "hidden" name="stokk" value="<?=$stokk;?>">
</form>

</center>
</div>
</div>
<!-- //checkout -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

daftarorder.php
<?php
session_start();
include 'dbconnect.php';

if(!isset($_SESSION['log'])){
header('location:index.php');
} else {

};

$uid = $_SESSION['id'];
$caricart = mysqli_query($conn,"select * from cart where userid='$uid' and st
atus='Cart'");
$fetc = mysqli_fetch_array($caricart);
$orderidd = $fetc['orderid'];
$itungtrans = mysqli_query($conn,"select count(orderid) as jumlahtrans from c
art where userid='$uid' and status!='Cart'");
$itungtrans2 = mysqli_fetch_assoc($itungtrans);
$itungtrans3 = $itungtrans2['jumlahtrans'];

if(isset($_POST["update"])){
$kode = $_POST['idproduknya'];
$jumlah = $_POST['jumlah'];
$q1 = mysqli_query($conn, "update detailorder set qty='$jumlah' where idprodu
k='$kode' and orderid='$orderidd'");
if($q1){
echo "Berhasil Update Cart
<meta http-equiv='refresh' content='1; url= cart.php'/>";
} else {
echo "Gagal update cart
<meta http-equiv='refresh' content='1; url= cart.php'/>";
}
} else if(isset($_POST["hapus"])){
$kode = $_POST['idproduknya'];
$q2 = mysqli_query($conn, "delete from detailorder where idproduk='$kode' and
orderid='$orderidd'");
if($q2){
echo "Berhasil Hapus";
} else {
echo "Gagal Hapus";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Daftar Belanja</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>SELAMAT DATANG DI TOKO KURNIA A'A, SELAMAT BERBELANJA!</a></p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Checkout</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- checkout -->
<div class="checkout">
<div class="container">
<h2>Kamu memiliki <span><?php echo $itungtrans3 ?> transaksi</span></
h2>
<div class="checkout-right">
<table class="timetable_sub">
<thead>
<tr>
<th>No.</th>
<th>Kode Order</th>
<th>Tanggal Order</th>
<th>Total</th>
<th>Status</th>
</tr>
</thead>

<?php

$brg=mysqli_query($conn,"SELECT DISTINCT(idcart), c.order


id, tglorder, status from cart c, detailorder d where c.userid='$uid' and d.order
id=c.orderid and status!='Cart' order by tglorder DESC");
$no=1;
while($b=mysqli_fetch_array($brg)){

?>
<tr class="rem1"><form method="post">
<td class="invert"><?php echo $no++ ?></td>
<td class="invert"><a href="order.php?id=<?php echo $b['o
rderid'] ?>"><?php echo $b['orderid'] ?></a></td>

<td class="invert"><?php echo $b['tglorder'] ?></td>


<td class="invert">
Rp<?php $ongkir = 10000;
$ordid = $b['orderid'];
$result1 = mysqli_query($conn,"SE
LECT SUM(qty*hargaafter)+$ongkir AS count FROM detailorder d, produk p where d.or
derid='$ordid' and p.idproduk=d.idproduk order by d.idproduk ASC");
$cekrow = mysqli_num_rows($result
1);
$row1 = mysqli_fetch_assoc($resul
t1);
$count = $row1['count'];
if($cekrow > 0){
echo number_format($count);
} else {
echo 'No data';
}?>

</td>

<td class="invert">
<div class="rem">
<?php
if($b['status']=='Payment'){
echo '
<a href="konfirmasi.php?id='.$b['orderid'].'" cla
ss="form-control btn-primary">
Konfirmasi Pembayaran
</a>
';}
else if($b['status']=='Diproses'){
echo 'Pesanan Diproses (Pembayaran Diterima)';
}
else if($b['status']=='Dikirim'){
echo 'Pesanan Dikirim';
} else if($b['status']=='Selesai'){
echo 'Pesanan Selesai';
} else if($b['status']=='Dibatalkan'){
echo 'Pesanan Dibatalkan';
} else {
echo 'Konfirmasi diterima';
}

?>
</form>
</div>
<script>$(document).ready(function(c) {
$('.close1').on('click', function(c){
$('.rem1').fadeOut('slow', function(c){
$('.rem1').remove();
});
});
});
</script>
</td>
</tr>
<?php
}
?>

<!--quantity-->
<script>
$('.value-plus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)+1;
divUpd.text(newVal);
});

$('.value-minus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)-1;
if(newVal>=1) divUpd.text(newVal);
});
</script>
<!--quantity-->
</table>
</div>
</div>
</div>
<!-- //checkout -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

dbconnect.php
<?php
// isi nama host, username mysql, dan password mysql anda
$conn = mysqli_connect("localhost","root","","kurnia");

if(!$conn){
echo "gagal konek database menn";
} else {

};
?>

kategori.php
<?php
session_start();
include 'dbconnect.php';

$idk = $_GET['idkategori'];
?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Kategori</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>

<!-- header -->


<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>SELAMAT DATANG DI TOKO KURNIA A'A, SELAMAT BERBELANJA!</a></p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-
delay=".5s">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Kategori</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!--- beverages --->
<div class="products">
<div class="container">
<div class="col-md-4 products-left">
<div class="categories">
<h2>Categories</h2>
<ul class="cate">

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><i class="fa fa-arrow-right" aria-
hidden="true"></i><?php echo $p['namakategori'] ?></a></li>

<?php
}
?>

</ul>
</div>

</div>
<div class="col-md-8 products-right">
<div class="agile_top_brands_grids">

<?php
$brgs=mysqli_query($conn,"SELECT * from produk where idkatego
ri='$idk' order by idproduk ASC");
$x = mysqli_num_rows($brgs);

if($x>0){
while($p=mysqli_fetch_array($brgs)){
?>

<div class="col-md-4 top_brand_left">


<div class="hover14 column">
<div class="agile_top_brand_left_grid">
<div class="agile_top_brand_left_grid_pos">
<img src="images/offer.png" alt=" " class="im
g-responsive" />
</div>
<div class="agile_top_brand_left_grid1">
<figure>
<div class="snipcart-item block">
<div class="snipcart-thumb">
<a href="product.php?idproduk=<?p
hp echo $p['idproduk'] ?>"><img src="<?php echo $p['gambar']?>" width="200px" hei
ght="200px"></a>
<p><?php echo $p['namaproduk'] ?>
</p>
<h4>Rp<?php echo number_format($p
['hargaafter']) ?> </h4>
</div>
<div class="snipcart-
details top_brand_home_details">
<fieldset>
<a href="product.php?idproduk
=<?php echo $p['idproduk'] ?>"><input type="submit" class="button" value="Lihat P
roduk" /></a>
</fieldset>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
<?php
}
} else {
echo "Data tidak ditemukan";
}
?>

<div class="clearfix"> </div>


</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- beverages --->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });


});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

konfirmasi.php
<?php
session_start();
if(!isset($_SESSION['log'])){
header('location:index.php');
} else {

};

$idorder = $_GET['id'];

include 'dbconnect.php';

if(isset($_POST['confirm']))
{

$userid = $_SESSION['id'];
$veriforderid = mysqli_query($conn,"select * from cart where orderid='$id
order'");
$fetch = mysqli_fetch_array($veriforderid);
$liat = mysqli_num_rows($veriforderid);
if($fetch>0){
$nama = $_POST['nama'];
$metode = $_POST['metode'];
$tanggal = $_POST['tanggal'];

$kon = mysqli_query($conn,"insert into konfirmasi (orderid, userid, payme


nt, namarekening, tglbayar)
values('$idorder','$userid','$metode','$nama','$tanggal')");
if ($kon){

$up = mysqli_query($conn,"update cart set status='Confirmed' where orderi


d='$idorder'");

echo " <div class='alert alert-success'>


Terima kasih telah melakukan konfirmasi, kami akan mengecek dan mengi
rim pesanan anda
</div>
<meta http-equiv='refresh' content='3; url= utama.php'/> ";
} else { echo "<div class='alert alert-warning'>
Gagal Submit, silakan ulangi lagi.
</div>
<meta http-equiv='refresh' content='3; url= konfirmasi.php'/> ";
}
} else {
echo "<div class='alert alert-danger'>
Kode Order tidak ditemukan, harap masukkan kembali dengan benar
</div>
<meta http-equiv='refresh' content='4; url= konfirmasi.php'/> ";
}

};

?>

<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Konfirmasi Pembayaran</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>DAPATKAN PENAWARAN MENARIK KHUSUS HARI INI, BELANJA SEKARANG!<
/p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-
delay=".5s">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Konfirmasi</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- register -->
<div class="register">
<div class="container">
<h2>Konfirmasi</h2>
<div class="login-form-grids">
<h3>Kode Order</h3>
<form method="post">
<strong>
<input type="text" name="orderid" value="<?php echo $idorder
?>" disabled>
</strong>
<h6>Informasi Pembayaran</h6>

<input type="text" name="nama" placeholder="Nama Pemilik Reke


ning / Sumber Dana" required>
<br>
<h6>Rekening Tujuan</h6>
<select name="metode" class="form-control">

<?php
$metode = mysqli_query($conn,"select * from pembayaran");

while($a=mysqli_fetch_array($metode)){
?>
<option value="<?php echo $a['metode'] ?>"><?php echo
$a['metode'] ?> | <?php echo $a['norek'] ?></option>
<?php
};
?>

</select>
<br>

<h6>Tanggal Bayar</h6>
<input type="date" class="form-control" name="tanggal">
<input type="submit" name="confirm" value="Kirim">
</form>
</div>
<div class="register-home">
<a href="utama.php">Batal</a>
</div>
</div>
</div>
<!-- //register -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

order.php
<?php
session_start();
include 'dbconnect.php';

if(!isset($_SESSION['log'])){
header('location:index.php');
} else {

};

$idorder = $_GET['id'];

$uid = $_SESSION['id'];
$caricart = mysqli_query($conn,"select * from cart where userid='$uid' and st
atus='Cart'");
$fetc = mysqli_fetch_array($caricart);
$orderidd = $fetc['orderid'];
$itungtrans = mysqli_query($conn,"select count(detailid) as jumlahtrans from
detailorder where orderid='$orderidd'");
$itungtrans2 = mysqli_fetch_assoc($itungtrans);
$itungtrans3 = $itungtrans2['jumlahtrans'];

if(isset($_POST["update"])){
$kode = $_POST['idproduknya'];
$jumlah = $_POST['jumlah'];
$q1 = mysqli_query($conn, "update detailorder set qty='$jumlah' where idprodu
k='$kode' and orderid='$orderidd'");
if($q1){
echo "Berhasil Update Cart
<meta http-equiv='refresh' content='1; url= cart.php'/>";
} else {
echo "Gagal update cart
<meta http-equiv='refresh' content='1; url= cart.php'/>";
}
} else if(isset($_POST["hapus"])){
$kode = $_POST['idproduknya'];
$q2 = mysqli_query($conn, "delete from detailorder where idproduk='$kode' and
orderid='$orderidd'");
if($q2){
echo "Berhasil Hapus";
} else {
echo "Gagal Hapus";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Keranjang Saya</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A, Ramahdan La Rosi" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>DAPATKAN PENAWARAN MENARIK KHUSUS HARI INI, BELANJA SEKARANG!<
/p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Checkout</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- checkout -->
<div class="checkout">
<div class="container">
<h2>Dalam keranjangmu ada : <span><?php echo $itungtrans3 ?> barang</
span></h2>
<div class="checkout-right">
<table class="timetable_sub">
<thead>
<tr>
<th>No.</th>
<th>Produk</th>
<th>Nama Produk</th>
<th>Jumlah</th>

<th>Harga Satuan</th>
</tr>
</thead>

<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$idorder' and d.idproduk=p.idproduk order by d.idproduk ASC"
);
$no=1;
while($b=mysqli_fetch_array($brg)){

?>
<tr class="rem1"><form method="post">
<td class="invert"><?php echo $no++ ?></td>
<td class="invert"><a href="product.php?idproduk=<?php ec
ho $b['idproduk'] ?>"><img src="<?php echo $b['gambar'] ?>" width="100px" height=
"100px" /></a></td>
<td class="invert"><?php echo $b['namaproduk'] ?></td>
<td class="invert">
<div class="quantity">
<div class="quantity-
select">
<input type="number" name="jumlah" class="for
m-control" height="100px" value="<?php echo $b['qty'] ?>" \>
</div>
</div>
</td>

<td class="invert">Rp<?php echo number_format($b['hargaaf


ter']) ?></td>

</tr>
<?php
}
?>

<!--quantity-->
<script>
$('.value-plus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)+1;
divUpd.text(newVal);
});

$('.value-minus').on('click', function(){
var divUpd = $(this).parent().find('.valu
e'), newVal = parseInt(divUpd.text(), 10)-1;
if(newVal>=1) divUpd.text(newVal);
});
</script>
<!--quantity-->
</table>
</div>
<div class="checkout-left">
<div class="checkout-left-basket">
<h4>Total Harga</h4>
<ul>
<?php
$brg=mysqli_query($conn,"SELECT * from detailorder d, pro
duk p where orderid='$idorder' and d.idproduk=p.idproduk order by d.idproduk ASC"
);
$no=1;
$subtotal = 10000;
while($b=mysqli_fetch_array($brg)){
$hrg = $b['hargaafter'];
$qtyy = $b['qty'];
$totalharga = $hrg * $qtyy;
$subtotal += $totalharga
?>
<li><?php echo $b['namaproduk']?><i> -
</i> <span>Rp<?php echo number_format($totalharga) ?> </span></li>
<?php
}
?>
<li>Total (inc. 10k Ongkir)<i> -
</i> <span>Rp<?php echo number_format($subtotal) ?></span></li>
</ul>
</div>
<div class="checkout-right-basket">
<a href="utama.php"><span class="glyphicon glyphicon-menu-
left" aria-hidden="true"></span>Continue Shopping</a>
<a href="checkout.php"><span class="glyphicon glyphicon-menu-
right" aria-hidden="true"></span>Checkout</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //checkout -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

product.php
<?php
session_start();
include 'dbconnect.php';

$idproduk = $_GET['idproduk'];

if(isset($_POST['addprod'])){
if(!isset($_SESSION['log']))
{
header('location:index.php');
} else {
$cekstoksekarang = mysqli_query($conn, "select * from produk where id
produk='$idproduk'");
$ambildatanya = mysqli_fetch_array($cekstoksekarang);

$stoksekarang = $ambildatanya['stok'];

$ui = $_SESSION['id'];
$cek = mysqli_query($conn,"select * from cart where userid='$ui'
and status='Cart'");
$liat = mysqli_num_rows($cek);
$f = mysqli_fetch_array($cek);
$orid = $f['orderid'];

if($stoksekarang <= 0){


//kalau barangnya tidak cukup
echo " <div class='alert alert-danger'>
STOK KOSONG
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/>";
}
else{

//kalo ternyata udeh ada order id nya


if($liat>0){

//cek barang serupa


$cekbrg = mysqli_query($conn,"select * from detailord
er where idproduk='$idproduk' and orderid='$orid'");
$liatlg = mysqli_num_rows($cekbrg);
$brpbanyak = mysqli_fetch_array($cekbrg);
$jmlh = $brpbanyak['qty'];

//kalo ternyata barangnya ud ada


if($liatlg>0){
$i=1;
$baru = $jmlh + $i;

$updateaja = mysqli_query($conn,"update detailord


er set qty='$baru' where orderid='$orid' and idproduk='$idproduk'");

if($updateaja){
echo " <div class='alert alert-success'>
Barang sudah pernah dimasukkan ke keranjang, juml
ah akan ditambahkan
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/>";
} else {
echo "<div class='alert alert-warning'>
Gagal menambahkan ke keranjang
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/>";
}

} else {

$tambahdata = mysqli_query($conn,"insert into detailo


rder (orderid,idproduk,qty) values('$orid','$idproduk','1')");
if ($tambahdata){
echo " <div class='alert alert-success'>
Berhasil menambahkan ke keranjang
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/> ";
} else { echo "<div class='alert alert-warning'>
Gagal menambahkan ke keranjang
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/> ";
}
};
} else {

//kalo belom ada order id nya


$oi = crypt(rand(22,999),time());

$bikincart = mysqli_query($conn,"insert into cart (orderi


d, userid) values('$oi','$ui')");

if($bikincart){
$tambahuser = mysqli_query($conn,"insert into detailo
rder (orderid,idproduk,qty) values('$oi','$idproduk','1')");
if ($tambahuser){
echo " <div class='alert alert-success'>
Berhasil menambahkan ke keranjang
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/> ";
} else { echo "<div class='alert alert-warning'>
Gagal menambahkan ke keranjang
</div>
<meta http-
equiv='refresh' content='1; url= product.php?idproduk=".$idproduk."'/> ";
}
} else {
echo "gagal bikin cart";
}
}
}
}
};
?>

<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Produk</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A, Ramahdan La Rosi" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p><p>SELAMAT DATANG DI TOKO KURNIA A'A, SELAMAT BERBELANJA!</p><
/p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="konfirmasi.php">Daftar Order</a>
</li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-
delay=".5s">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active"><?php
$p = mysqli_fetch_array(mysqli_query($conn,"Select * from produk
where idproduk='$idproduk'"));
echo $p['namaproduk'];
?></li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<div class="products">
<div class="container">
<div class="agileinfo_single">

<div class="col-md-4 agileinfo_single_left">


<img id="example" src="<?php echo $p['gambar']?>" alt=" " cla
ss="img-responsive">
</div>
<div class="col-md-8 agileinfo_single_right">
<h2><?php echo $p['namaproduk'] ?></h2>

<div class="w3agile_description">
<h4>Deskripsi :</h4>
<p><?php echo $p['deskripsi'] ?></p>
<h4>Stok :</h4>
<p><?php echo $p['stok'] ?></p>
</div>
<div class="snipcart-item block">
<div class="snipcart-
thumb agileinfo_single_right_snipcart">
<h4 class="m-
sing">Rp<?php echo number_format($p['hargaafter']) ?></h4>
</div>
<div class="snipcart-
details agileinfo_single_right_details">
<form action="#" method="post">
<fieldset>
<input type="hidden" name="idprod" value="<?p
hp echo $idproduk ?>">
<input type="submit" name="addprod" value="Ad
d to keranjang" class="button">
</fieldset>
</form>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>

<!-- //footer -->


<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

registered.php
<?php
session_start();
if(!isset($_SESSION['log'])){

} else {
header('location:index.php');
};
include 'dbconnect.php';

if(isset($_POST['adduser']))
{
$nama = $_POST['nama'];
$telp = $_POST['telp'];
$alamat = $_POST['alamat'];
$email = $_POST['email'];
$pass = password_hash($_POST['pass'], PASSWORD_DEFAULT);

$tambahuser = mysqli_query($conn,"insert into login (namalengkap, email,


password, notelp, alamat)
values('$nama','$email','$pass','$telp','$alamat')");
if ($tambahuser){
echo " <div class='alert alert-success'>
Berhasil mendaftar, silakan masuk.
</div>
<meta http-equiv='refresh' content='1; url= index.php'/> ";
} else { echo "<div class='alert alert-warning'>
Gagal mendaftar, silakan coba lagi.
</div>
<meta http-equiv='refresh' content='1; url= registered.php'/> ";
}

};

?>

<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Daftar</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>

<body>
<style>
body{
background-image:url("toko.jpg"), url("toko.jpg");

}
</style>

<!-- //header -->

<!-- breadcrumbs -->


<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-
delay=".5s">
<li><a href="index.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Daftar</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- register -->
<div class="register">
<div class="container">

<div class="login-form-grids">
<h2>Daftar Disini</h2>
<br>
<br>

<h5>Informasi Pribadi</h5>
<form method="post">
<input type="text" name="nama" placeholder="Nama Lengkap" req
uired>
<input type="text" name="telp" placeholder="Nomor Telepon" re
quired maxlength="13">
<input type="text" name="alamat" placeholder="Alamat Lengkap"
required>

<h6>Informasi Login</h6>

<input type="email" name="email" placeholder="Email" required


="@">
<input type="password" name="pass" placeholder="Password" req
uired>
<input type="submit" name="adduser" value="Daftar">

<div class="register-home">
<a href="index.php">Batal</a>
</div>
</form>
</div>

</div>
</div>
<!-- //register -->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>+6285145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

search.php
<?php
session_start();
include 'dbconnect.php';

$s = $_POST['Search'];
?>
<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A - Pencarian</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>DAPATKAN PENAWARAN MENARIK KHUSUS HARI INI, BELANJA SEKARANG!<
/p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+6281) 222 333</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1>TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="konfirmasi.php">Daftar Order</a>
</li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-
delay=".5s">
<li><a href="utama.php"><span class="glyphicon glyphicon-
home" aria-hidden="true"></span>Home</a></li>
<li class="active">Kategori</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!--- beverages --->
<div class="products">
<div class="container">
<div class="col-md-4 products-left">
<div class="categories">
<h2>Categories</h2>
<ul class="cate">

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><i class="fa fa-arrow-right" aria-
hidden="true"></i><?php echo $p['namakategori'] ?></a></li>

<?php
}
?>

</ul>
</div>

</div>
<div class="col-md-8 products-right">
<div class="agile_top_brands_grids">

<?php
$brgs=mysqli_query($conn,"SELECT * from produk where namaprod
uk like '%$s%' or deskripsi like '%$s%' order by idproduk ASC");
$x = mysqli_num_rows($brgs);

if($x>0){
while($p=mysqli_fetch_array($brgs)){
?>
<div class="col-md-4 top_brand_left">
<div class="hover14 column">
<div class="agile_top_brand_left_grid">
<div class="agile_top_brand_left_grid_pos">
<img src="images/offer.png" alt=" " class="im
g-responsive" />
</div>
<div class="agile_top_brand_left_grid1">
<figure>
<div class="snipcart-item block">
<div class="snipcart-thumb">
<a href="product.php?idproduk=<?p
hp echo $p['idproduk'] ?>"><img src="<?php echo $p['gambar']?>" width="200px" hei
ght="200px"></a>
<p><?php echo $p['namaproduk'] ?>
</p>
<h4>Rp<?php echo number_format($p
['hargaafter']) ?> <span>Rp<?php echo number_format($p['hargabefore']) ?></span><
/h4>
</div>
<div class="snipcart-
details top_brand_home_details">
<fieldset>
<a href="product.php?idproduk
=<?php echo $p['idproduk'] ?>"><input type="submit" class="button" value="Lihat P
roduk" /></a>
</fieldset>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
<?php
}
} else {
echo "Data tidak ditemukan, coba kata kunci lainnya";
}
?>

<div class="clearfix"> </div>


</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- beverages --->
<!-- //footer -->
<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

utama.php
<?php
session_start();
include 'dbconnect.php';

?>

<!DOCTYPE html>
<html>
<head>
<title>Toko Kurnia A'A</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Toko Kurnia A'A" />
<script type="application/x-
javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); },
false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200it
alic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,90
0italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400ital
ic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>

<!-- header -->

<div class="agileits_header">
<div class="container">
<div class="w3l_offers">
<p>SELAMAT DATANG DI TOKO KURNIA A'A, SELAMAT BERBELANJA!</p>
</div>
<div class="agile-login">
<ul>
<?php
if(!isset($_SESSION['log'])){
echo '
<li><a href="registered.php"> Daftar</a></li>
<li><a href="index.php">Masuk</a></li>
';
} else {

if($_SESSION['role']=='Member'){
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="logout.php">Keluar?</a></li>
';
} else {
echo '
<li style="color:white">Halo, '.$_SESSION["name"].'
<li><a href="admin">Admin Panel</a></li>
<li><a href="logout.php">Keluar?</a></li>
';
};

}
?>

</ul>
</div>
<div class="product_list_header">
<a href="cart.php"><button class="w3view-
cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-
hidden="true"></i></button>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="logo_products">
<div class="container">
<div class="w3ls_logo_products_left1">
<ul class="phone_email">
<li><i class="fa fa-phone" aria-
hidden="true"></i>Hubungi Kami : (+62) 85145811736</li>
</ul>
</div>
<div class="w3ls_logo_products_left">
<h1><a href="utama.php">TOKO KURNIA A'A</a></h1>
</div>
<div class="w3l_search">
<form action="search.php" method="post">
<input type="search" name="Search" placeholder="Cari produk...">
<button type="submit" class="btn btn-default search" aria-
label="Left Align">
<i class="fa fa-search" aria-hidden="true"> </i>
</button>
<div class="clearfix"></div>
</form>
</div>

<div class="clearfix"> </div>


</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation-agileits">
<div class="container">
<nav class="navbar navbar-default">
<!--
Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-
toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-
megadropdown-tabs">
<span class="sr-
only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-
megadropdown-tabs">
<ul class="nav navbar-nav">
<li class="active"><a href="utama.php" class=
"act">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Kategori Produk<b class="caret"></b></a>
<ul class="dropdown-menu multi-
column columns-3">
<div class="row">
<div class="multi-gd-img">
<ul class="multi-column-
dropdown">
<h6>Kategori</h6>

<?php
$kat=mysqli_query($conn,"
SELECT * from kategori order by idkategori ASC");
while($p=mysqli_fetch_arr
ay($kat)){

?>
<li><a href="kategori.php
?idkategori=<?php echo $p['idkategori'] ?>"><?php echo $p['namakategori'] ?></a><
/li>

<?php
}
?>
</ul>
</div>

</div>
</ul>
</li>
<li><a href="cart.php">Keranjang Saya</a></li
>
<li><a href="daftarorder.php">Daftar Order</a
></li>
</ul>
</div>
</nav>
</div>
</div>

<!-- //navigation -->


<!-- main-slider -->
<ul id="demo1">
<li>
<img src="images/1.jpg" alt="" />
</li>
<li>
<img src="images/2.jpg" alt="" />
</li>

<li>
<img src="images/3.jpg" alt="" />
</li>
</ul>
<!-- //main-slider -->
<!-- //top-header and slider -->
<!-- top-brands -->

<div class="top-brands">
<div class="container">
<h2>Produk Kami</h2>
<div class="grid_3 grid_5">
<div class="bs-example bs-example-tabs" role="tabpanel" data-
example-id="togglable-tabs">
<div id="myTabContent" class="tab-content">
<div role="tabpanel" class="tab-
pane fade in active" id="expeditions" aria-labelledby="expeditions-tab">
<div class="agile-tp">
<h5>Penawaran Terbaik
<?php
if(!isset($_SESSION['name'])){

} else {
echo 'Untukmu, '.$_SESSION['name'].'!';
}
?>
</h5>
</div>
<div class="agile_top_brands_grids">

<?php
$brgs=mysqli_query($conn,"SELECT * fr
om produk order by idproduk ASC");
$no=1;
while($p=mysqli_fetch_array($brgs)){

?>
<div class="col-md-4 top_brand_left">
<div class="hover14 column">
<div class="agile_top_brand_left_grid">
<div class="agile_top_brand_left_grid
_pos">
<img src="images/offer.png" alt="
" class="img-responsive" />
</div>
<div class="agile_top_brand_left_grid
1">
<figure>
<div class="snipcart-
item block" >
<div class="snipcart-
thumb">
<a href="product.php?
idproduk=<?php echo $p['idproduk'] ?>"><img title=" " alt=" " src="<?php echo $p[
'gambar']?>" width="200px" height="200px" /></a>
<p><?php echo $p['nam
aproduk'] ?></p>
<div class="stars">

</div>
<h4>Rp<?php echo numb
er_format($p['hargaafter']) ?> </h4>
</div>
<div class="snipcart-
details top_brand_home_details">
<fieldset>
<a href="prod
uct.php?idproduk=<?php echo $p['idproduk'] ?>"><input type="submit" class="button
" value="Lihat Produk" /></a>
</fieldset>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
<?php
}
?>

<div class="clearfix"> </div>


</div>
</div>

</div>
</div>
</div>
</div>
</div>
<!-- //top-brands -->

<!-- //footer -->


<div class="footer">
<div class="container">
<div class="w3_footer_grids">
<div class="col-md-4 w3_footer_grid">
<h3>Hubungi Kami</h3>

<ul class="address">
<li><i class="glyphicon glyphicon-map-marker" aria-
hidden="true"></i>Toko Kurnia A'A, Batu Merah Ambon.</li>
<li><i class="glyphicon glyphicon-envelope" aria-
hidden="true"></i><a href="mailto:info@email">kurnia@gmail.com</a></li>
<li><i class="glyphicon glyphicon-earphone" aria-
hidden="true"></i>085145811736</li>
</ul>
</div>
<div class="col-md-3 w3_footer_grid">

</div>
<div class="clearfix"> </div>
</div>
</div>

<div class="footer-copy">

<div class="container">
<p >© 2021 TOKO KURNIA A'A By Ramahdan La Rosi</p>
</div>
</div>

</div>
<div class="footer-botm">
<div class="container">
<div class="w3layouts-foot">
<ul>
<li><a href="#" class="w3_agile_instagram"><i class="fa f
a-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="w3_agile_facebook"><i class="fa fa
-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="agile_twitter"><i class="fa fa-
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="payment-w3ls">
<img src="images/card.png" alt=" " class="img-responsive">
</div>
<div class="clearfix"> </div>
</div>
</div>

<!-- //footer -->


<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- top-header and slider -->


<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {

var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 4000,
easingType: 'linear'
};

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->

<!-- main slider-banner -->


<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'sho
wNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'})
;

jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});

});
</script>
<!-- //main slider-banner -->
</body>
</html>

Anda mungkin juga menyukai