bab iii pembahasan...mencetak data pelangan dan pembayaran administrasi sebagai bukti bahwa proses...

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


3. Laporan Data Pelanggan

Fungsi : untuk mengetahui jumlah pelanggan

Sumber : admin

Media : cetak

Jumlah : 1

Frekuensi : setiap ada pendaftaran pelanggan


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


Kuncifield : kd_kategori

Software : Xampp

Tabel III.2

Spesifikasi file kategori


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


Aksesfile : Random

Media : Hard Disk


Kuncifield : id

Software : Xampp

Tabel III.3

Spesifikasi File konfirmasi


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


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


Aksesfile : Random

Media : Hard Disk


Kuncifield : no_pemesanan

Software : Xampp

Tabel III.5

Spesifikasi File pemesanan


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


Aksesfile : Random

Media : Hard Disk

Panjang record : 30 Byte

Kuncifield : id

Software : Xampp

Tabel III.6

Spesifikasi File Pemesanan item


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


Aksesfile : Random

Media : Hard Disk


Kuncifield : kd_produk

Software : Xampp

Tabel III.7

Spesifikasi File produk


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


Aksesfile : Random

Media : Hard Disk


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


Aksesfile : Random

Media : Hard Disk


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

bab iii pembahasan...mencetak data pelangan dan pembayaran administrasi sebagai bukti bahwa proses...

Documents