bab iii pembahasan...mencetak data pelangan dan pembayaran administrasi sebagai bukti bahwa proses...
TRANSCRIPT
BAB III
PEMBAHASAN
3.1 Analisa Kebutuhan
Pada Perancangan Program Penjualan Sepatu Bola Berbasis Web, Penulis
mengindentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan kebutuhan
sistem. Tahap analisis kebutuhan adalah tahap untuk mengidentifikasi apa saja yang perlu
dilakukan oleh sistem baru, apa yang dibutuhkan dan diinginkan oleh pengguna dari sistem
tersebut Analisa kebutuhan sistem informasi yang penulis rancang dalam Pembuatan Program
Aplikasi Sistem Penjualan Sepatu Bola Berbasis Web antara lain sebagai berikut
3.1.1 Analisis Halaman Pengunjung
Halaman Pengunjung berisi tentang segala informasi yang dibutuhkan pengunjung ketika
ingin melihat atau membeli produk yang di sediakan di web tersebut, serta melampirkan
keterangan harga yang ada disemua jenis produk. Di halaman pengunjung ini kondisi sebelum
pengunjung login atau mempunyai akun
1). Pengunjuang akan langsung bisa melihat produk apa saja yang tersedia ketika membuka
website
2). Sebelum melakukan pembelian pelanggan diharuskan daftar akun terlebih dahulu dengan
mencantumkan : nama, email, password, alamat, telpon
3). Sebelum mempunyai akun, pengunjung hanya bisa melihat kategori produk, produk,
informasi kontak dan panduan cara berbelanja di website tersebut
3.1.2 Analisis Halaman Pelanggan
Halaman Pelanggan berisi tentang segala jenis kegiatan pembelian dan sudah dapat di
akses mulai dari pembelian produk, detail pembelian sampai melihat seluruh status pembayaran
1). Kemudian pelanggan yang sudah daftar harus login terlebih dahulu
2). Setelah login pelanggan dapat langsung melakukan kegiatan pembelian
3). Produk yang sudah dipilih akan langsung tersimpan di keranjang belanja
dan dapat diubah jika ada perubahan
4). Pelanggan dapat melihat status transaksi pembelian di menu transaksi
3.1.3 Analisis Ruang Admin
Ruang Admin hanya dilihat oleh admin saja. Ruang admin ini digunakan untuk
menampilkan tentang informasi sudah berapa banyak pembeli yang masuk secara online terlihat
dari nama lengkap, banyaknya pembelian dan tanggal waktunya. Disamping juga terdapat sistem
yang berfungsi untuk menyimpan data pembayaran administrasi si pelangan, lalu admin juga
mencetak data pelangan dan pembayaran administrasi sebagai bukti bahwa proses transaksi
antara pelangan dan admin telah selesai.
1). Administrator hanya dapat di akses oleh admin
2). Administrator harus login terlebih dahulu
3). Administrator dapat menambhakan, mengubah atau menghapus produk
4). Administrator dapat melihat seluruh pembelian jumlah barang yang masuk
5). Administrator dapat merubah nama user admin
6). Administrator dapat melihat berapa jumlah pelanggan yang memesan
3.2. Rancangan dokumen
Bab ini menjelaskan tentang rancangan dokumen dan berbagai macam teori yang
mendukung pelaksanaan Tugas Akhir, serta menampilkan beberapa tampilan website yang sudah
di kerjakan oleh penulis
A. Rancangan Dokumen Masukan (Input)
Menguraikan secara rinci setiap rancangan dokumen masukan yang digunakan dalam sistem
dengan uraian parameter - parameter dokumen tersebut dengan parameter - parameter dokumen
sebagai berikut :
1. Data Barang
Fungsi : untuk mengetahui data barang
Sumber : admin
Tujuan : mengecek data barang
Media : file
Jumlah : 1
Frekuensi : setiap ada data barang
Bentuk : lihat lampiran A.1
2. Data Ongkir
Fungsi : untuk minyampan data ongkir
Sumber : admin
Media : file
Jumlah : 1
Frekuensi : setiap ada data pelanggan
Bentuk : lihat lampiran A.2
B. Rancangan Dokumen Keluaran (Output)
Menguraikan secara rinci setiap rancangan dokumen masukan yang digunakan dalam
sistem dengan uraian parameter - parameter dokumen tersebut dengan parameter - parameter
dokumen sebagai berikut :
1. Laporan Transaksi Penjualan
Fungsi : untuk mengetahui tingkat penjualan
Sumber : admin
Media : cetak
Jumlah : 1 lembar
Frekuensi : setiap ada data pembelian
Bentuk : lihat lampiran B.1
2. Laporan Data Barang
Fungsi : untuk mengetahui stok barang
Sumber : admin
Media : file
Jumlah : 1
Frekuensi : setiap ada pembelian
Bentuk : lihat lampiran B.2
3. Laporan Data Pelanggan
Fungsi : untuk mengetahui jumlah pelanggan
Sumber : admin
Media : cetak
Jumlah : 1
Frekuensi : setiap ada pendaftaran pelanggan
Bentuk : lihat lampiran B.3
3.3 Entity Relationship Diagram
Perancangan basis data menghasilkan pemetaan tabel-tabel yang di gambarkan dengan
EntityRelationshipDiagram(ERD)
A. Entity Relationship Diagram(ERD)
B. LRS(Logical Record Structure)
Gambar III.1
Entity Relationship Diagram (ERD)
Sistem Penjualan Sepatu Bola
Gambar III.2
Logical Relation Structure (LRS)
Sistem Penjualan Sepatu Bola
3.4. Spesifikasi File
Berikut ini adalah spesifikasi file atau table yang terbentuk dari rancangan ERD (Entity
Relationship Diagram) willy toko sepatu bola.sql Adalah sebagai berikut :
1. Spesifikasi File admin
Nama File : admin
Akronim file : id_admin
Fungsi : Untukmenyimpan Data Admin
Tipefile : File Master
Organisasi file : Index Sequential
Akses file : Random
Media : Hard Disk
Panjang record : 232Byte
Kunci field : id
Software : Xampp
Tabel III.1
Spesifikasi File admin
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id admin Id Int 2 Primary Key
2 Username Username Varchar 30
3 Password Password Varchar 8
2. Spesifikasi File kategori
Nama File : kategori
Akronimfile : kategori
Fungsi : Untuk Menyimpan Kategori Produk
Tipefile : Master
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 104Byte
Kuncifield : kd_kategori
Software : Xampp
Tabel III.2
Spesifikasi file kategori
No Elemen Data Akronim Tipe Panjang Keterangan
1. Kode kategori Kd_Kategori Char 4 Primary Key
2. Nama kategori Nm_Kategori Varchar 50 ForeignKey
3. Spesifikasi File konfirmasi
Nama File : konfirmasi
Akronimfile : konfirmasi
Fungsi : Untuk Melihat konfirmasi pemesanan
Tipefile : transaksi
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 124Byte
Kuncifield : id
Software : Xampp
Tabel III.3
Spesifikasi File konfirmasi
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id konfirmasi Id INT 4 Primary Key
2 Nomer pemensanan No_pemesanan Varchar 8
3 Nama pelanggan Nm_pelanggan Varchar 50
4 Jumlah transfer Jumlah_transfer INT `12
5 Keterangan Keterangan Text
6 Tanggal Tanggal Date
4. Spesifikasi file pelanggan
Nama file : pelanggan
Akronim : pelanggan
Fungsi : Untuk menyimpan data pelanggan
Tipe File : File Master
Organisasi File : indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 346 Byte
Kunci Field : kd_pelanggan
Software : Xampp
Tabel III.4
Spesifikasi file pelanggan
No Elemen Data Akronim Tipe Panjang Keterangan
1. Kode pelanggan kd_pelanggan Char 6 Primary Key
2. Nama pelanggan nm_pelanggan Varchar 50
3. Jenis kelamin Kelamin Enum
4. Email nama_pelanggan Varchar 50
5. Nomer telepon telepon_pelanggan Varchar 20
6. Username alamat_pelanggan Varchar 20
7. Password Password Varchar 8
8. Tanggal daftar Tgl_daftar Date
5. Spesifikasi File pemesanan
Nama File : pemesanan
Akronimfile : pemesanan
Fungsi : Untuk Menyimpan Data pemesanan
Tipefile : File transaksi
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 403Byte
Kuncifield : no_pemesanan
Software : Xampp
Tabel III.5
Spesifikasi File pemesanan
No Elemen Data Akronim Tipe Panjang Keterangan
1. Nomer
pemesanan
No_pemesanan Char 8 Primary
Key
2. Kode
pelanggan
kd_pelanggan Char 6
3. Tanggal
pemesanan
Tgl_pemesanan Date
4. Nama
penerima
Nama_penerima Varchar 60
5. Alamat
lengkat
Alamat_lengkap Varchar 50
6. Kota Kota Char 3
7. Kecamatan Kecamatan Varchar 20
8. Kode pos Kode_pos Varchar 6
9. Nomer telepon No_telepon Varchar 20
10. Status bayar Status_bayar /Enum
6. Spesifikasi File pemesanan item
Nama File : pemesanan item
Akronimfile : pemesanan_item
Fungsi : Untuk menyimpan Data Pemesanan jumlah item
Tipefile : File transaksi
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 30 Byte
Kuncifield : id
Software : Xampp
Tabel III.6
Spesifikasi File Pemesanan item
No Elemen Data Akronim Tipe Panjang Keterangan
1. Id pemesanan item Id Int 4 Primary Key
2. Nomer pemesanan No_pemesanan Char 8
3. Kode produk kd_produk chart 5
4.. Harga Harga Int 12
5. Jumlah Jumlah Int 3
7. Spesifikasi File produk
Nama File : produk
Akronimfile : produk
Fungsi : Untuk Menyimpan Data Produk
Tipefile : Transaksi
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 237 Byte
Kuncifield : kd_produk
Software : Xampp
Tabel III.7
Spesifikasi File produk
No Elemen Data Akronim Tipe Panjang Keterangan
1. Kode produk kd_produk Char 5 Primary Key
2. nama produk nm_produk Varchar 50
3. harga produk harga_produk Int 12 ForeignKey
4. Harga jual Harga_jual Int 12
5. Stok Stok Int 4
6. keterangan Keterangan Text
7. File gambar File_gambar Varchar 100
8. Kode kategori Kd_kategori Char 4
8. Spesifikasi File Provinsi
Nama File : provinsi
Akronimfile : provinsi
Fungsi : Untuk Menyimpan data ongkir provinsi
Tipefile : Transaksi
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 115 Byte
Kuncifield : kd_produk
Software : Xampp
Tabel III.8
Spesifikasi File provinsi
No Elemen Data Akronim Tipe panjang keterangan
1 Kode provinsi Kd_provinsi Char 3 Primary key
2 Nama provinsi Nm_provinsi Varchar 30
3 Biaya kirim Biaya_kirim Int 12
9. Spesifikasi File tmp keranjang
Nama File : tmp keranjang
Akronimfile : tmp_keranjang
Fungsi : Untuk Menyimpan data pemesanan sementara
Tipefile : file transaksi
Organisasifile : Index Sequential
Aksesfile : Random
Media : Hard Disk
Panjang record : 31 Byte
Kuncifield : id
Software : Xampp
Tabel III.9
Spesifikasi File tmp keranjang
No Elemen Data Akronim File Tipe Panjang Keterangan
1 Id Id int 5 Primary key
2 Kode produk Kd_produk char 5
3 Harga Harga int 12
4 Jumlah Jumlah int 3
5 Tanggal Tanggal Date
6 Kode pelanggan Kd_pelanggan Char 6
3.5 Pengkodean
Setiap penguna harus memiliki id masing-masing sehingga dapat membatasi hak akses
dari masing-masing pengguna, di antaranya terdiri dari
A. Kd_barang
Contoh:
Keterangan :
X adalah inisial dari kode barang yaitu SPT
999 adalah inisial dari jenis sepatu
001 adalah inisial dari jenis sepatu contohnya sepatu nike
B. Kd_pelanggan
Contoh :
Keterangan :
XX adalah inisial dari kode pelanggan yaitu PL
9999 adalah inisial dari nomor urut pelanggan
PL adalah inisial dari nomor urut pelanggan
00006 adalah inisial dari nomor urut pelanggan
X 9
-
X 9 0 S
S
9 T
X 9 9 0 6 0 0 L P
0 P 1 X
X 9 9
C. No_pemesanan
Contoh :
Keterangan :
XX Adalah inisial dari kode pemesanan yaitu PS
999999 adalah inisial dari nomor urut pemesanan
PS adalah inisial dari kode pemesanan yaitu pemesanan
000001 adalah inisial dari nomor urut pemesanan pelanggan
3.6. Spesifikasi Program
Struktur navigasi yang digunakan untuk pembuatan website ini adalah struktur navigasi
campuran melalui struktur navigasi web ini, terlihat bagaimana isi dan susunan dari sebuah web
secara keseluruhan. Pembuatan struktur navigasi pada web ini nantinya akan sangat membantu
ketika membuat rancangan seluruh web . berikut rancangan navigasi web:
X 9
9 X 1 P 0 0 0 0 0 S 9 9 9 9
A. Struktur Navigasi Halaman Admin
Gambar III.3
Struktur Navigasi Halaman Admin
B. Struktur Navigasi Halaman Pengunjung
Gambar III.4
Struktur Navigasi Halaman Pengunjung
C. Struktur Navigasi Halaman Pelanggan
Gambar III.5
Struktur Navigasi Halaman Pelanggan
3.7. Spesifikasi Sistem Komputer
Untuk mengetahui sarana pendukung program ini, penulis akan menjelaskan perangkat
keras (hardware) dan perangkat lunak (software) dan konfigurasi sistem komputer.
1. Perangkat keras (hardware)
Perangkat keras adalah komponen pada komputer yang dapat terlihat dan disentuh secara
fisik. Jadi, rupa secara fisik dari komputer dapat disebut sebagai hardware atau perangkat keras.
Adapun perangkat keras yang digunakan oleh penulis adalah sebagai berikut:
a. Microprocessor :Prosesor berkecepatan 1.80GHz (2CPUs), ~ 1,8GH
b. Memory Size : 2GB
c. Monitor : LCD
d. Hardisk : 300 gb
2. Perangkat Lunak (software)
Perangkat Lunak adalah kumpulan data elektronik yang disimpan dan diatur oleh komputer, data
elektronik yang disimpan komputer bisa berupa program yang berguna untuk menjalankan suatu
perintah. Software ini tidak bisa dipegang. Adapun perangkat lunak yang digunakan oleh penulis
sebagai berikut:
a. Sistem Operasi : Windows 10 ultimate
b. Program Design : Sublime Text
c. Bahasa Script : PHP
d. Web Server : Apache
e. Web Browser : Google Chrome
f. Database : MySQL
3.8. Implementasi
Implementasi pada website penjualan Sepatu Bola, berdasarkan hasil rancangan
antarmuka :
1. Implementasi Halaman Utama pengunjung
Gambar III.6
Implementasi Halaman Utama
2. Implementasi Halaman Profil pengunjung
Gambar III.7
Implementasi Halaman Profil Pengunjung
3. Implementasi Halaman Produk
Gambar III.8
Implementasi Halaman Produk
4. Implementasi Halaman Panduan pengunjung
Gambar III.9
Implementasi Halaman Panduan Pengunjung
5. Implementasi Halaman Login Admin
Gambar III.10
Implementasi Halaman Login Admin
6. Implementasi Halaman Utama Admin
Gambar III.11
Implementasi Halaman Utama Admin
7. Implementasi Halaman Ganti Password Admin
Gambar III.12
Implementasi Halaman Ganti Password Admin
5. Implementasi Halaman Data ongkir provinsi Admin
Gambar III.13
Implementasi Halaman Data ongkir provinsi Admin
6. Implementasi Halaman Data Kategori Admin
Gambar III.14
Implementasi Halaman Data Kategori Admin
7. Implementasi Halaman Data Produk Admin
Gambar III.15
Implementasi Halaman Data Produk Admin
8. Implementasi Halaman Data Pelanggan Admin
Gambar III.16
Implementasi Halaman Data Pelanggan Admin
9. Implementasi Halaman Data Pemesanan Admin
Gambar III.17
Implementasi Halaman Data Pemesanan Admin
10. Implementasi Halaman Konfirmasi Transfer Admin
Gambar III.18
Implementasi Halaman Konfirmasi Transfer Admin
11. Implementasi Halaman Pemesanan Masuk Admin
Gambar III.19
Implementasi Halaman Pemesanan Masuk Admin
12. Implementasi Halaman Laporan Pemesanan Lunas
Gambar III.20
Implementasi Halaman Laporan Pemesanan Lunas
3.9. Pengujian Unit
Pengujian unit terhadap program yang dibuat menggunakan Blackbox Testing yang fokus
terhadap proses pemasukan dan pengeluaran.
1. Pengujian terhadap Halaman Login Admin
Tabel III.10
Halaman Login Admin
No Skenario Test case Hasil yang Hasil Kesimpula
pengujian diharapkan pengujian n
1 username dan
password
tidak diisi
kemudian
klik tombol
login
username
(kosong)
Password
(kosong)
Sistem akan
menolak dan
menampilkan
Data
username
tidak boleh
kosong, Data
Password
tidak boleh
kosong
Sesuai
harapan
Valid
2 username
diisi dengan
benar dan
password
tidak diisi
atau kosong
kemudian
klik tombol
login
username (Hafiz)
Password
(kosong)
Sistem akan
menolak
akses dan
menampilkan
Data
password
tidak boleh
kosong
Sesuai
harapan
Valid
3 username
(kosong) dan
password
username
(kosong)
Password
Sistem akan
menolak dan
menampilkan
Sesuai
harapan
Valid
diisi dengan
benar
kemudian
klik login
(admin) Data
username
tidak boleh
kosong
4 Isi kedua
username
password
dengan
kondisi yang
salah
kemudian
klik tombol
login
Username
“putra”
(salah)
Password: 12345
(salah)
Sistem
merespon
akan tetapi
tidak
menampilkan
ke menu
utama
Sesuai
harapan
Valid
5 Isi username
dan password
dengan
kondisi yang
benar
kemudian
klik tombol
login
username : Hafiz
anwar (benar )
Password :
admin
(benar)
Sistem akan
menerima
login admin
dan
kemudian
langsung
menampilka
menu utama
administrator
Sesuai
harapan
Valid
2. Pengujian Terhadap Halaman Login Pelanggan
Tabel III.11
Halaman Login Pelanggan
No Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 username dan
password
tidak diisi
kemudian
klik tombol
login
Username
(kosong)
Password
(kosong)
Sistem akan
menolak dan
menampilkan
“LOGIN
ANDA SALAH
.............
Kesalahan
Input :
1 . Data
Username
kosong, silahkan
isi dengan benar
2 . Data
Password
kosong, silahkan
isi dengan benar
3 . Data
Username dan
Password yang
Anda masukan
belum benar
”
Sesuai
harapan
Valid
2 Username di
isi dengan
benar dan
password
tidak diisi
atau kosong
kemudian
Username hafiz
(benar)
Password
(kosong)
Sistem akan
menolak
akses dan
menampilkan
“LOGIN ANDA
SALAH
.............
Kesalahan
Input :
1 . Data
Password
kosong, silahkan
Sesuai
harapan
Valid
klik tombol
login
isi dengan benar
2 . Data
Username dan
Password yang
Anda masukan
belum benar
”
3 Username
(kosong) dan
password
diisi dengan
benar
kemudian
klik tombol
login
username
(kosong)
Password
(arema1987)
(benar)
Sistem akan
menolak dan
menampilkan
“
LOGIN
ANDA
SALAH
.............
Kesalahan
Input :
1 . Data
Username
kosong,
silahkan isi
dengan benar
2 . Data
Username dan
Password
yang Anda
masukan
belum benar
”
Sesuai
harapan
Valid
4 Isi salah satu
username
atau
password
dengan
kondisi yang
salah
kemudian
klik tombol
login
username“hafiz”
(benar)
Password: 12345
(salah)
Sistem akan
menolak dan
akan
menampilkan
“LOGIN ANDA
SALAH
.............
Kesalahan
Input :
1 . Data
Username dan
Password yang
Anda masukan
belum benar
”
Sesuai
harapan
Valid
5 Isi username
dan password
dengan
kondisi yang
benar
kemudian
klik tombol
login
Username hafiz
(benar )
Password :
arema1987
(benar)
Sistem akan
menerima
login
pelanggan
dan
kemudian
langsung
menampilka
menu utama
pelanggan
Sesuai
harapan
Valid
3. .Pengujian Terhadap Form Daftar Pelanggan
Tabel III.12
Halaman Form Daftar Pelanggan
No Skenario
Pengkodean
Test Cast Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Jika ada form yang
tidak diisi
kemudian klik
tombol daftar
PENDAFTARAN
Nama : Hafiz anwar
Kelamin:
(kosong)
Email : (kosong)
No.Handphone:
(kosong)
DATA LOGIN
Username :
(kosong)
Password : (kosong)
Password(lagi)
(kosong)
Sistem akan
menolak
akses
pelanggan
dan
menampilkan
“1. Data
Alamat Email
masih kosong
2. Data No.
Telepon masih
kosong
3. Data
Username
masih kosong
4. Data
Password
masih kosong”
Sesuai
Harapan
Valid
2 Jika semua form
Di isi maka
PENDAFTARAN
Nama pelanggan:
Kelamin:
Email:
No telepon:
DATA LOGIN
Username :
Password :
Password (lagi):
PENDAFTARAN
Nama pelanggan:
hafiz
Kelamin:
Laki-laki
Email:
Hafisanwar588@
Gmail.com
No telepon:
089648096150
DATA LOGIN
Username :hafiz
Sistem
menerima
akses daftar
dan bisa
masuk ke
menu login”
Sesuai
Harapan
Valid
Password :
Arema1987
Password (lagi):
Arema1987