BAB III PEMBAHASAN. Analisa kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh. berdasarkan kebutuhan pengguna dan kebutuhan sistem.

(1)

BAB III PEMBAHASAN

3.1. Analisa Kebutuhan

Analisa kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan kebutuhan sistem.

Berikut adalah table kebutuhan pengguna : No. Kebutuhan

Pengguna

Keterangan

1. Input a. Admin dapat memasukkan data kategori, data produk beserta harga dan spesifikasinya, upload gambar, serta data-data lain yang terdapat dalam website e-commerce.

b. Admin dapat menambahkan pengaturan system penjualan.

c. Customer dapat memasukkan data customer.

d. Customer dapat memasukkan order produk kedalam keranjang belanja dan dapat memasukkan lebih dari satu produk.

e.Customer dapat memasukan Konfirmasi Pembayaran 2. Output a. Sistem dapat menampilkan data kategori, data produk,

gambar produk, serta data-data lain pada halaman publik.

b. Sistem dapat menampilkan informasi tentang pengaturan atau modul-modul dalam system dan konfirmasi order dari customer yang telah diproses oleh admin.

c. Sistem dapat menampilkan informasi tentang data customer.

d. Sistem dapat menampilkan data pesanan customer.

28

(2)

3. Process a. Sistem memproses login untuk akses admin pada website.

b. Admin berhak mengatur, mengelola, dan melakukan proses keseluruhan data yang akan ditampilkan pada halaman publik.

c. Sistem melakukan logout untuk keamanan data yang dikelola oleh admin.

d. Setiap customer diwajibkan melakukan registrasi yang kemudian login dengan hanya satu username dan password untuk masuk kehalaman utama.

e. Customer dapat mengakses system dan melakukan pengisian data pribadi.

f. Customer dapat melakukan proses pemesanan produk setelah melakukan login.

g. Sistem melakukan logout untuk keamanan data customer setelah menggunakan website.

4. Performance a. Sistem dapat mendukung penyimpanan data dengan menggunakan database agar data dapat tersimpan dengan baik, sehingga akan menghilangkan kemungkinan terjadinya redudansi, kerusakan, dan kehilangan data serta informasi yang dihasilkan lebih akurat.

b. Sistem memungkinkan admin untuk melakukan update data secara keseluruhan.

c. Sistem dapat melakukan proses data order yang dilakukan oleh customer.

d. Sistem memungkinkan customer mengetahui gambar produk, spesifikasi produk, dan harga produk tanpa harus bertatap muka langsung dengan pemilik. Hal ini dapat mengurangi pemborosan biaya dan waktu, khususnya untuk pihak sentra tidak perlu melakukan pengiriman

(3)

gambar secara manual, serta sebagai promosi produk secara elektronik, sehingga diharapkan dapat mengembangkan jaringan pemasaran dengan adanya peningkatan pemesanan produk.

e. Sistem memungkinkan konsumen untuk melakukan transaksi jual beli setiap saat dan dimana saja, karena system dapat diakses 24 jam sehari dengan syarat tersambung dengan internet.

f. Sistem mampu melakukan pencarian produk.

5. Control a. Sistem memberikan keamanan untuk akses admin dengan adanya username dan password yang hanya dapat diakses oleh admin itu sendiri.

b. Sistem memberikan keamanan untuk akses customer dengan adanya username dan password yang hanya dapat diakses oleh customer itu sendiri.

Tabel III. 1. Kebutuhan Pengguna Berikut adalah table kebutuhan sistem :

No. KebutuhanSistem Keterangan

1. Operating System Microsoft Windows 7 Professional

2. Server Asus

AMD E-350 APU, HD Graphics 1.60 GHz 2,00 GB RAM

3. XAMPP V3.1.0 installer Apache versi 2.4.10 Mysql client versi 5.6.20 phpMyAdmin versi 3.5.2.2 FileZilla server versi 0.9.41 Beta 4. Mozila Firefox Versi 38.0.5

5. Adobe Photoshop Versi CS3

Tabel III. 2. Kebutuhan Sistem

(4)

3.2 Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka

Menjelaskan rancangan antar muka interface yang terdapat pada web e- commerce Pada Toko Galihbumi

A. Rancangan Antarmuka Halaman Login Admin

Gambar III. 7. Rancangan Antarmuka Halaman Login Admin B. Rancangan Antarmuka Halaman Home Admin

Gambar III. 8. Rancangan Antarmuka Halaman Home Admin

(5)

C. Rancangan Antarmuka Halaman Data Barang

Gambar III. 9. Rancangan Antarmuka Halaman Data Barang D. Rancangan Antarmuka Halaman Data Kategori

Gambar III. 10. Rancangan Antarmuka Halaman Data Kategori

(6)

E. Rancangan Antarmuka Halaman Data Provinsi

Gambar III. 11. Rancangan Antarmuka Halaman Data Provinsi F. Rancangan Antarmuka Halaman Data Pelanggan

Gambar III. 12. Rancangan Antarmuka Halaman Data Pelanggan

(7)

G. Rancangan Antarmuka Halaman Pemesanan Barang

Gambar III. 13. Rancangan Antarmuka Halaman Pemesanan Barang H. Rancangan Antarmuka Halaman Konfirmasi Transfer

Gambar III. 14. Rancangan Antarmuka Halaman Konfirmasi Transfer

(8)

I. Rancangan Antarmuka Halaman Laporan

Gambar III. 15. Rancangan Antarmuka Halaman Laporan J. Rancangan Antarmuka Halaman Password Admin

Gambar III. 16. Rancangan Antarmuka Halaman Password Admin

(9)

K. Rancangan Antarmuka Halaman Login User

Gambar III. 17. Rancangan Antarmuka Halaman Login User L. Rancangan Antarmuka Halaman Index User

Gambar III. 18. Rancangan Antarmuka Halaman Index User

(10)

M. Rancangan Antarmuka Halaman Home

Gambar III. 19. Rancangan Antarmuka Halaman Home N. Rancangan Antarmuka Halaman Produk

Gambar III. 20. Rancangan Antarmuka Halaman Produk

(11)

O. Rancangan Antarmuka Halaman Panduan

Gambar III. 21. Rancangan Antarmuka Halaman Panduan P. Rancangan Antarmuka Halaman Konfirmasi

Gambar III. 22. Rancangan Antarmuka Halaman Konfirmasi

(12)

Q. Rancangan Antarmuka Halaman Tentang Kami

Gambar III. 23. Rancangan Antarmuka Halaman Tentang Kami

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan dengan Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram (ERD).

Gambar III. 24. Entity Relationship Diagram (ERD)

(13)

B. Logical Relational Structure (LRS)

Gambar III. 25. Logical Relational Structure (LRS) Keterangan:

* : Primary Key/ Kunci Utama : Hubungan One to One

** : Foreign key/ Kunci Tamu : Hubungan One to Many

C. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau file-file penunjang untuk web). File-file ini tersimpan pada database Toko Galihbumi dengan parameter-parameter sbb :

1. Spesifikasi Tabel Barang Nama File : barang Akronim : Data barang

Fungsi : Tempat Menyimpan Data Produk Tipe File : File Master

(14)

Panjang record : Maksimal 93 karakter Akses File : Random

Organisasi File : Index Sequential Field Kunci : kd_barang Software : MySQL

Tabel III. 3. Spesifikasi Tabel Barang

Elemen Data Akronim Tipe Ukuran Keterangan kd_barang kd_barang Char 5 primary key

nm_barang nm_barang Varchar 30

harga_modal harga_modal Int 7

harga_jual harga_jual Int 7

stok stok Int 5

keterangan keterangan Text

file_gambar file_gambar Varchar 20 kd_kategori kd_kategori Char 4 Foreign key 2. Spesifikasi Tabel Kategori

Nama File : kategori Akronim : Data Kategori

Fungsi : Tempat Menyimpan Data kategori Tipe File : File Master

Organisasi File : Index Sequential Field Kunci : kd_kategori Software : MySQL

(15)

Tabel III. 4. Spesifikasi Tabel Kategori

Elemen Data Akronim Tipe Ukuran Keterangan kd_kategori kd_kategori Char 4 Primary key

nm_kategori nm_kategori Varchar 20

3. Spesifikasi Tabel Pelanggan Nama File : pelanggan Akronim : Data Pelanggan

Fungsi : Tempat Menyimpan Data Pelanggan Tipe File : File Master

Organisasi File : Index Sequential Field Kunci : kd_pelanggan Software : MySQL

Tabel III. 5. Spesifikasi Tabel Pelanggan

Elemen Data Akronim Tipe Ukuran Keterangan

kd_pelanggan kd_pelanggan Char 6 Primary key

nm_pelanggan nm_pelanggan Varchar 30

kelamin kelamin Enum(‘Laki-laki”,’perempuan’) -

Email email Varchar 30

no_telepon no_telepon Varchar 13

username username Varchar 20

password password Varchar 20

tgl_daftar tgl_daftar Date

(16)

4. Spesifikasi Tabel Pemesanan

Nama File : pemesanan

Akronim : Transaksi Pemesanan

Fungsi : Tempat menyimpan data detail pemesanan barang Tipe File : File Master

Organisasi File : Index Sequential Field Kunci : no_pemesanan Software : MySQL

Tabel III. 6. Spesifikasi Tabel Pemesanan

Elemen Data Akronim Tipe Ukura Keterangan

no_pemesanan no_pemesanan Char 8 Primary key kd_pelanggan kd_pelanggan Char 6 Foreign key tgl_pemesanan tgl_pemesanan Date -

nama_penerima nama_penerima Varchar 30

alamat_lengkap alamat_lengkap Varchar 50

kd_provinsi kd_provinsi Char 3

kota kota Varchar 40

kode_pos kode_pos Varchar 5

no_telepon no_telepon Varchar 13 status_bayar status_bayar Enum(‘pesan’,’lu

nas’,batal’)

(17)

5. Spesifikasi Tabel Pemesanan Item

Nama File : pemesanan_item Akronim : Pemesanan Barang

Fungsi : Tempat Menyimpan DataBarang yang dipemesanan

Costomer

Tipe File : File Master

Organisasi File : Index Sequential Field Kunci : id

Software : MySQL

Tabel III. 7. Spesifikasi Tabel Pemesanan Item

Elemen Data Akronim Tipe Ukuran Keterangan

Id id int 4 Primary key

no_pemesanan no_pemesanan Char 8

kd_barang kd_barang Char 5

harga harga int 7

jumlah jumlah int 4

6. Spesifikasi Tabel Data Provinsi Nama File : provinsi Akronim : provinsi

Fungsi : Tempat Menyimpan Data provinsi dan biaya kirim barang Tipe File : File Master

(18)

Panjang record : Maksima 65 karakter Akses File : Random

Organisasi File : Index Sequential Field Kunci : kd_provinsi Software : MySQL

Tabel III. 8. Spesifikasi Tabel Provinsi

Elemen Data Akronim Tipe Ukuran Keterang

kd_provinsi kd_provinsi char 3 Primary

nm_provinsi nm_provinsi Varchar 50

biaya_kirim biaya_kirim int 5

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi pada online Toko Galihbumi adalah struktur navigasi Hirarki (Hierarchical). Melalui struktur navigasi ini, dapat terlihat bagaimana isi dan susunan dari sebuah website secara menyeluruh.

Gambar III. 26. Struktur Navigasi User

(19)

Gambar III. 27. Struktur Navigasi Admin 3.3 Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada web e-commerce pada Galihbumi.

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.

(20)

Gambar III. 28. Halaman Admin Login 2. Halaman Admin

Halaman login admin berisi modul-modul yang digunakan oleh admin untuk mengelola konten website. Halaman ini akan tampil setelah admin melakukan proses login pada halaman login admin.

Gambar III. 29. Halaman Admin

(21)

3. Halaman User

Halaman user berisi tentang semua informasi mengenai perusahaan termasuk juga informasi tentang produk yang dijual. Proses pemesanan produk dilakukan pada halaman user.

Gambar III. 30. Halaman User

(22)

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan web e-commerce.

1. Spesifikasi Perangkat Keras a. Server

1). CPU

(a) AMD E-350 APU 1.60 GHz (b) RAM DDR3 2 GB

(c) Hard Disk 500 GB 2) Mouse

(a) Logitech B100 Optical Mouse USB 3) Keyboard

(a) Logitech Classic keyboard K100 USB 4) Monitor resolusi layar

(a) Minimum 800x600 (b) Maksimum 1366x768

5) Koneksi internet dengan kecepatan 100 kbps.

2. Spesifikasi Perangkat Lunak 1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Fedora, dan lain-lain).

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang terdiri dari beberapa komponen, diantaranya:

(23)

(1) Aplikasi Apache Server v2 (2) Aplikasi PHP Server v5 (3) Aplikasi MySQL Server v5 (4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Lihat seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Fedora,dan lain-lain).

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.

3.3.2. Pengujian Unit

Pengujian terhadap program yang kelompok 10 menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap 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 login admin dan menampilan pesan Error!

1. Data Username tidak boleh kosong 2. Data Password tidak boleh kosong

Sesuai Harapan

Valid

(24)

2. Mengetikkan Username di isi Password tidak diisi atau kosong kemudian klik tombol login

Username:

“admin”

Password : (kosong)

1. Data Password tidak boleh kosong

Sesuai Harapan

Valid

3. Username tidak diisi atau kosong dan Password diisi kemudian klik tombol login

Username:

(kosong) Password:

“admin”

1. Data Username tidak boleh kosong

Sesuai Harapan

Valid

4. Mengetikkan salah satu kondisi salah pada

Username atau Password kemudian klik tombol login

Username:

“admin”

(benar) Password:

“mimin”

(salah)

Coba masukan Password anda dengan benar.

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 langsung menampilkan menu utama Admin.

Sesuai Harapan

Valid

Tabel III. 9. Hasil Pengujian Black Box Testing Halaman Login Admin

(25)

B. Pengujian Terhadap Form Login User

No. Skenario

Hasil

pengujian Kesimpulan 1. Username dan

Password tidak diisi kemudian klik tombol login

Username : (kosong) Password:

(kosong)

Sistem akan (menolak) akses login dan

menampilan pesan 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. Mengetikkan Username dan Password tidak diisi atau kosong kemudian klik tombol login

Username:

“fadly”

Password : (kosong)

Kesalahan Input : 1 . Data Password kosong, silahkan isi dengan benar 2 . Data Username dan Password yang Anda masukan belum benar

Sesuai Harapan

Valid

3. Username tidak diisi atau kosong

Username:

(kosong)

Sesuai Harapan

Valid

(26)

dan Password diisi kemudian klik tombol login

Password:

“fadlyputra”

Kesalahan Input : 1 . Data Username kosong, silahkan isi dengan benar 2 . Data Username dan Password yang Anda masukan belum benar 4. Mengetikkan

salah satu kondisi salah pada

Username atau Password kemudian klik tombol login

Username:

“fadly”

(benar) Password:

“fadly”

(salah)

Kesalahan Input : 1 . Data Password yang Anda masukan belum benar

Sesuai Harapan

Valid

5. Mengetikkan Username dan Password dengan data yang benar kemudian klik tombol login

Username:

“fadly”

(benar) Password:

“fadlyputra”

(benar)

Sistem (menerima) akses login dan kemudian langsung menampilkan menu utama User.

Sesuai Harapan

Valid

Tabel III. 10. Hasil Pengujian Black Box Testing Halaman Login User

(27)

C. Pengujian Terhadap Form Daftar Member

No. Skenario

Hasil

pengujian Kesimpulan 1. Nama Pelanggan,

Alamat Email, No. Telepon, Username, Password tidak diisi (kosong) kemudian klik tombol “Daftar”

Nama Pelanggan : (kosong)

Alamat Email:

(kosong) No. Telepon:

(kosong) Username:

(kosong) Password:

(kosong)

Sistem akan (menolak) akses daftar member dan menampilan pesan Error!

1. Isi Nama Pelanggan 2. Isi Alamat Email

3. Isi No. Telepon 4. Isi Username 5. Isi Password

Sesuai Harapan

Valid

2. (isi) Nama Pelanggan, Alamat Email dan No. Telepon, Username, Password tidak diisi (kosong) kemudian klik tombol “Daftar”

Nama Pelanggan : “fadly dwi saftayana putra”

Alamat Email :

“fadlydsp@gmail .com”

No. Telepon : (kosong) Username : (kosong) Password : (kosong)

1. Isi No. Telepon 2. Isi Username 3. Isi Password

Sesuai Harapan

Valid

3. Nama Pelanggan, Alamat Email tidak diisi

(kosong) dan No.

Telepon, Username, Password (isi) kemudian klik

Nama Pelanggan:

(kosong) Alamat Email:

(kosong) No. Telepon:

“087881088918”

Username:

“fadly”

Password:

1. Isi Nama Pelanggan 2. Isi Alamat Email

Sesuai Harapan

Valid

(28)

tombol “Daftar” “fadlyputra”

4. (isi) Nama Pelanggan, Alamat Email No.

Telepon, Username, Password kemudian klik tombol “Daftar”

Nama Pelanggan:

“fadly dwi saftayana putra”

Alamat Email:

“fadlydsp@gmail .com”

No. Telepon:

“087881088918”

Username:

“fadly”

Password:

“fadlyputra”

Sistem (menerima) akses member, lalu disarankan untuk login kembali kemudian langsung menampilkan menu utama.

Sesuai Harapan

Valid

5. Mendaftarkan Username baru dengan data nama user yang sudah ada kemudian klik tombol

“Daftar”

Username:

“fadly”

Sistem akan (menolak) akses daftar member dan menampilan pesan : Error! User

“fadly” Sudah Ada Yang Menggunakan, Coba Gunakan Username Lain.

Sesuai Harapan

Valid

Tabel III. 11. Hasil Pengujian Black Box Testing Halaman Daftar Member D. Pengujian Terhadap Form Alamat Tujuan Pengiriman Barang

No. Skenario pengujian Test case Hasil yang diharapkan

Hasil

pengujian Kesimpulan

1.

Nama Penerima, Alamat Tujuan,

Nama Penerima : (kosong)

Sistem akan (menolak) akses

Sesuai Harapan

Valid

(29)

Provinsi Tujuan, Kota Tujuan, Kode Pos, No. Telepon tidak diisi (kosong) kemudian klik tombol “Simpan &

Lanjutkan Transaksi”

Alamat Tujuan : (kosong)

Provinsi Tujuan : (kosong)

Kota Tujuan : (kosong) Kode Pos : (kosong) No. Telepon : (kosong)

Alamat Tujuan Pengiriman Barang dan menampilan pesan

Error!

1. Data Nama Penerima masih kosong

2. Data Alamat Tujuan Pengiriman masih kosong 3. Data Provinsi Pengiriman belum dipilih

4. Data Kota Tujuan masih kosong

5. Data Kode Pos masih kosong 6. Data No. Telepon masih kosong 2. (isi) Nama

Penerima, Alamat Tujuan, Provinsi Tujuan, Kota Tujuan dan Kode Pos, No. Telepon tidak diisi (kosong) kemudian klik tombol “Simpan &

Nama Penerima : (fadlyputra) Alamat Tujuan : (Jl.Gunung Indah IV RT02/03 Ciputat Cirendeu) Provinsi Tujuan : (Banten)

Kota Tujuan : (kosong) Kode Pos :

Sistem akan (menolak) akses Alamat Tujuan Pengiriman Barang dan menampilan pesan

Error!

1. Data Kota Tujuan masih kosong

2. Data Kode Pos

Sesuai Harapan

Valid

(30)

(kosong) No. Telepon : (kosong)

masih kosong 3. Data No. Telepon masih kosong 3. Nama Penerima,

Alamat Tujuan, Provinsi Tujuan, Kota Tujuan dan Kode Pos, No.

Telepon (diisi) kemudian klik tombol “Simpan &

Nama Penerima : (kosong)

Alamat Tujuan : (kosong)

Provinsi Tujuan : (kosong)

Kota Tujuan : (Tangerang) Kode Pos : (15419) No. Telepon : (+6287808030529)

Sistem akan (menolak) akses Alamat Tujuan Pengiriman Barang dan menampilan pesan

Error!

1. Data Nama Penerima masih kosong

2. Data Alamat Tujuan Pengiriman masih kosong 3. Data Provinsi Pengiriman belum dipilih

Sesuai Harapan

Valid

4. (isi) Nama Penerima, Alamat Tujuan, Provinsi Tujuan, Kota Tujuan dan Kode Pos, No. Telepon kemudian klik tombol “Simpan &

Nama Penerima : (fadlyputra) Alamat Tujuan : (Jl.Gunung Indah IV RT02/03 Ciputat Cirendeu) Provinsi Tujuan : (Banten)

Kota Tujuan : (Tangerang) Kode Pos : (15419) No. Telepon : (+6287808030529)

Sistem akan (Menerima dan Menyimpan) akses Alamat Tujuan Pengiriman Barang, kemudian langsung Klik Menu Tampil Transaksi lalu Cetak, maka akan muncul tabel Cetak

Sesuai Harapan

Valid

(31)

Lengkap Pemesanan Barang

Tabel III. 12. Hasil Pengujian Black Box Testing Halaman Alamat Tujuan Pengiriman Barang

E. Pengujian Terhadap Form Konfirmasi Pembayaran.

No. Skenario pengujian Test case Hasil yang diharapkan

Hasil

pengujian Kesimpulan

1.

No. Pemesanan, Nama Pelanggan, Jumlah Transfer (Rp.), Keterangan tidak diisi (kosong) kemudian klik tombol “Kirim”

No. Pemesanan:

(kosong)

Nama Pelanggan:

(kosong)

Jumlah Transfer (Rp.): (kosong) Keterangan:

(kosong)

Sistem akan (menolak) akses Konfirmasi Pembayaran dan menampilan pesan Error!

1. Data No.

Pemesanan masih kosong, isi sesuai dengan No Pemesanan Anda 2. Data Nama Penerima masih kosong, isi sesuai nama akun Anda 3. Data Jumlah Ditransfer (Rp) masih kosong, dan harus ditulis angka 4. Data Keterangan masih kosong