bab iii pembahasan · 3. nama dokumen : nota kontan fungsi : untuk memberikan detail pembelian...

19

BAB III

PEMBAHASAN

1.1. Analisis Kebutuhan

Kebutuhan program pada aplikasi Penjualan ikan ini memiliki dua kebutuhan

yaitu kebutuhan pengguna dan kebutuhan sistem:

1.1.1. Kebutuhan Sebagai Pengguna

Dalam kebutuhan sebagai pengguna itu dibagi menjadi tiga yaitu:

1. Kebutuhan sebagai Administrator

a. Mengelola data kontak pelanggan

b. Mengelola data ikan

c. Mengelola stok ikan

d. Mengelola data order

e. Mengelola data konfirmasi pembayaran

f. Mengelola data ongkos kirim

g. Membuat laporan data pemesanan

h. Membuat laporan data tranksaksi

2. Kebutuhan sebagai pelanggan

a. Melakukan transaksi pembelian ikan

b. Dapat melihat stok ikan

c. Dapat melihat history order

d. Dapat melihat struk pembelian produk

e. Dapat membuat pesanan kepada admin

f. Dapat mengupload struk pembayaran

20

g. Dapat melihat keranjang belanja

h. Dapat melakukan login

3. Kebutuhan sebagai pengunjung

a. Dapat melakukan pendaftaran

b. Setelah melakukan pendaftaran dapat melakukan login

c. Dapat melihat ikan

d. Dapat melihat stok ikan

1.1.2. Kebutuhan Sistem

Pada website ini memiliki beberapa sistem yang dapat bekerja secara

otomatis diantaranya seperti:

1. Pada sistem login, sistem akan secara otomatis menyesusaikan data yang di

inputkan dengan data yang ada didalam database. Pada sistem login ini juga, jika

melakukan dual login dengan akun yang berbeda pada satu aplikasi browser

maka salah satu akun akan keluar atau logout (akun yang pertama kali login).

2. Pada sistem transaksi sistem akan secara otomatis membuat struk pembelian dan

akan secara otomatis mentotalkan jumlah biaya yang harus dibayar.

3. Pada sistem stok ikan akan secara otomatis mengurangi stok ikan jika status

pembayaran lunas dan pada sistem juga menampilak jumlah stok yang tersedia.

4. Pada sistem validasi data pada setiap from input sistem akan secara otomatis

memberi pesan bahwa data yang di inputkan salah atau tidak lengkap. Salah satu

contohnya pada saat mengisi Email dan password jika salah, maka sistem akan

secara otomatis menampilkan pesan “Nomor telepon yang Anda Masukan harus

berupa Angka”

21

1.2. Rancangan Dokumen

Rancangan dokumen ini memiliki dua rancangan yaitu rancangan dokumen

masukan dan rancangan dokumen keluaran.

1.2.1. Rancangan Dokumen Masukan (Input)

Dibawah ini adalah rancangan dokumen masukan (input) :

1. Nama Dokumen : Form ikan

Fungsi : Untuk merubah data dan menambah stok ikan

Sumber : Admin

Tujuan : Pelanggan

Media : Layar monitor

Jumlah : 1 Form

Frekuensi : Setiap terjadi perubahan data ikan

Bentuk : Lampiran A1

2. Nama Dokumen : Form pembelian

Fungsi : Untuk melihat transaksi yang tersedia

Sumber : Admin

Tujuan : Pelanggan

Media : Layar Monitor

Jumlah : 1 Form

Frekuensi : Setiap terjadi transaksi pembelian ikan


22

3. Nama Dokumen : From data pelanggan

Fungsi : Untuk melihat pelanggan yang telah terdaftar

Sumber : Pelanggan

Tujuan : Admin


Jumlah : 1 Form

Frekuensi : Setiap terjadi pendaftaran akun pengunjung


4. Nama Dokumen : Form daftar

Fungsi : Untuk mendaftarkan menjadi pelanggan

Sumber : Admin

Tujuan : Pengunjung


Jumlah : 1 Form

Frekuensi : Setiap terjadi pendaftaran pelanggan


5. Nama Dokumen : Form konfirmasi pembayaran

Fungsi : Untuk upload bukti pembayaran

Sumber : Pelanggan

Tujuan : Admin

Media : Layar monitor

Jumlah : 1 Form

Frekuensi : Setiap terjadi upload bukti pembayaran

23


3.2.1. Ranacangan Dokumen Keluaran (Output)

Dibawah ini adalah rancangan dokumen keluaran (Output) :

1. Nama Dokumen : Laporan Data pembayaran ikan

Fungsi : Sebagai bukti proses pembayaran ikan

Sumber : Admin

Tujuan : Pelanggan


Jumlah : 1 From

Frekuensi : Setiap ada pembayaran masuk

Bentuk : Lampiran B1

2. Nama Dokumen : Laporan Pembelian

Fungsi : Untuk mengetahui transaksi pembelian

Sumber : Admin

Tujuan : Pemilik


Jumlah : 1 Form

Frekuensi : Setiap hari pada transaksi terakhir


24

3. Nama Dokumen : Nota Kontan

Fungsi : Untuk memberikan detail pembelian

Sumber : Admin

Tujuan : Pelanggan

Media : Dokumen

Jumlah : 1 Form

Frekuensi : Setiap ada pembelian kontan


3.3. Entity Relationship Diagram

Perancangan basis data mengahasilkan pemetaan table-tabel, digambar

dengan Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram (ERD)

Gambar III 1. Entity Relationship Diagram (ERD)

25

B. Logical Record Structure (LRS)

Gambar III 2. Logical Record Structure (LRS)

3.4. Spesifikasi File

Spesifikasi file ini terdiri dari table-tabel yang digunakan untuk menyimpan

data maupun untuk pengolahan data.

1. Spesifikasi File Data Admin

Nama File : Admin

Akronim : Admin.sql

Fungsi : Menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

26

Panjang Record : 65 Byte

Kunci field : id_admin

Software : Xampp

Tabel III 1. Spesikasi File Data Admin

2. Spesifikasi File Data Ikan

Nama File : ikan

Akronim : ikan.sql

Fungsi : Menyimpan data ikan

Tipe File : File master

Organisasi File : Index sequential

Akses File : Random

Media : Hard disk


Kunci field : id_ikan

Software : Mysql

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Admin id_admin Varchar 11 Primary key

2. Username username Varchar 12

3. Password Password Varchar 12

4. Nama Lengkap Nama_lengkap Varchar 30

27

Tabel III 2. Spesifikasi File Data Ikan

3. Spesifikasi File Data Ongkir

Nama File : ongkir

Akronim : ongkir.sql

Fungsi : Menyimpan data ongkos kirim

Tipe File : File Master

Organisasi : Index Sequential

Akses file : Random

Media : Hard disk


Kunci field : id_ongkir

Software : Mysql


1. Id ikan id_ikan Interger 11 Primary key

2. Nama ikan nama_ikan Varchar 15

3. Harga ikan harga_ikan Interger 11

4. Berat ikan berat_ikan Interger 11

5. Foto ikan foto_ikan Varchar 12

6. Deskripsi ikan deskripsi_ikan Text

7. Stok ikan stok_ikan Interger 5

28

Tabel III 3. Spesifikasi File Data Ongkir

4. Spesifikasi File Data Pelanggan

Nama File : Pelanggan

Akronim : pelanggan.sql

Fungsi : Menyimpan data pelanggan


Organisasi : Index sequential

Akses file : Random

Media : Hard disk


Kunci field : id_pelanggan

Software : Mysql


1. Id ongkir id_ongkir Interger 11 Primary key

2. Nama kota nama_kota Varchar 12

3. Tarif Tariff Interger 11

29

Tabel III 4. Spesifikasi File Data Pelanggan

5. Spesifikasi File Data Pembayaran

Nama File : Pembayaran

Akronim : pembayaran.sql

Fungsi : Menyimpan Data Pembayaran



Akses file : Random

Media : Hard disk


Kunci field : id_pembayaran

Software : Mysql


1. Id pelanggan id_pelanggan Varchar 11 Primary key

2. Email

pelanggan

email_pelanggan Varchar 20

3. Password

pelanggan

password_pelanggan Varchar 12

4. Nama

pelanggan

nama_pelanggan Varchar 30

5. Telepon

pelanggan

telepon_pelanggan Varchar 12

6. Alamat

pelanggan

alamat_pelanggan Text

30

Tabel III 5. Spesifikasi File Data Pembayaran

6. Spesifikasi File Data Pembelian

Nama File : Pembelian

Akronim : pembelian.sql

Fungsi : Menyimpan data pembelian



Akses file : Random

Media : Hard disk


Kunci field : id_pembelian

Software : Mysql


1. Id pembayaran id_pembayaram Interger 11 Primary key

2. Id pembelian id_pembelian Interger 11 Foreign key

3. Nama Nama Varchar 30

4. Bank Bank Varchar 30

5. Jumlah Jumlah Interger 11

6. Tanggal Tanggal Date

7. Bukti Bukti Varchar 30

31

Tabel III 6. Spesifikasi File Data Pembelian

7. Spesifikasi File Data Pembelian Ikan

Nama File : pembelian_ikan

Akronim : pembelian_ikan.sql

Fungsi : Menyimpan data pembelian ikan



Akses file : Random

Media : Hard disk


1. Id pembelian id_pembelian Interger 11 Primary key

2. Id pelanggan id_pelanggan Varchar 11 Foreign key

3. Id ongkir id_ongkir Interger 11 Foreign key

4. Tanggal pembelian tanggal_pembelian Date

5. Total pembelian total_pembelian Interger 11

6. Nama kota nama_kota Varchar 12

7. Alamat pengiriman alamat_pengiriman Text

8. Tarif Tariff Interger 11

9. Status pembelian status_pembelian Varchar 12

10. Resi pengiriman resi_pengiriman Varchar 12

32


Kunci field : id_pembelian_produk

Software : Mysql

Tabel III 7. Spesifikasi File Data Pembelian Ikan

3.5. Pengkodean

1. Id Admin

Setiap pengguna harus memiliki id masing-masing sehingga dapat membatasi

hak akses dari masing-masing pengguna, diantaranya terdiri dari:


1. Id pembelian

produk

id_pembelian_produk Interger 11 Primary key

2. Id pembelian id_pembelian Interger 11 Foreign key

3. Id ikan id_ikan Interger 11 Foreign key

4. Jumlah Jumlah Interger 11

5. Nama Nama Varchar 40

6. Harga Harga Interger 11

7. Berat Berat Interger 11

8. Sub berat Subberat Interger 11

9. Sub harga Subharga Interger 11

33

A D 0 1

Identitas

Jabatan

No

Urut

MX X X 9

Identitas

Jabatan

No

Urut

9 Contoh :

Ket : ADM = Untuk identitas Administrasi

2. Kode Pelanggan

Setiap pelanggan harus memiliki kode masing-masing agar dapat membatasi

akses dari masing-masing transaksi, diantaranya:

P L X X X

Jabatan Nomor urut pelanggan yang terdaftar

3. Kode Resi Pengiriman

Setiap pengiriman harus memiliki kode masing-masing sehingga dapat

membatasi pengiriman dari masing-masing produk, diantaranya terdiri:

X X X X X X P L 0 0 7

Tanggal pembelian Id pelanggan

3.6. Spesifikasi Sistem Komputer

Spesifikasi Sistem komputer saat ini akan membahas tentang spesifikasi

perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk

34

mengimplementasikan website Penjualan Ikan Predator Indonesia (PIPI) Berbasis

Web Online.

1. Spesifikasi perangkat keras

Spesifikasi perangkat keras minimum yang penulis gunakan untuk menjalankan

program yaitu:

a. Laptop

1) Processor Intel(R) Core(TM) i3 CPU M380 @2.53GHz 2.53GHz

2) RAM 3,00GB

3) 64-bit operating system, x64-based processor

4) Keyboard

5) Mouse optical/Touchpad

2. Spesifikasi perangkat lunak

Bagian penting lain yang mendukung program adalah perangkat lunak

(software) yang digunakan dalam mengeksekusi program aplikasi serta sistem

operasi yang akan digunakan untuk menjalankan program tersebut. Berikut ini adalah

spesifikasi perangkat lunak minimum yang penulis gunakan yaitu:

a. Sistem operasi : Windows 8.1 pro 64-bit

b. Text Editor : Sublime text dan Notepad++

c. Aplikasi web server yang digunakan adalah XAMPP yang tediri dari beberapa

komponen didalamnya yaitu:

1) Apache : Apache versi 2.4.23

2) MySQL :MySQL versi 5.6.28

35

3.7. Struktur Navigasi

A. Struktur Navigasi Halaman Index (halaman utama)

Pada halaman index sebagai pengunjung menggunakan struktur navigasi non

linier karena pada rangkaian Home, profil, keranjang, daftar produk, login, daftar,

dan checkout dapat diakses secara acak atau tidak terurut.

Gambar III 3. Struktur Navigasi Non-Linear pada Halaman Index

B. Struktur Navigasi Halaman Pelanggan

Pada halaman pelanggan menggunakan struktur navigasi linier karena pada

rangkaian Login, profil, keranjang, daftar produk, login, daftar, dan checkout dapat

diakses secara terurut.

Gambar III 4. Struktur Navigasi Linear pada Halaman Pelanggan

36

C. Struktur Navigasi Halaman Admin

Pada halaman pelanggan menggunakan struktur navigasi komposit karena pada

rangkaian login, home, ikan, hapus/ubah, pembelian/pembayaran, pembelian,

detail/pembayaran, resi pengiriman, dan logoutt dapat diakses secara bebas tetapi

terkadang dibatasi saat melakukan perubahan status transaksi.

Gambar III 5. Struktur Navigasi pada Halaman Admin

3.8. Implementasi

A. Implementasi Rancangan Form / Antar Muka

Implementasi rancangan antar muka pada Penjualan Ikan Predator Indonesia

(PIPI) Berbasis Web Online berdasarkan hasil rancangan antar muka.

1. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan

modul-modul yang tersedia Jika login berhasil, maka menu-menu yang sesuai

dengan kategori user tersebut akan ditampilkan.

37

Gambar III 6. Tampilan Antar Muka pada Halaman Login

2. Halaman Dashboard Admin

Setelah Admin melakukan login, admin akan masuk ke halaman Dashboard.

Gambar III 7. Tampilan Antarmuka pada Dashboard Admin

3. Halaman Dashboard Pengunjung

Pengunjung hanya bisa melihat tampilan daftar produk, profile, dan detai beserta

dengan stoknya saja. Jika pengunjung ingin melakukan transaksi sebaiknya daftar

untuk menjadi pelanggan.

38

Gambar III 8. Tampilan Antarmuka Dashboard Pengunjung

4. Halaman Pendaftaran

Halaman pendaftaran dilakukan jika pengunjung ingin melakukan transaksi.

Gambar III 9. Tampilan Antarmuka Pendaftaran

5. Halaman Login Pelanggan

Pelanggan harus login terlebih dahulu agar dapat melakukan transaksi, berikut

halaman login pada pelanggan.

39

Gambar III 10. Tampilan Antarmuka Login Pelanggan

6. Halaman Dashboard pelanggan

Perbedaan halaman dashboard pelanggan dengan pengunjung yaitu terletak pada

menu bar-nya yang memiliki menu riwayat belanja.

Gambar III 11. Tampilan Antarmuka Dashboard Pelanggan

7. Halaman Checkout pelanggan

Halaman checkout dilakukan kepada pengunjung yang telah mendaftarkan akun

sebagai pelanggan.

40

Gambar III 12. Tampilan Antarmuka Checkout Pelanggan

3.9. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login

Tabel III 8. Hasil Pengujian Black Box Testing Halaman Login

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Email dan

password tidak diisi

kemudian

klik tombol

login

Email: (kosong)

Password: (kosong)

Sistem akan

menolak akses user dan

menampilkan

“Anda gagal

login, periksa

akun anda!”

Sesuai

harapan Valid

2. Mengetikkan

Email dan

password

tidak diisi

atau kosong

kemudian

klik tombol login

Email: [email protected]

Password : (kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Anda gagal

login, periksa

akun anda!”

Sesuai

harapan Valid

3. Email tidak

diisi

(kosong) dan

password

diisi

kemudian

klik tombol

Email: (kosong)

Password: edhi

Sistem akan

menolak akses

user dan

menampilkan

“Anda gagal

login, periksa

akun anda!”

Sesuai

harapan Valid

41

login

4. Mengetikkan

salah satu

kondisi salah

pada Email

atau

password

kemudian

klik tombol

login

Email: edhi (benar)

Password:

Edhi123(salah)

Sistem akan

menolak akses

user dan

menampilkan

“Anda gagal

login, periksa

akun anda!”.

Sesuai

harapan

Valid

5. Mengetikkan

Email dan password

dengan data

yang benar

kemudian

klik tombol

login


(benar) Password: edhi (benar)

Sistem menerima

akses login dan kemudian

langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

8. Pengujian Terhadap Form Checkout

Tabel III 9. Hasil Pengujian Black Box Testing Checkout

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Tidak

melakukan

login akun

pelanggan

Email: (kosong)

Password: (kosong)

Sistem akan

menolak akses user

dan menampilkan

“silahkan login” dan

tujukan pada halaman login

Sesuai

harapan Valid

2. Mengetikk

an Email

dan

password

dengan

data yang

benar

kemudian

klik tombol

login


Password : edhi

Sistem akan

menerima akses user

dan menampilkan

“Anda gagal login,

periksa akun anda!” Sesuai

harapan Valid

3. Email Dan

password

diisi dengan

data yang

benar tetapi

melakukan

kecurangan

dengan

merubah id

pembelian

pada

halaman

checkout yang bukan

Id pembelian otomatis:

http://localhost/pipi/nota.php?id=5

(benar)

Id pembelian yang telah

dirubah

http://localhost/pipi/nota.

php?id=2

(salah)

Sistem akan

menolak akses user

dan menampilkan “Jangan Nakal Yah”

Sesuai

harapan Valid

mailto:[email protected]





42

otomatis

9. Pengujian Terhadap Form Keranjang

Tabel III 10. Hasil Pengujian Black Box Testing Form Keranjang

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Tidak

melakukan pembelian

ikan

Keranjang: (kosong) Sistem akan

menolak akses dan menampilkan

“Keranjang kosong!

Silahkan belanja

dulu” dan kembali

pada halaman daftar

ikan

Sesuai

harapan Valid

2. Memilih

salah satu

ikan

Keranjang: Channa

Pleuro

Sistem akan

menerima akses dan

menampilkan “ikan

telah masuk ke

keranjang belanja”

Sesuai

harapan Valid

3. Melakukan

pembelian ikan pada

form

keranjang

tidak

melakukan

login

terlebih

dahulu

Keranjang: Channa

Pleuro Email: (kosong)

Password: (ksosong)

Sistem akan

menolak akses user dan menampilkan

“Silahkan login”

dan ditujukan pada

halaman login

Sesuai

harapan Valid

10. Pengujian Terhadap Form Ubah Ikan

Tabel III 11. Hasil Pengujian Black Box Testing Form Ubah Ikan

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Tidak

melakukan

perubahan data maupun

stok

Nama Ikan: (Tidak

dirubah)

Harga: (Tidak Dirubah) Berat: (Tidak Dirubah)

Ganti Foto: (Tidak

Dirubah)

Ubah Stok: (Tidak

Dirubah)

Deskripsi: (Tidak

Dirubah)

Sistem akan

menerima data dan

menampilkan “data ikan telah dirubah”

dan kembali pada

halaman data ikan

Sesuai

harapan Valid

2. Melakukan

perubahan

data dan

perubahan

Nama Ikan: (Dirubah)

Harga: (Dirubah)

Berat: (Dirubah)

Ganti Foto: (Dirubah)

Sistem akan

menerima data dan

menampilkan “data

ikan telah dirubah”

Sesuai

harapan Valid

43

stok produk Ubah Stok: (Dirubah)

Deskripsi: (Dirubah)

dan kembali pada

halaman data ikan

11. Pengujian Terhadap Form Tambah Ikan

Tabel III 12. Hasil Pengujian Black Box Testing Form Tambah Ikan

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Tidak

melakukan

pengisian

data maupun

stok

Nama Ikan: (Tidak

diisi)

Harga: (Tidak Diisi)

Berat: (Tidak Diisi)

Ganti Foto: (Tidak

Diisi)

Ubah Stok: (Tidak

Diisi)

Deskripsi: (Tidak Diisi)

Sistem akan tidak

menerima data dan

menampilkan

“silahkan isi data

ikan” dan kembali

pada halaman data

ikan

Tidak

Sesuai

Harapan

Valid

2. Melakukan pengisian

data dan

stok produk

Nama Ikan: (Diisi) Harga: (Diisi)

Berat: (Diisi)

Ganti Foto: (Diisi)

Ubah Stok: (Diisi)

Deskripsi: (Diisi)

Sistem akan menambahkan data

ikan dan kembali

pada halaman data

ikan

Sesuai

Harapan Valid

3. Penginputan

harga ikan

tanpa titik (.)

Harga (Rp): 100000 Sistem akan

menginput data

dengan nilai yang

sesuai menjadi

100.000

Sesuai

Harapan Valid

4. Pinginputan

harga ikan

dengan menggunaka

n titik (.)

Harga (Rp): 100.000 Sistem akan

menginput data

dengan nilai 100 saja

Sesuai

Harapan Valid

12. Pengujian Terhadap Form Hapus Ikan

Tabel III 13. Hasil Pengujian Black Box Testing Form Hapus Ikan

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Melakukan

pengapusan

data ikan

Memilih salah satu ikan

yang ingin dihapus, lalu

memilih aksi hapus.

Sistem akan

menghapus data dan

menampilkan “ikan

telah dikembalikan”

dan kembali pada

halaman data ikan

Sesuai

harapan Valid

13. Pengujian Terhadap Form Riwayat Belanja

44

Tabel III 14. Hasil Pengujian Black Box Testing Form Nota Belanja

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Sudah

melakukan

pembelian

ikan

Memilih salah satu

pembelanjaan yang

ingin diketahui detai

pembelian dengan

memilih aksi nota

Sistem akan

menerima akses dan

melanjutkan ke

halaman detail

pembelian

Sesuai

Harapan Valid

2. Belum

melakukan

pembelian

Tidak bisa melakukan

aksi

Sistem menerima

akses tetapi tidak

dapat melakukan

aksi apapun

Sesuai

Harapan Valid

14. Pengujian Terhadap Form Pembayaran

Tabel III 15. Hasil Pengujian Black Box Testing Form Pembayaran

No

.

Skenario

pengujian


diharapkan

Hasil

pengujia

n

Kesimpulan

1. Tidak

mengisi

table yang

ada

Nama penyetor:

(kososng)

Bank: (kosong)

Jumlah: (kosong)

Foto bukti: (kosong)

Sistem akan

menolak akses dan

menampilkan

“Terimakasih sudah

mengirimkan bukti

pembayaran” dan

kembali ke halaman

riwayat belanja

Tidak

Sesuai

Harapan

Valid

2. Sudah melakukan

pengisian

tabel

Nama penyetor: (Diisi) Bank: (Diisi)

Jumlah: (Diisi)

Foto bukti: (Diisi)

Sistem menerima data dan menapilkan

“Terimakasih sudah

mengirimkan bukti

pembayaran” dan

kembali kehalaman

riwayat belanja

Sesuai

Harapan Valid

bab iii pembahasan · 3. nama dokumen : nota kontan fungsi : untuk memberikan detail pembelian...

Documents