bab iii pembahasan 3.1. analisa kebutuhan · bidang penjualan. berikut spesifikasi kebutuhan dari...
TRANSCRIPT
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
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