File V

Politeknik Negeri Sriwijaya
BAB IV
HASIL DAN PEMBAHASAN
4.1. Hasil
Aplikasi Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia ini merupakan
aplikasi yang mengolah data pemesanan yang dilakukan oleh pelanggan. Pelanggan
dapat memilih produk apa yang ingin dibeli, menginput data produk, banyak
produk, dan melakukan pembayaran dengan meng-upload bukti transfer. Aplikasi
ini dibangun dengan melakukan beberapa langkah sebagai berikut :
1. Membuat rancangan sistem yang akan diterapkan pada aplikasi.
2. Membuat desain sistem yaitu Diagram Konteks, DFD, BlockChart, FlowChart,
dan Entity Relation Diagram. Berfungsi untuk menjelaskan alur sistem pada
Aplikasi Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia.
3. Membuat rancangan desain tampilan dari menu tampilan awal, tampilan produk
penjualan, tampilan admin, login pelanggan, login admin.
4.2. Analisis Kebutuhan Perangkat Lunak

4.2.1. Penyelidikan Awal
Pada penyelidikan awal penulis mengamati tentang apa yang perlu
dikembangan dari sistem pemesanan di CV. Aulia. Oleh karena itu, Aplikasi
Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia diberikan ketentuan sebagai
berikut :
1. Aplikasi Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia ini nantinya harus
mempunyai dua halaman login, yaitu halaman login admin untuk mengakses
halaman dasbor admin dan halaman login pelanggan untuk melakukan proses
pemesanan.
2. Pada halaman dasbor admin, aplikasi ini harus mempunyai berbagai halaman
form input, yaitu form input produk, form input kategori produk, form input data
rekening dan form input user.
3. Pada halaman dasbor admin, aplikasi ini harus mempunyai halaman data
transaksi yang berfungsi untuk melihat daftar transaksi yang dilakukan
pelanggan. Pada halaman ini juga nantinya admin akan meng-update status
pesanan.
21 BAB IV Hasil dan Pembahasan

Politeknik Negeri Sriwijaya 22
rekening yang berfungsi untuk melihat daftar rekening yang bisa digunakan
pelanggan untuk melakukan pembayaran. Pada halaman ini juga nantinya admin
bisa menambahkan data rekening baru.
pengguna, baik admin maupun pelanggan. Pada halaman ini nantinya admin
dapat melakukan fungsi tambah, baca, edit dan hapus data pengguna.
6. Pada halaman utama penjualan, aplikasi ini harus menampilkan daftar produk
yang dapat dipesan oleh pelanggan.
7. Pada halaman dasbor pelanggan, pelanggan dapat melihat data keranjang,
riwayat dan status pemesanan.
4.2.2. Prosedur Sistem yang akan Diterapkan

Adapun sistem yang akan diterapkan pada Aplikasi Pemesanan dan Transaksi
Jasa Cetak pada CV. Aulia adalah sebagai berikut :
1. Pelanggan melakukan pendaftaran melalui form registrasi dengan mengisi
username, password dan nomor telepon. Pelanggan kemudian melakukan login
melalui halaman login pelanggan.
2. Pelanggan memilih produk yang ingin dipesan, lalu mengisi data pesanan, lalu
pelanggan melakukan checkout.
3. Pelanggan lalu melakukan pembayaran dengan transfer sesuai nominal yang
sudah ditentukan ke rekening yang sudah disediakan oleh admin.
4. Pelanggan lalu mengupload bukti pembayaran melalui dasbor pelanggan.
5. Admin memeriksa pesanan dari pelanggan, apakah bukti transfer yang di-
upload oleh pelanggan valid atau tidak. Apabila bukti transfer valid admin
meng-update status pesanan, lalu memberikan data pesanan ke bagian pra-
cetak. Apabila bukti transfer salah, admin akan meng-update status pemesanan
dan memberikan catatan bahwa bukti transfer tidak valid.
4.2.3. Studi Kelayakan

Studi kelayakan merupakan suatu proses mempelajari dan menganalisa
masalah yang telah ditentukan sesuai dengan tujuan yang akan dicapai meliputi
mempelajari struktur sistem. Berdasarkan pengamatan yang dilakukan oleh penulis
BAB IV Pembahasan
pada CV. Aulia serta dengan mempelajari sistem yang ada maka diketahui bahwa
proses pengolahan data rehabilitasi belum terkomputerisasi dan bagian umum harus
mendapat data berupa hardfile untuk validasi data. Dari hal tersebut terdapat
beberapa kendala yang dihadapi oleh Bagian urine skrining dan bagian umum yaitu
terjadinya penumpukan data dan kehilangan data serta memakan waktu untuk
mencari ulang data. Untuk mengatasi permasalahan tersebut, maka penulis
membangun suatu Aplikasi Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia
agar dapat membantu dalam melakukan proses pengolahan data dan validasi data
menjadi lebih efektif.
Adapun aspek penting yang harus diperhatikan dalam melakukan studi
kelayakan antara lain:
Tabel 4.1 Studi Kelayakan
No. Studi Kelayakan Penjelasan
1. Kelayakan CV. Aulia telah memiliki hardware dan software
Teknik yang memadai dan dibutuhkan untuk menjalankan
sistem ini yaitu berupa Komputer dan koneksi
internet yang terhubung melalui jaringan Wi-Fi.
2. Kelayakan CV. Aulia telah memiliki sumber daya manusia yang
Operasional mampu mengoperasikan komputer dengan baik
sehingga dapat dengan mudah menggunakan sistem
tersebut.
3. Kelayakan Biaya yang dikeluarkan untuk pembuatan sistem ini
Ekonomis tergolong kecil karena sistem ini menggunakan
bahasa pemograman PHP yang bersifat open source
serta dapat memberikan keuntungan khususnya
dalam hal penghematan biaya, waktu dan tenaga
dalam pengolahan data yang dilakukan oleh bagian
administrasi.
4.2.4. Tempat dan Waktu Penelitian

Penulis melakukan observasi dan wawancara pada tanggal 24 Juni – 03 Juli di
CV. Aulia yang beralamat di Jl. Kapten Cek Syeh No. 11, Kelurahan 24 Ilir,
Kecamatan Bukit Kecil, Kota Palembang, Sumatera Selatan 30134.
BAB IV Pembahasan
4.2.5. Alat dan Bahan

4.2.5.1. Alat
Alat yang digunakan untuk membangun Aplikasi Pemesanan dan Transaksi
Jasa Cetak pada CV. Aulia adalah sebagai berikut:
a. Perangkat Keras (Hardware)
Perangkat Keras yang digunakan berupa laptop dengan spesifikasi sebagai
berikut :
1. Prosesor Intel Core I5 4200U
2. RAM 8GB
3. SSD 512GB
4. Flashdisk Sandisk 16GB
b. Perangkat Lunak (Software)
Perangkat lunak yang digunakan sebagai berikut :
1. Microsoft Windows 10, sebagai sistem operasi dari laptop yang digunakan.
2. phpMyAdmin, digunakan untuk mendesain database dari aplikasi yang akan
dibuat.
3. XAMPP 7.4.3 merupakan gabungan dari server local, PHP (Hyper
Prepocessor) sebagai script, dan MySQL sebagai basis data.
4. Microsoft Visio Pro 2019, digunakan untuk mendesain tampilan diagram.
5. Sublime Text 3 digunakan untuk pengkodean dalam proses pembuatan
aplikasi.
4.2.5.2. Bahan
Penulis menggunakan beberapa bahan berupa data dalam pembuatan Laporan
Akhir ini diantaranya sebagai berikut:
a. Informasi dan data produk yang diberikan oleh bagian administrasi pada CV.
Aulia
b. Data-data perusahaan seperti sejarah singkat, struktur organisasi, uraian tugas
dan tanggung jawab dari masing-masing bagian, dan logo perusahaan.
c. Buku-buku yang berkaitan dengan pembuatan sistem dan penulisan Laporan
Akhir ini.
BAB IV Pembahasan
4.2.6. Kebutuhan Fungsional

Kebutuhan Fungsional yang ada dalam sistem yang akan dibuat ini adalah
sebagai berikut :
a. Sistem mampu melakukan proses Autentifikasi yaitu proses security yang akan
memvalidasi pengguna pada saat memasuki sistem melalui mengecek langsung
ke daftar mereka yang diberikan hak untuk memasuki sistem tersebut.
4.2.7. Kebutuhan Non-Fungsional

Kebutuhan non-fungsional adalah batasan layanan atau fungsi yang ditawarkan
sistem seperti batasan waktu, batasan pengembangan proses, standarisasi.
Kebutuhan non fungsional memberikan batasan pada kebutuhan fungional.
1. Operasional
a. Aplikasi diakses dengan browser.
b. Halaman Admin dapat diakses oleh pengguna yang diberi hak akses.
2. Keamanan
Halaman admin dilengkapi username dan password, sehingga tidak semua
orang bisa mengakses halaman admin aplikasi.
4.3. Desain Sistem

Untuk membangun sistem , maka diperlukan suatu rancangan sistem. Berikut
ini adalah desain sistem yang telah dirancang untuk menggambarkan keseluruhan
sistem secara umum menggunakan Diagram Konteks, Data Flow Diagram,
Blockchart, Flowchart, Entity Relationship Diagram, dan Kamus Data.
BAB IV Pembahasan
4.3.1. Diagram Konteks

Di bawah ini adalah desain diagram konteks pembangunan aplikasi yang akan
diterapkan pada CV. Aulia.
Login Admin
Kategori Produk
Produk
Konfirmasi Pesanan
ADMIN
Pesanan
Resi Pengiriman
Info Login Pelanggan
Info Login Admin
Daftar Kategori Produk Aplikasi Pemesanan Info Pelanggan
Daftar Produk
dan Transaksi Jasa Daftar Pemesanan Produk
Konfirmasi Pesanan
Info Bukti Pembayaran
Info Data Pesanan Cetak pada CV. Aulia
Info Data Pesanan
Info Resi Pengiriman
Registrasi
Login Pelanggan
PELANGGAN Checkout
Bukti Pembayaran
Gambar 4.1 Diagram Konteks

Proses Kerja :
1. Admin melakukan login dengan menggunakan username dan password
yang sudah terdaftar di database. Setelah berhasil masuk ke halaman admin,
admin meng-input data kategori produk, dan data produk.
2. Pelanggan melakukan registrasi dengan memasukkan data pelanggan
berupa nama lengkap, email, password, dan nomor telepon. Setelah
melakukan registrasi, pelanggan melakukan login menggunakan email dan
password yang dimasukkan ketika registrasi. Setelah melakukan login,
pelanggan dapat melihat daftar produk, melakukan pemesanan. meng-
upload bukti transfer dan melacak pengiriman pesanan.
3. Admin mengonfirmasi pesanan pelanggan dengan mengecek bukti transfer
dari pelanggan lalu mengirim pesanan dan meng-input resi pengiriman.
BAB IV Pembahasan
4.3.2. Data Flow Diagram (DFD) Level 0

Di bawah ini merupakan data Flow Diagram (DFD) Level 0 yang akan di
terapkan dalam Aplikasi Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia.
Admin Data Login 1.0P Data Login users

Info Login Info Login
Login
Data Login Pelanggan Data Login Pelanggan
Info Login Pelanggan Info Login Pelanggan
Data Produk 2.0P Data Produk

Info Data Produk Kelola Data Info Data Produk produk
Info Data Produk Produk
Data Kategori 3.0P Data Kategori

Info Data Kategori Kelola Data kategori
Kategori Info Data Kategori
Info Data Kategori
4.0P
Data Gambar Kelola Data Data Gambar
Info Data Gambar gambar
Info Data Gambar Gambar Info Data Gambar
Produk
Info Data Pesan
Data Pesan 5.0P Info Data Pesan
Info Data Pesan chat
Kirim Pesan Data Pesan
Data Pesan
Data Rekening 6.0P Data Rekening

Info Data Rekening Kelola Data rekening
Info Data Rekening Rekening Info Data Gambar
7.0P
Data Konfigurasi Web Kelola Data Konfigurasi Web
Info Web konfigurasi
Info Web Konfigurasi Info Konfigurasi Web
Web
Data Registrasi Pelanggan 8.0P Data Registrasi Pelanggan

Pelanggan Registrasi Info Bukti Bayar pelanggan
Info Data Pelanggan Pelanggan Info Data Pelanggan
Info Data Pelanggan
Info Data Pelanggan
Info Data Rekening
Data Pesanan 9.0P Info Data Kategori
Info Data Pesanan Kelola Data Info Produk
Info Data Pesanan Pesanan Detail Pesanan
Info Detal Pesanan
Data Pesanan
Info Data Pesanan
transaksi
Data Bukti Bayar Data Bukti Bayar
Info Bukti Bayar 10.0P
Konfirmasi
Info Bukti Bayar Pembayaran header_transaksi
Data Nota Pemesanan Nota Pemesanan
Nota Pemesanan Nota Pemesanan
11.0P
Data Pesanan Data Pesanan
Laporan
Data Pelanggan Data Resi Pengiriman
Data Resi Pengiriman Data Pelanggan
Gambar 4.2 Data Flow Diagram (DFD) Level 0
BAB IV Pembahasan
4.3.3. Blockchart
Di bawah ini merupakan desain Blockchart Diagram yang akan digunakan
dalam Aplikasi Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia.
Mulai
Data Login
Data Login Admin
Pelanggan
Login Tidak Login Tidak
Validasi Validasi
Apakah data Apakah data
benar? benar?
Ya Ya
users pelanggan
Input Data Input Kategori
Input Data Rekening Input Produk
Konfigurasi Web Produk
Data Konfigurasi Data Kategori
Web Data Rekening Data Produk Pemesanan Konfirmasi Pesanan
Produk
konfigurasi rekening kategori produk Input Data Bukti

Input Data Pesanan
Pembayaran
Konfirmasi Data Bukti
Data Pesanan
Pemesanan Pembayaran
Validasi Bukti
Transaksi
Tidak header_transa
Ya transaksi
ksi
Pesanan Pesanan
Ditolak Diproses
header_transa Nota Pesanan
ksi
Data Pesanan
Selesai
Gambar 4.3 Blockchart
BAB IV Pembahasan
4.3.4. Flowchart
4.3.4.1. Flowchart Admin
Di bawah ini adalah desain flowchart Admin pada Aplikasi Pemesanan dan
Transaksi Jasa Cetak pada CV. Aulia.
Mulai
Username
dan
Password
Login Tidak
Validasi
Ya
Input, Ubah, Hapus
Produk Data Produk
Data Produk
Data Input, Ubah, Hapus
Kategori Kategori Data Kategori
Produk Produk
Input, Ubah, Hapus
Pengguna Data Admin
Data Pengguna
Pelanggan Data Chat Chat Pelanggan
Hapus Data
Pelanggan
Data
Update Status
Menu Transaksi Pesanan
Pesanan Pelanggan
Pelanggan
Data Input, Ubah, Hapus
Data Rekening
Rekening Data Rekening
Logout Logout
Selesai
Gambar 4.4 Flowchart Admin
BAB IV Pembahasan
Event List Flowchart Admin :
1. Admin melakukan proses login dengan memasukkan data login berupa

username dan password, apabila username dan password benar maka halaman
utama admin akan ditampilkan.
2. Apabila admin memilih menu data produk maka halaman data produk akan
ditampilkan. Di halaman data produk admin dapat melakukan proses input,
ubah dan hapus data produk.
3. Apabila admin memilih menu data produk maka halaman data kategori produk
akan ditampilkan. Di halaman data kategori produk admin dapat melakukan
proses input, ubah dan hapus data kategori produk.
4. Apabila admin memilih menu data pengguna maka halaman data pengguna
akan ditampilkan. Di halaman data pengguna admin dapat melakukan proses
input, ubah dan hapus data pengguna.
5. Apabila admin memilih menu data pelanggan maka halaman data pelanggan
akan ditampilkan. Di halaman data pelanggan admin dapat melakukan proses
hapus data pengguna dan chat pelanggan.
6. Apabila admin memilih menu data transaksi maka halaman data transaksi akan
ditampilkan. Di halaman data transaksi admin dapat melakukan proses update
data transaksi.
7. Apabila admin memilih menu data rekening maka halaman data rekening akan
ditampilkan. Di halaman data rekening admin dapat melakukan proses input,
ubah dan hapus data rekening.
8. Admin melakukan logout.
9. Selesai.
BAB IV Pembahasan
4.3.4.2. Flowchart Pelanggan

Di bawah ini adalah desain flowchart Pelanggan pada Aplikasi Pemesanan dan
Mulai
Nama, email,
Apakah sudah
Tidak nomor hp,
memiliki akun?
alamat
Ya
Username
dan Registrasi
Password
Tidak Login
Validasi
Ya
Keranjang
Hubungi Admin Profil Riwayat Belanja Logout
Belanja
Password Bukti Data

Data Chat
Baru Pembayaran Pesanan
Input Bukti
Kirim Chat Ganti Password Checkout Logout
Pembayaran
Selesai
Gambar 4.5 Flowchart Pelanggan
BAB IV Pembahasan
Event List Flowchart Pelanggan :
1. Pelanggan melakukan proses login dengan memasukkan data login berupa

username dan password, apabila username dan password benar maka halaman
utama pelanggan akan ditampilkan.
2. Apabila pelanggan memilih menu produk maka halaman produk akan
ditampilkan. Di halaman data produk pelanggan dapat melihat daftar produk
yang dapat dipesan. Setelah memilih produk halaman detail produk akan
ditampilkan, pada halaman detail produk ini pelanggan melakukan proses input
data pesanan,
3. Apabila pelanggan memilih menu riwayat transaksi maka riwayat transaksi
akan ditampilkan. Di halaman riwayat transaksi pelanggan dapat melihat daftar
riwayat pemesanan yang telah dilakukan. Pelanggan juga dapat melakukan
proses meng-input bukti pembayaran pemesanan.
4. Apabila pelanggan memilih menu profil maka halaman profil pelanggan akan
ditampilkan. Di halaman profil pelanggan, pelanggan dapat melihat data akun
mereka sendiri dan pelanggan juga dapat mengganti password mereka.
5. Apabila pelanggan memilih menu chat admin maka halaman chat admin akan
ditampilkan. Di halaman chat admin pelanggan dapat mengirim pesan ke
admin.
6. Pelanggan melakukan logout.
7. Selesai.
BAB IV Pembahasan
4.3.5. Entity Relationship Diagram (ERD)

Di bawah ini adalah Entity Relationship Diagram (ERD) pada Aplikasi
Pemesanan dan Transaksi Jasa Cetak pada CV. Aulia.
id_user
id_produk username
id_kategori email password
kode_produk nama akses_level

nama_produk
id_user tanggal_update
slug_produk
produk Mengelola admin
keterangan M 1 1
keywor
ds 1
harga
gambar Mengelola
M
satuan
status_produk
tanggal_post
tanggal_update 1 M
memiliki kategori Mengelola
id_kategori tanggal_update
id_rekening slug_kategori urutan
nama_bank nama_kategori
nomor_rekening M
rekening
nama_pemilik
1
gambar
tanggal_post tanggal_post
tanggal_update nama_bank
pengiriman
diperlukan
resi
tanggal_bayar
1
id_rekening
header_transaksi
1 bukti_bayar
rekening_pelanggan
rekening_pembayaran
id_header_transaksi
jumlah_bayar
kode_transaksi
status_bayar
memiliki
id_pelanggan tanggal_transaksi
nama_pelanggan id_user
email telepon
M
M
transaksi dilakukan
id_transaksi tanggal_update
id_user tanggal_transaksi
id_pelanggan total_harga 1
kode_transaksi jumlah pelanggan
id_produk harga
id_pelanggan tanggal_update
file_pesanan catatan
id_user tanggal_daftar
telepon
status_pelanggan
password
nama_pelanggan
email
Gambar 4.6 Entity Relationship Diagram (ERD)
BAB IV Pembahasan
4.3.6. Kamus Data

Kamus Data yang terdapat dalam sistem adalah sebagai berikut :
1. header_transaksi = @id_header_transaksi + kode_transaksi + id_pelanggan +
nama_pelanggan + email + telepon + id_user + tanggal_transaksi +
jumlah_transaksi + status_bayar + jumlah_bayar + rekening_pembayaran +
rekening_pelanggan + bukti_bayar + id_rekening + tanggal_bayar +
nama_bank + tanggal_post + tanggal_update
@id_header_transaksi = integer (11)
kode_transaksi = varchar (12)
id_pelanggan = integer (11)
nama_pelanggan = varchar (50)
email = varchar (50)
telepon = varchar (15)
id_user = integer (11)
tanggal_transaksi = datetime
jumlah_transaksi = integer (11)
status_bayar = varchar (20)
jumlah_bayar = integer (11)
rekening_pembayaran = varchar (25)
rekening_pelanggan = varchar (25)
bukti_bayar = varchar (50)
id_rekening = integer (11)
tanggal_bayar = varchar (50)
resi = varchar (50)
pengiriman = varchar (50)
nama_bank = varchar (50)
tanggal_post = datetime
tanggal_update = timestamp
2. kategori = @id_kategori + slug_kategori + nama_kategori + urutan +

tanggal_update
@id_kategori = integer (11)
slug_kategori = varchar (75)
BAB IV Pembahasan
nama_kategori = varchar (50)

urutan = integer (11)
3. konfigurasi = @id_konfigurasi + namaweb + tagline + email + website +

keywords + metatext + tentang_kami + telepon + alamat + whatsapp+ instagram
+ deskripsi + logo + icon
@id_konfigurasi = integer (11)
namaweb = varchar (50)
tagline = varchar (50)
keywords = text
metatext = text
tentang_kami = text
alamat = varchar (255)
whatsapp = varchar (25)
instagram = varchar (50)
deskripsi = text
logo = varchar (50)
icon = varchar (50)
4. pelanggan = @id_pelanggan + id_user + status_pelanggan + nama_pelanggan

+ email + password + telepon + tanggal_daftar + tanggal_update
@id_pelanggan = integer (11)
status_pelanggan = varchar (20)
nama_pelanggan = varchar (50)
password = varchar (50)
text = text
tanggal_daftar = datetime
BAB IV Pembahasan
5. produk = @id_produk + id_user + id_kategori + kode_produk + nama_produk

+ slug_produk + keterangan + keywords + harga + gambar + satuan +
status_produk + tanggal_post + tanggal_update
@id_produk = integer (11)
id_kategori = integer (11)
kode_produk = varchar(20)
nama_produk = varchar (100)
slug_produk = varchar (100)
keterangan = text
keywords = text
harga = integer (11)
gambar = varchar (255)
satuan = varchar (15)
status_produk = varchar (20)
tanggal_post = datetime
6. rekening = @id_rekening + nama_bank + nomor_rekening + nama_pemilik +

gambar + tanggal_post
@id_rekening = integer (11)
nama_bank = varchar (50)
nomor_rekening = varchar (20)
nama_pemilik = varchar (50)
gambar = varchar (255)
tanggal_post = timestamp
7. transaksi = @id_transaksi + id_user + id_pelanggan + kode_transaksi +

id_produk + file_pesanan + catatan + harga + jumlah + total_harga +
tanggal_transaksi + tanggal_update
@id_transaksi = integer (11)
id_pelanggan = integer (11)
kode_transaksi = varchar (12)
BAB IV Pembahasan
id_produk = integer (11)

file_pesanan = varchar (255)
catatan = text
harga = integer (11)
jumlah = integer (11)
total_harga = integer (11)
tanggal_transaksi = datetime
8. users = @id_user + nama + email + username + password + akses_level +

tanggal_update
@id_user = integer (11)
nama = varchar (50)
username = varchar (25)
password = varchar (25)
akses_level = varchar (20)
9. chat = @id_chat + id_pengguna + pengirim + message + date

@id_ chat = integer (11)
id_pengguna = integer (11)
pengirim = varchar (15)
message = text
date = timestamp
BAB IV Pembahasan
4.3.7. Desain File

4.3.7.1. Desain Tabel Database
1. Tabel Header Transaksi
Tabel 4.2 Tabel Header Transaksi
No. Nama Field Tipe Data Size Keterangan
1. id_header_transaksi integer 11 Primary Key
2. kode_transaksi varchar 12
3. id_pelanggan integer 11
4. nama_pelanggan varchar 50
5. email varchar 50
6. telepon varchar 15
7. id_user integer 11
8. tanggal_transaksi datetime
9. jumlah_transaksi integer 11
10. status_bayar varchar 20
11. jumlah_bayar integer 11
12. rekening_pembayaran varchar 25
13. rekening_pelanggan varchar 25
14. bukti_bayar varchar 50
15. id_rekening Int 11
16. tanggal_bayar varchar 50
17. resi varchar 50
18. pengiriman varchar 50
19. tanggal_post Datetime
20. tanggal_update timestamp
2. Tabel Kategori
Tabel 4.3 Tabel Kategori
1. id_kategori integer 11 Primary Key
2. slug_kategori varchar 75
3. nama_kategori varchar 50
4. urutan integer 11
BAB IV Pembahasan
3. Tabel Konfigurasi
Tabel 4.4 Tabel Konfigurasi
1. @id_konfigurasi integer 11 Primary Key
2. namaweb varchar 50
3. tagline varchar 50
4. email varchar 50
5. keywords text
6. metatext text
7. tentang_kami text
9. alamat varchar 255
10. whatsapp varchar 25
11. instagram varchar 50
12. deskripsi text
13. logo varchar 50
14. icon varchar 50
4. Tabel Pelanggan
Tabel 4.5 Tabel Pelanggan
1. @id_pelanggan integer 11 Primary Key
3. status_pelanggan varchar 20
4. nama_pelanggan varchar 50
5. email varchar 50
6. password varchar 50
8. Alamat text
9. tanggal_daftar datetime
BAB IV Pembahasan
5. Tabel Produk
Tabel 4.6 Tabel Produk
1. @id_produk integer 11 Primary Key
3. id_kategori integer 11
4. kode_produk varchar 10
5. nama_produk varchar 50
6. slug_produk varchar 75
7. keterangan text
8. keywords text
9. harga integer 11
10. gambar varchar 50
11. satuan varchar 15
12. status_produk varchar 20
13. tanggal_post datetime
6. Tabel Rekening
Tabel 4.7 Tabel Rekening
1. @id_rekening integer 11 Primary Key
2. nama_bank varchar 50
3. nomor_rekening varchar 20
4. nama_pemilik varchar 50
5. gambar varchar 50
6. tanggal_post timestamp
BAB IV Pembahasan
7. Tabel Transaksi
Tabel 4.8 Tabel Transaksi
1. @id_transaksi integer 11 Primary Key
4. kode_transaksi varchar 12
5. id_produk integer 11
6. file_pesanan varchar 50
7. catatan text
8. harga integer 11
9. jumlah integer 11
10. total_harga integer 11
11. tanggal_transaksi datetime
8. Tabel Users
Tabel 4.9 Tabel Users
1. @id_user integer 11 Primary Key
2. nama varchar 50
3. email varchar 50
4. username varchar 25
5. password varchar 25
6. akses_level varchar 20
BAB IV Pembahasan
9. Tabel Chat
Tabel 4.10 Tabel Chat
1. @id_chat integer 11 Primary Key
3. pengirim varchar 15
4. message text
5. date timestamp
BAB IV Pembahasan
4.3.8. Rancangan Layout Aplikasi

4.3.8.1. Rancangan Halaman Login Admin
Di bawah ini adalah gambar rancangan Halaman Login Admin pada Aplikasi
BERANDA | PRODUK & BELANJA | TENTANG KAMI
Login Administrator
Username
Password
LOGIN
Gambar 4.7 Rancangan Halaman Login Admin
4.3.8.2. Rancangan Halaman Utama Admin

Di bawah ini adalah gambar rancangan Halaman Utama Admin pada Aplikasi
CV. Aulia
MENU UTAMA HALAMAN ADMINISTRATOR
DASHBOARD
PRODUK
X Total Transaksi X Total Produk X Total Pelanggan
KATEGORI
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.8 Rancangan Halaman Utama Admin
BAB IV Pembahasan
4.3.8.3. Rancangan Halaman Data Produk

Di bawah ini adalah gambar rancangan Halaman Data Produk pada Aplikasi
CV. Aulia
MENU UTAMA DATA PRODUK
DASHBOARD + TAMBAH PRODUK CARI :
PRODUK No Gambar Nama Kategori Harga Status Action
1 Xxx Xxx Xxx Rp. Xxx Xxx Edit | Hapus

KATEGORI 2 xxx xxx xxx Rp. xxx xxx Edit | Hapus
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.9 Rancangan Halaman Produk
4.3.8.4. Rancangan Halaman Data Kategori

Di bawah ini adalah gambar rancangan Halaman Data Kategori pada Aplikasi
CV. Aulia
MENU UTAMA DATA KATEGORI
DASHBOARD + TAMBAH KATEGORI CARI :
PRODUK No Nama Slug Urutan Action
1 Undangan undangan 1 Edit | Hapus

KATEGORI 2 Banner banner 2 Edit | Hapus
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.10 Rancangan Halaman Data Kategori
BAB IV Pembahasan
4.3.8.5. Rancangan Halaman Data Pengguna

Di bawah ini adalah gambar rancangan Halaman Data Pengguna pada Aplikasi
CV. Aulia
MENU UTAMA DATA PENGGUNA
DASHBOARD + TAMBAH PRODUK CARI :
PRODUK No Nama Email Username Akses Level Action
1 Xxx xxx@xxx.com Xxx1 Admin Edit | Hapus

KATEGORI 2 xxx xxx@xx2.com xxx2 admin Edit | Hapus
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.11 Rancangan Halaman Data Pengguna
4.3.8.6. Rancangan Halaman Data Pelanggan

Di bawah ini adalah gambar rancangan Halaman Data Pelanggan pada Aplikasi
CV. Aulia
MENU UTAMA DATA PELANGGAN
DASHBOARD CARI :
PRODUK No Nama Email Telpon Action
1 Xxx xxx1@xxx.com 08xxxxxxxxx Chat | Hapus

KATEGORI 2 xxx Xxx2@xxx.com 0711xxxxxx Chat | Hapus
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.12 Rancangan Halaman Data Pelanggan
BAB IV Pembahasan
4.3.8.7. Rancangan Halaman Chat Pelanggan

Di bawah ini adalah gambar rancangan Halaman Chat Pelanggan pada Aplikasi
CV. Aulia
MENU UTAMA CHAT PELANGGAN
DASHBOARD
PRODUK Pelanggan
KATEGORI
Admin
MENU TRANSAKSI
Pelanggan
DATA REKENING
DATA PELANGGAN Admin
DATA PENGGUNA
LOGOUT
Ketik Pesan . . . Kirim
Gambar 4.13 Rancangan Halaman Chat Pelanggan
4.3.8.8. Rancangan Halaman Data Transaksi

Di bawah ini adalah gambar rancangan Halaman Data Transaksi pada Aplikasi
CV. Aulia
MENU UTAMA DATA TRANSAKSI
DASHBOARD CARI :
PRODUK No Pelanggan Kode Transaksi Tanggal Jumlah Total Jumlah Item Status Action
1 Xxx 14072020xxxx Hh/bb/tttt Rp. Xxx X Menunggu Detail | Cetak

KATEGORI 2 xxx2 14072020xxxx Hh/bb/tttt Rp. xxx x Selesai Detail | Cetak
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.14 Rancangan Halaman Data Transaksi
BAB IV Pembahasan
4.3.8.9. Rancangan Halaman Data Rekening

Di bawah ini adalah gambar rancangan Halaman Data Rekening pada Aplikasi
CV. Aulia
MENU UTAMA DATA PELANGGAN
DASHBOARD CARI :
PRODUK No Nama Bank No Rekening Pemilik Action
1 Bank Mandiri Xxxxx Xxxx Edit | Hapus

KATEGORI 2 Bank BCA xxxxx xxxx Edit | Hapus
MENU TRANSAKSI
DATA REKENING
DATA PELANGGAN
DATA PENGGUNA
LOGOUT
Gambar 4.15 Rancangan Halaman Data Rekening
4.3.8.10. Rancangan Halaman Login Pelanggan

Di bawah ini adalah gambar rancangan Halaman Login Pelanggan pada
Login Pelanggan
Email
Password
LOGIN
Gambar 4.16 Rancangan Halaman Login Pelanggan
BAB IV Pembahasan
4.3.8.11. Rancangan Halaman Produk

Di bawah ini adalah gambar rancangan Halaman Produk pada Aplikasi
Produk CV. Aulia
Kategori Produk
‐ Kategori 1
‐ Kategori 2
‐ Kategori 3 Foto produk Foto produk Foto produk
Foto produk Foto produk Foto produk
<< First | 1 | 2 | 3 | 4 | Last >>
Gambar 4.17 Rancangan Halaman Produk
4.3.8.12. Rancangan Halaman Pemesanan Produk

Di bawah ini adalah gambar rancangan Halaman Pemesanan Produk pada
Foto
Nama Produk
produk Rp. xxx
Deksripsi produk. Lorem ipsum dolor
sit amet, consectetur adipiscing elit.
Foto
produk
Data 1
Foto produk
Data 2
Foto
produk
Data 3
Foto Banyak Tambah Ke Keranjang

produk
Gambar 4.18 Rancangan Halaman Pemesanan Produk
BAB IV Pembahasan
4.3.8.13. Rancangan Halaman Keranjang

Di bawah ini adalah gambar rancangan Halaman Keranjang Belanja pada
Keranjang Belanja
Gambar Produk Harga Jumlah Sub‐Total Action
xxx Rp. xxx x Rp. xxx Update | Hapus

Foto
produk
xxx Rp. xxx x Rp. xxx Update | Hapus

Foto
produk
JUMLAH Rp. XXX
Bersihkan Keranjang Checkout
Gambar 4.19 Rancangan Halaman Keranjang
4.3.8.14. Rancangan Halaman Riwayat Transaksi

Di bawah ini adalah gambar rancangan Halaman Riwayat Transaksi pada
Riwayat Belanja
No Kode Transaksi Tanggal Jumlah Total Item Action
1 xxxxxxxxxx Rp. xxx x Rp. xxx Detail | Konfirmasi
2 xxxxxxxxxx Rp. xxx x Rp. xxx Detail | Konfirmasi
Gambar 4.20 Rancangan Halaman Riwayat Transaksi
BAB IV Pembahasan
4.3.8.15. Rancangan Halaman Konfirmasi Pembayaran

Di bawah ini adalah gambar rancangan Halaman Konfirmasi Pembayaran pada
Riwayat Belanja
KODE TRANSAKSI xxxxxxxxxxxx
TANGGAL PESANAN Hh‐bb‐tttt
JUMLAH TOTAL Rp. xxx
STATUS Belum Dibayar
PEMBAYARAN KE REKENING xxx
TANGGAL BAYAR Hh‐bb‐tttt
DARI BANK xxx
DARI NOMOR REKENING xxxx
NAMA PEMILIH REKENING xxx
UPLOAD BUKTI BAYAR Browse
Submit
Gambar 4.21 Rancangan Halaman Konfirmasi Pembayaran
4.3.8.16. Rancangan Halaman Chat Admin

Di bawah ini adalah gambar rancangan Halaman Chat Admin pada Aplikasi
Chat Admin
Pelanggan
Admin
Pelanggan
Admin
Ketik Pesan . . . Kirim
Gambar 4.22 Rancangan Halaman Chat Admin
BAB IV Pembahasan
4.4. Pengkodean Database

4.4.1. Pengkodean Tabel Header Transaksi
Berikut ini merupakan pengkodean tabel penyuluh dengan nama tabel
‘header_transaksi’ :
CREATE TABLE `header_transaksi` (

ìd_header_transaksi` int(11) NOT NULL,
`kode_transaksi` varchar(12) NOT NULL,
ìd_pelanggan` int(11) NOT NULL,
`nama_pelanggan` varchar(50) DEFAULT NULL,
èmail` varchar(50) DEFAULT NULL,
`telepon` varchar(15) DEFAULT NULL,
ìd_user` int(11) NOT NULL,
`tanggal_transaksi` datetime NOT NULL,
`jumlah_transaksi` int(11) NOT NULL,
`status_bayar` varchar(20) NOT NULL,
`jumlah_bayar` int(11) DEFAULT NULL,
`rekening_pembayaran` varchar(25) DEFAULT NULL,
`rekening_pelanggan` varchar(25) DEFAULT NULL,
`bukti_bayar` varchar(50) DEFAULT NULL,
ìd_rekening` int(11) DEFAULT NULL,
`tanggal_bayar` varchar(50) DEFAULT NULL,
`resi ` varchar(50) NOT NULL,
`pengiriman ` varchar(50) NOT NULL,
`nama_bank` varchar(50) DEFAULT NULL,
`tanggal_post` datetime NOT NULL,
`tanggal_update` timestamp NOT NULL DEFAULT current_timestamp()
ON UPDATE current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
4.4.2. Pengkodean Tabel Kategori

‘kategori’ :
CREATE TABLE `kategori` (

ìd_kategori` int(11) NOT NULL,
`slug_kategori` varchar(75) NOT NULL,
`nama_kategori` varchar(50) NOT NULL,
ùrutan` int(11) DEFAULT NULL,
BAB IV Pembahasan
4.4.3. Pengkodean Tabel Konfigurasi

‘konfigurasi’ :
CREATE TABLE `konfigurasi` (

ìd_konfigurasi` int(11) NOT NULL,
`namaweb` varchar(50) NOT NULL,
`tagline` varchar(50) DEFAULT NULL,
èmail` varchar(50) DEFAULT NULL,
`keywords` text DEFAULT NULL,
`metatext` text DEFAULT NULL,
`tentang_kami` text NOT NULL,
`telepon` varchar(50) DEFAULT NULL,
àlamat` varchar(255) DEFAULT NULL,
`whatsapp` varchar(25) DEFAULT NULL,
ìnstagram` varchar(50) DEFAULT NULL,
`deskripsi` text DEFAULT NULL,
`logo` varchar(50) DEFAULT NULL,
ìcon` varchar(50) DEFAULT NULL,
4.4.4. Pengkodean Tabel Pelanggan

‘pelanggan’ :
CREATE TABLE `pelanggan` (

`status_pelanggan` varchar(20) NOT NULL,
`nama_pelanggan` varchar(50) NOT NULL,
èmail` varchar(50) NOT NULL,
`password` varchar(50) NOT NULL,
`telepon` varchar(15) NOT NULL,
`tanggal_daftar` datetime NOT NULL,
BAB IV Pembahasan
4.4.5. Pengkodean Tabel Produk

‘produk’ :
CREATE TABLE `produk` (

ìd_produk` int(11) NOT NULL,
ìd_kategori` int(11) NOT NULL,
`kode_produk` varchar(10) NOT NULL,
`nama_produk` varchar(50) NOT NULL,
`slug_produk` varchar(75) NOT NULL,
`keterangan` text NOT NULL,
`keywords` text DEFAULT NULL,
`harga` int(11) NOT NULL,
`gambar` varchar(50) NOT NULL,
`satuan` varchar(15) NOT NULL,
`status_produk` varchar(20) NOT NULL,
`tanggal_post` datetime NOT NULL,
4.4.6. Pengkodean Tabel Users

‘transaksi’ :
CREATE TABLE ùsers` (

`nama` varchar(50) NOT NULL,
èmail` varchar(50) NOT NULL,
ùsername` varchar(50) NOT NULL,
`password` varchar(50) NOT NULL,
àkses_level` varchar(20) NOT NULL,
BAB IV Pembahasan
4.4.7. Pengkodean Tabel Chat

Berikut ini merupakan pengkodean tabel penyuluh dengan nama tabel ‘chat :
CREATE TABLE `chat` (

ìd_chat` int(11) NOT NULL,
ìd_pelanggan ` int(11) NOT NULL,
`pengirim ` varchar(15) NOT NULL,
`message ` text DEFAULT NULL,
`date` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE
current_timestamp()
4.4.8. Pengkodean Tabel Transaksi

‘transaksi’ :
CREATE TABLE `transaksi` (

ìd_transaksi` int(11) NOT NULL,
`kode_transaksi` varchar(12) NOT NULL,
ìd_produk` int(11) NOT NULL,
`file_pesanan` varchar(50) NOT NULL,
`catatan` text DEFAULT NULL,
`harga` int(11) NOT NULL,
`jumlah` int(11) NOT NULL,
`total_harga` int(11) NOT NULL,
`tanggal_transaksi` datetime NOT NULL,
4.4.9. Pengkodean Tabel Rekening

‘rekening’ :
CREATE TABLE `rekening` (

ìd_rekening` int(11) NOT NULL,
`nama_bank` varchar(50) NOT NULL,
`nomor_rekening` varchar(20) NOT NULL,
`nama_pemilik` varchar(50) NOT NULL,
`gambar` varchar(50) DEFAULT NULL,
`tanggal_post` timestamp NOT NULL DEFAULT current_timestamp() ON
UPDATE current_timestamp()
BAB IV Pembahasan
4.5. Pembahasan
Sesuai dengan hasil yang dihasilkan maka penulis akan membahas masing-
masing menu yang ditampilkan. Dengan harapan pembahasan ini memberikan
penjelasan terhadap hasil yang dilakukan.
4.5.1. Tampilan Halaman Admin
4.5.1.1. Tampilan Halaman Login Admin
Di bawah ini adalah gambar Halaman Login Admin pada Aplikasi Pemesanan
dan Transaksi Jasa Cetak pada CV. Aulia.
Gambar 4.23 Tampilan Halaman Login Admin
BAB IV Pembahasan
4.5.1.2. Tampilan Halaman Utama Admin

Di bawah ini adalah gambar Halaman Utama Admin pada Aplikasi Pemesanan
Gambar 4.24 Tampilan Halaman Utama Admin
4.5.1.3. Tampilan Halaman Data Produk

Di bawah ini adalah gambar Halaman Data Produk pada Aplikasi Pemesanan
Gambar 4.25 Tampilan Halaman Data Produk
BAB IV Pembahasan
4.5.1.4. Tampilan Halaman Data Kategori

Di bawah ini adalah gambar Halaman Data Kategori pada Aplikasi Pemesanan
Gambar 4.26 Tampilan Halaman Data Kategori
4.5.1.5. Tampilan Halaman Data Pengguna

Di bawah ini adalah gambar Halaman Data Pengguna pada Aplikasi
Gambar 4.27 Tampilan Halaman Data Pengguna
BAB IV Pembahasan
4.5.1.6. Tampilan Halaman Data Pelanggan

Di bawah ini adalah gambar Halaman Data Pelanggan pada Aplikasi
Gambar 4.28 Tampilan Halaman Data Pelanggan
4.5.1.7. Tampilan Halaman Chat Pelanggan

Di bawah ini adalah gambar Halaman Chat Pelanggan pada Aplikasi
Gambar 4.29 Tampilan Halaman Chat Pelanggan
BAB IV Pembahasan
4.5.1.8. Tampilan Halaman Transaksi

Di bawah ini adalah gambar Halaman Transaksi pada Aplikasi Pemesanan dan
Gambar 4.30 Tampilan Halaman Menu Transaksi
4.5.1.9. Tampilan Halaman Detail Transaksi

Di bawah ini adalah gambar Halaman Detail Transaksi pada Aplikasi
Gambar 4.31 Tampilan Halaman Detail Transaksi
BAB IV Pembahasan
4.5.1.10. Tampilan Halaman Lacak Pengiriman Pesanan

Di bawah ini adalah gambar Halaman Lacak Pengiriman Pesanan pada
Gambar 4.32 Tampilan Halaman Lacak Pengiriman Pesanan
4.5.1.11. Tampilan Halaman Data Rekening

Di bawah ini adalah gambar Halaman Data Rekening pada Aplikasi Pemesanan
Gambar 4.33 Tampilan Halaman Data Rekening
BAB IV Pembahasan
4.5.2. Tampilan Halaman Pelanggan

4.5.2.1. Tampilan Halaman Utama Pelanggan
Di bawah ini adalah gambar Halaman Utama Pelanggan pada Aplikasi
Gambar 4.34 Tampilan Halaman Utama Pelanggan
4.5.2.2. Tampilan Halaman Login Pelanggan

Di bawah ini adalah gambar Halaman Login Pelanggan pada Aplikasi
BAB IV Pembahasan
Gambar 4.35 Tampilan Halaman Login Pelanggan
4.5.2.3. Tampilan Halaman Produk

Di bawah ini adalah gambar Halaman Produk pada Aplikasi Pemesanan dan
Gambar 4.36 Tampilan Halaman Produk
4.5.2.4. Tampilan Halaman Pemesanan Produk

Di bawah ini adalah gambar Halaman Pemesanan Produk pada Aplikasi
BAB IV Pembahasan
Gambar 4.37 Tampilan Halaman Pemesanan Produk
4.5.2.5. Tampilan Halaman Keranjang

Di bawah ini adalah gambar Halaman Keranjang pada Aplikasi Pemesanan dan
Gambar 4.38 Tampilan Halaman Keranjang 1
Gambar 4.39 Tampilan Halaman Keranjang ( lanjutan )
BAB IV Pembahasan
4.5.2.6. Tampilan Halaman Pilih Pengiriman

Di bawah ini adalah gambar Halaman Pilih Pengiriman pada Aplikasi
Gambar 4.40 Tampilan Halaman Pilih Pengiriman
4.5.2.7. Tampilan Halaman Riwayat Transaksi

Di bawah ini adalah gambar Halaman Riwayat Transaksi pada Aplikasi
Gambar 4.41 Tampilan Halaman Riwayat Transaksi
BAB IV Pembahasan
4.5.2.8. Tampilan Halaman Konfirmasi Pembayaran

Di bawah ini adalah gambar Halaman Konfirmasi Pembayaran pada Aplikasi
Gambar 4.42 Tampilan Halaman Konfirmasi Pembayaran
4.5.2.9. Tampilan Halaman Lacak Pengiriman Pesanan

Di bawah ini adalah gambar Halaman Lacak Pengiriman Pesanan pada
Gambar 4.43 Tampilan Halaman Konfirmasi Pembayaran
BAB IV Pembahasan
4.5.2.10. Tampilan Halaman Chat Admin

Di bawah ini adalah gambar Halaman Chat Admin pada Aplikasi Pemesanan
Gambar 4.44 Tampilan Halaman Chat Admin
BAB IV Pembahasan
4.6. Pengujian Sistem

Untuk tahap pengujian penulis menggunakan metode Black Box Testing,
Metode Black Box Testing merupakan pengujian program yang mengutamakan
pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan dari metode Black
Box Testing untuk menemukan kesalahan fungsi pada program. Pengujian dengan
menggunakan metode Black Box Testing dilakukan hanya mengamati hasil
eksekusi melalui data uji dan memeriksa fungsional dari software dan
fungsionalitasnya tanpa mengetahui yang terjadi dalam proses detail, melainkan
hanya mengetahui input dan output.
4.6.1. Pengujian Sistem Admin

Tabel 4.11 Pengujian Sistem Admin
Hasil yang
No Fitur Skenario Uji Hasil
diharapkan
1. Halaman Verifikasi Berhasil login
Login Admin username, sebagai admin.
Berhasil
password dan login
sebagai admin.
2. Halaman Menampilkan Berhasil

Utama Admin menu-menu admin. menampilkan Berhasil
menu-menu admin.
3. Halaman Data Menambah, Data berhasil

Produk membaca, ditambah, dibaca,
memperbarui dan diperbarui dan Berhasil
menghapus data dihapus.
Produk.

Kategori membaca, ditambah, dibaca,
Berhasil
memperbarui dan diperbarui dan
dihapus.
BAB IV Pembahasan
Hasil yang
diharapkan
menghapus data
Kategori.
5. Halaman Menambah, Data berhasil

Pengguna membaca, ditambah, dibaca,
pengguna.
6. Halaman Menambah, Data berhasil

Pelanggan membaca, ditambah, dibaca,
pelanggan.
7. Halaman Chat Mengirim Pesan ke Pesan berhasil

Pelanggan pelanggan terkirim ke Berhasil
pelanggan.
8. Halaman Mengubah status Status Data

Transaksi data transaksi dan Transaksi berhasil
meng-input resi diubah, dan resi Berhasil
pengiriman pengiriman
berhasil di-input.

Rekening membaca, ditambah, dibaca,
Rekening.
BAB IV Pembahasan
4.6.2. Pengujian Sistem Pelanggan

Tabel 4.12 Pengujian Sistem Pelanggan
Hasil yang
diharapkan
1. Halaman Verifikasi Berhasil login
Login username, sebagai pelanggan.
Berhasil
Pelanggan password dan login
sebagai pelanggan.

Utama produk-produk menampilkan
Berhasil
Pelanggan penjualan. produk-produk
penjualan.

Produk produk-produk menampilkan
Berhasil
penjualan. produk-produk
penjualan.

Pemesanan detail produk menampilkan detail
Produk penjualan, dan produk penjualan
mengisi form data dan data Berhasil
pemesanan. pemesanan
diteruskan ke
keranjang.
5. Halaman Menampilkan data Berhasil

Keranjang produk yang menampilkan data
dipesan dan produk yang Berhasil
melengkapi data dipesan.
pemesanan berupa
file desain ataupun
BAB IV Pembahasan
Hasil yang
diharapkan
catatan apabila
dibutuhkan.
6. Halaman Menampilkan data Berhasil

Riwayat riwayat transaksi menampilkan data
Berhasil
Transaksi pelanggan. riwayat transaksi
pelanggan.
7. Halaman Meng-upload data Data gambar bukti

Konfirmasi gambar bukti transaksi berhasil Berhasil
Pembayaran transaksi. di-upload.
8. Halaman Mengirim pesan ke Pesan berhasil

Berhasil
Chat Admin Admin terkirim ke admin
4.7. Pemeliharaan Sistem

Pemeliharaan sistem adalah suatu upaya atau tindakan untuk memperbaiki,
menjaga, menanggulangi sistem yang ada. Pemeliharaan ini di perlukan untuk
meningkatkan efisiensi dan efektivitas kinerja sistem yang yang ada agar dalam
penggunaannya dapat bekerja secara optimal.
1. Melakukan back up database ke external storage secara berkala.
2. Memberikan Pengarahan dan konsultasi kepada operator computer,
sehingga operator dapat mengoperasikan computer sesuai dengan prosedur
pengoperasian komputer yang baik dan benar.
3. Pemasangan Firewall dan sistem authentifikasi untuk pengamanan sistem
dan data penting perusahaan dan pelanggan dari orang luar yang tidak
berkepentingan.
4. Pemeliharaan perangkat keras terutama yang memerlukan reparasi,
penggantian, atau penambahan suku cadang dan komponen untuk
merestorasi atau menjaga agar perangkat keras tetap bekerja dengan baik.
BAB IV Pembahasan

File V

Diunggah oleh

Hak Cipta:

Format Tersedia

Anda mungkin juga menyukai

File V

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

File V

Diunggah oleh

Hak Cipta:

Format Tersedia

Politeknik Negeri Sriwijaya

4.2. Analisis Kebutuhan Perangkat Lunak

21 BAB IV Hasil dan Pembahasan

4.2.2. Prosedur Sistem yang akan Diterapkan

4.2.3. Studi Kelayakan

4.2.4. Tempat dan Waktu Penelitian

4.2.5. Alat dan Bahan

4.2.6. Kebutuhan Fungsional

4.2.7. Kebutuhan Non-Fungsional

4.3. Desain Sistem

4.3.1. Diagram Konteks

Gambar 4.1 Diagram Konteks

4.3.2. Data Flow Diagram (DFD) Level 0

Admin Data Login 1.0P Data Login users

Data Produk 2.0P Data Produk

Data Kategori 3.0P Data Kategori

Data Rekening 6.0P Data Rekening

Data Registrasi Pelanggan 8.0P Data Registrasi Pelanggan

Gambar 4.2 Data Flow Diagram (DFD) Level 0

Login Tidak Login Tidak

konfigurasi rekening kategori produk Input Data Bukti

Gambar 4.3 Blockchart

Pelanggan Data Chat Chat Pelanggan

Gambar 4.4 Flowchart Admin

Event List Flowchart Admin :

1. Admin melakukan proses login dengan memasukkan data login berupa

4.3.4.2. Flowchart Pelanggan

Password Bukti Data

Gambar 4.5 Flowchart Pelanggan

Event List Flowchart Pelanggan :

1. Pelanggan melakukan proses login dengan memasukkan data login berupa

4.3.5. Entity Relationship Diagram (ERD)

kode_produk nama akses_level

id_rekening slug_kategori urutan

Gambar 4.6 Entity Relationship Diagram (ERD)

4.3.6. Kamus Data

2. kategori = @id_kategori + slug_kategori + nama_kategori + urutan +

nama_kategori = varchar (50)

3. konfigurasi = @id_konfigurasi + namaweb + tagline + email + website +

4. pelanggan = @id_pelanggan + id_user + status_pelanggan + nama_pelanggan

5. produk = @id_produk + id_user + id_kategori + kode_produk + nama_produk

6. rekening = @id_rekening + nama_bank + nomor_rekening + nama_pemilik +

7. transaksi = @id_transaksi + id_user + id_pelanggan + kode_transaksi +

id_produk = integer (11)

8. users = @id_user + nama + email + username + password + akses_level +

9. chat = @id_chat + id_pengguna + pengirim + message + date

4.3.7. Desain File

4.3.8. Rancangan Layout Aplikasi

Gambar 4.7 Rancangan Halaman Login Admin

4.3.8.2. Rancangan Halaman Utama Admin

Gambar 4.8 Rancangan Halaman Utama Admin

4.3.8.3. Rancangan Halaman Data Produk

DASHBOARD + TAMBAH PRODUK CARI :

PRODUK No Gambar Nama Kategori Harga Status Action

1 Xxx Xxx Xxx Rp. Xxx Xxx Edit | Hapus

Gambar 4.9 Rancangan Halaman Produk

4.3.8.4. Rancangan Halaman Data Kategori

DASHBOARD + TAMBAH KATEGORI CARI :