BAB IV

RANCANGAN PROGRAN DAN SISTEM USULAN

4.1. Analisa Kebutuhan Software

A. Tahap Analisis

Analisis kebutuhan merupakan langkah awal yang dilakukan agar didapat

gambaran dari sebuah sistem yang akan dibuat. Dengan adanya analisa sistem

yang berjalan pada sebuah toko nantinya akan didapat sebuah sistem yang sesuai

dengan keadaan sistem yang berjalan saat ini sehingga pelanggan tidak merasa

kebingungan dalam penggunaan website ini nantinya. Sistem penjualan toko

sembako calon pelanggan yang berbasis web ini dibuat untuk membantu proses

penjualan sembako pada toko agam aceh agar lebih mudah dan cepat. Berikut

rincian pembagian halaman berdasarkan level pengguna:

Halaman Pelanggan:

A1. P e l a n g g a n d a p a t m e l a k u k a n l o g i n .

A 2 . Pelanggan bisa memilih barang yang akan dibeli dan ditambahkan ke keranjang
belanja.

A3. Pelanggan bisa memfilter barang berdasarkan kategori.

A4. Pelanggan melakukan checkout

A5. Pelanggan bisa melakukan registrasi

A6. Sistem memfasilitasi pemilihan kurir pengiriman dan metode pembayaran barang.

A7. Pelanggan dapat login dengan account yang telah dibuat apabila belanja dilain hari.

A8. Sistem dapat menampilkan rincian pembelian melalui website.

A9. System dapat merubah memperoses penjualan dan menampilkan rincian penjualanan ke
halaman pesanan Pelanggan.

A10. Pelanggan bisa melakukan konfirmasi dan mengirim bukti pembayaran.

A11. Pelanggan dapat mengelolah data account termasuk mengganti kata sandi

Halaman Admin:

B1. Admin dapat melakukan login.

B2. Admin dapat mengolah data kategori.

B3. Admin dapat mengelola data barang.

B4. Admin dapat mengola image barang.

B5. Admin dapat mengelola data transaksi penjualan.

B6. Admin dapat mengelola laporan penjualan.

B7. Admin dapat mengelola data anggota.

B8. Admin hanya dapat melihat data pelanggan.

B9. Admin dapat mengelola data status transaksi pembelian

B10. Admin dapat mengelola dan mencetak

laporan penjualan

B11. Admin dapat melakukan logout

B. Use Case Diagram

Berikut adalah rincian use case diagram pada sistem toko Agam Aceh.

Penggambaran Use Case Diagram Model Pertama:

Penggambaran dengan melihat secara keseluruhan fungsi-fungsi yang ada pada

sistem.

1. Use Case Diagram Halaman Pelanggan

 Sumber ; Hasil Pengolahan 2022

Gambar IV.1
Use Case Diagram Halaman Pelanggan

1) Deskripsi Use Case Diagram Halaman Pelanggan

Tabel IV.1
Deskripsi Use Case Diagram Halaman Pelanggan
Use Case Name Chekout
Requirement A2,A4,A5,A6
Goal Pelanggan dapat melakukan pembelian melalui
website dan dapat memilih jasa pengiriman
Pre-conditions Pelanggan dapat menambahkan barang pada bagian
keranjang
Post-conditions Sistem dapat merubah status pembelian dan
mengetahui estimasi pengiriman

Failed end conditions Pelanggan dapat melihat, mengubah atau menghapus

barang pembelian, sebelum melakukan chekout
Primary actors Pelanggan
Main Flow / Basic Patch 1. Pelanggan memilih barang yang ingin di beli.
2. System menyimpan dan menampilkan di bagian
keranjang.
3. Pelanggan memilih icon chekin.
4. System mengecek apakah pelanggan sudah terdafta
ratau belum. Jika belum makan system akan
menampilkan halaman login dan memilih icon registrasi
untuk melakukan pendaftaran. Jika pelanggan sudah
memiliki akun system akan menampilkan halaman
alamat pengiriman.
[Link] memasukan alamat pengiriman, dan melanjutkan.
[Link] menampilkan pilihan jasa pengiriman,
estimasi pengiriman dan biayanya.
[Link] memilih jasa kurir pengiriman dan melanjutkan.
[Link] menampilkan halaman pesanan belum bayar.
[Link] memilih icon bayar untuk melakukan
pembayaran dan memilih metode pembayaran serta
mengirimkan bukti pembayaran.
10. System merubah status penjualan.

Invariant A 11. Pelanggan memilih metode pembayaran dengan

menggunakan kartu kredit.
12. System menampilkan pilihan jenis kartu kredit.
13. Pelanggan memilih jenis kartu kredit dan
memasukan nama, nomor, jenis kartu kredit yang telah
dipilih dan mengirimkan bukti pembayaran.
14. System memverifikasi kartu kredit.
15. Jika pelanggan sudah melakukan kartu kredit.
16. Jika tidak valid system kembali ke halaman
pemilihan metode pembayaran.
2) Deskripsi Use Case Diagram Halaman Pelanggan

Tabel IV.1
Deskripsi Use Case Diagram Halaman Pelanggan
Use Case Name Mengelola Data Pribadi
Requirement A11
Goal Admin dapat menginput dan mengupdate data
Account
Pre-conditions Pelanggan telah Login

Post-conditions Data tersimpan dan terupdate

Failed end conditions Gagal menyimpan, mengupdate

Primary actors Pelanggan

Main Flow / Basic Patch 1. Pelanggan memilih icon setting pada icon
nama.
2. System akan menampilkan data yang sudah
tersimpan
3. Pada halaman ini pelanggan memilih icon edit
untuk menambahkan atau edit data account
4. System menampilkan form input data yang
akan di edit atau di tambahkan.
5. Pelanggan menginput data yang akan di edit
atau di tambahkan
6. Pelanggan memilih icon batal
7. System akan membatalkan penyimpanan data
yang telah di tambahkan atau di ubah

Invariant A 1. Pelanggan memilih

icon“edit”
2. Sistem menyimpan data yang
telah di tambahkan atau di
ubah
3. Pelanggan kembali ke no 5.
4. System telah menyimpan
dan mengupdate data terbaru

2. Use Case Diagram Halaman Login Admin

 Gambar IV.2
Use Case Diagram Halaman Admin Login

A. Deskripsi Use Case Diagram Admin Login

Tabel IV.2
Deskripsi Use Case Diagram Admin Login

Use Case Name Admin login

Requirement B1
Goal Admin dapat melakukan login kesistem
Pre-condition Terhubung dengan server
Post-condition Admin dapat login
Failed end condition Gagal login
Primary actors Admin
Main Flow / Basic Patch [Link] ke halaman admin login
[Link] username dan password
[Link] login
[Link]
Invariant B [Link] memilih “Logout”
[Link] dari sistem
[Link] melakukan login kembali

Gambar IV.1
Use Case Diagram Halaman Admin Mengelolah Data Barang

B. Deskripsi Use Case Diagram Admin Mengelolah Data Barang

Tabel IV.2
Deskripsi Use Case Diagram Admin Mengelolah Data Barang

Use Case Name Mengelolah Data Barang

Requirement B2
Goal Admin dapat menginput, mengedit dan menghapus
data barang
Pre-condition Admin telah Login
Post-condition Data tersimpan dan terupdate
Failed end condition Gagal menyimpan dan mengupdate data barang dan
data anggota
Primary actors Admin
Main Flow / Basic Patch 1. Admin melihat daftar barang.
2. Admin menambah data barang
3. Admin menyimpan data barang
Alternate Flow / Invariant 1 2. a. Admin mengedit data barang.
Invariant 2 2a. Admin mengedit data barang.
 Gambar IV.1
Use Case Diagram Halaman Admin Mengelolah Data Kategori

C. Deskripsi Use Case Diagram Admin Mengelolah Data Kategori

Tabel IV.2
Deskripsi Use Case Diagram Admin Mengelolah Data Kategori
Use Case Name Mengelola Data Kategori
Requirement B4
Goal Admin dapat Mengubah, mengedit dan menghapus
adata kategori
Pre-condition Admin telah Login
Post-condition Data tersimpan dan terupdate
Failed end condition Gagal menyimpan, mengupdate
Primary actors Admin
Main Flow / Basic Patch 1) Admin melihat daftar Kategori.
2) Admin menambah data kategori
3) Admin menyimpan data kategori

Alternate Flow / Invariant A. 2)A. Admin edit Data Kategori

Alternate Flow / Invariant B. 2)[Link] Menghapus Data Kategori

 Gambar IV.1
Use Case Diagram Halaman Admin Mengelolah Data Image barang

D. Deskripsi Use Case Diagram Mengelola Data Image Barang

Tabel IV.5
Deskripsi Use Case Diagram Mengelola Data Image Barang
Use Case Name Mengelola Data Image Barang
Requirement B5
Goal Admin dapat menambahkan dan menghapus
Image
Pre-condition Admin telah Login
Post-condition Data Image dapat di tambahkan dan terhapus
Failed end condition Gagal menyimpan, mengupdate dan menghapus
Primary actors Admin
Main Flow / Basic Patch [Link] melihat daftar barang.
2. Admin menambah data barang
3. Admin menyimpan data barang.

Invariant A 1. Admin menghapus Image Barang

 Gambar IV.1
Use Case Diagram Halaman Admin Mengelolah Data pesanan

E. Deskripsi Use Case Diagram Admin Mengelolah Data Pesanan

Tabel IV.2
Deskripsi Use Case Diagram Admin Mengelolah Data Pesanan
Use Case Name Mengelola Data Pesanan
Requirement B4
Goal Admin dapat Melihat, Mengupdate dan Mengirim data
Pesanan
Pre-condition Admin telah Login
Post-condition Data tersimpan, terupdate san mengirim
Failed end condition Gagal terupdate dan mengirim Pesanan
Primary actors Admin
Main Flow / Basic Patch 1) Admin Melihat Daftar pesanan
2) Admin Melihat Bukti Pembayaran
3) Admin mengirimkan nomer resi
4) Admin melihat
5) Admin melihat masukan dari
pelanggan
6) Admin dapat menyimpan data
pesanan
Alternate Flow / Invariant A. 2)A. Admin memproses pesanan

Alternate Flow / Invariant B. 2)B. Admin mengubah status pesanan

 Gambar IV.1
Use Case Diagram Halaman Admin Mengelolah Data Laporan

F. Deskripsi Use Case Diagram Admin Mengelolah Data Laporan

Tabel IV.2
Deskripsi Use Case Diagram Admin Mengelolah Data Laporan
Use Case Name Mengelola Data Lpaoran
Requirement B4
Goal Admin dapat Melihat dan mendownload data Laporan
Pre-condition Admin telah Login
Post-condition Data tersimpan dan terupdate
Failed end condition Gagal melihat dan menyimpan Laporan
Primary actors Admin
Main Flow / Basic Patch 7) Admin Memilih Daftar Laporan
8) Admin Melihat Data Laporan
Yang di pilih

Alternate Flow / Invariant A. 2)A. Admin mendownload data

laporan yang di pilih
 Gambar IV.1
Use Case Diagram Halaman Admin Mengelolah Data User

G. Deskripsi Use Case Diagram Admin Mengelolah Data User

Tabel IV.2
Deskripsi Use Case Diagram Admin Mengelolah Data User
Use Case Name Mengelola Data User
Requirement B4
Goal Admin dapat Melihat, Mengedit dan Menghapus data
user
Pre-condition Admin telah Login
Post-condition Data tersimpan, terupdate atau terhapus
Failed end condition Gagal tersimpan, terupdate atau terhapus
Primary actors Admin
Main Flow / Basic Patch 1) Admin Melihat Daftar user
2) Admin menambahkan user
3) Admin dapat menyimpan data
pesanan
Alternate Flow / Invariant A. 2)A. Admin mengedit user

Alternate Flow / Invariant B. 2)B. Admin menghapus user

C. Activity Diagram

Berikur merupakan gambaran dari diagram activity Toko Agam Aceh

1. Activity diagram Halaman Front Page penjualan

Gambar IV.4
Activity Diagram front page Penjualan toko Agam Aceh.
2. Activity diagram Halaman Admin Mengelola Data barang

Gambar IV.5
Activity Diagram Halaman Admin Mengelola Data Barang
3. Activity Diagram Halaman Admin Mengelola Data Anggota atau user

Gmbar IV.6
Activity Diagram Halaman Admin Mengelola Data Anggota atau user
4. Activity Diagram Halaman Admin Mengelola Data Ubah Status penjualan
dan mengirim nomer resi

Gambar IV.7
Activity Diagram Halaman Admin Mengelola Data Ubah Status penjualan
dan mengirim nomer resi
 1. Activity Diagram Halaman Admin Mengelola Data Pengembalian

Gambar IV.8
Activity Diagram Halaman Admin Mengelola Data Pengembalian
 2. Actiity Diagram Halaman Admin Mengelola Data Laporan

Gambar IV.9
Actiity Diagram Halaman Admin Mengelola Data Laporan
4.2. Desain

Dalam membuat sebuah sistem Toko Agam Aceh dibutuhkan tahap desain

yang akan menggambarkan desain database, desain software architecture dan

desain interface dari sistem yang akan dibuat.

4.2.1. Database
Dalam database terdapat beberapa tabel yang saling berelasi (berhubungan)

maka dari itu penulis mencoba menggambarkannya menggunakan ERD.

Diagram hubungan entitas merupakan diagram yang berfungsi untuk

menggambarkan hubungan antara entitas dalam suatu sistem, dimana diagram

menjelaskan hubungan antara entitas yang ada melalui atribut yang dimiliki

oleh entitas tersebut. Penggambaran database pada Toko Agam Aceh sebagai

berikut:
1. Entity Relationship Diagram

Gambar IV.10
Entity Relationship Diagram Toko Agam Aceh
2. Logical Record Structure

Gambar IV.11
Logic al Relationship Structure Penjualan Toko Agam Aceh
 3. Spesifikasi file

a. Spesifikasi File Tabel Barang

Nama Database : agamaceh

Nama File : barang

Akronim : [Link]

Tipe File : File Master

Akses File : Random

Panjang Record : 365 Byte

Kunci Field :

id_barang

Tabel IV.6
Spesifikasi File Tabel Barang
No Elemen Data Nama Type Si Ket
Field ze
1. Id Barang id_barang Int 11 Primary Key dan
Auot_increment
2. NamaBarang Nama_Barang Varchar 255
3. Kategori Id_kategori Int 11
4. Harga Harga Int 11
5. Deskripsi deskripsi Mediumte
xt
6. Gambar gambar Text 25
7. Berat berat Int 11
8. Exp Exp Varchar 19
9. Isi Isi Varchar 11
10. Jumlah Jumlah Int 11
 b. Spesifikasi File Tabel

Gambar

Nama : agamaceh

Nma File : gambar

Akronim : [Link]

Tipe File : File Master

Akses File : Random

Panjang Record : 277 Byte

Kunci Field :

id_gambar

Tabel IV.7
Spesifikasi File Tabel
Gambar
No Elemen Nama Field Tipe Size Ket
Data
1. Id gambar Id_gambar Int 11 Primary key dan
Auto_increment
2. Id Barang Id_barang Int 11
3. Keterangan keterangan Varchar 255
4. Gambar gambar Varchar

c. Spesifikasi Tabel Kategori

Nama : agamaceh

Nma File : kategori

 Akronim : [Link]

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 510 Byte

Kunci Field :

idkategori

Tabel IV.8
Spesifikasi Tabel kategori
No Elemen Data Nama Field Tipe Size Ket

1. Id Kategori Id_kategori Int 255 Primary Key

2. Nama Kategori Nama_katego Varchar 255
ri

d. Spesifikasi File Tabel

Pelanggan

Nama : agamaceh

Nma File : pelanggan

Akronim : [Link]

Tipe File : File Master

Akses File : Random

Panjang Record : 801 Byte

Kunci Field : id-

_pelanggan

Tabel IV.10
Spesifikasi File Tabel
pelanggan
No Elemen Data Nama Field Tipe Size Ket

1. Id Pelanggan Id_pelanggan Int 11 Primary Key dan

Auto_increment
2. Nama Nama_pelang Varchar 255
 Pelanggan gan
3. Jenis Kelamin jenkel Varchar 25
4. Tanggal Bulan tbl date
Lahir
5. Nomer Telpon No_telp text
6. Nomer Telepon No_telp2 text
2
7. Alamat alamat text
8. Email Email Varchar 255
9. password password Text
10. Foto foto text
11. Status otoritas varchar 255

a. Spesifikasi File Tabel

Pelanggan_token

Nama : agamaceh

Nma File : pelanggan_token

Akronim : pelanggan_token.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 266 Byte

Kunci Field : id-

_pelanggan

Tabel IV.10
Spesifikasi File Tabel
pelanggan_token
No Elemen Data Nama Field Tipe Size Ket

1. Id Pelanggan Id_pelanggan Int 11 Primary Key dan

Auto_increment
2. Token token Varchar 255

a. Spesifikasi File Tabel

Rekening

Nama : agamaceh
 Nma File : rekening

Akronim : [Link]

Tipe File : File Master

Akses File : Random

Panjang Record : 266 Byte

Kunci Field : id_rekening

Tabel IV.10
Spesifikasi File Tabel
id_rekening
No Elemen Data Nama Field Tipe Siz Ket
e
1. Id Rekening Id_rekening Int 11 Primary Key dan
Auto_increment
2. Nama Bank Nama_bank Varchar 25
3. Nomer rekening No_rek Varchar 25
4. Atas Nama Atas_nama Varchar 25

a. Spesifikasi File Tabel

rinci_transaksi

Nama : agamaceh

Nma File : rinci_transaksi

Akronim : rinci_transaksi.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 58 Byte

Kunci Field : id_rinci

Tabel IV.10
Spesifikasi File Tabel
Rinci_transaksi
No Elemen Data Nama Field Tipe Size Ket

1. Id transaksi Id_transaksi Int 11 Primary Key dan

Auto_increment
2. Nomer Order No_order Varchar 25
3. Id barang Id_barang Int 11
4. Qty qty Int 11

a. Spesifikasi File Tabel

Setting

Nama : agamaceh

Nma File : seting

Akronim : [Link]

Tipe File : File Master

Akses File : Random

Panjang Record : 282 Byte

Kunci Field : id

Tabel IV.10
Spesifikasi File Tabel seting
No Elemen Data Nama Field Tipe Size Ket

1. Id Alamat Id Int 1 Primary Key dan

Auto_increment
2. Nama Toko Nama_toko Varchar 255
3. Lokasi lokasi Int 11
4. Alamat alamat text
5. Nomer Telepon No_telp Varchar 15

a. Spesifikasi File Tabel

transaksi

Nama : agamaceh

Nma File : transaksi

Akronim : [Link]

Tipe File : File Master

Akses File : Random

Panjang Record : 1541

 Byte

Kunci Field : id_transaksi

Tabel IV.10
Spesifikasi File Tabel transaksi
No Elemen Data Nama Field Tipe Size Ket

1. Id transaksi Id_transaksi Int 11 Primary Key dan

Auto_increment
2. Id Pelanggan Id_pelanggan Int 11
3. Nomer Order No_order Varchar 25
4. Tanggal Order Tanggal_orde Date
r
5. Nama Nama_peneri Varchar 255
Penerima ma
6. Nomer No_penerima Varchar 15
Penerima
7. Provinsi provinsi Varchar 25
8. Kota kota Varchar 25
9. Alamat alamat text
10. Kode pos Kode_pos Varchar 8
11. Expedisi expedisi Varchar 255
12. Paket paket Varchar 255
13. Estimasi estimasi Varchar 255
14. Ongkir ongkir Int 11
15. Berat berat Int 11
16. Grand Total Grand_total Int 11
17. Total Bayar Total_bayar Int 11
18. Status Bayar Status_bayar Int 1
19. Bukti Bayar Bukti_bayar text
20. Atas Nama Atas_nama Varchar 25
21. Nama Bank Nama_bank Varchar 25
22. Nomer No_rek Varchar 25
Rekening
23. Status Order Status Order Int 1
24. Nomer Resi No_resi Varchar 25
25 Ulasan Catatan_trans Varchar 255
aksi

a. Spesifikasi File Tabel user

Nama : agamaceh

Nma File : user

Akronim : [Link]
 Tipe File : File Master

Akses File : Random

Panjang Record : 358 Byte

Kunci Field : id_user

Tabel IV.10
Spesifikasi File Tabel user
No Elemen Data Nama Tipe Size Ket
Field
1. Id User Id_user Int 12 Primary Key dan
Auto_increment
2. Nama User Nama_user Varchar 30
3. Jenis Kelamin Jenkel Int 255
4. Tanggal Bulan tbl date
Lahir
5. Alamat alamat text
6. Nomer Telepon No_telp text
7. Nomer Telepon2 No_telp2 text
8. Username username Varchar 30
9. Password password Varchar 30
10. Status Level_user Int 1

4.1.1. Software Architecture

Didalam merancang sebuah sistem penjualan pada toko Agam Aceh,

Framework yang digunakan dalam sistem penjualan ini menggunakan Codeigniter

versi 3.0 dan Bahasa program yang digunakan penulis adalah php secara

terstruktur atau prosedural. Maka software architecture yang digunakan untuk

menggambarkan program adalah sebagai berikut:

A. Component Diagram

Component Diagram menggambarkan struktur dan hubungan antar

komponen piranti lunak, termasuk ketergantungan diantaranya yang ada di

dalam sistem informasi penjualan pada toko Agam Aceh.

Component Diagram juga dapat berupa interface yang berupa kumpulan

layanan yang disediakan oleh komponen untuk komponqen lainnya.

 Gambar IV.12
Component Diagram Sistem Penjualan Toko Agam Aceh
B. Deployment Diagram

Menggambarkan tata letak sistem secara fisik, yang merupakan bagian-

bagian software yang berjalan pada hardware yang digunakan untuk

mengimplementasikan sebuah sistem dan keterhubungan antar hardware-

hardware tersebut.
 Gambar IV.13
Deployment Diagram Sistem Penjualan Toko Agam Aceh
4.1.2. User Interface

Merupakan gambaran sistem yang sudah berjalan berikut detail tampilan-

tampilan tiap halaman website penjualan Toko Agam Aceh.

1. Tampilan Halaman Depan Toko Agam Aceh

Menu pertama adalah menu home, menu home merupakan menu yang

tampil saat awal di akses oleh Pelanggan. Pada menu home menampilkan

menu – menu utama seperti beranda, keranjang dan login

 Gambar IV.14
Tampilan Halaman Fron
Home Page
2. Tampilan Halaman Login Toko Agam Aceh

Menu Kedua adalah menu Login, menu Login merupakan menu yang

tampil saat awal di akses oleh Pelanggan untuk masuk menggunakan akun

yang sudah dimiliki. Pada halaman Login pelanggan di haruskan mengisi

form seperti email dan password yang dimiliki oleh pelanggan.

 Gambar IV.14
Tampilan Halaman Fron
Login Page

1. Tampilan Halaman Register Toko Agam Aceh

Menu Tiga adalah halaman register, menu Register merupakan menu yang

tampil saat pelanggan ingin membuat akun sebelum memulai transaksi

pembeliandi akses oleh Pelanggan untuk masuk menggunakan akun yang

sudah dimiliki. Pada halaman register ini menampilkan beberapa form

yang harus di input oleh pelanggan seperti Nama. Number telpon, email

dan password yang nantinya akan disimpan dan digunakan untuk

melakukan login.
 Gambar IV.14
Tampilan Halaman Fron
Register Page
2. Tampilan Halaman Kategori Barang

Menu a k a n m e n a m p i l k a n m a c a m - m a c a m barang sesuai dengan

kategori yang dipilih oleh pelanggan.

Gambar IV.14
Tampilan Halaman Fron
kategori Page
3. Tampilan Halaman Detail Barang

Pada Halaman detail barang ini akan menampilkan data barang yang dipilih oleh

pelanggan, seperti Nama , Kategori, isi , Harga,Stock, Exp dan deskripsi dari

barang tersebut, dan pada saat pelanggan memilik icon Add to cart, maka barang

tersebut akan masuk kedalam keranjang belanjaan.

Gambar IV.14
Tampilan Halaman Fron
kategori Page
4. Tampilan Halaman View Chart

Halaman tersebut akan menampilkan data barang yang sudah dimasukan ke

keranjang dan jika pelanggan ingin menambah, menguranggi dan menghapus

jumlah barang yang akan di beli, dan jika pelanggan sudah memilih icon chek in

maka pelanggan akan diarahkan menuju halaman chekin.

 Gambar IV.15
Tampilan Halaman View
Chart
5. Tampilan Halaman Chekin

Halaman chekin ini pelanggan di haruskan mengisi alamat, nama, nomer telp

penerima dan pelanggan. Pada halaman ini pelanggan dapat melihat jumlah harga,

berat dan ongkir dari pembelian, selanjutnya pelanggan dapat memilih icon proses

chekin untuk melanjutkan pembelian.

Gambar IV.15
Tampilan Halaman View
Chart
6. Tampilan Halaman Belum Bayar

Halaman tersebut menampilkan Menu-Menu seperti Bellum Bayar, Proses order,

Dikirim dan selesai. Pada halaman Belum Bayar pelanggan dapat memilih icon

bayar untuk melanjutkan transaksi pembelian.

Gambar IV.15
Tampilan Halaman Bellum
Bayar

7. Tampilan Halaman Bayar

Halaman tersebut menampilkan jenis pembayaran seperti Bca atas nama Adhani

Surya selaku manajemen dan Mandiri atas nama Fadillah Surya sebagai owner dari

toko tersebut. Selain itu terdapat Menu-Menu form yang harus diisi Seperti atas

nama, Nama bank, Nomer rekening, dan bukti bayar untuk melakukan konfirmasi

pembayaran.
 Gambar IV.15
Tampilan Halaman Bayar

8. Tampilan Halaman Proses bayar

Sedangkan halaman proses order pelanggan dapat melihat apakah pesanan yang kita

miliki sudah di proses packing atau belum, jika sudah status pelanggan akan terganti

menjadi sedang diproses atau di packing.

Gambar IV.15
Tampilan Halaman Bayar
9. Tampilan Halaman Dikirim
Halaman Dikirim ini pelanggan mendapatkan nomer resi yang telah dikirim oleh

admin, Dikirim pada halaman ini pelanggan dapat mengetahui bahwa barang

pesananya telah diserahkan kepada pihak expedisi yang nantinya akan dikirim ke

alamat yang sudah di isi oleh pelanggan, jika paket atau barang yang dibeli sudah

sampai maka pelanggan dapat memilih icon terima sebagai komfirmasi bahwa

barang sudah diterima dan pelanggan dapat memberikan masukan atau ulasan

tentang paket yang diterima .

Gambar IV.15
Tampilan Halaman Dikirim
10. Tampilan Halaman Dikirim
Setelah paket atau barang yang sudah diterima Pada halaman selesai pelanggan

dapat melihat riwayat pemesanan yang dimiliki.

 Gambar IV.15
Tampilan Halaman Selesai
11. Tampilan Halaman Login Admin

Menu Login menampilkan macam – macam jenis icon yang terdapat di

halaman login admin.

Gambar IV.15
Tampilan Halaman Login
Admin
12. Tampilan Halaman Admin Kategori

Menu data kategori menampilkan macam – macam jenis kategori barang yang

telah diproses oleh admin

Gambar IV.15
Tampilan Halaman Admin
Kategori

13. Tampilan Halaman Tambah Kategori Baru

Tampilan admin untuk menambah Kategori baru

 Gambar IV.15
Tampilan Halaman Admin
Menambah Kategori

14. Tampilan Halaman Edit Kategori

Tampilan admin untuk Edit Kategori

Gambar IV.15
Tampilan Halaman Admin
Edit Kategori
15. Tampilan Halaman Admin Barang

Menu data buku menampilkan macam – macam jenis barang yang telah

dimasukan atai di proses oleh admin

Gambar IV.15
Tampilan Halaman Data
Barang

1. Tampilan Halaman Admin Menambah Barang

Tampilan admin untuk menambah data barang baru

Gambar IV.18
Tampilan Menu Halaman Admin menambah barang baru
1. Tampilan Halaman Admin Edit Barang

Tampilan admin untuk edit data dari barang.

Gambar IV.18
Tampilan Menu Halaman Admin edit barang

16. Tampilan Halaman Pesanan Masuk

Menu Pesanan Masuk admin dapat melihat pesanan masuk yang bellum

dibayar maupun yang sudah dibayar, jika sudah dibayar system akan

menampilkan macam – macam Icon mulai dari bukti bayar untuk melihat

bukti pembayaran dan proses untuk memproses pesanan tersebut.

 Gambar IV.16
Tampilan Menu Pesanan
Masuk.
17. Tampilan Halaman Proses

Menu Proses admin dapat mengubah status pesanan menjadi dikemas dan

jika sudah dikemas admin dapat mengirimkan nomer resi yang ditunjukan

untuk pelanggan bahwa barang yang pesananya sudah diserahka kepihak

pengirim.
 Gambar IV.16
Tampilan Menu Proses.
18. Tampilan Halaman Proses

Menu Dikirim admin dapat mengubah status pesanan menjadi dikirim dan

menampilkan nomer resi yang sudah dikirim admin.

Gambar IV.16
Tampilan Menu Dikirim.
19. Tampilan Halaman Selesai

Menu Dikirim admin dapat melihat status pesanan menjadi diselesai dan

menampilkan masukan atau ulasan dari pelanggan.

 Gambar IV.16
Tampilan Menu Dikirim.
20. Tampilan Halaman Laporan

Menu Laporan ini admin dapat melihat dan mencari jenis laporan yang

akan di lihat dan di cetak.

Gambar IV.16
Tampilan Menu Laporan
21. Tampilan Data Pelanggan

Tampilan admin untuk melihat daftar data dari pelanggan.

Gambar IV.17
Tampilan Menu Admin Melihat Pelanggan
1. Tampilan Halaman Admin User atau Pelanggan

Tampilan admin untuk melihat daftar data dari user atau anggota yang sudah
tersedia.

Gambar IV.17
Tampilan Menu Admin Melihat Data User atau Pelanggan
 2. Tampilan Halaman Admin Tambah Anggota

Tampilan admin untuk menambahkan data anggota baru

Gambar IV.18
Tampilan Menu Halaman Admin Tambah Anggota atau User Baru
2. Tampilan Halaman Admin Edit Anggota

Tampilan admin untuk edit data anggota atau user

Gambar IV.18
Tampilan Menu Halaman Admin Edit Anggota atau User

4.2. Code Generation

Berikut merupakan code generation dari sistem informasi perpustakaan pada

toko Agam Aceh dengan pemrograman terstruktur.

 A. Tampilan Halaman Home
<div class="card-body">
<div id="carouselExampleIndicators" class="carousel slide" data-
ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0"
class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="<?= base_url()
?>assets/slider/[Link]">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="<?= base_url()
?>assets/slider/[Link]">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="<?= base_url()
?>assets/slider/[Link]">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators"
role="button" data-slide="prev">
<span class="carousel-control-custom-icon" aria-hidden="true">
<i class="fas fa-chevron-left"></i>
</span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators"
role="button" data-slide="next">
<span class="carousel-control-custom-icon" aria-hidden="true">
<i class="fas fa-chevron-right"></i>
</span>
<span class="sr-only">Next</span>
</a>
</div>
</div>

<div class="card-body pb-0">

<div class="row d-flex align-items-stretch">
<?php $kategori = $this->m_home->get_all_data_kategori(); ?>
<?php foreach ($kategori as $key => $value) { ?>
<div class="col-12 col-sm-6 col-md d-flex align-items-stretch flex-column">
<td>
<div class="btn btn-default btn-lg btn-flat">
<a href="<?= base_url('home/kategori/' . $value->id_kategori)?>"
class="dropdown-item"><?= $value->nama_kategori?></a>
</div>
</td>
</div>
<?php echo form_close(); ?>
<?php } ?>
</div>
</div>

<div class="card card-solid">

<div class="card-body pb-0">
<div class="row d-flex align-items-stretch">

<?php foreach ($barang as $key => $value) { ?>

<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">

<?php
echo form_open('belanja/add');
echo form_hidden('id', $value->id_barang);
echo form_hidden('qty', 1);
echo form_hidden('price', $value->harga);
echo form_hidden('name', $value->nama_Barang);
echo form_hidden('redirect_page',str_replace('[Link]/' ,'', current_url() ));
?>
<div class="card bg-light d-flex flex-fill">
<div class="card-header text-muted border-bottom-0">
<div class="col-12 text-center">
<img src="<?= base_url('assets/gambar/' . $value->gambar) ?>" alt=""
class="img-fluid" width="200px" right="120px">
</div>
<h4><b><?= $value->nama_Barang ?></b></h4>
<h4><span> Rp. <?= number_format( $value->harga)?></span></h4>
</div>
<div class="card-footer">
<div class="row">
<div class="coll-sm-6">
<div class="text-right">
<a href="<?= base_url('home/detail_barang/' . $value->id_barang)?>"
class="btn btn-sm bg-teal">
<i class="fas fa-eye"> Detail</i>
</a>

<button type="submit" class="btn btn-sm btn-primary swalDefaultSuccess">

<i class="fas fa-cart-plus"> Keranjang</i>
</button>
</div>
</div>
</div>
 </div>
</div>
<?php echo form_close(); ?>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>

<script src="<?= base_url()

?>template/plugins/sweetalert2/[Link]"></script>
<script type="text/javascript">
$(function() {
var Toast = [Link]({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000
});

$('.swalDefaultSuccess').click(function() {
[Link]({
icon: 'success',
title: 'Berhasil Ditambahkan.'
})
});
});
</script>

B. Detail Barang
<!-- Default box -->
<div class="card card-solid">
<div class="card-body">
<div class="row">
<div class="col-12 col-sm-6">
<h3 class="d-inline-block d-sm-none"><?= $barang->nama_Barang ?></h3>
<div class="col-12">
<img src="<?= base_url('assets/gambar/' . $barang->gambar)?>" class="product-image" alt="Product
Image">
</div>
<div class="col-12 product-image-thumbs">
<div class="product-image-thumb active"><img src="<?= base_url('assets/gambar/' . $barang->gambar)?
>" alt="Product Image"></div>
<?php foreach ($gambar as $key => $value) { ?>
<div class="product-image-thumb" ><img src="<?= base_url('assets/gambarbarang/' . $value->gambar)?>"
alt="Product Image"></div>
<?php } ?>
</div>
</div>
<div class="col-12 col-sm-6">
<h3 class="my-3"><?= $barang->nama_Barang ?></h3>
<hr>
<h5>Kategori : <?= $barang->nama_kategori ?></h5>
 <hr>
<h5>Isi : <?= $barang->isi ?></h5>
<hr>
<h5>Harga : Rp. <?= number_format($barang->harga)?></h5>
<hr>
<h5>Stok : <?= $barang->jumlah ?></h5>
<hr>
<h5>Exp : <?= $barang->exp ?></h5>
<hr>
<h5>Deskripsi : <?= $barang->deskripsi ?></h5>
<hr>

<hr>
<?php
echo form_open('belanja/add');
echo form_hidden('id', $barang->id_barang);
echo form_hidden('price', $barang->harga);
echo form_hidden('name', $barang->nama_Barang);
echo form_hidden('redirect_page',str_replace('[Link]/' ,'', current_url() ));
?>
<div class="mt-4">
<div class="row">
<div class="col-sm-2">
<input type="number" name="qty" class="form-control" value="1" min="1">
</div>
<div class="col-sm-8">
<button type="submit" class="btn btn-primary btn-flat swalDefaultSuccess">
<i class="fas fa-cart-plus fa-lg mr-2"></i>
Add to Cart
</button>
</div>
</div>
</div>
<?php echo form_close(); ?>

</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<!-- AdminLTE for demo purposes -->
<script src="<?= base_url() ?>template/plugins/sweetalert2/[Link]"></script>
<script src="<?= base_url() ?>template/dist/js/[Link]"></script>
<script type="text/javascript">
$(function() {
var Toast = [Link]({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000
});

$('.swalDefaultSuccess').click(function() {
[Link]({
icon: 'success',
title: 'Berhasil Ditambahkan.'
})
});
});
</script>

<script>
$(document).ready(function() {
 $('.product-image-thumb').on('click', function () {
var $image_element = $(this).find('img')
$('.product-image').prop('src', $image_element.attr('src'))
$('.[Link]').removeClass('active')
$(this).addClass('active')
})
})
</script>

C. Kategori Barang
<div class="card-body">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="<?= base_url() ?>assets/slider/[Link]">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="<?= base_url() ?>assets/slider/[Link]">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
data-slide="prev">
<span class="carousel-control-custom-icon" aria-hidden="true">
<i class="fas fa-chevron-left"></i>
</span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
data-slide="next">
<span class="carousel-control-custom-icon" aria-hidden="true">
<i class="fas fa-chevron-right"></i>
</span>
<span class="sr-only">Next</span>
</a>
</div>
</div>

<div class="card card-solid">

<div class="card-body pb-0">
<div class="row d-flex align-items-stretch">

<?php foreach ($barang as $key => $value) { ?>

<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
<div class="card bg-light d-flex flex-fill">
<div class="card-header text-muted border-bottom-0">
<h4><b><?= $value->nama_Barang ?></b></h4>
<p class="text-muted text-sm"><h5><b>Kategori : </b><?= $value->nama_kategori ?
></h5></p>
<h4><span> Rp. <?= number_format( $value->harga)?></span></h4>
 </div>
<div class="card-body pt-0">
<div class="row">

<div class="col-12 text-center">

<img src="<?= base_url('assets/gambar/' . $value->gambar) ?>" alt="" class="img-
fluid" width="200px" right="120px">
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="coll-sm-6">
<div class="text-right">
<a href="<?= base_url('home/detail_barang/' . $value->id_barang)?>" class="btn btn-
sm bg-teal">
<i class="fas fa-eye"> Detail</i>
</a>
<button type="submit" class="btn btn-sm btn-primary swalDefaultSuccess">
<i class="fas fa-cart-plus"> Keranjang</i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>

<?php } ?>

</div>
</div>
</div>
D. Login Pelanggan
<div class="card-body row">
<div class="col-4 text-center d-flex align-items-center justify-content-center">
<div class="container">
<img src="<?= base_url('assets/user/[Link]')?>" class="brand-image elevation-2"
style="opacity: .8" width="200px" right="20">
<h6><strong>
<a><b>[Link] NO. B16,
RT.008/RW.011,CENGKARENG ,JAKARTA ,KOTA JAKARTA BARAT , DAERAH
KHUSUS IBUKOTA JAKARTA 11730 </b></a> <br>
<a><b>Info Lebih Lanjut 085716962591</b></a>
</strong></h6>
</div>
</div>

<div class="col-sm-4"></div>
<div class="col-sm-4">
<div class="register-box">
<div class="register-logo">
 <a><b>Agam Aceh</b></a>
</div>
<div class="card">
<div class="card-body register-card-body">
<p class="login-box-msg">Sign in to start</p>

<?php

echo validation_errors(
' <div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-exclamation-triangle"></i> Warning..!</h5>',' </div>'
);
if ($this->session->flashdata('pesan'))
{
echo '<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-check"></i> Selamat</h5>';
echo $this->session->flashdata('pesan');
echo '</div>';
}
if ($this->session->flashdata('error'))
{
echo '<div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-exclamation-triangle"></i>Warning..!!!</h5>';
echo $this->session->flashdata('error');
echo '</div>';
}

echo form_open('pelanggan/login'); ?>

<div class="input-group mb-3">

<input type="email" name="email" class="form-control" placeholder="Email">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-envelope"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" name="password" class="form-control" placeholder="password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-8">
 </div>
<!-- /.col -->
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block">Login</button>
</div>
<!-- /.col -->
</div>
<?php echo form_close() ?>
<tr>
<div clas="text-center">Belum punya akun?
<a href="<?= base_url('pelanggan/register')?>" class="text-center">Register</a>
</div>
</div>
<!-- /.form-box -->
</div><!-- /.card -->
</div>
</div>
<div clas="col-sm-4"></div>
</div>
<br>
<br>
<br>
<br>
E. Halaman Registrer Pelanggan

<div class="card-body row">

<div class="col-4 text-center d-flex align-items-center justify-content-center">
<div class="container">
<img src="<?= base_url('assets/user/[Link]')?>" class="brand-image elevation-2"
style="opacity: .8" width="200px" right="20">
<h6><strong><a><b>[Link] NO. B16,
RT.008/RW.011,CENGKARENG ,JAKARTA ,KOTA JAKARTA BARAT , DAERAH
KHUSUS IBUKOTA JAKARTA 11730</b></a>
</strong></h6>
</p>
</div>
</div>

<div class="col-sm-4"></div>
<div class="col-sm-4">
<div class="register-box">
<div class="register-logo">
<a><b>Agam Aceh</b></a>
</div>

<div class="card">
<div class="card-body register-card-body">
<p class="login-box-msg">Register New Acount</p>

<?php

echo validation_errors(
 ' <div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-exclamation-triangle"></i> Warning..!</h5>',' </div>'
);
if ($this->session->flashdata('pesan'))
{
echo '<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-check"></i> Selamat</h5>';
echo $this->session->flashdata('pesan');
echo '</div>';
}

echo form_open('pelanggan/register'); ?>

<div class="input-group mb-3">
<input type="text" name="nama_pelanggan" class="form-control" placeholder="Nama
Pelanggan">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-user"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="number" name="no_telp" class="form-control" placeholder="number">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-phone"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="email" name="email" class="form-control" placeholder="Email">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-envelope"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" name="password" class="form-control" placeholder="password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" name="passconf" class="form-control" placeholder="password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
 </div>
</div>
</div>
<div class="row">
<div class="col-8">

</div>
<!-- /.col -->
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block">Register</button>
</div>
<!-- /.col -->
</div>
<?php echo form_close() ?>
<tr>
<a href="<?= base_url('pelanggan/login')?>" class="text-center">Login</a>
</div>
</div>
<!-- /.form-box -->
<!-- /.card -->
</div>
</div>
<div clas="col-sm-4"></div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
F. View Chart
<div class="card card-solid">
<div class="card-body pb-0">
<div class="row">
<div class="col-sm-12">
<?php
if ($this->session->flashdata('pesan'))
{
echo '<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-check"></i> Selamat</h5>';
echo $this->session->flashdata('pesan');
echo '</div>';
}

?>
</div>
<div class="col-sm-12">
<?php echo form_open('belanja/update'); ?>
<table class="table" cellpadding="6" cellspacing="1" style="width:100%">

<tr>
<th class="text-center" width='85px'>QTY</th>
<th class="text-center">Nama Barang</th>
<th class="text-center" style="text-align:right">Harga</th>
<th class="text-center" style="text-align:right">Sub-Total</th>
<th class="text-center" style="text-align:center">Berat</th>
<th class="text-center">Action</th>
</tr>

<?php $i = 1; ?>
<?php
$tot_berat = 0;
foreach ($this->cart->contents() as $items) {
$barang = $this->m_home->detail_barang($items['id']);
$berat = $items['qty'] * $barang->berat;
$tot_berat = $tot_berat + $berat;
?>
<tr>
<td>
<?php
echo form_input(array(
'name' => $i.'[qty]',
'value' => $items['qty'],
'maxlength' => '3',
'min' => '0',
'size' => '5',
'type'=>'number',
'class'=>'form-control'
));
?>
</td>
<td><?php echo $items['name']; ?></td>
<td class="text-center" style="text-align:right">Rp.<?php echo $this->cart-
>format_number($items['price']); ?></td>
<td class="text-center" style="text-align:right">Rp.<?php echo $this->cart-
>format_number($items['subtotal']); ?></td>
<td class="text-center"><?= $berat?>Kg</td>
<td class="text-center">
<a href="<?= base_url('belanja/delete/' . $items['rowid']) ?>" class="btn btn-danger
btn-sm"><i class="fa fa-trash"></i></a>
</td>
</tr>

<?php $i++; ?>

<?php } ?>

<tr>
<td colspan="4"> </td>
<td class="right"><strong>Total Berat :</strong></td>
<td class="right"><strong><?php echo $tot_berat ?>Kg</strong></td>
</tr>
<tr>
<td colspan="4"> </td>
<td class="right"><strong>Total Harga :</strong></td>
<td class="right"><strong><?php echo $this->cart->format_number($this->cart->total()); ?
></strong></td>
</tr>

</table>
<div class="row">
<div class="col-sm-4">
<button type="submit" class="btn btn-primary btn-flat"><i class="fa fa-save"></i> Update
</button>
<a href="<?= base_url('belanja/clear/')?>" class="btn btn-danger btn-flat"><i class="fa fa-
recycle"></i> Clear</a>
<a href="<?= base_url('belanja/checkin/')?>" class="btn btn-success btn-flat"><i class="fa fa-
check-square"></i> Chek In</a>
</div>
</div>
<?php echo form_close(); ?>
<br>
</div>
</div>
</div>
</div>
G. Chek in
<!-- Main content -->
<div class="invoice p-3 mb-3">
<!-- title row -->
<div class="row">
<div class="col-12">
<h4>
<i class="fas fa-shopping-cart"></i> Agam Aceh
<small class="float-right">Date :<?= date('d-m-Y') ?></small>
</h4>
</div>
<!-- /.col -->
</div>
<!-- info row -->

<!-- /.row -->

<div class="row">

<div class="col-12 table-responsive">

<table class="table table-striped">
<thead>
<tr>
<th class="text-center">Qty</th>
<th class="text-center">Nama Barang</th>
<th class="text-center">Harga</th>
<th class="text-center">Total Harga</th>
<th class="text-center">Total Berat</th>
</tr>
 </thead>
<tbody>

<?php $i = 1;
$tot_berat = 0;
foreach ($this->cart->contents() as $items) {
$barang = $this->m_home->detail_barang($items['id']);
$berat = $items['qty'] * $barang->berat;

$tot_berat = $tot_berat + $berat;

?>
<tr>
<td class="text-center"><?php echo $items['qty']; ?></td>
<td><?php echo $items['name']; ?></td>
<td class="text-center" style="text-align:right">Rp.<?php echo $this->cart-
>format_number($items['price']); ?></td>
<td class="text-center" style="text-align:right">Rp.<?php echo $this->cart-
>format_number($items['subtotal']); ?></td>
<td class="text-center"><?= $berat?>Kg</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<?php
echo validation_errors('<div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-
hidden="true">&times;</button>','</div>');
?>
<?php
echo form_open('belanja/checkin');
$no_order = date('Ymd') . strtoupper(random_string('alnum', 8));
?>
<div class="row">
<!-- accepted payments column -->
<div class="col-sm-8 invoice-col">
Tujuan :
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Provinsi</label>
<select name="provinsi" class="form-control" id=""></select>
</div>
</div>

<div class="col-sm-6">
<div class="form-group">
<label>Kota</label>
<select name="kota" class="form-control" id=""></select>
</div>
</div>
 <div class="col-sm-6">
<div class="form-group">
<label>Expedisi</label>
<select name="expedisi" class="form-control" id=""></select>
</div>
</div>

<div class="col-sm-6">
<div class="form-group">
<label>Paket</label>
<select name="paket" class="form-control" id=""></select>
</div>
</div>
<div class="col-sm-8">
<div class="form-group">
<label>Alamat</label>
<input name="alamat" class="form-control" required>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label>Kode POS</label>
<input type="number" name="kode_pos"
class="form-control" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>Nama Penerima</label>
<input name="nama_penerima" class="form-
control" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>HP Penerima</label>
<input type="number" name="no_penerima"
class="form-control" required>
</div>
</div>
</div>
</div>

<!-- /.col -->

<div class="col-4">
<div class="table-responsive">
<table class="table">
<tr>
<th style="width:50%">Grand total :</th>
<th>Rp.<?php echo $this->cart->format_number($this->cart->total()); ?></th>
</tr>
<tr>
<th>Berat :</th>
 <th><?php echo $tot_berat ?>Kg</th>
</tr>
<tr>
<th>Ongkir :</th>
<th><label id="ongkir"></label></th>
</tr>
<tr>
<th>Total Bayar :</th>
<th><label id="total_bayar"></label></th>
</tr>
</table>
</div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->

<!-- simpan transaksi -->

<input name="no_order" value="<?= $no_order ?>" hidden>
<input name="estimasi" hidden>
<input name="ongkir" hidden>
<input name="berat" value="<?= $tot_berat ?>" hidden><br>
<input name="grand_total" value="<?= $this->cart->total() ?>" hidden>
<input name="total_bayar" hidden>
<!-- end sinpan transaksi-->
<!-- sinpan rinci transaksi-->
<?php
$i = 1;
foreach ($this->cart->contents() as $items) {
echo form_hidden('qty' . $i++, $items['qty']);

}
?>
<!-- end sinpan rinci transaksi-->
<div class="row no-print">
<div class="col-12">
<a href="<?= base_url('belanja')?>" class="btn btn-warning"><i class="fas fa-
backward"></i>Kembali</a>

<button type="submit" class="btn btn-primary float-right" style="margin-right: 5px;">

<i class="fas fa-shopping-cart"></i> Proses Checkin
</button>
</div>
</div>
<?php echo form_close()?>
</div>
<script>
$(document).ready(function() {
//Data Province
$.ajax({
type: "POST",
url: "<?= base_url('rajaongkir/provinsi') ?>",
success: function(hasil_provinsi) {
//[Link](hasil_province);
$("select[name=provinsi]").html(hasil_provinsi);
}
});

//Data City
$("select[name=provinsi]").on("change", function() {
var id_province_terpilih = $("option:selected", this).attr("id_provinsi");

$.ajax({
type: "POST",
url: "<?= base_url('rajaongkir/kota') ?>",
data: 'id_provinsi=' . id_provinsi_terpilih,
success: function(hasil_kota) {
$("select[name=kota]").html(hasil_kota);
}
});
});
$("select[name=kota]").on("change", function() {
$.ajax({
type: "POST",
url: "<?= base_url('rajaongkir/expedisi') ?>",
success: function(hasil_expedisi) {
$("select[name=expedisi]").html(hasil_expedisi);
}
});
});
//mendapatkan data paket
$("select[name=expedisi]").on("change", function() {
//mendapatkan expedisi terpilih
var expedisi_terpilih = $("select[name=expedisi]").val()
// mendapatkan id kota tujuan terpilih
var id_kota_tujuan_terpilih = $("option:selected", "select[name=kota]").attr('id_kota');
//mengambil data ongkos kirim
var total_berat = <?= $tot_berat ?>;

$.ajax({
type: "POST",
url: "<?= base_url('rajaongkir/paket') ?>",
data: 'expedisi=' + expedisi_terpilih + '&id_kota=' + id_kota_tujuan_terpilih + '&berat=' +
total_berat,
success: function(hasil_paket) {
$("select[name=paket]").html(hasil_paket);
}
});
 });
//
$("select[name=paket]").on("change", function() {
//menampilkan ongkir
var dataongkir = $("option:selected", this).attr('ongkir');
var reverse = [Link]().split('').reverse().join(''),
ribuan_ongkir = [Link](/\d{1,3}/g);
ribuan_ongkir = ribuan_ongkir.join(',').split('').reverse().join('');

$("#ongkir").html("Rp." + ribuan_ongkir)
//menghitung totol Bayar
var total_bayar = parseInt(dataongkir) + parseInt(<?= $this->cart->total() ?>);
var reverse2 = total_bayar.toString().split('').reverse().join(''),
ribuan_total_bayar = [Link](/\d{1,3}/g);
ribuan_total_bayar = ribuan_total_bayar.join(',').split('').reverse().join('');
$("#total_bayar").html("Rp." + ribuan_total_bayar);

//estimasi dan ongkir

var estimasi = $("option:selected", this).attr('estimasi');
$("input[name=estimasi]").val(estimasi);
$("input[name=ongkir]").val(dataongkir);
$("input[name=total_bayar]").val(total_bayar);
});

});
</script>

H. My Order
<div class="row">
<div class="col-sm-12">
<?php
if ($this->session->flashdata('pesan'))
{
echo '<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-check"></i> Selamat</h5>';
echo $this->session->flashdata('pesan');
echo '</div>';
}
?>
<div class="card card-primary card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill"
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-
selected="true">Belum Bayar</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-four-profile-tab" data-toggle="pill"
href="#custom-tabs-four-profile" role="tab" aria-controls="custom-tabs-four-profile" aria-
selected="false">Proses Order</a>
 </li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-four-messages-tab" data-toggle="pill"
href="#custom-tabs-four-messages" role="tab" aria-controls="custom-tabs-four-messages" aria-
selected="false">Di Kirim</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-four-settings-tab" data-toggle="pill"
href="#custom-tabs-four-settings" role="tab" aria-controls="custom-tabs-four-settings" aria-
selected="false">Selesai</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab">
<!-- data pesanan -->
<table class="table">
<tr>
<th>Pesanan</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Penerima</th>
<th>Informasi Pengiriman</th>
<th>Total Pembayaran</th>
<th>Status</th>
<th>Action</th>
</tr>
<?php foreach ($belum_bayar as $key => $value) { ?>
<tr>
<td>
<?= $value->no_order ?>
</td>
<td>
<?= $value->tanggal_order ?>
</td>
<td><?= $value->qty?> <?= $value->nama_Barang?> </td>
<td>
<?= $value->nama_penerima ?> | <?= $value->no_penerima ?><br>
Alamat : <?= $value->alamat ?>,<?= $value->kota ?>,<?= $value->provinsi ?>,Kode
Pos <?= $value->kode_pos ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
</td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
 <td>
<?php if ($value->status_bayar == 0) { ?>
<span class="badge badge-warning">Bellum Bayar</span>
<?php } else{ ?>
<span class="badge badge-success">Sudah Bayar</span><br>
<span class="badge badge-primary">Proses Verifikasi</span>
<?php } ?>
</td>

<td>
<?php if ($value->status_bayar == 0) { ?>
<a href="<?= base_url('my_order/bayar/' . $value->id_transaksi) ?>" class="btn btn-
sm btn-flat btn-primary">Bayar</a>
<?php } ?>
</td>
</tr>
<?php } ?>
</table>
</div>
<div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel" aria-
labelledby="custom-tabs-four-profile-tab">
<!--data pesanan diproses -->
<table class="table">
<tr>
<th>No Order</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Alamat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
</tr>
<?php foreach ($proses as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
 </td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>
<span class="badge badge-success">Sedang Di Proses</span><br>
<span class="badge badge-primary">Proses Pengemasan</span>

</td>

</tr>
<?php } ?>
</table>

</div>
<div class="tab-pane fade" id="custom-tabs-four-messages" role="tabpanel" aria-
labelledby="custom-tabs-four-messages-tab">
<table class="table">
<tr>
<th>No Order</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Alamat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
<th>Nomer Resi</th>
</tr>
<?php foreach ($dikirim as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
 </td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>
<span class="badge badge-success">Sedang Dalam Perjalanan</span><br>
</td>
<td>
<h5><?= $value->no_resi?><br>
<button data-toggle="modal" data-target="#diterima<?= $value->id_transaksi ?>"
class="btn btn-primary btn-sm btn-flat">Diterima</button>
</h5>
</td>
</tr>
<?php } ?>
</table>
</div>
<div class="tab-pane fade" id="custom-tabs-four-settings" role="tabpanel" aria-
labelledby="custom-tabs-four-settings-tab">
<table class="table">
<tr>
<th>No Order</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Alamat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
<th>Ulasan</th>
</tr>
<?php foreach ($selesai as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
 Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
</td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>
<h5><?= $value->no_resi?><br>
<span class="badge badge-success">Selesai</span><br>
</td>
<td>
<h5>
<?= $value->catatan_transaksi ?>
</h5>
</td>
</tr>
<?php } ?>
</table>
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
</div>

</div>
<?php
foreach ($dikirim as $key => $value) { ?>
<div class="modal fade" id="diterima<?= $value->id_transaksi?>">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= $value->no_order?></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">

<?php echo form_open('my_order/diterima/' . $value->id_transaksi) ?>

<table class="tabel">
<tr>
<th><label for="exampleInputFile">Catatan :</label>
<input name="catatan_transaksi" class="form-control" placeholder="Catatan"
required></th>
</tr>
</table>

</div>
 <div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Kirim</button>
</div>
<?php echo form_close() ?>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<?php } ?>

<script>
function bacagambar(input) {
if ([Link] && [Link][0]) {
var reader = new FileReader();
[Link] = function(e) {
$('#gambar_load').attr('src', [Link]);
}
[Link]([Link][0]);
}
}
$("#preview_gambar").change(function(){
bacagambar(this);
});
</script>
I. Bayar
<div class="row">
<div class="col-sm-6">
<div class="card card-danger">
<div class="card-header">
<h3 class="card-title">Nomer Rekening Toko</h3>
</div>

<div class="card-body">
<p>Silahkan Transfer Uang Ke No Rekening Di Bawah Ini Sebesar : <h1 class="text-
primary">Rp. <?= number_format($pesanan->total_bayar, 0) ?>.-</h1>
</p><br>
<div class="card card-danger">
<table class="table">
<tr>
<th>Bank</th>
<th>No Rekening</th>
<th>Atas Nama</th>
</tr>
<?php foreach ($rekening as $key => $value) { ?>
<tr>
<td><?= $value->nama_bank ?></td>
<td><?= $value->no_rek ?></td>
<td><?= $value->atas_nama ?></td>
</tr>
 <?php } ?>
</table>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card card-danger">
<div class="card-header">
<h3 class="card-title">Pembayaran</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<?php
echo form_open_multipart('my_order/bayar/' . $pesanan->id_transaksi);
?>
<div class="card-body">
<div class="form-group">
<label for="exampleInputEmail1">Atas Nama</label>
<input name="atas_nama" class="form-control" placeholder="Atas Nama"
required>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Nama Bank</label>
<input name="nama_bank" class="form-control" placeholder="Nama Bank"
required>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Nomer Rekening</label>
<input name="no_rek" class="form-control" placeholder="Nomer Rekening"
required>
</div>
<div class="row">
<div class="col-sm-120">
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" name="bukti_bayar" class="form-control" required>
</div>
</div>
</div>
</div>
<!-- /.card-body -->

<div class="card-footer">
<button type="submit" class="btn btn-primary">Submit</button>
<a href="<?= base_url('my_order') ?>" class="btn btn-success">Back</a>
</div>
<?php echo form_close()?>
</div>
</div>
</div>
J. Pesanan Masuk
<div class="col-sm-12">
 <?php
if ($this->session->flashdata('pesan'))
{
echo '<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-check"></i> Selamat</h5>';
echo $this->session->flashdata('pesan');
echo '</div>';
}
?>
<div class="card card-danger card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill"
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-
selected="true">Pesanan Masuk</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-four-profile-tab" data-toggle="pill"
href="#custom-tabs-four-profile" role="tab" aria-controls="custom-tabs-four-profile" aria-
selected="false">Proses Order</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-four-messages-tab" data-toggle="pill"
href="#custom-tabs-four-messages" role="tab" aria-controls="custom-tabs-four-messages" aria-
selected="false">Di Kirim</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-four-settings-tab" data-toggle="pill"
href="#custom-tabs-four-settings" role="tab" aria-controls="custom-tabs-four-settings" aria-
selected="false">Selesai</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab">
<table class="table">
<tr>
<th>No Order</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Alamat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
<th>Action</th>
</tr>
<?php foreach ($pesanan as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
 <td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
</td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>
<?php if ($value->status_bayar == 0) { ?>
<span class="badge badge-warning">Bellum Bayar</span>
<?php } else{ ?>
<span class="badge badge-success">Sudah Bayar</span><br>
<span class="badge badge-primary">Proses Verifikasi</span>
<?php } ?>
</td>
<td>
<?php if ($value->status_bayar == 1) { ?>
<button class="btn btn-sm btn-success btn-flat" data-toggle="modal" data-
target="#cek<?= $value->id_transaksi ?>">Bukti Bayar</button>
<a href="<?= base_url('admin/proses/' . $value->id_transaksi) ?>" class="btn btn-sm
btn-flat btn-primary">Proses</a>
<?php } ?>
</td>
</tr>
<?php } ?>
</table>
</div>
<div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel" aria-
labelledby="custom-tabs-four-profile-tab">
<table class="table">
<tr>
<th>No Order</th>
<th>Tanggal</th>
<th>Barang</th>
 <th>Alamat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
<th>Action</th>
</tr>
<?php foreach ($proses_pesanan as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
</td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>
<span class="badge badge-primary">Dikemas</span>

</td>
<td>
<?php if ($value->status_bayar == 1) { ?>
<button class="btn btn-sm btn-flat btn-primary" data-toggle="modal" data-
target="#kirim<?= $value->id_transaksi ?>">Kirim</button>
<?php } ?>
</td>
</tr>
<?php } ?>
</table>
</div>
<div class="tab-pane fade" id="custom-tabs-four-messages" role="tabpanel" aria-
labelledby="custom-tabs-four-messages-tab">
<table class="table">
<tr>
 <th>Nomer Order</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Alamat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
<th>Nomer resi</th>
</tr>
<?php foreach ($pesanan_dikirim as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
</td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>

<span class="badge badge-success">Dikirim</span>

</td>
<td>
<h4><?= $value->no_resi ?><br></h4>
</td>
</tr>
<?php } ?>
</table>
</div>
<div class="tab-pane fade" id="custom-tabs-four-settings" role="tabpanel" aria-
labelledby="custom-tabs-four-settings-tab">
<table class="table">
 <tr>
<th>Nomer Order</th>
<th>Tanggal</th>
<th>Barang</th>
<th>Almat</th>
<th>Expedisi</th>
<th>Total Bayar</th>
<th>Status</th>
<th>Nomer resi</th>
<th>Ulasan Pelnggan</th>
</tr>
<?php foreach ($pesanan_selesai as $key => $value) { ?>
<tr>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td><?= $value->qty?> <?= $value->nama_Barang?></td>
<td>
Penerima : <br>
<?= $value->nama_penerima ?><br>
Nomer Telp : <br>
<?= $value->no_penerima ?><br>
Provinsi : <br>
<?= $value->provinsi ?><br>
Kota : <br>
<?= $value->kota ?><br>
Kode Pos : <br>
<?= $value->kode_pos ?><br>
Alamat : <br>
<?= $value->alamat ?><br>
</td>
<td>
Expedisi : <?= $value->expedisi ?>|<?= $value->paket ?><br>
Estimasi : <?= $value->estimasi ?><br>
</td>
<td>
Harga Barang : Rp.<?= number_format($value->harga,00) ?><br>
Grand Total : Rp.<?= number_format($value->grand_total,0) ?><br>
Biaya Pengiriman : <?= $value->ongkir ?><br>
Total : Rp.<?= number_format($value->total_bayar,0) ?><br>
Via Bank : <?= $value->nama_bank ?><br>
</td>
<td>

<span class="badge badge-success">Selesai</span>

</td>
<td>
<h4><?= $value->no_resi ?><br></h4>
</td>
<td>
<h5>
<?= $value->catatan_transaksi ?>
</h5>
</td>
 </tr>
<?php } ?>
</table>
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
</div>
<?php
foreach ($pesanan as $key => $value) { ?>
<!-- modal bukti bayar -->
<div class="modal fade" id="cek<?= $value->id_transaksi ?>">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= $value->no_order ?></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<table class="table">
<tr>
<th>Nama Bank</th>
<th>:</th>
<td><?= $value->nama_bank ?></td>
</tr>
<tr>
<th>Nomer Rekening</th>
<th>:</th>
<td><?= $value->no_rek ?></td>
</tr>
<tr>
<th>Atas Nama</th>
<th>:</th>
<td><?= $value->atas_nama ?></td>
</tr>
<tr>
<th>Jumlah Bayar</th>
<th>:</th>
<td>Rp.<?= number_format($value->total_bayar,0) ?></td>
</tr>
</table>
<img class="img-fluid pad" src="<?=
base_url('assets/bukti_bayar/' . $value->bukti_bayar) ?>" alt="">

</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
 <!-- /.modal -->
<?php } ?>

<?php
foreach ($proses_pesanan as $key => $value) { ?>
<div class="modal fade" id="kirim<?= $value->id_transaksi?>">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= $value->no_order?></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">

<?php echo form_open('admin/kirim/' . $value->id_transaksi) ?>

<table class="tabel">
<tr>
<th>Expedisi</th>
<th>:</th>
<th><?= $value->expedisi ?></th>
</tr>
<tr>
<th>Paket</th>
<th>:</th>
<th><?= $value->paket ?></th>
</tr>
<tr>
<th>Ongkir</th>
<th>:</th>
<th>Rp.<?= number_format($value->ongkir,0) ?></th>
</tr>
<tr>
<th>Nomer Resi</th>
<th>:</th>
<th><input name="no_resi" class="form-control" placeholder="Nomer Resi"
required></th>
</tr>
</table>

</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Kirim</button>
</div>
<?php echo form_close() ?>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<?php } ?>
 </ul>
K. Laporan Harian
<div class="col-12">
<!-- Main content -->
<div class="invoice p-3 mb-3">
<!-- title row -->
<div class="row">
<div class="col-12">
<h4>
<i class="fas fa-globe"></i><?= $title ?>
<small class="float-right">tanggal :<?= $tanggal ?>/<?= $bulan ?>/<?= $tahun
?></small>
</h4>
</div>
<!-- /.col -->
</div>
<!-- Table row -->
<div class="row">
<div class="col-12 table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>NO</th>
<th>No Order</th>
<th>Barang</th>
<th>Harga</th>
<th>Qty</th>
<th>Total Harga</th>
</tr>
</thead>
<tbody>
<?php $no = 1;
$grand_total = 0;
foreach ($laporan as $key => $value) {
$tot_harga = $value->qty * $value->harga;
$grand_total = $grand_total + $tot_harga;
?>
<tr>
<td><?= $no++ ?></td>
<td><?= $value->no_order ?></td>
<td><?= $value->nama_Barang ?></td>
<td>Rp. <?= number_format($value->harga, 0) ?></td>
<td><?= $value->qty ?></td>
<td>Rp. <?= number_format($tot_harga, 0) ?></td>
</tr>
<?php }?>
</tbody>
</table>
<h3> Grand Total : Rp. <?= number_format($grand_total, 0) ?></h3>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
 <!-- this row will not appear when printing -->
<div class="row no-print">
<div class="col-12">
<button class="btn btn-default" onclick="[Link]()"><i class="fas fa-print"></i>
Print</button>
</div>
</div>
</div>
<!-- /.invoice -->
</div><!-- /.col -->
</div><!-- /.row -->
L. Laporan Bulanan
<div class="col-12">
<!-- Main content -->
<div class="invoice p-3 mb-3">
<!-- title row -->
<div class="row">
<div class="col-12">
<h4>
<i class="fas fa-globe"></i><?= $title ?>
<small class="float-right">Bulan : <?= $bulan ?> Tahun :<?= $tahun ?></small>
</h4>
</div>
<!-- /.col -->
</div>
<!-- Table row -->
<div class="row">
<div class="col-12 table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>NO</th>
<th>No Order</th>
<th>Tanggal</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<?php $no = 1;
$grand_total = 0;
foreach ($laporan as $key => $value) {
$grand_total = $grand_total + $value->grand_total;
?>
<tr>
<td><?= $no++ ?></td>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
<td>Rp. <?= number_format($value->grand_total, 0) ?></td>
</tr>
<?php } ?>
</tbody>
</table>
 <h3> Jumlah Harga : Rp. <?= number_format($grand_total, 0) ?> </h3>
</div>
<!-- /.col -->
</div>
<!-- /.row -->

<!-- this row will not appear when printing -->

<div class="row no-print">
<div class="col-12">
<button class="btn btn-default" onclick="[Link]()"><i class="fas fa-print"></i>
Print</button>
</div>
</div>
</div>
<!-- /.invoice -->
</div><!-- /.col -->
</div><!-- /.row -->
M. Laporan tahunan
<div class="col-12">
<!-- Main content -->
<div class="invoice p-3 mb-3">
<!-- title row -->
<div class="row">
<div class="col-12">
<h4>
<i class="fas fa-globe"></i><?= $title ?>
<small class="float-right"> Tahun :<?= $tahun ?></small>
</h4>
</div>
<!-- /.col -->
</div>
<!-- Table row -->
<div class="row">
<div class="col-12 table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>NO</th>
<th>No Order</th>
<th>Tanggal</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<?php $no = 1;
$grand_total = 0;
foreach ($laporan as $key => $value) {
$grand_total = $grand_total + $value->grand_total;
?>
<tr>
<td><?= $no++ ?></td>
<td><?= $value->no_order ?></td>
<td><?= $value->tanggal_order ?></td>
 <td>Rp. <?= number_format($value->grand_total, 0) ?></td>
</tr>
<?php } ?>
</tbody>
</table>
<h3> Jumlah Harga : Rp. <?= number_format($grand_total, 0) ?> </h3>
</div>
<!-- /.col -->
</div>
<!-- /.row -->

<!-- this row will not appear when printing -->

<div class="row no-print">
<div class="col-12">
<button class="btn btn-default" onclick="[Link]()"><i class="fas fa-print"></i>
Print</button>
</div>
</div>
</div>
<!-- /.invoice -->
</div><!-- /.col -->
</div><!-- /.row -->
4.4 Testing

Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan

ketika melakukan transaksi pembelian. Perubahan bisa terjadi karena adanya

kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak

harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan

dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk

perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat

lunak baru.

A. Form Registrasi
Tabel IV.11
Hasil Pengujian Black Box Testing Form Tambah Barang
Skenario Test Case Hasil yang di Hasil Kesi
No Pengujian harapkan Pengujian mpul
an
1 Registra Pelanggan memilih Sistem akan Sesuai Valid
si icon registrasi pada menampilkan harapan
halaman Login form input data
Registrasi
2 Mengoson Nama Sistem akan Sesuai Valid
gkan Data Pelanggan : menolak akses Harapan
input dan (kosong) dan akan
 langsung Nomer menampilkan
mengklik Telepon: pesan”Please
tombol (kosong) select a fille”
“kirim” Email :
(kosong)
Password : (kosong)
Password : (Kosong)
3 Hanya Nama Sistem akan Sesuai Valid
mengisi Pelanggan : menolak akses Harapan
password (Azizah Heni) Registrasi dan
yang tidak Nomer akan menampilkan
sama Telepon: pesan
langsung (Kosong) ”Password
mengklik” Email : Tidak Sama”
Kirim” (azizah09@[Link]
m)
Password :
(Heniazzizah)
Ulangi Password :
(Azizaheni)
4 Menginput Nama Sistem menerima Sesuai Valid
data Pelanggan : akses simpan Harapan
barang (Azizah Heni)
yang Nomer
benar, lalu Telepon:
klik (Kosong)
tombol Email :
“simpan” (azizah09@[Link]
m)
Password :
(Heniazzizah)
Ulangi Password :
(Heniazizah)

A. Form Login
B. Tabel IV.11
C. Hasil Pengujian Black Box Testing Form Login
D.
Skenario Test Case Hasil yang di Hasil Kesi
No Pengujian harapkan Pengujian mpul
an
1 Login Pelanggan memilih Sistem akan Sesuai Valid
icon Login pada menampilkan harapan
halaman login form home

2. Mengisi Email : Sistem akan Sesuai Valid

Email (azizah09@[Link] menampilkan harapan
dan m) form home
passwor Password :
d (Azzizaheni)
3. Mengisi Email : Sistem akan Sesuai Valid
Email (azizah09@[Link] menolak akses Harapa
 atau m) dan akan n
passwor Password : menampilkan
d yang (Heniazzizah) pesan”Email
salah atau Password
salah”
4. Pelangg Email : (Kosong) Sistem akan Sesuai Valid
an tidak Password : (Kosong) menolak akses Harapa
mengisi dan akan n
Email menampilkan
dan pesan”Email
Passwor dan Password
d harus di isi”

B. Form Konfirmasi Pembayaran

Tabel IV.11
Hasil Pengujian Black Box Testing Form Tambah Barang
Skenario Test Case Hasil yang di Hasil Kesi
No Pengujian harapkan Pengujian mpul
an
1 Bayar Pelanggan memilih Sistem akan Sesuai Valid
icon bayar pada menampilkan harapan
halaman my order form input data
bayar
2 Mengoson Atas Nama : Sistem akan Sesuai Valid
gkan Data (kosong) menolak akses Harapan
input dan Nama bank: dan akan
langsung (kosong) menampilkan
mengklik Nomer pesan”Please
tombol Rekening: select a fille”
“bayar” (kosong)
Bukti Bayar :
(kosong)
3 Hanya Atas Nama : (Azizah) Sistem akan Sesuai Valid
mengisi Nama bank : (BNI) menolak akses Harapan
data atau Nomer Rekening : login dan akan
mengoson (53700438323) menampilkan
gkan teks Bukti Bayar : (kosong) pesan ”Please
field select a fille”
lainnya
langsung
mengklik”
Bayar”
4 Menginput Atas Nama : (Azizah) Sistem menerima Sesuai Valid
data Nama bank : (BNI) akses simpan Harapan
barang Nomer Rekening :
yang (53700438323)
benar, lalu Bukti Bayar :
klik ([Link])
tombol
“simpan”
A. Form Tambah Barang
Tabel IV.11
Hasil Pengujian Black Box Testing Form Tambah Barang
Skenario Test Case Hasil yang di Hasil Kesi
No Pengujian harapkan Pengujian mpul
an
1 Tambah Klik icon Tambah Sistem akan Sesuai Valid
barang pada halaman Barang menampilkan harapan
form input data
Barang
2 Mengoson Nama barang: Sistem akan Sesuai Valid
gkan Data (kosong) menolak akses Harapan
Barang dan Kategori: dan akan
langsung (kosong) menampilkan
mengklik Exp: (kosong) pesan”Please
tombol Isi : (kosong) select a fille”
“simpan” Berat : (kosong)
Harga: (kosong)
Stok: (kosong)
Deskripsi: (kosong)
Foto : (kosong)
3 Hanya Nama Barang : Sistem akan Sesuai Valid
mengisi (Pantene) menolak akses Harapan
data atau Kategori : (Sampo) login dan akan
mengoson Isi : (290ml) menampilkan
gkan teks Berat : (1) pesan ”Please
field Exp : (Kosong) select a fille”
lainnya Stock : (12)
Harga : (Rp.30,000)
langsung
Deskripsi : (Sampo
mengklik”
Pantene PRO-V Hijab)
simpan” Foto : (kosong)
4 Menginput Nama Barang : Sistem menerima Sesuai Valid
data (Pantene) akses simpan Harapan
barang Kategori : (Sampo)
yang Isi : (290ml)
benar, lalu Berat : (1)
klik Exp : 1 Desember
tombol 2024
“simpan” Stock : (12)
Harga : (Rp.30,000)
Deskripsi : (Sampo
Pantene PRO-V Hijab)
Foto : [Link]
5 Mengubah Masukan data yang Sistem menerima Sesuai Valid
Data akan di ubah akses ubah Harapan

B. Form Tambah Barang

Tabel IV.11
Hasil Pengujian Black Box Testing Form Tambah Barang
Skenario Test Case Hasil yang di Hasil Kesi
No Pengujian harapkan Pengujian mpul
an
1 Tambah Klik icon Tambah Sistem akan Sesuai Valid
barang pada halaman Barang menampilkan harapan
form input data
Barang
2 Mengoson Nama barang: Sistem akan Sesuai Valid
gkan Data (kosong) menolak akses Harapan
Barang dan Kategori: dan akan
langsung (kosong) menampilkan
mengklik Exp: (kosong) pesan”Please
tombol Isi : (kosong) select a fille”
“simpan” Berat : (kosong)
Harga: (kosong)
Stok: (kosong)
Deskripsi: (kosong)
Foto : (kosong)
3 Hanya Nama Barang : Sistem akan Sesuai Valid
mengisi (Pantene) menolak akses Harapan
data atau Kategori : (Sampo) login dan akan
mengoson Isi : (290ml) menampilkan
gkan teks Berat : (1) pesan ”Please
field Exp : (Kosong) select a fille”
lainnya Stock : (12)
Harga : (Rp.30,000)
langsung
Deskripsi : (Sampo
mengklik”
Pantene PRO-V Hijab)
simpan” Foto : (kosong)
4 Menginput Nama Barang : Sistem menerima Sesuai Valid
data (Pantene) akses simpan Harapan
barang Kategori : (Sampo)
yang Isi : (290ml)
benar, lalu Berat : (1)
klik Exp : 1 Desember
tombol 2024
“simpan” Stock : (12)
Harga : (Rp.30,000)
Deskripsi : (Sampo
Pantene PRO-V Hijab)
Foto : [Link]
5 Mengubah Masukan data yang Sistem menerima Sesuai Valid
Data akan di ubah akses ubah Harapan
 4.5. Support
Menjelaskan tentang spesifikasi hardware dan software yang akan digunakan
untuk menjalankan sistem yang dibuat. Dalam pembuatan sistem informasi
penjualan ini akan membantu petugas toko untuk mengelola data–data dan
membuat laporan, Untuk itu penulis menggunakan framework codeigniter untuk
membuat Website. Untuk mengoprasikan program tersebut diperlukan spesifikasi
komputer yang cukup tinggi dan untuk mendukung pembuatan aplikasi kebutuhan
hardware yang diperlukan meliputi: processor , memory , hard disk , keyboard ,
sedangkan untuk kebutuhan software yang diperlukan meliputi sistem operasi
software program PHP Visualstudio Code.
4.5.1. Publikasi Web

4.5.2. Spesifikasi Hardware dan Software

Selain biaya yang dikeluarkan dalam penulisan skripsi ini yaitu adalah
penjelasan tentang spesifikasi hardware dan software yang digunakan. Kebutuhan
tersebut meliputi: processor , memory , hard disk , keyboard , mouse dan printer.
Kebutuhan software tersebut meliputi: Sistem Operasi , software website.
Tabel IV.12
Spesifikasi Hardware dan Software
Kebutuhan Keterangan
Sistem Windows 10
Operasi
Processor AMD Dual-Core E2-2000
Ram 2.00GB
Hardisk 55GB
DVD-ROM DVD-SuperMulti DL drive
Monitor SVA 14”
Keyboard 108 Key
Printer HP Deskjet 1050
Browser Mozilla,Google chrome,Internet
Explorer
Software Visualstudio Code ,Xampp,Framework
Codeigniter
4.6. Spesifikasi Dokumen Sistem Usulan

Adapun bentuk sistem usulan pada Toko Agam Aceh adalah :

a. Nama Dokumen : Bukti bayar

Fungsi : Sebagai proses peminjaman

Sumber : Pelanggan

Tujuan : Admin
 Media : Fille

Frekuensi : Settiap proses transaksi pembelian

Format : Lampiran B-1

b. Nama Dokumen : Laporan Data Penjualan

Fungsi : Sebagai bukti laporan penjualan

Sumber : Admin

Tujuan : Pimpinan

Media : File pdf atau Kertas

Frekuensi : Settiap hari, satu bulan atau tahun sekali

Format : Lampiran B-2