17

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Analisa kebutuhan merupakan langkah awal untuk menentukan perangkat lunak

yang dihasilkan. Perangkat lunak yang baik dan sesuai dengan kebutuhan pengguna

sangat tergantung kepada keberhasilan dalam melakukan analisa kebutuhan. Jika

terjadi kesalahan dalam analisa kebutuhan, maka perangkat lunak yang dibuat

menjadi tidak berguna.

Agar perangkat lunak yang dibuat menjadi berguna, maka penulis menganalisa

kebutuhan dari toko online yang sudah banyak di internet, lalu dipilih salah satu

sistem toko online yang bagus dan di analisa sistem tersebut untuk di terapkan di toko

online yang penulis buat dengan beberapa modifikasi.

Hasil dari analisa kebutuhan tersebut maka penulis dapat membuat rancangan

sistem penjulan burung secara online berbasis web agar dapat berguna khususnya di

bidang penjualan. Berikut spesifikasi kebutuhan dari sistem yang penulis buat:

A. Halaman Customer

1. Customer memilih produk yang akan dibeli dan ditambahkan ke keranjang

belanja.

2. Customer dapat memfilter produk berdasarkan kategori produk.

3. Customer dapat melihat harga produk.

4. Customer dapat melihat detail produk.

5. Sistem melakukan kalkulasi jumlah produk dan total pembelian.

18

6. Customer dapat melakukan konfirmasi pembayaran setelah menjadi member.

7. Customer dapat melihat profil.

8. Customer dapat melihat komentar.

B. Halaman Administrator

1. Administrator dapat mengelola data customer

2. Administrator dapat mengelola data produk.

3. Administrator dapat mengelola bank account.

4. Administrator dapat mengelola konfirmasi pembayaran.

5. Administrator dapat mengelola data transaksi.

6. Administrator dapat mengelola data admin.

7. Administrator dapat mengelola profile web.

8. Administrator dapat mengelola laporan penjualan

9. Administrator dapat mengubah status belum bayar menjadi sudah bayar.

3.2. Perancangan Perangkat Lunak

Perancangan perangkat lunak merupakan penjelasan detail yang berkaitan

dengan seluruh program, baik itu tampilan program maupun proses berjalannya

program yang sudah dirancang.

3.2.1 Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat didalam aplikasi

e-commerce.

19

A. Rancangan Antar Muka Login Admin

Halaman login adalah adalah halaman yang dibuat khusus untuk admin

website agar bisa masuk (login) ke dalam sistem website.

Gambar III.1. Rancangan Antar Muka Login Admin

B. Rancangan Antar Muka Menu Admin

Halaman menu admin untuk mengubah sistem website yang berisikan

customer, produk, konfirmasi, transaksi, admin, profile web dan laporan.

Gambar III.2. Rancangan Antar Muka Menu Admin

Gambar III.2. Rancangan Antar Muka Menu Admin

LOGO

Beranda

Customer

Produk

Konfimasi

Transaksi

Admin

Profile Web

ISI

Laporan

20

C. Rancangan Antar Muka Tampil Barang

Halaman tempat untuk mengetahui detail burung yang berisi harga, stok dan

keterangan produk.

Gambar III.3. Rancangan Antar Muka Tampil Barang

D. Rancangan Antar Muka Halaman Beranda

Halaman untuk melihat produk apa saja yang dijual didalam website.

Gambar III.4. Rancangan Antar Muka Halaman Beranda

21

E. Rancangan Antar Muka Data Member

Halaman untuk mengisi data costumer setelah membeli produk yang dibeli.

Gambar III.5. Rancangan Antar Muka Data Member

F. Rancangan Antar Muka Keranjang Belanja

Halaman untuk mengetahui produk apa saja yang dibeli dan untuk mengetahui

total produk yang di beli.

Gambar III.6. Rancangan Antar Muka Keranjang Belanja

Nama

Alamat

No Telepon

Username

Password

Email

Header

Footer

Home Profil Produk Testimoni Keranjang Login

22

G. Rancangan Antar Muka Konfirmasi Pembayaran

Halaman untuk costumer mengisi pembayaran produk yang dibeli.

Gambar III.7. Rancangan Antar Muka Konfirmasi Pembayaran

23

3.2.2 Basis Data

Perancangan basis data digambarkan dalam bentuk Entity Relationship

Diagram (ERD).

A. ERD (Entity Relationship Diagram )

Gambar III.8. Entity Relationship Diagram (ERD)

24

B. Logical Relational Structure (LRS)

Gambar III.9. Logical Relational Structure (LRS)

25

C. Spesifikasi File

Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam

rancangan aplikasi website yang di ajukan dan sebagai media penyimpanan, data dari

proses yang terjadi pada rancangan aplikasi website. Dalam aplikasi website ini

menggunakan satu buah database dengan nama burung, dan terdapat 6 tabel sebagai

berikut:

1. Spesifikasi File Pembeli

Nama File : Pembeli

Akronim : pembeli

Fungsi : Untuk menyimpan data pembeli

Tipe : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 163 karakter

Kunfi Field : id_cus

Software : MySQL

26

Tabel III.1

Spesifikasi File Pembeli

No. Elemen Data Nama Field Tipe Size Keterangan

1 Id_Costumer Id_cus varchar 10 Primary key

2 Nama Costumer Nama_cus varchar 30

3 Alamat

Costumer

Alamat_cus text

4 Telepon

Costumer

Telp_cus varchar 13

5 Email costumer Email_cus varchar 50

6 Username Username varchar 30

7 Password Password varchar 30

2. Spesifikasi File Transaksi

Nama File : Transaksi

Akronim : transaksi

Fungsi : Untuk menyimpan data transaksi

Tipe : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 10 karakter

Kunfi Field : no_tran

27

Software : MySQL

Tabel III.2

Spesifikasi File Transaksi

No. Elemen Data Nama Field Tipe Size Keterangan

1 Nomer

Transaksi

No_tran varchar 10 Primary

key

2 Tanggal

Transaksi

Tanggal_transaksi date

3 Total

Transaksi

Total_transaksi int 10

3. Spesifikasi File Detail Transaksi

Nama File : Detail Transaksi

Akronim : detail_transaksi

Fungsi : Untuk menyimpan data transaksi

Tipe : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 10 karakter

Software : MySQL

28

Tabel III.3

Spesifikasi File Detail Transaksi

No. Elemen Data Nama Field Tipe Size Keterangan

1 Nomer

Transaksi

no_tran varchar 10 Foreign key

2 Sub Total Subtotal int 10

3 Quantity Qty int 5

4. Spesifikasi File Produk

Nama File : Produk

Akronim : produk

Fungsi : Untuk menyimpan data produk

Tipe : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 120 karakter

Kunfi Field : kode_produk

Software : MySQL

29

Tabel III.4

Spesifikasi File Produk

No. Elemen Data Nama Field Tipe Size Keterangan

1 Kode Produk Kode_produk varchar 10 Primary key

2 Nama Produk Nama_produk varchar 30

3 Harga Produk harga_produk int 10

4 Gambar Produk Gambar_produk varchar 50

5 Spesifikasi Spesifikasi text

6 Satuan Satuan varchar 30

7 Stok Stok int 5

5. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi

Tipe : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 221 karakter

Software : MySQL

30

Tabel III.5

Spesifikasi File Konfirmasi

No. Elemen Data Nama Field Tipe Size Keterangan

1 Nomor

Transaksi

No_trans varchar 10 Foreign key

2 Nama Bayar Nama_bayar varchar 50

3 Nama

Konfirmasi

Nama_konfirm varchar 50

4 Nama Bank Nama_bank varchar 30

5 Tanggal Bayar Tanggal_bayar date

6 Jumlah Jumlah varchar 30

7 Bukti Transfer Bukti_transfer varchar 50

8 Status Status char 1

6. Spesifikasi File Kategori

Nama File : Kategori

Akronim : kategori

Fungsi : Untuk menyimpan data kategori

Tipe : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

31

Panjang Record : 50 karakter

Kunfi Field : kode_kategori

Software : MySQL

Tabel III.6

Spesifikasi File Kategori

No. Elemen Data Nama Field Tipe Size Keterangan

1 Kode Kategori Kode_kategori varchar 10 Primary key

2 Nama Kategori Nama_kategori varchar 40

32

3.2.3 Rancangan Struktur Navigasi

Struktur Navigasi Website Campuran digunakan untuk menggambarkan

secara garis besar isi dari seluruh situs web dan menggambarkan bagimana hubungan

antara isi-isi tersebut. Pembuatan struktur navigasi website campuran akan sangat

membantu nantinya ketika akan membuat rancangan seluruh halaman web. Struktur

navigasi website yang baik adalah yang mampu memberitahukan kepada pengunjung

tentang lokasi mereka sekarang, lokasi –lokasi yang bias dikunjungi dari lokasi

sekarang.

1. Struktur Navigasi Customer

Gambar III.10. Struktur Navigasi Customer

33

2. Struktur Navigasi Admin

Gambar III.11. Struktur Navigasi Admin

34

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

1. Halaman Login Administrator

Administrator harus melakukan login terlebih dahulu untuk dapat mengelola

content website.

Gambar III.12. Halaman Login Administrator

2. Halaman Index Administrator

Setelah Admin berhasil login, maka tampilah menu home index administrator.

Gambar III.13. Halaman Index Administrator

35

3. Halaman Konfirmasi Pemesanan Produk

Halaman tempat mengubah status costumer belum bayar menjadi sudah bayar.

Gambar III.14. Halaman Konfirmasi Pemesanan Produk

4. Halaman Index Customer

Halaman beranda ketika costumer pertama kali membuka website Dunia

Burung.

Gambar III.15. Halaman Index Customer

36

5. Halaman Detail Produk

Halaman tempat untuk mengetahui detail burung yang berisi harga, stok dan

keterangan produk.

Gambar III.16. Halaman Detail Produk

6. Halaman Produk

Halaman untuk melihat burung apa saya yang dijual di dalam website dunia

burung

Gambar III.17. Halaman Produk

37

7. Halaman Keranjang Belanja

Halaman untuk mengetahui produk apa saja yang dibeli dan untuk mengetahui

total produk yang di beli.

Gambar III.18. Halaman Keranjang Belanja

8. Halaman Konfirmasi Pembayaran

Halaman untuk costumer mengisi pembayaran burung yang dibeli.

Gambar III.19. Halaman Konfirmasi Pembayaran

9. Halaman Laporan Data Penjualan

38

Halaman untuk mengetahui pemasukan data-data penjualan burung.

Gambar III.20. Halaman Laporan Data Penjualan

B. Spesifikasi Sistem Komputer

Sistem komputer merupakan salah satu prioritas utama dalam menjalankan

website. Dengan adanya sistem komputer maka proses pembuatan website ini dapat

dilakukan secara terstruktur.

Jalannya suatu program dengan menggunakan pemrograman dan dibantu

komputer sebagai media yang menjalankannya diharapkan dapat menghasilkan suatu

hasil output yang baik, seperti yang telah diterapkan pada perancangan website.

Untuk memperoleh hasil yang optimal dari jalannya suatu program diperlukan

dua elemen penting, yakni hardware dan software. Kedua elemen tersebut diharapkan

dapat saling melengkapi untuk terciptanya suatu program yang efektif dan sesuai

dengan apa yang diharapkan.

39

Berikut ini adalah spesifikasi perangkat keras (Hardware) dan perangkat

lunak (Software) yang penulis buat dalam membuat website ini.

1. Spesifikasi Perangkat Keras (Hardware)

Perangkat keras (hardware) adalah segala komponen yang membentuk suatu

sistem komputer dan peralatan lainnya yang memungkinkan komputer dapat

melaksanakan fungsinya.

Berikut merupakan penjelasan mengenai spesifikasi perangkat keras yang

mendukung dalam pembuatan website yang telah penulis buat:

a. Monitor : 14” LED HD (1366 x 768)

b. Processor : CORE I3

c. Memory : 6GB DDR3

d. Harddisk : 500GB

e. Keyboard : 88 Keys

f. Mouse : Toshiba

40

2. Spesifikasi Perangkat Lunak (Software)

Perangkat lunak juga merupakan salah satu elemen penting dalam merancang

pembuatan website. Berikut ini merupakan penjelasan mengenai perangkat lunak

yang digunakan dalam pembuatan website.

a. Sistem Operasi : Windows 10

b. Paket Program : App Server (XAMPP Control Panel Version 3.2.1,

WinMySQLAdmin Version 1.4,

PHPMyAdmin version 4.2.11)

c. Web Editor : Macromedia Dreamwever 8

d. Browser : Mozilla Firefox

41

3.3.2. Pengujian Unit

Pada tahapan pengujian unit penulis menggunakan blackbox testing.

1. Form Login Admin

Tabel III.7

Hasil Pengujian Black Box Testing Form Login Admin

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 akses dan

menampilkan pesan

pada form yang

kosong

Sesuai

Harapan Valid

2

Mengetikkan

username dan

password tidak

diisi atau kosong

kemudian klik

tombol login

Username :

admin

Password :

(kosong)

Sistem akan

menolak akses dan

menampilkan pesan

pada form yang

kosong

Sesuai

Harapan Valid

3

Username tidak

diisi (kosong) dan

password diisi

kemudian klik

tombol login

Username :

(kosong)

Password:

admin

Sistem akan

menolak akses dan

menampilkan pesan

pada form yang

kosong

Sesuai

Harapan Valid

4

Mengetikkan

salah satu kondisi

salah pada

username atau

password

kemudian klik

tombol login

Username :

admin (benar)

Password:

123

(salah)

Sistem akan

menolak akses dan

menampilkan “Maaf

username atau

password anda

salah”.

Sesuai

Harapan Valid

5

Mengetikkan

username dan

password dengan

data yang benar

kemudian klik

tombol login

Username :

admin (benar)

Password:

admin

(benar)

Sistem menerima

akses login dan

kemudian dialihkan

kehalaman utama

admin.

Sesuai

Harapan Valid

42

2. Form Login User

Tabel III.8

Hasil Pengujian Black Box Testing Form Login User

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 akses dan

menampilkan pesan

pada form yang

kosong

Sesuai

Harapan Valid

2

Mengetikkan

Username dan

password tidak

diisi atau kosong

kemudian klik

tombol login

Username :

customer

Password :

(kosong)

Sistem akan

menolak akses dan

menampilkan pesan

pada form yang

kosong

Sesuai

Harapan Valid

3

Username tidak

diisi(kosong) dan

password diisi

kemudian klik

tombol login

Username :

(kosong)

Password:

customer

Sistem akan

menolak akses dan

menampilkan pesan

pada form yang

kosong

Sesuai

Harapan Valid

4

Mengetikkan

salah satu kondisi

salah pada email

atau password

kemudian klik

tombol login

Username :

customer

(benar)

Password:

123

(salah)

Sistem akan

menolak akses user

dan menampilkan

“Username atau

Password anda

salah”.

Sesuai

Harapan Valid

5

Mengetikkan

Username dan

Password dengan

data yang benar

kemudian klik

tombol login

Username :

customer

(benar)

Password:

admin

(benar)

Sistem menerima

akses login dan

kemudian dialihkan

kehalaman utama

user.

Sesuai

Harapan Valid

43

3. Form Checkout

Tabel III.9

Hasil Pengujian Black Box Testing Form Checkout

No Skenario

Pengujian Test Case Hasil Yang Diharapkan

Hasil

Pengujian Kesimpulan

1

Tidak

memasukkan

Nama kemudian

diklik tombol

lanjutkan

Nama :

(kosong)

Tidak dapat menyimpan di

database dan akan secara

otomatis setfocus pada

textfield yang kosong

Sesuai

Harapan Valid

2

Tidak

memasukkan

Alamat kemudian

diklik tombol

lanjutkan

Alamat :

(kosong)

Tidak dapat menyimpan di

database dan akan secara

otomatis setfocus pada

textfield yang kosong Sesuai

Harapan Valid

3

Tidak

memasukkan

No.telepon

kemudian diklik

tombol lanjutkan

No.telepon

: (kosong)

Tidak dapat menyimpan di

database dan akan secara

otomatis setfocus pada

textfield yang kosong Sesuai

Harapan Valid

4

Tidak

memasukkan

Username

kemudian diklik

tombol lanjutkan

Username

: (kosong)

Tidak dapat menyimpan di

database dan akan secara

otomatis setfocus pada

textfield yang kosong

Sesuai

Harapan Valid

5

Tidak

memasukkan

Password

kemudian diklik

tombol lanjutkan

Password :

(kosong)

Tidak dapat menyimpan di

database dan akan secara

otomatis setfocus pada

textfield yang kosong

Sesuai

Harapan Valid

6

Semua diisi

Semua

textbox

terisi

benar

Dapat menyimpan data ke

Database

Sesuai

Harapan Valid

44

4. Form Konfirmasi Pembayaran

Tabel III.10

Hasil Pengujian Black Box Testing Form Konfirmasi Pembayaran

No Skenario

Pengujian Test Case Hasil Yang Diharapkan

Hasil

Pengujian Kesimpulan

1 Tidak

memasukkan

Metode bayar

Metode

bayar :

(kosong)

Tidak dapat menyimpan di

database dan akan muncul

pemberitahuan “Anda belum

mengisi metode bayar anda”

Sesuai

Harapan Valid

2 Tidak

memasukkan

Bukti transfer

Bukti

Transfer :

(kosong)

Tidak dapat menyimpan di

database dan akan muncul

pemberitahuan “Anda belum

mengisi Bukti transfer anda”

Sesuai

Harapan Valid

3 Semua diisi

Semua

textbox

terisi

benar

Dapat menyimpan data ke

Database

Sesuai

Harapan Valid

45

5. Form Input Produk

Tabel III.11

Hasil Pengujian Black Box Testing Form Input Produk

No Skenario Pengujian Test Case Hasil Yang Diharapkan

Hasil

Pengujian Kesimpulan

1

Tidak memasukkan

Nama produk

kemudian diklik

tombol simpan

Nama

produk :

(kosong)

Sistem akan menolak akses

dan menampilkan pesan

pada form yang kosong

Sesuai

Harapan Valid

2

Tidak memasukkan

Jenis kemudian

diklik tombol

Simpan

Jenis :

(kosong)

Sistem akan menolak akses

dan menampilkan pesan

pada form yang kosong

Sesuai

Harapan Valid

3

Tidak memasukkan

Harga kemudian

diklik tombol

Simpan

Harga :

(kosong)

Sistem akan menolak akses

dan menampilkan pesan

pada form yang kosong

Sesuai

Harapan Valid

4

Tidak memasukkan

Keterangan

kemudian diklik

tombol simpan

Keterangan

:

(kosong)

Sistem akan menolak akses

user dan menampilkan

“Username atau Password

anda salah”.

Sesuai

Harapan Valid

5

Tidak memasukkan

Gambar produkk

kemudian diklik

tombol simpan

Gambar

produk:

(kosong)

Sistem menerima akses

login dan

kemudian dialihkan

kehalaman utama user.

Sesuai

Harapan Valid

5

Semua diisi

Semua

textbox

terisi benar

Dapat menyimpan data ke

database

Sesuai

Harapan Valid