Upload
others
View
11
Download
0
Embed Size (px)
Citation preview
39
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Analisa kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh
berdasarkan kebutuhan pengguna dan kebutuhan sistem.
1. Kebutuhan Pengguna
Pada aplikasi e-commerce terdapat pengguna yang dapat saling berinteraksi
dalam lingkungan sistem yaitu front-end untuk kebutuhan pengunjung dan back-
end untuk kebutuhan admin. Setiap pengguna mempunyai kebutuhan informasi
yang berbeda-beda, yaitu :
a. Administrator
1) Melakukan login admin
2) Melihat seputar kategori, produk, member, order, laporan penjualan, artikel,
testimoni, dan konfirmasi pembayaran.
3) Menghapus member
4) Menambah, mengedit, dan menghapus produk.
5) Menambah, mengedit, dan menghapus kategori
6) Menambah, mengedit, dan menghapus data user admin
7) Melihat detail Pembayaran
40
b. Pengunjung
1) Melihat seputar Home, Produk, Cara Order, Tentang Kami, Kontak Kami,
dan Testimoni serta melihat daftar produk dari setiap kategori dan
spesifikasi dari setiap produk.
2) Mengisi atau mendaftar menjadi member
c. Member
1) Melakukan login member
2) Mengisi keranjang belanja
3) Melakukan transaksi pembelian dan konfirmasi pembayaran
4) Melakukan logout
2. Kebutuhan Sistem
Pada aplikasi e-commerce terdapat sistem operasi yang digunakan untuk
mengendalikan program. Setiap sistem operasi mempunyai kegunaan masing-masing,
yaitu :
a. Pengunjung sebelum melakukan transaksi harus melakukan registrasi menjadi
member untuk dapat memesan produk.
b. Administrator melakukan login untuk masuk ke menu admin dan logout untuk
keluar.
c. Sistem harus dapat mengubah, mengedit dan menambah yang terdapat pada
menu admin.
41
3.2. Perancangan Perangkat Lunak
Suatu struktur yang diterapkan pada pengembangan produk perangkat lunak
yang bertujuan untuk mengembangkan sistem dan memberikan panduan yang
bertujuan untuk mensukseskan proses pengembangan sistem melalui tahap demi
tahap. Berikut adalah tahap dalam pengembangan perancangan perangkat lunak
3.2.1. Rancangan Antar Muka
Menjelaskan rancangan antar muka (interface) yang terdapat pada web e-
commerce.
1. Rancangan Antarmuka Login Admin
Gambar III.6
Rancangan Antarmuka Login Admin
Submit Reset
42
2. Rancangan Antarmuka Halaman Admin User
Gambar III.7
Rancangan Antarmuka Halaman Admin User
3. Rancangan Antarmuka Halaman Admin Artikel
4. Rancangan Antarmuka Halaman Admin
Gambar III.8
Rancangan Antarmuka Halaman Admin Artikel
Tambah Artikel
Judul Artikel
Gambar
Isi Artikel
Tambah Admin User
Username
password
Header
Home
Admin User
Kategori
Produk
Member
Order
Laporan
penjualan
Artikel
Pesan
Testimoni
Cancel
Save
Header
Home
Admin User
Kategori
Produk
Member
Order
Laporan penjualan
Artikel
Pesan
Testimoni
Save
Reset
No File Choosen
Choose File
43
5. Rancangan Antarmuka Halaman Admin Tambah Produk
Gambar III.9
Rancangan Antarmuka Halaman Admin
6. Rancangan Antarmuka Halaman User
Gambar III.10
Rancangan Antarmuka Halaman User
Tambah Produk
Nama produk
Kategori
Harga
Berat
Stok
Deskripsi
Gambar
Home
Admin User
Kategori
Produk
Member
Order
Laporan
penjualan
Artikel
Pesan
Testimoni
Header
Choose File
Save
Reset
Home
Cari Produk
Artikel
Kategori
Produk Cara Order Tentang kami Kontak Register Login
Slider CS Online
Bank Tranfer
Testimoni
v
No File Choosen
Footer
Isi
44
3.2.2. Rancamgan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan
dengan Entity Relationship Diagram (ERD).
1. Entity Relationship Diagram (ERD).
pelangganmelakukanbelanja
Transaksi_
penjualanpengiriman
Transaksi_
belanja
kategoribarang
memilik
memiliki mempunyai
mempunyai
mempunyai
alamat
Nama_kota
password
No_tlpn
nama
Id_kota
ukuran
Jumlah_barang
kode_barang
Id_belanja
biaya
username
Kode_transaksi
Total_belanja
Nama_kategori
Kode_barang
Id_kategori
Nama_barang
Deskripsi_barang
harga
gambar
Id_kategori
memiliki
Tgl_transaksino
username
Id_kota
Kode_barnag
Jumlah_barangKode_transaksi
Konfirmasi
nama_bank
kode_transaksi
mempunyai
no
nama_pemilik
Jumlah_transfer
usernama
Tgl_belanja
username
Tgl_transaksi
Biaya_pengiriman
alamat
status
Tgl_trans
Ukuran
icon
1
M
1
1 M 1
M
1
Stok
1
1melakukan
1
1
1
1
1
1
Gambar III.11
Entity Relationship Diagram (ERD)
45
2. Logical Relational Structure (LRS)
username *
password
nama
alamat
no_tlp
Pelanggan
kode_transaksi *
Tgl_transaksi
Username
Total_belanja
Biaya_pengiriman
alamat
status
Transaksi_belanja
id_belanja*
Kode_barang
jumlah_barang
ukuran
tgl_belanja
username**
Belanja
No*
kode_transaksi**
tgl_transaksi
jumlah_barang
Ukuran
username**
kode_barang**
id_kota**
Transaksi_penjualan
id_kota*
nama_kota
biaya
Pengiriman
kode_barang*
nama_barang
stok
harga
deskripsi_barang
gambar
id_katagori**
Barang
no**
Tgl_trans
kode_transaksi
nama_bank
nama_pemilik
jumlah_transfer
konfirmasi
id_katagori*
nama_katagori
icon
Katagori
1
M
‘
1
1
1
M
M
1
1
1
M
1 1
M
Gambar III.12
Logical Relational Structure (LRS)
46
3. 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 xerin
dengan parameter-parameter sbb :
1. Nama File : Table Admin
Akronim : admin
Fungsi : Sebagai tempat menyimpan data user admin
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 150 Karakter
Kunci Field : user_name
Software : MySQL
Table III.5
Spesifikasi File Admin
No Elemen data Nama field Type Size Keterangan
1 User_name Username Varchar 50 Primary Key
2 Password Password Varchar 100
47
2. Nama File : Table Pelanggan
Akronim : pelanggan
Fungsi : Sebagai tempat menyimpan data Pelanggan
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 220 Karakter
Kunci Field : username
Software : MySQL
Table III.6
Spesifikasi File Pelanggan
No Elemen data Nama field Type Size Keterangan
1 Username Username Varchar 50 Primary Key
2 Password Password Varchar 100
3 Nama Nama Varchar 50
4 Alamat Alamat Text
5 Nomer Telepon no_tlp Varchar 20
48
3. Nama File : Table Belanja
Akronim : belanja
Fungsi : Sebagai tempat menyimpan keranjang belanja sementara
Type File : File Sementara
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 65 Karakter
Kunci Field : id_belanja
Software : MySQL
Table III.7
Spesifikasi File Belanja
No Elemen data Nama field Type Size Keterangan
1 Id Belanja id_belanja Int 11 Primary Key
2 Kode Barang kode_barang Varchar 10 Foreign key
3 Jumlah Barang jumlah_barang Int 11
4 Ukuran ukuran varchar 3
5 Tanggal Belanja tgl_belanja Date
6 Username Username Varchar 30 Foreign key
49
4. Nama File : Table Transaksi Penjualan
Akronim : transaksi_penjualan
Fungsi : Sebagai tempat menyimpan detail transaksi pembelian
Type File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 114 Karakter
Kunci Field : no
Software : MySQL
Table III.8
Spesifikasi File Transaksi penjualan
No Elemen data Nama field Type Size Keterangan
1 Nomor No Int 11 Primary Key
2 Kode Transaksi kode_transaksi Varchar 10 Foreign key
3 Tanggal Transaksi tgl_transaksi Date
4 Jumblah Barang jumlah_barang Int 20
5 Ukuran ukuran Varchar 3
6 Username Username Varchar 50 Foreign key
7 Kode Barang kode_barang Varchar 10 Foreign key
8 Id Kota id_kota Varchar 10 Foreign key
50
5. Nama File : Table Transaksi Belanja
Akronim : transaksi_belanja
Fungsi : Sebagai tempat menyimpat status dalam setiap pembelian
Type File : File Trasaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 85 Karakter
Kunci Field : kode_transaksi
Software : MySQL
Table III.9
Spesifikasi File Transaksi Belanja
No Elemen data Nama field Type Size Keterangan
1 Kode Transaksi kode_transaksi Varchar 10 Primary key
2 Tanggal Transaksi tgl_transaksi Date
3 Username Username Varchar 50 Foreign key
4 Total Belanja total_belanja double
5 Biaya Pengiriman biaya_pengiriman double
6 Alamat Alamat Text
7 Status status Varchar 25
51
6. Nama File : Table Barang
Akronim : barang
Fungsi : Sebagai tempat menyimpan data barang
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 356 Karakter
Kunci Field : kode_barang
Software : MySQL
Table III.10
Spesifikasi File Barang
No Elemen data Nama field Type Size Keterangan
1 Kode Barang kode_barang Varchar 10 Primary key
2 Nama Barang nama_banrang Varchar 225
3 Stok Barang stok Int 10
4 Harga Harga Double
5 Deskripsi deskripsi_barang Text
6 Gambar Gambar Varchar 100
7 Id Kategori Kategori Varchar 11 Foreign key
52
7. Nama File : Table Pengiriman
Akronim : pengiriman
Fungsi : Sebagai tempat menyimpan data daftar tujuan pengiriman
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 60 Karakter
Kunci Field : id_kota
Software : MySQL
Table III.11
Spesifikasi File Pengiriman
No Elemen data Nama field Type Size Keterangan
1 Id Kota id_kota Varchar 10 Primary key
2 Nama Kota nama_kota Varchar 50
3 Biaya Biaya Double
53
8. Nama File : Table konfirmasi
Akronim : konfirmasi
Fungsi : Sebagai tempat menyimpan data konfirmasi pembayaran
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 81 Karakter
Kunci Field : username
Software : MySQL
Table III.12
Spesifikasi File Konfirmasi
No Elemen data Nama field Type Size Keterangan
1 No Konfirmasi No Int 11 Primary key
2 Tanggal Transaksi tgl_trans Date
3 Kode Transaksi kode_transaksi Varchar 10
4 Bank nama_bank Varchar 10
5 Nama Pemilik Rek. nama_pemilik Varchar 50
6 Total Bayar jumlah_transfer Double
54
9. Nama File : Table kategori
Akronim : kategori
Fungsi : Sebagai tempat menyimpan data kategori
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 60 Karakter
Kunci Field : id_kategori
Software : MySQL
Table III.13
Spesifikasi File Kategori
No Elemen data Nama field Type Size Keterangan
1 Kode Kategori Id_Kategori Varchar 10 Primary key
2 Nama Kategori Nama_Kategori Varchar 50
3 Icon Icon text
55
3.2.3. Struktur Navigasi
Struktur navigasi website berfungsi sebagai gambaran seluruh isi dari sebuah
situs web secara garis besar dan sebagai gambaran mengenai hubungan antara satu
halaman dan halaman lain dalam website tersebut.
Struktur navigasi yang penulis gunakan dalam pembuatan website ini adalah
struktur navigasi non linier. Melalui struktur navigasi ini akan terlihat isi beserta
seluruh susunan yang ada dalam sebuah website.
Pembuatan struktur navigasi ini nantinya akan sangat membantu dan berguna
dalam perancangan seluruh halaman I. Struktur navigasi yang baik adalah yang
mampu memberitahukan pengunjung tentang lokasi mereka saat ini, dan lokasi
berikutnya yang bisa pengunjung kunjungi.
1. Rancangan Struktur Navigasi Halaman Admin
Gambar III.13
Struktur Navigasi Halaman Admin
56
2. Rancangan Struktur Navigasi Halaman User
Gambar III.14
Struktur Navigasi Halaman User
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi elearning berdasarkan hasil
rancangan antar muka
1. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan
57
modul-modul yang tersedia Jika login berhasil, maka menu-menu yang sesuai dengan
kategori user tersebut akan ditampilkan.
Gambar III.15
Halaman Login Admin
2. Halaman Tambah Produk
Module ini digunakan untuk melihat dan menambah barang baru yang berisi
katagori, kode barang , nama barang, harga barang , deskripsi barang , serta upload
gambar . Jika berhasil ditambahkan maka barang akan bertambah.
Gambar III.16
Halaman Tambah Produk
58
3. Halaman Tambah Artikel
Module ini digunakan untuk melihat dan menambah artikel , serta upload gambar
. Jika berhasil ditambahkan maka barang akan bertambah.
Gambar III.17
Halaman Tambah Artikel
4. Halaman Login User
Gambar III.18
Halaman Login User
59
5. Halaman Keranjang Belanja
Gambar III.19
Halaman Keranjang Belanja
6. Halaman Konfirmasi Pengiriman
Gambar III.20
Halaman Konfirmasi Pengiriman
60
7. Halaman Riwayat Belanja
Gambar III.21
Halaman Riwayat Belanja
8. Halaman Konfirmasi Pembayaran
Gambar III.22
Halaman Konfirmasi Pembayaran
61
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) Processor Intel® Core™ 2 CPU T6600
(b) RAM Dual Core 1.00 GB
(c) Hard Disk 320 GB HDD
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1366x768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
(a) Processor Intel® Celeron®
(b) RAM DDR2 1.00 GB
(c) Hard Disk 250 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1366x768
5) Koneksi internet dengan kecepatan 56 kbps.
62
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dll).
2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
3) Aplikasi Web Lihat seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dll).
2) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
63
3.3.2. Pengujian Unit
Pengujian terhadap web yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
A. Pengujian Terhadap Form Login Admin
Tabel III.14
Hasil Pengujian Black Box Testing Halaman Login Admin
No. Skenario pengujian Test Case Hasil yang diharapkan Hasil
Pengujian Kesimpulan
1.
Username, Password
kosong kemudian klik
tombol submit
Username :
Kosong
Password
Kosong
Sistem menolak dan
menampilkan pesan
“Please fill out this
field ”
Sesuai
Harapan Valid
2.
Satu atau lebih field
input terisi namun ada
field input lain yang
kosong kemudian klik
tombol submit
Username :
admin
Password :
(kosong)
Sistem menolak dan
menampilkan pesan
“Please fill out this
field”
Sesuai
Harapan Valid
3.
Username dan
Password terisi
namun salah satu
value-nya salah
kemudian klik tombol
submit
Username :
admin (benar)
Password :
admin1(salah)
Sistem menolak dan
menampilkan pesan
“Login gagal”
Sesuai
Harapan Valid
4.
Username dan
Password terisi dan
semua value-nya
benar kemudian klik
tombol submit
Username :
admin
Password :
admin
Sistem menerima dan
menampilkan halaman
admin
Sesuai
Harapan Valid
64
B. Pengujian Terhadap Form Login Member
Tabel III.15
Hasil Pengujian Black Box Testing Halaman Login Member
No Skenario
Pengujian Test Case Hasil yang diharapkan
Hasil
Pengujian Kesimpulan
1.
Semua
inputan
kosong
lalu klik
login
username :
(Kosong)
Password :
(Kosong)
Sistem menolak dan
menampilkan pesan “Please fill
out this field”
Sesuai
Harapan Valid
2.
Salah satu
kolom
kosong
lalu klik
login
username :
(Kosong)
Password :
fahmi
Sistem menolak dan
menampilkan pesan “Please fill
out this field”
Sesuai
Harapan Valid
3.
Semua
kolom
terisi lalu
klik login
username :
fahmiprase
tyo610@g
mail.com
Password :
fahmi
Sistem menerima “sistem
langsung masuk sebagai member"
Sesuai
Harapan Valid
65
C. Pengujian Terhadap Form Tambah Data Barang
Tabel III.16
Hasil Pengujian Black Box Testing Halaman Tambah Barang
No. Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nama produk,
Katagori, harga,
berat, stok,
deskripsi, upload
gambar
kemudian klik
save
nama produk:
(kosong)
katagori: (kosong)
harga: (kosong)
berat: (kosong)
stok: (kosong)
deskripsi: (kosong)
upload gambar:
(kosong)
Sistem akan
menampilkan
pesan pada
kolom”please
fill out this
field dan
pada gambar
no file
selected”
Sesuai
harapan
Valid
2. Nama produk,
Katagori, harga,
berat, stok,
deskripsi, upload
gambar
kemudian klik
save
nama produk: (terisi)
katagori: (terisi)
harga: (terisi)
berat: (terisi)
stok: (terisi)
deskripsi: (terisi)
upload gambar:
(kosong)
Sistem akan
menampilkan
pesan “
please select
a file”
Sesuai
harapan
Valid
3. Nama produk,
Katagori, harga,
berat, stok,
deskripsi, upload
gambar
kemudian klik
save
nama produk: (terisi)
katagori: (terisi)
harga: (terisi)
berat: (terisi)
stok: (terisi)
deskripsi: (terisi)
upload gambar:
(terisi)
Sistem akan
menyimpan
data baru
Sesuai
harapan
Valid
66