Embed Size (px)
Citation preview
22
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Analisa kebutuhan adalah mengindentifikasi kebutuhan yang diperoleh
berdasarkan kebutuhan pengguna dan kebutuhan sistem. Berikut adalah tabel
kebutuhan pengguna :
Tabel III.1
Kebutuhan Pengguna
Berikut adalah table kebutuhan system:
Tabel III.2
Kebutuhan Sistem
No. Kebutuhan sistem Keterangan
NO. Kebutuhan
Pengguna
keterangan
1 Input a. Admin dapat memasukan data kategori, dan produk
beserta harga dan spefikasi nya ,upload gambar,serta
data lain yang terdapat dalam website e-commerce
b. Admin dapat menambahkan pengaturan sistem
c. Customer dapat memasukan data customer
d. Customer dapat memasukan order produk ke dalam
keranjang belanja dan dapat memasukan lebih dari satu
produk.
23
2 Output a. Sistem dapat menampilkan data kategori, data produk,
gambar produk, serta data data lain pada halaman public
b. Sistem dapat mendapatkan informasi tentang pengaturan
dalam sistem dan konfirmasi pesan dari customer yang
telah diproses oleh admin
3 Proses a. Sistem memproses login untuk akses admin pada
website.
b. Admin berhak mengatur,mengelola,dan melalukan
proses add, insert,update, delete keseluruhan data yang
akan ditampilkan pada halaman website e-commerce.
c. Sistem melakukan logout untuk keamanan data yang
dikelola oleh admin.
d. Setiap customer diwajibkan melakukan registrasi yang
kemudian login dengan hanya satu email dan password
untuk masuk ke halaman utama.
e. Customer dapat mengakses sistem 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.
24
1 Operating system Microsoft windows 8.1 Pro
2 Xampp v.3.2.1
3 Google chrome Versi 59.0.3071.115
4 Adobe photoshop Versi CS6
5 Adobe Dreamweaver Versi CS6
3.2 Perancangan Perangkat Lunak
4 Performance a. Customer dapat membuka sistem ini dengan mudah tanpa
harus menuggu lama munculnya gambar produk,slider
dan menu-menu ada disistem ini.
b. Sistem tidak terlalu banyak memakai gambar dengan
kapasitas besar, agar memudahkan customer saat
membuka sistem ini.
c. Sistem memungkinkan customer untuk melakukan
transaksi jual beli setiap saat dam dimana saja , karena
sistem dapat diakses 24jam sehari dengan syarat
tersambung dengan internet.
5 Control a. sistem memberikan kemanan untuk akses admin dengan
adanya username dan password yang hanya dapat
diakses oleh admin itu sendiri
25
Ada bebrapa aspek yang berkaitan dengan perancangan perangkat lunak
diantaranya :
3 .3 .1 . Rancangan Antar Muka
A. Rancangan Antar muka Login Administrator
ADMINusername
password
Masuk
Batal
Gambar III.1.Rancangan Antarmuka Login Administrator
B. Rancangan Antarmuka Halaman Utama (Admin)
26
Hi.Admin
SELAMAT DATANG DI ADMIN
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
LOGO
Gambar III.2.Rancangan Antarmuka Halaman Utama (Admin)
C. Rancangan Antarmuka Form Produk (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
Form Produk
Tambah Produk
Nama Deskripsi Stok Gambar Aksi
Gambar III.3.Rancangan Antarmuka Form Produk (Admin)
27
D. Rancangan Antarmuka Form Pelanggan (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
Form Pelanggan
Tambah Pelanggan
Id Nama No Telepon Email Alamat Keterangan
Gambar III.4.Rancangan Antarmuka Form Produk (Admin)
E. Rancangan Antarmuka Form Kategori (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
Form Kategori
Tambah Kategori
Id Nama Kategori Keterangan
Gambar III.5.Rancangan Antarmuka Form Kategori (Admin)
28
F. Rancangan Antarmuka Form Admin (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
Daftar Admin
Tambah Admin
Id Username Keterangan
Gambar III.6.Rancangan Antarmuka Form Admin (Admin)
G. Rancangan Antarmuka Form Konfirmasi (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
Form Konfirmasi Pembayaran
Id Email Nomer Transaksi Bank Total Tanggal Aksi
Gambar III.7.Rancangan Antarmuka Form Konfirmasi (Admin)
29
H. Rancangan Antarmuka Form Pengiriman (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO
Form Pengiriman
Tambah Pengiriman
Nama Provinsi Harga Keterangan
Gambar III.8.Rancangan Antarmuka Form Pengiriman (Admin)
I. Rancangan Antarmuka Form Laporan (Admin)
Beranda
Kategori
Produk
Pelanggan
Admin
Konfirmasi
Pengiriman
Laporan
Keluar
FOOTER
LOGO Daftar Biaya Pengiriman
No. Nama Laporan Aksi
1. Laporan Pelanggan
2. Laporan Produk
3. Laporan Pengiriman
4. Laporan Admin
Cetak
Cetak
Cetak
Cetak
Gambar III.9.Rancangan Antarmuka Form Laporan (Admin)
30
J. Rancangan Antarmuka Halaman Utama (Pengunjung)
Jaket
Kaos
Keranjang - (0) item Login Daftar
Topi
Sepatu
LogoLOGO Produk Cara Order Kontak Kami
FOOTER
PRODUK PRODUK PRODUK
Beli Beli Beli
PRODUK PRODUK PRODUK
Beli Beli Beli
Gambar III.10.Rancangan Antarmuka Halaman Utama (Pengunjung)
K. Rancangan Antarmuka Form Daftar (Pengunjung)
Gambar
Keranjang - (0) item Login Daftar
Jaket
Kaos
Topi
Sepatu
Nama
Telepon
Alamat
Password
Provinsi
Logo
FOOTER
Pendaftaran Akun Baru
DAFTAR AKUN
LOGO Produk Cara Order Kontak Kami
Gambar III.11.Rancangan Antarmuka Form Daftar (Pengunjung)
31
L. Rancangan Antarmuka Form Login (Pelanggan)
Gambar
Keranjang - (0) item Login Daftar
Jaket
Kaos
Topi
Sepatu
Password
Logo
FOOTER
Silahkan Login Disini...
Masuk
LOGO Produk Cara Order Kontak Kami
Gambar III.12.Rancangan Antarmuka Form Login (Pelanggan)
M. Rancangan Antarmuka Form Cara Order
Keranjang - (0) item Login Daftar
Jaket
Kaos
Topi
SepatuKategori
Pembayaran
Pembayaran
Logo
FOOTER
Kaos
Jaket
LOGO BANK
Cara Order
LOGO JASA PENGIRIMAN
BARANG
LOGO Produk Cara Order Kontak Kami
Topi
Sepatu
Gambar III.13.Rancangan Antarmuka Form Cara Order
32
N. Rancangan Antarmuka Form Kontak Kami
Kontak Kami
Keranjang - (0) item Login Daftar
Jaket
Kaos
Topi
Sepatu
Kategori
Pembayaran
Pembayaran
Logo
FOOTER
Kontak Kami
LOGO Produk Cara Order Kontak Kami
Kaos
Jaket
LOGO BANK
LOGO JASA PENGIRIMAN
BARANG
Topi
Sepatu
Gambar III.14.Rancangan Antarmuka Form Kontak Kami
O. Rancangan Antarmuka Form Keranjang
Produk yang dibeli
Keranjang - (0) item Login Daftar
Jaket
Kaos
Topi
Sepatu
item Harga Produk yang dibeli
Gambar Produk
Kategori
Pembayaran
Pembayaran
Logo
FOOTER
Nama Produk Harga produkUbah Hapus
LOGO Produk Cara Order Kontak Kami
Kaos
Jaket
LOGO BANK
LOGO JASA PENGIRIMAN
BARANG
Topi
Sepatu
Gambar III.15.Rancangan Antarmuka Form Keranjang
33
3.3.2.Basis Data
A. Entity Relationship Diagram (ERD)
produktetstimonial
memiliki
memilih
transaksi
memiliki
transaksirinci
1
11
M
gambar
kategori
nama_produk
Id_produk
deskripsi
id
testimonial
tanggal
nama
Id_produk
notransaksi
username
status
nama
notransaksi
username
Id_produk
ukuran
warna
subtotal
jumlah harga
Gambar III.16.Entity Relationship Diagra
34
B. Logical Relational Structure (LRS)
testimonial
id*id_produknamaemailtanggaltestimonial
transaksi
notransaksi*usernamestatus
transaksirinci
notransaksi**usernameid_produknamaukuran warnahargajumlahsubtotal
produk
id_produk*nama_produkdeskripsikategorigambar
1
1
1
M
Gambar III.17.Logical Relational Structure
35
C. Spesifikasi File
Penulis akan menjelaskan tentang field atau tabel yang terbentuk dari
transformasi ERD atau file-file ini tersimpan pada perpussmk39 (namadatabse)
dengan parameter-paramet sebagai berikut :
1. Spesfikasi File Tabel Admin
Nama File : Tabel admin
Akronim : admin
Fungsi : Untuk mengelola data yang ada
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 161 Karakter
Kunci field : id
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 id int 11 Primary Key
2 username varchar 35
3 password varchar 15
4 password varchar 100
Tabel III.3. Tabel Admin
36
2. Spesfikasi File Tabel detail produk
Nama File : Tabel detail_produk
Akronim : detail produk
Fungsi : Untuk mengelola data produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 44 Karakter
Kunci field : -
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 id_produk int 11
2 ukuran varchar 5
3 warna varchar 15
4 stok varchar 2
5 Harga Int 11
Tabel III.4. Tabel Detail Produk
37
3. Spesfikasi File Tabel kategori
Nama File : Tabel kategori
Akronim : kategori
Fungsi : Untuk menginput kategori
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 36 Karakter
Kunci field : id
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 id int 11 Primary Key
2 kategori varchar 25
Tabel III.5. Tabel Kategori
38
4. Spesfikasi File Tabel Konfirmasi
Nama File : Tabel konfirmasi
Akronim : konfirmasi
Fungsi : Untuk mengkonfirmasi pengiriman
Tipe File : File Kerja
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 134 Karakter
Kunci field : id_konfirmasi
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 id_konfirmasi int 11 Primary Key
2 nama varchar 30
3 email varchar 50
4 no_transaksi int 11
5 bank Varchar 10
6 jumlah Int 11
7 status Int 11
8 tgl_bayar date
Tabel III.6. Tabel Konfirmasi
39
5. Spesfikasi File Tabel Pelanggan
Nama File : Tabel pelanggan
Akronim : pelanggan
Fungsi : Untuk mengelola data pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 255 Karakter
Kunci field : id_modul
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 id_modul int 5 Primary Key
2 nama_modul varchar 50
3 link varchar 100
4 statistic_konten text -
5 gambar Varchar 100
6 status Enum
7 aktif Enum
Tabel III.7. Tabel Pelanggan
40
6. Spesfikasi File table pengiriman
Nama File : Tabel pengiriman
Akronim : pengiriman
Fungsi : Untuk mengetahui biaya pengiriman sesuai
provinsi
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 111 Karakter
Kunci field : id_pengiriman
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 Id_pengiriman int 11 Primary Key
2 Provinsi varchar 100
3 Harga Double -
Tabel III.8. Tabel Pengiriman
41
7. Spesfikasi File Tabel produk
Nama File : Tabel produk
Akronim : produk
Fungsi : Untuk mengelola data produk
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 121 Karakter
Kunci field : id_produk
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 Id_produk int 11 Primary Key
2 Nama_produk Varchar 35
3 Deskripsi text -
4 Kategori varchar 25
5 Gambar Varchar 50
Tabel III.9. Tabel Produk
42
8. Spesfikasi File Tabel transaksi
Nama File : Tabel transaksi
Akronim : transaksi
Fungsi : Untuk melakukan transaksi pembelian
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 61 Karakter
Kunci field : notransaksi
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 notransaksi int 11 Primary Key
2 username varchar 50
3 status Tinyint
Tabel III.10. Tabel Transaksi
43
9. Spesfikasi File Tabel Transaksirinci
Nama File : Tabel Transaksirinci
Akronim : transaksirinci
Fungsi : Untuk Mengetahui biaya pembelian
dan pengiriman
Tipe File : File Laporan
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 187 Karakter
Kunci field : -
Software : Php MyAdmin
No Nama Field Tipe Size Keterangan
1 notransaksi Varchar 25
2 username Varchar 50
3 id_produk Int 11
4 nama Varchar 60
5 ukuran Int 2
6 warna Varchar 15
7 harga Int 11
8 jumlah Int 2
9 subtotal Int 11
Tabel III.11. Tabel Transaksirinci
44
3.3.3.Struktur Navigasi
indeks
PelangganProduk Kategori Konfirmasi
Login
Hoodie
Pengiriman Laporan
T-Shirt
Admin
Gambar III.18.Struktur Navigasi Halaman Administrator
indeks
ProdukBeranda Cara OrderKonfirmasi
Pembayaran
Login
Hoodie
Keranjang
T-Shirt
Kontak Kami
Daftar
Beli Produk
Gambar III.19.Struktur Navigasi Halaman Pengunjung
45
3.4. Implementasi dan Pengujian Unit
Penulis merealisasikan perancangan perangkat lunak sebagai serangkaian
program atau unit program. Kemudian pengujian unit melibatkan verifikasi bahwa
setiap unit program telah memenuhi sertifikasinya
3.4.1.Implementasi
A. Implementasi Rancangan Antar Muka
Berikut ini adalah implementasi rancangan antarmuka pada Perancangan
Sistem Informasi Penjualan Baju Anime Berbasis Web berdasarkan hasil
rancangan antarmuka :
1. Halaman Login Administrator
Gambar III.20.Implementasi Halaman Login Administrator
46
2.Halaman Administrator
Gambar III.21Implementasi Halaman Beranda (Admin)
Gambar III.22.Implementasi Halaman Form Produk (Admin)
47
Gambar III.23.Implementasi Halaman Form Pengunjung (Admin)
Gambar III.24Implementasi Halaman Form Kategori(Admin)
48
Gambar III.25. Implementasi Halaman Daftar Admin (Admin)
Gambar III.26. Implementasi Halaman Konfirmasi (Admin)
49
Gambar III.27. Implementasi Halaman Pengiriman (Admin)
Gambar III.28. Implementasi Halaman Laporan (Admin)
50
Gambar III.29.Implementasi Halaman Cetak Laporan(Admin)
3.Halaman Utama (Pengunjung)
51
Gambar III.30. Implementasi Halaman Utama (Pengunjung)
Gambar III.31. Implementasi Halaman Daftar (Pengunjung)
Gambar III.32. Implementasi Halaman Login (Pengunjung)
52
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang dipakai
pada saat tugas akhir ini untuk mengimplementasikan aplikasi e-commerce untuk web
Penjualan Baju Anime online.
1. Spesifikasi Perangkat Keras
a. Server
1). Central Processor Unit (CPU)
(a) Processor AMD A6-6310 AUP with AMD Radeon R4 Graphics
1.80GHz
(b) Memory 4,00 GB (3.46)
(c) Hard Disk 500GB
2) Touchpad
3) Standard Keyboard
4) Monitor 1366 x 768
b. Client
1). Central Processor Unit (CPU)
(a) Processor AMD A6-6310 AUP with AMD Radeon R4 Graphics
1.80GHz
(b) Memory 4,00 GB (3.46)
(c) Hard Disk 500GB
2) Touchpad
3) Standard Keyboard
4) Monitor 1366 x 768
53
B. Spesifikasi perangkat Lunak
a. Server
1) sistem operasi umum digunakan seperti Microsoft Windows 8.1 pro
2) aplikasi bundle web server yang digunakan yaitu Aplikasi Xampp
Control Panel v3.2.2
3) Aplikasi Web seperti Internet Explorer, Google Chrome, Mozilla
Firefox, UC Browser
b. Client
1) Sistem operasi yang umum digunakan seperti Microsoft Windows 8.1
Pro
2) Aplikasi Web seperti Internet Explorer, Google Chrome, Mozilla
Firefox, UC Browser
54
3.4.2 Pengujian Unit
Pengujian unit terhadap program yang dibuat 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 user
dan
menampilkan
“Tolong isi
Password dan
Username
terlebih
dahulu!!!”
sesuai
harapan
Valid
2. Username tidak
diisi (kosong)
dan password
diisi benar
Username
(kosong)
password
(benar)
Sistem akan
menolak
akses
username dan
menampilkan
Sesuai
harapan
Valid
55
kemudian klik
tombol login
“Username
tidak
terdaftar!!!”
3. Username diisi
(benar) dan
password tidak
diisi (kosong)
kemudian klik
tombol login
Username
(benar)
password
(kosong)
Sistem akan
menolak
akses
username dan
menampilkan
“Password
anda
salah!!!”
Sesuai
harapan
Valid
4. Username diisi
(salah) dan
password diisi
(salah)
kemudian klik
tombol login
Username
(salah)
password
(salah)
Sistem akan
meolak akses
user dan
menampilkan
“Username
tidak
terdaftar”
Sesuai
Harapan
Valid
5. Mengetikkan
username dan
password
dengan data
Username
(admin)
(benar)
Sistem akan
menerima
akses login
dan
Sesuai
harapan
Valid
56
Tabel III.12. Pengujian Black Box Testing Halaman Login Admin
yang benar
kemudian klik
tombol login
Password(ad
min)(benar)
kemudian
langsung
menampilkan
“Login
berhasil,
selamat
datang di
halaman
admin”
57
B. Pengujian terhadap From Daftar Pelanggan
No Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpul
an
1. Nama tidak diisi
(dikosongkan),
Email tidak diisi
(dikosongkan),
Telepon tidak
diisi
(dikosongkan),
Alamat tidak
diisi
(dikosongkan),
Password tidak
diisi
(dikosongkan)
Provinsi tidak
Tidak
mengisi
data untuk
daftar
(mengoso
ngkan
semua
field)
Sistem akan
tetap di
halaman
daftar,
kemudian
menampilkan
“please fill
out this field”
Sesuai
harapan
Valid
58
dipilih
(dikosongkan)
kemudian klik
tombol login
2. Nama diisi,
Email diisi,
Telepon diisi,
Alamat diisi,
Provinsi dipilih,
Password tidak
diisi
(dikosongkan)
kemudian klik
tombol login
Nama
diisi,
diisi,
Telepon
diisi,
Alamat
diisi,
Provinsi
dipilih,
Password
tidak diisi
(dikosong
kan)
Sistem akan
tetap di
halaman
daftar,
kemudian
menampilkan
“please fill
out this field”
Sesuai
harapan
Valid
3. Nama diisi,
Email diisi,
Telepon diisi,
Semua
data daftar
Sistem akan
menampilkan
“selamat data
Sesuai
harapan
Valid
59
Alamat diisi,
Provinsi dipilih,
Password tidak
diisi, kemudian
klik tombol
login
pelanggan
diisi
telat
tersimpan”
Tabel III.12. Pengujian Black Box Testing Halaman Daftar
Pelanggan
C. Pengujian terhadap Form Login Pelanggan
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
tetap di
halaman
daftar,
kemudian
menampilkan
“please fill
out this field”
Sesuai
harapan
Valid
2. Username tidak
diisi (kosong)
Username
(kosong)
Sistem akan
tetap di
Sesuai
harapan
Valid
60
dan password
diisi benar
kemudian klik
tombol login
password
(benar)
halaman
daftar,
kemudian
menampilkan
“please fill
out this field”
3. Username diisi
(benar) dan
password tidak
diisi (kosong)
kemudian klik
tombol login
Username
(benar)
password
(kosong)
Sistem akan
tetap di
halaman
daftar,
kemudian
menampilkan
“please fill
out this field”
Sesuai
harapan
Valid
4. Username diisi
(salah) dan
password diisi
(salah)
kemudian klik
tombol login
Username
(salah)
password
(salah)
Sistem akan
meolak akses
user dan
menampilkan
“Email tidak
terdaftar!!!”
Sesuai
Harapan
Valid
5. Mengetikkan
username dan
Username
(admin)
Sistem akan
menerima
Sesuai
harapan
Valid
61
Tabel III.12. Pengujian Black Box Testing Halaman Login Pelanggan
password
dengan data
yang benar
kemudian klik
tombol login
(benar)
Password(ad
min)(benar)
akses login
dan
kemudian
langsung
menampilkan
“Login
berhasil,
selamat
datang di
halaman
Utama”
