BAB III PEMBAHASAN · 20 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Berdasarkan pengamatan penulis...
Transcript of BAB III PEMBAHASAN · 20 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Berdasarkan pengamatan penulis...
20
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Berdasarkan pengamatan penulis mengenai sistem yang berjalan pada web
penjualan Tas atas dasar kebutuhan pelanggan yang menginginkan cara berbelanja
secara online, sehingga dapat menghemat waktu, mengetahui kendala yang ada,
maka penulis mencoba merancang web penjualan Tas secara online.
Adapun analisa kebutuhan pada system informasi penjualan Tas ini adalah:
3.1.1. Kebutuhan user
a. User atau pelanggan dapat melihat halaman-halaman yang tersaji di website ini
dan jika ingin melakukan pemesanan barang pelanggan harus registrasi
menjadi anggota atau bila sudah menjadi anggota harus login terlebih dahulu.
b. User atau pelanggan dapat melakukan pemesanan dengan cara memilih produk
yang ada di menu produk, setelah mendapat produk yang diingkan pelanggan
bisa langsung memilih tombol beli gambar produk, kegunaan dan harga
produk sudah tertera, setelah itu pelanggan akan di arahkan ke keranjang belanja,
di halaman ini pelanggan dapat merubah jumlah produk yang akan di pesan.
c. Apabila user atau pelanggan telah melakukan transaksi, diharuskan melakukan
konfirmasi pembayaran di menu konfirmasi pembayaran.
d. Jika user atau pelanggan telah selesai melakukan aktivitas pemesanan di
website ini, pelanggan dapat memilih menu logout.
21
3.1.2. Kebutuhan admin
a. Admin diharuskan login terlebih dahulu untuk dapat mengakses atau masuk
kehalaman beranda.
b. Setelah masuk admin dapat melakukan aktivitas mengelola web sesuai
kebutuhan.
c. Admin dapat mengelola data user admin, menambah, mengedit dan menghapus
data kategori, data produk.
d. Admin dapat mengelola data transaksi meliputi data pelanggan, data pesanan,
dan konfirmasi pembayaran.
e. Jika admin telah selesai melakukan aktivitas di web ini, admin bisa memilih
menu logout.
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
Merupakan gambaran dari tampilan web yang di usulkan penulis. Pada urain
di bawah ini dapat di jelaskan rancangan antar muka Web Penjualan Tas.
A. Rancangan Antar Muka Halaman User
22
1. Rancangan Antar Muka Index
Gambar III.1 Rancangan Antar Muka Index
2. Rancangan Antar Muka Profil
Gambar III.2 Rancangan Antar Muka Profil
23
3. Rancangan Antar Muka Produk
Gambar III.3 Rancangan Antar Muka Produk
4. Rancangan Antar Muka Cara Belanja
Gambar III.4 Rancangan Antar Muka Cara Belanja
24
5. Rancangan Antar Muka Kontak Kami
Gambar III.5 Rancangan Antar Muka Kontak Kami
6. Rancangan Antar Muka Member Area
Gambar III.6 Rancangan Antar Muka Member Area
25
7. Rancangan Antar Muka Info
Gambar III.7 Rancangan Antar Muka Info
8. Rancangan Antar Muka Cari Produk
Gambar III.8 Rancangan Antar Muka Cari Produk
26
B. Sfesifikasi Rancangan Halaman Admin
1. Rancangan Antar Muka Login Admin
Gambar III.9 Rancangan Antar Muka Login Admin
2. Rancangan Antar Muka Beranda Admin
Gambar III.10 Rancangan Antar Muka Beranda Admin
27
3. Rancangan Antar Muka Ganti Password Admin
Gambar III.11 Rancangan Antar Muka Ganti Passwoard Admin
4. Rancangan Antar Muka Modul Admin
Gambar III.12 Rancangan Antar Muka Modul Admin
28
5. Rancangan Antar Muka Kategori Admin
Gambar III.13 Rancangan Antar Muka Kategori Admin
6. Rancangan Antar Muka Produk Admin
Gambar III.14 Rancangan Antar Muka Produk Admin
29
7. Rancangan Antar Muka Vendor Admin
Gambar III.15 Rancangan Antar Muka Vendor Admin
8. Rancangan Antar Muka Order Admin
Gambar III.16 Rancangan Antar Muka Order Admin
30
9. Rancangan Antar Muka Ongkos Kirim
Gambar III.17 Rancangan Antar Muka Ongkos Kirim
10. Rancangan Antar Muka Kontak Kami
Gambar III.18 Rancangan Antar Muka Kontak Kami
31
3.2.2. Rancangan Basis Data
Rancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan
dengan Entity Reltionship Diagram (ERD).
A. Entity Relationship Diagram
Gambar III.19 Entity Relationship Diagram
32
B. Logical Record Structure (LRS)
Gambar III.20 Logical Record Structure
C. Spesifikasi File
Spesifikasi file dibuat sebagai pendukung agar pemakai (user) program
mengetahui segala yang berhubungan dengan file ataupun field db_ta pada
pengolahan database.
1. Spesifikasi file admin
Nama File : admin
Akronim : admin.MYD
Fungsi : untuk menyimpan data admin
Tipe File : File Master
Organisasi File : index sequental
33
Akses File : random
Media : Harddisk
Panjang Record : 340 byte
Kunci Field : id_admin
Software : MySQl
Tabel III.1
Spesifikasi File Admin
No Elemen Data Nama Field Type Size Keterangan
1. Username Username varchar 50
2. Password Password varchar 50
3. Nama_Lengkap nama_lengkap varchar 100
4. Email Email varchar 100
5. No_telpon no_telp varchar 20
6. Level Level varchar 20
7. Blokir Blokir enum
2. Spesifikasi file Kategori
Nama File : kategori
Akronim : kategori.MYD
Fungsi : untuk menyimpan data kategori
Tipe File : File Master
Organisasi File : index sequental
34
Akses File : random
Media : Harddisk
Panjang Record : 105 byte
Kunci Field : id_kategori
Software : MySQl
Tabel III.2
Spesifikasi File Kategori
No Elemen Data Nama Field Type Size Keterangan
1. Id_kategori id_kategori int 5 Primary key
2. Nama_kategori nama_kategori varchar 50
3. Seo Seo varchar 50
3. Spesifikasi file Kontak
Nama File : kontak
Akronim : kontak.MYD
Fungsi : untuk menyimpan data kontak
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 255 byte
Kunci Field : id_kontak
35
Software : MySQl
Tabel III.3
Spesifikasi File Kontak
No Elemen Data Nama Field Type Size Keterangan
1. Id_kontak id_kontak integer 5 Primary key
2. Nama Nama varchar 50
3. Email Email varchar 100
4. Subjek subjek varchar 100
5. Pesan Pesan text
6. Tanggal tanggal date
4. Spesifikasi file Kota
Nama File : kota
Akronim : kota.MYD
Fungsi : untuk menyimpan data kota
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 113 byte
Kunci Field : id_kota
36
Software : MySQl
Tabel III.4
Spesifikasi File Kota
No Elemen Data Nama Field Type Size Keterangan
1. Id_kota id_kota integer 3 Primary key
2. Nama_kota nama_kota varchar 100
3. Ongkos_kirim ongkos_kirim integer 10
5. Spesifikasi file Modul
Nama File : modul
Akronim : modul.MYD
Fungsi : untuk menyimpan data Modul
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 160 byte
Kunci Field : id_modul
Software : MySQl
37
Tabel III.5
Spesifikasi File Modul
No Elemen Data Nama Field Type Size Keterangan
1. Id_modul id_modul Integer 5 Primary key
2. Nama_modul nama_modul Varchar 50
3. Link Link Varchar 100
4. Status Status Enum
5. Aktif Aktif Enum
6. Urutan Urutan Integer 5
6. Spesifikasi file Orders
Nama File : orders
Akronim : orders.MYD
Fungsi : untuk menyimpan data Orders
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 309 byte
38
Kunci Field : id_orders
Software : MySQl
Tabel III.6
Spesifikasi File Orders
No Elemen Data Nama Field Type Size Keterangan
1. Id_orders id_orders Integer 5 Primary key
2. Nama_customer nama_customer Varchar 50
3. Alamat_lengkap alamat_lengkap Varchar 100
4. Telpon Telpon Varchar 50
5. Email Email Varchar 50
6. Status_order status_order Char 50
7. Jam_order jam_order Time
8. Tanggal_order tgl_order Date
9. Id_kota id_kota Integer 4
7. Spesifikasi file Orders Detail
Nama File : orders detail
Akronim : orders.MYD
Fungsi : untuk menyimpan data Orders Detail
Tipe File : File Master
Organisasi File : index sequental
39
Akses File : random
Media : Harddisk
Panjang Record : 65 byte
Kunci Field :
Software : MySQl
Tabel III.7
Spesifikasi File Orders Detail
No Elemen Data Nama Field Type Size Keterangan
1. Id_orders id_orders Integer 5
2. Id_Produk id_Produk Integer 50
3. Jumlah Jumlah Integer 10
8. Spesifikasi file Orders Temp
Nama File : orders temp
Akronim : orders temp
Fungsi : untuk menyimpan data Orders Temp
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 230 byte
Kunci Field : id_orders_temp
40
Software : MySQl
Tabel III.8
Spesifikasi File Orders Temp
No Elemen Data Nama Field Type Size Keterangan
1. Id_orders_temp id_orders_temp integer 5 Primary key
2. Id_produk id_Produk integer 5
3. Id_session id_session varchar 100
4. Jumlah jumlah integer 20
5. Tanggal_order_temp tgl_order_temp Date
6. Jam_order_temp jam_order_temp varchar 100
9. Spesifikasi file Produk
Nama File : produk
Akronim : produk.MYD
Fungsi : untuk menyimpan data Produk
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
41
Panjang Record : 333 byte
Kunci Field : id_produk
Software : MySQl
Tabel III.9
Spesifikasi File Produk
No Elemen Data Nama Field Type Size Keterangan
1. Id_produk id_produk integer 5 Primary key
2. Id_kategori id_kategori integer 5
3. Id_vendor id_vendor integer 3
4. Nama_produk nama_produk varchar 100
5. Seo Seo varchar 10
6. Deskripsi deskripsi Text
7. Dimensi dimensi varchar 20
8. Berat berat double
9. H_awal h_awal integer 20
10. Harga harga integer 20
11. Ongkir ongkir integer 20
12. Stok Stok integer 20
13. Tanggal_masuk tgl_masuk Date
14. Gambar gambar varchar 100
42
15. Dibeli dibeli integer 4
16. Promo promo Char 3
17. Soon Soon Char 3
10. Spesifikasi file Vendor
Nama File : vendor
Akronim : vendor.MYD
Fungsi : untuk menyimpan data vendor
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 91 byte
Kunci Field : id_vendor
Software : MySQl
Tabel III.10
Spesifikasi File Vendor
No Elemen Data Nama Field Type Size Keterangan
1. Id_vendor id_review integer 11 Primary key
2. Nama_vendor nama_customer varchar 30
43
3. Seo Seo varchar 50
11. Spesifikasi file Member
Nama File : member
Akronim : member.MYD
Fungsi : untuk menyimpan data member
Tipe File : File Master
Organisasi File : index sequental
Akses File : random
Media : Harddisk
Panjang Record : 376 byte
Kunci Field : id_member
Software : MySQl
Tabel III.11
Spesifikasi File Member
No Elemen Data Nama Field Type Size Keterangan
1. Id_member id_member integer 11 Primary key
44
2. Nama nama varchar 50
3. Email email varchar 50
4. Telpon Tlp varchar 20
5. Alamat alamat varchar 200
6. Kota Kota varchar 25
7. Katasandi katasandi varchar 20
3.3. Implementasi dan pengujian Unit
3.3.1. Implementasi
A. Implementasi Halaman Rancangan Antar Muka
Implementasi rancangan antar muka pada web penjualan tas berdasarkan hasil
rancangan antar muka.
1. Halaman Index (Beranda)
Halaman ini adalah halaman depan dari semua halaman yang ada pada website.
45
Gambar III.21 Halaman Beranda
2. Halaman Profil Kami
Halaman ini merupakan profile dari web Penjualan Tas Wanita.
46
Gambar III.22 Halaman Profil
3. Halaman Produk
Halaman ini merupakan halaman yang menampilkan semua produk yang ada di
web Penjualan Tas Wanita.
Gambar III.23 Halaman Produk
4. Halaman Cara Belanja
47
Halaman yang menampilkan dan menjelaskan bagaimana cara Berbelanja di web
Penjualan Tas Wanita.
Gambar III.24 Halaman Cara Belanja
5. Halaman Kontak
Halaman untuk hubungi kontak web penjualan tas wanita.
Gambar III.25 Halaman Kontak
6. Halaman Member Area
48
Halaman untuk login member penjualan tas wanita.
Gambar III.26 Halaman Member
7. Halaman Info
Halaman untuk pemberitahuan informasi terbaru di web Penjualan Tas Wanita
Gambar III.27 Halaman Info
49
B. Implementasi Rancangan Antar Muka Admin
1. Halaman Login Admin
Admin harus login dahulu untuk melakukan kendali di ruang admin.
Gambar III.28 Halaman Login Admin
2. Halaman Beranda Admin
Halaman ini untuk menampilkan menu-menu yang ada pada halaman admin.
Admin dapat melihat, menambah, mengedit, menghapus semua yang ada di
menu admin.
Gambar III.29 Halaman Beranda Admin
50
3. Halaman Ganti Passwoard Admin
Halaman ini admin bisa mengganti passwoard yang lama menjadi passwoard
terbaru.
Gambar III.30 Halaman Ganti Password Admin
4. Halaman Manajemen Modul
Halaman ini admin bisa menambahkan modul dari web penjualan tas wanita.
Gambar III.31 Halaman Modul Admin
51
5. Halaman Kategori
Halaman ini admin bisa menambah atau menghapus nama kategori yang dijual
untuk web penjualan tas wanita.
Gambar III.32 Halaman Kategori Admin
6. Halaman Produk
Halaman ini admin bisa menambah atau menghapus produk yang dijual web
penjualan tas wanita.
Gambar III.33 Halaman Produk Admin
52
7. Halaman Vendor
Halaman ini admin bisa menambah atau menghapus merk tas yang dijual web
penjualan tas wanita.
Gambar III.34 Halaman Vendor Admin
8. Halaman Order
Pada halaman ini admin bisa melihat hasil order dari pelanggan yang sudah
memesan barang.
Gambar III.35 Halaman Order Admin
53
9. Halaman Ongkos Kirim Admin
Pada halaman ini admin bisa menambah atau menghapus harga ongkos kirim tas
yang dijual web penjualan tas wanita.
Gambar III.36 Halaman Ongkos Kirim Admin
C. Spesifikasi Sistem Komputer
Sebagai sarana pendukung yang digunakan dalam aplikasi website diperlukan
perangkat keras dan perangkat lunak yang baik. Dalam merancang website
penjualan tas wanita ini penulis memerlukan beberapa perangkat, yaitu:
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor AMD E-350
(b) RAMDDR3 2 GB
(c) Hard Disk 250 GB
2) Mouse
3) Keyboard
54
4) Monitor dengan layar minimum 1366x768
5) Koneksi internet dengan kecepatan 2 Mbps.
a. Client
1) CPU
(a) Processor AMD E-350
(b) RAMDDR3 2 GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan layar minimum 1366x768
5) Koneksi internet dengan kecepatan 2 Mbps
2. Spesifikasi perangkat lunak
1. Server
a. Sistem operasi yang digunakan: Microsoft windows
b. Aplikasi bundle web server : Xampp, yang terdiri dari beberapa
komponen, diantaranya:
(1) Aplikasi PHP Server
(2) Aplikasi MySQL Server
(3) Aplikasi phpMyAdmin
c. Aplikasi Web Mozilla Firefox, Google Chrome.
2. Client
a. Sistem operasi yang digunakan : Microsoft Windows b. Aplikasi web browser Mozilla Firefox, Google Chrome.
55
3.3.2 Rancangan Stuktur Navigasi
Dalam tinjauan kali ini penulis akan memaparkan bagaimana gambaran
struktur navigasi untuk halaman user dan halaman admin adapun stuktur navigasi
adalah struktur navigasi campuran. Adapun gambaran struktur navigasi untuk
halaman user dan admin website Tas Wanita adalah sebagai berikut:
1. Rancangan Stuktur Navigasi User
Gambar III.37 Struktur Navigasi Halaman User
56
2. Rancangan Stuktur Navigasi Halaman Admin
Gambar III.38 Struktur Navigasi Halaman Admin
3.3.3. Pengajuan Unit
Pengajuan terhadap program dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
57
A. Pengujian Terhadap Login Anggota
Tabel III.13
Hasil Pengujian Blackbox Testing Halaman Login Member
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1. Mengetikan
username tetapi password tidak di isi kemudian
klik tombol login
Username:
Fazliani
Fauziah
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
perintah
“Anda Belum
Mengisikan
Password”
Sesuai
harapan
Valid
2. Mengetikan salah satu kondisi salah
pada username atau Password kemudian klik
tombol login
Username”
Fazliani
Fauziah
Password:
1234
(salah)
Sistem akan
menolak dan
menampilan
perintah
“username
atau password
masih salah”
Sesuai
harapam
Valid
3.
Username tidak diisi(kosong)da
n password diisi kemudian klik tombol
login
Username:
(kosong)
Password
Tes
Sistem akan
menolak dan
menampilkan
perintah
“Anda belum
mengisikan
username”
Sesuai
harapan
Valid
5 Mengetikan username dan
password dengan benar
Username :
Fazliani
fauziah
Password :
Tes
Sistem
menerima dan
akses masuk
kemudian
menampilkan
perintah
“Anda
berhasil login
sebagai
Fazliani
Fauziah”
Sesuai
harapan
Valid
58
B. Pengujian Terhadap Halaman Kontak Kami
Tabel III.14
Hasil Pengujian Blackbox Testing Kontak Kami
No Skenario Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpulan
1. Semua field tidak diisi
kemudian klik tombol kirim
Langsung
menekan
tombol kirim
Sistem
menolak dan
menampilkan
perintah
“Anda Belum
Mengisi
nama”
Sesuai
Harapan
Valid
2. Nama diisi
dan email tidak diisi kemudian klik
kirim
Nama:
Fazliani
Email:
(kosong)
Sistem
menolak dan
menampilkan
perintah
“Anda Belum
Mengisikan
kontak”
Sesuai
Harapan
Valid
3. Namadan email diisi,
tetapi subjek tidak diisi kemudian klik
kirim.
Nama:
Fazliani
Email:
fazlianifauzia
id
Subjek:
(kosong)
Sistem
menolak dan
menampilkan
perintah
“Anda Belum
Mengisikan
subjek”
Sesuai
Harapan
Valid
59
4. Nama, email, subjek diisi
tetapi pesan tidak diisi kemudian klik
kirim
Nama: Fazliani
Email: fazlianifauzia
Subjek: Tes
Pesan: (kosong)
Sistem menolak dan
menampilkan perintah “Anda Belum
Mengisikan isi pesan”
Sesuai Harapan
Valid
C. Pengujian Terhadap Login Admin
Tabel III.15
Hasil Pengujian Blackbox Testing Halaman Login Admin
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1. Username dan password tidak
di isi kemudian klik tombol login
Username
(kosong)
Password
(kosong)
Sistem akan menolak dan
menampilkan perintah “Anda Belum
Mengisi Username”
Sesuai Harapan
Valid
2. Mengetikan
username tetapi
password tidak
di isi kemudian
klik tombol
login
Username:
Admin
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
perintah
“Anda Belum
Mengisi
Password”
Sesuai
harapan
Valid
60
3 Mengetikan
salah satu
kondisi salah
pada username
atau Password
kemudian klik
tombol login
Username”
Admin
Password:
1234
(salah)
Sistem akan
menolak dan
menampilan
perintah
“username
atau password
anda tidak
benar”
Sesuai
harapam
Valid
4
Username diisi
dan password
diisi, tetapi
tidak mengisi
kode Captcha
(kosong)
kemudian klik
tombol login
Username:
Admin
Password:
Admin
Kode
Captcha:
(kosong)
Sistem akan
menolak dan
menampilkan
perintah
“Anda belum
mengisi kode
captcha”
Sesuai
harapan
Valid
5 Mengetikan
username dan
password
dengan benar
Username :
Admin
Password :
Admin
Kode
captcha:
TuuCwb
Sistem
menerima dan
akses masuk
kemudian
langsung
menampilkan
index atau
beranda
Sesuai
harapan
Valid
61
D. Pengujian Terhadap Halaman Tambah kategori
Tabel III.16
Hasil Pengujian Blackbox Testing Halaman Tambah Kategori
No Skenario
pengujian
Test case Hasil yang
Diharapkan
Hasil
pengujian
Kesimpulan
1 Nama
kategori tidak diisi kemudian klik
tombol simpan
Nama
kategori : (kosong)
Sistem akan
menolak dan menampilkan perintah
“anda belum mengisikan kategori”
Sesuai
harapan
Valid
E. Pengujian Halaman Tambah Produk
Tabel III.17
Hasil Pengujian Blackbox Testing Halaman Tambah Produk
No Skenario pengujian
Test case Hasil yang Diharapkan
Hasil pengujian
Kesimpulan
1. Nama barang tidak diisi kemudian klik
tombol simpan
Nama : (kosong)
Sistem akan menolak dan menampilkan
perintah “nama produk
sebaiknya diisi”
Sesuai harapan
Valid
2. Nama barang diisi tetapi
harga tidak diisi kemudian klik
tombol simpan
Nama: Balenciaga
Harga: (kosong)
Sistem akan menolak dan
menampilkan perintah “Harga Produk
harus diisi”
Sesuai harapan
Valid
62
3. Nama barang dan harga diisi,
Jenis Stok tidak di isi kemudian klik
tombol simpan
Nama: Balenciaga
Harga: 200000
Stok: (kosong)
Sistem akan menolak dan
menampilkan perintah “stok harus
diisi”
Sesuai harapan
Valid
4. Mengetikan
Nama barang, harga dan Stok dengan benar
Nama:
Balenciaga Harga:
200000 Stok:
10
Sistem
menerima dan akses masuk
kemudian langsung menampilkan
Halaman tambah Produk
Sesuai
harapan
Valid