Upload
vokhue
View
214
Download
0
Embed Size (px)
Citation preview
23
23
BAB III PEMBAHASAN
A. Analisis Kebutuhan
Pada sistem penjualan secara online ini, customer dapat melakukan transaksi
dengan mudah tanpa perlu datang langsung untuk memesan Paket Wisata tetapi bisa
dilakukan dengan menggunakan media internet. Berikut ini spesifikasi kebutuhan dari
sistem e-commerce.
a. Halaman Pelanggan (Umum)
1. Halaman utama pengunjung
2. Pengunjung dapat daftar sebagai pelanggan atau anggota
3. Pengunjung dapat melihat katalog produk tanpa bisa membeli
b. Halaman Pelanggan (anggota)
1. Halaman Utama Pelanggan Setelah Login.
2. Pelanggan dapat melihat katalog paket wisata dan bisa membeli
3. Pelanggan membeli paket wisata yang diminati dan ditambah ke keranjang
belanja.
4. Pelanggan dapat mencetak struk pemesanan paket wisata.
5. Pelanggan dapat melakukan konfirmasi pembayaran.
6. Pelanggan dapat melihat daftar transaksi
7. Pelanggan dapat mengisi lupa password
24
24
c. Halaman Admin
1. Admin dapat Login
2. Admin dapat mengelola data paket wisata.
3. Admin dapat mengelola data kategori paket wisata.
4. Admin dapat mengelola data pelanggan anggota
5. Admin dapat mengelola data lupa password.
6. Admin dapat mengelola data pesanan.
7. Admin dapat melihat data konfirmasi pembayaran
8. Admin mengelola buku tamu
B. Perancangan Perangkat Lunak.
1. Rancangan Antar Muka
a. Rancangan Antar Muka Pelanggan (umum)
1. Halaman Utama
Gambar III.1.
Rancangan Antar Muka Halaman Utama
25
25
2. Daftar Baru
Gambar III.2.
Rancangan Antar Muka Daftar Baru
2. Produk Halaman Pengunjung
Gambar III.3.
Rancangan Antar Muka Produk Pengunjung
26
26
b. Rancangan Antar Muka Pelanggan (Anggota)
1. Halaman Utama Pelanggan
Gambar III.4.
Rancangan Antar Muka Halaman Utama Pelanggan
2. Produk halaman Pelanggan (member)
Gambar III.5.
Rancangan Antar Muka Produk Pelanggan
27
27
3. Buku Tamu
Gambar III.6.
Rancangan Antar Muka Buku Tamu
5. Konfirmasi pembayaran
Gambar III.8.
Rancangan Antar Muka Konfirmasi Pembayaran
28
28
C. Rancangan Antar Muka Admin
1. Login Admin
Gambar III.10.
Rancangan Antar Muka Halaman Login Admin
2. Halaman Admin
Gambar III.11.
Rancangan Antar Muka Halaman Admin
29
29
3. Data Paket Wisata
Gambar III.12.
Rancangan Antar Muka Data Paket Wisata
6. Data Member
Gambar III.15.
Rancangan Antar Muka Data Pelanggan
30
30
7. Data Pesanan
Gambar III.16.
Rancangan Antar Muka Data Pesan
8. Data Konfirmasi
Gambar III.17.
Rancangan Antar Muka Data Konfirmasi
31
31
9. Laporan
Gambar III.18.
Rancangan Antar Muka Laporan
10. Data Buku Tamu
Gambar III.19.
Rancangan Antar Muka Data Buku Tamu
32
32
C. Basis Data
1. Entity Relationship Diagram
Member Pemesanan Paket WIsataMelakukan Mempunyai
Memiliki
Kategori
melakukan
Konfirmasi Mendapat
1 M M M
1
1
1
1
M
1
alamat
nama telepon
emailpassword
Id_pemesanan
Id_paket
No_pemesanan
jamtanggal
username
status
Id_paket
Kode_paket Nama_paket
tujuan
fasilitas
harga
stok
gambarId_pemesanan
esername
Nama_kategoriId_kategori
No_pemesanan
jumbay
tagbay daribank
norek
gambar
No_konfirmasi
username
Gambar III.20.
Entity Relationship Diagram
33
33
2. Logical Reationshipl Structure (LRS)
Paket_wisata
Id_paketKode_paketNama_paketTujuanFasilitasHargaStokGambarId_kategori
kategori
Id_kategoriNama_kategori
pemesanan
Id_pemesananno_pemesananTanggalJamUsernamestatus
Detail_pemesanan
Id_pemesananNo_pemesananjumlahId_paket**
konfirmasi
No_konfirmasiUsernameJumbayNo_pemesananTagbayDaribankNorekgambar
Member
UsernamePasswordNamaAlamatTeleponemail
MM
1
M
M
1
1 1
1
M
1
Gambar III.21.
Logical Relationship Structure
D. Spesifikasi File
a. Spesifikasi File Admin
Nama File : Tabel Admin
Akronim : admin
Fungsi : Untuk menyimpan data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
34
34
Akses File : Random
Media : Harddisk
Panjang record : 55
Kunci Field : id_admin
Software : Mysql
Tabel III.1
Spesifikasi File admin
b. Spesifikasi File Member
Nama File : Tabel Member
Akronim : Member
Fungsi : Untuk menyimpan data pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 132
Kunci Field : username
Software : Mysql
No Elemen Data Nama Filed Tipe Size Extra Ket
1. Id Admin Id_admin Int 10 Auto_increment Primary Key
2. Username Username Varchar 30
3. Password Password Varchar 15
35
35
Tabel III.2.
Spesifikasi File Member
c. Spesifikasi File Paket Wisata
Nama File : Tabel Paket Wisata
Akronim : paket_wisata
Fungsi : Untuk menyimpan data barang
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 698
Kunci Field : id_paket
Software : Mysql
Tabel III.3.
Spesifikasi File Paket Wisata
No Elemen Data Nama Filed Tipe Size Extra Ket
1. Username Username Varchar 15 Primary Key
2. Password Password Varchar 20
3. Nama Member Nama Varchar 30
4. Alamat Alamat Text 30
5. Telepon Telpon Varchar 12
6. Email Email Varchar 25
No Elemen Data Nama Filed Tipe Size Extra Ket
36
36
d. Spesifikasi File kategori
Nama File :Tabel Kategori
Akronim : kategori
Fungsi :Untuk menyimpan data kategori
Tipe File :File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 35
Kunci Field : id_kategori
Software : Mysql
1. Id paket id_paket Int 10 Auto_increment Primary Key
2. Kode paket kode_paket Int 10
3. Nama Paket nama_paket Varchar 20
4. Tujuan tujuan Varchar 60
5. Fasilitas fasilitas Varchar 60
6. Harga harga Varchar 8
7. Stok stok Varchar 20
8. Id kategori Id_kategori Int 10
9. Gambar Gambar Text 500
37
37
Tabel III.4
Spesifikasi File kategori
e. Spesifikasi File Pemesanan
Nama File : Tabel Pemesanan
Akronim : pemesanan
Fungsi : Untuk menyimpan data pemesanan paket wisata
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 60
Kunci Field : id_pemesanan
Software : Mysql
No Elemen Data Nama Filed Tipe Size Extra Ket
1. Id kategori Id_kategori Int 10 Auto_increment Primary
Key
2. Nama kategori nama_kategori Varchar 25
38
38
Tabel III.5.
Spesifikasi File pesan
j. Spesifikasi File Konfirmasi
Nama File : Tabel Konfirmasi
Akronim : konfirmasi
Fungsi :Untuk menyimpan data konfirmasi pembayaran
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 285
Kunci Field : no_konfirmasi
Software : Mysql
No Elemen Data Nama Filed Tipe Size Extra Ket
1. Id pesan Id_pemesanan Int 10 Auto_increment Primary key
1. No pesan no_pemesanan Varchar 5
2. Tanggal pesan Tanggal Date
3. Jam pesan Jam Varchar
4. username Username Time 25
5. Status pesan Status Varchar 20
39
39
Tabel III.10.
Spesifikasi File konfirmasi
k. Spesifikasi File detail_pemesanan
Nama File : Tabel detail_pemesanan
Akronim : detail_pemesanan
Fungsi : Untuk menyimpan data pemesanan
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 30
Kunci Field : id_pemesanan
Software : Mysql
No Elemen Data Nama Filed Tipe Size Extra Ket
1. No Konfirmasi no_konfirmasi Int 10 Auto_increment Primary Key
2. Username Username Varchar 25
3. Jumlah Bayar Jumbay Int 10
4. No pemesanan no_pemesanan Int 10
5. Tanggal Tagbay Date
6. Dari bank Daribank Varchar 10
7. No rekening Norek Varchar 20
8. gambar Gambar Varchar 200
40
40
Tabel III.11.
Spesifikasi File pesan_detail
E. Rancangan Struktur Navigasi
Navigasi merupakan unsur penting dalam banyak halaman web,
Tujuannya agar seseorang merasa mudah mengemudikan suatu halaman web.
Biasanya kom ponen navigasi tersebut berupa fasilitas yang berfungsi untuk
berpindah ke halaman web lainnya, yang diwujudkan dalam berbagai cara. Program
web browser sendiri, seperti Intenet Explorer dan Google Chrome dilengkapi fasilitas
untuk mempermudah seseorang dalam menjelajah dunia Internet. Dalam membuat
web (situs web) pribadi, penulis menggunakan peta navigasi untuk mengetahui
arah dari perjalanan halaman web penjualan Busana Muslim Pria ini. Struktur
navigasi ini fleksibel karena alur program dapat bergerak bebas. Setelah menentukan
struktur navigasi maka dibuatlah peta navigasi, peta navigasi adalah bentuk detail
dari struktur navigasi. Peta navigasi dapat dilihat seperti gambar dibawah ini:
No Elemen Data Nama Filed Tipe Size Extra Ket
1. Id Pemesanan id_pemesanan Varchar 10 Primary Key
2. Kode Kode Int 10
3. Jumlah Jumlah Int 10
41
41
1. Rancangan Menu Utama Admin
Data admin
Index
Data Paket
Data Member
Data Pesanan
Laporan
Data Bukutamu
Data Konfirmasi
Tampil data Admin
Tampil data paket
Tampil data member
Tampil data pesanan
Tampil data laporan
Tampil data konfirmas
Tampil data buku tamu
Input
Edit
Hapus
Input
Edit
Hapus Hapus Input Edit Hapus
login
edit hapus Edit hapus hapus
LOGOUT
Gambar III.22.
Struktur Navigasi Halaman Admin
42
42
2. Rancangan index-pengunjung
Gambar III.23.
Struktur Navigasi Halaman Pengunjung
43
43
3. Rancangan index-pelanggan (anggota)
Home
Profil
Cara Pembelian
Paket Wisata
Konfirmasi
Hubungi kami
Index
Tampil Halaman Paket Wisata
Tampil Halaman Hubungi kami
selesai
Tampil halaman profil
Tampil halaman Konfirmasi
Tampil Halaman Cara Pembelian
Struk Pemesanan Paket Wisata
Gambar III.24.
Struktur Navigasi Halaman Pelanggan
3.3. Implementasi dan Pengujian Unit
F. Implementasi
a. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi elearning berdasarkan hasil
rancangan antar muka.
44
44
1. Halaman index pengunjung
Tampilan awal ketika pengunjung memasuki web.
Gambar III.25.
Implementasi Rancangan Antar Muka index pengunjung
2. Daftar Baru
Daftar baru ini digunakan pengunjung untuk menjadi pelanggan (anggota)
agar bisa berbelanja di web kami.
45
45
Gambar III.26.
Implementasi Rancangan Antar Muka daftar baru
3. Produk pengunjung
Halaman ini digunakan pengunjung untuk melihat produk yang tersedia di
web tetapi belum bisa melakukan pembelian harus menjadi pelanggan agar bisa
melakukan pembelian.
46
46
Gambar III.27.
Implementasi Rancangan Antar Muka produk
4. Halaman utama pelanggan
Halaman utama pelanggan yang telah memiliki akun di web dan melakukan
login di index pengunjung.
Gambar III.28.
Implementasi Rancangan Antar Muka Halaman utama pelanggan
5. Produk pelanggan
Halaman ini dimana pelanggan dapat melihat produk yang ada di web dan
bisa melakukan pembelian.
47
47
Gambar III.29.
Implementasi Rancangan Antar Muka Produk Pelanggan
6. Buku tamu
Halaman ini digunakan pelanggan untuk mengisi buku tamu dalam
menyampaikan pertanyaan atau komentar kepada admin
48
48
Gambar III.30.
Implementasi Rancangan Antar Muka Buku Tamu Pelanggan
7. Keranjang Belanja
Halaman ini tampil di pelanggan bila telah melakukan pembelian produk dan
produk di simpan di keranjang belanja.
Gambar III.31.
Implementasi Rancangan Antar Muka Keranjang Belanja
8. Simpan struk transaksi
Halaman ini digunakan pelanggan untuk menyimpan sebuah struk transaksi
setelah melakukan selesai pembelian.
49
49
Gambar III.32.
Implementasi Rancangan Antar Muka Struk Transaksi
9. Konfirmasi pembayaran
Halaman Ini digunakan pelanggan ketika pelanggan melakukan pembayaran.
50
50
Gambar III.33.
Implementasi Rancangan Antar Muka konfirmasi pembayaran
11. Login admin
Halaman ketika admin sebelum login, ketika admin telah login maka akan
tampil halaman admin beserta menu-menu yang ada.
Gambar III.35.
51
51
Implementasi Rancangan Antar Muka login admin
12. Halaman Admin
Tampilan setelah admin login dan admin bias melihat semua data melalui
menu yang ada di halaman admin.
Gambar III.36.
Implementasi Rancangan Antar Muka Halaman admin
13. Data Paket Wisata
Halaman ini menampilkan data-data paket wisata yang ada di halaman web, di
data paket admin bisa menambah, mengedit dan menghapus data paket wisata.
52
52
Gambar III.37.
Implementasi Rancangan Antar Muka Data Paket Wisata
15. Data Member
Halaman ini menampilkan data-data pelanggan yang, di data pelanggan admin
bisa menghapus data pelanggan.
53
53
Gambar III.38..
Implementasi Rancangan Antar Muka Data pelanggan
16. Data Pemesanan
Halaman ini menampilkan data-data pesanan yang dipesan pelanggan, di data
pesan admin bisa mengubah status pesan pelanggan.
Gambar III.39..
Implementasi Rancangan Antar Muka Data pesan
54
54
17. Data konfirmasi
Halaman ini menampilkan data-data konfirmasi yang dilakukan pelanggan, di
data konfirmasi admin bisa menghapus data konfirmasi.
Gambar III.40.
Implementasi Rancangan Antar Muka Data konfirmasi
18. Data laporan
Halaman ini menampilkan data-data laporan pengiriman, di data laporan
admin bisa menghapus data laporan.
55
55
Gambar III.41.
Implementasi Rancangan Antar Muka Data Laporan
19. Data buku tamu
Halaman ini menampilkan data-data buku tamu yang dikirim oleh pelanggan,
di data buku tamu admin bisa menghapus data buku tamu.
Gambar III.42.
Implementasi Rancangan Antar Muka Data Buku Tamu
56
56
A. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
a) Processor Intel® Core 2 Duo T6500 @2.10 GHz
b) RAM DDR2 3 GB
c) Hard Disk 300 GB
2) Keyboard
3) Monitor dengan resolusi layar minimum 800x600
2. Spesifikasi Perangkat Lunak
1) Server
1) Sistem operasi yang umum digunakan seperti: Microsoft
2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
a) Aplikasi PHP Server v5
b) Aplikasi MySQL Server v5
c) Aplikasi phpMyAdmin v3
3) Aplikasi Web Browser seperti Mozilla Firefox, Internet Explorer, Google
Chrome.
57
57
3.3.2. Pengujian Unit
A. PengujianTerhadap Form Login Pelanggan
Tabel III.12.
PengujianTerhadap Form Login Pelanggan
B. PengujianTerhadap Form Login Admin
No Skenario pengujian Test Case Hasil yang diharapkan Hasilpengujian Kesimpulan
1. User name dan
password tidak diisi
kemudian klik
tombol login
User name :
(kosong)
Password:
(kosong)
Sistem akan menolak akses
user dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
2 Mengetikkan user
name dan password
tidak diisi atau
kosong kemudian
klik tombol login
User name
:FDR
Password:
(kosong)
Sistem akan menolak akses
user dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
3. User tidak di isi User name :
(kosong)
Password: 456
Sistem akan menolak akses
user dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
4. Mengetikkan salah
satu kondisi salah
pada user name
atau password
kemudian klik
tombol login
User name :
DFR (kosong)
Password: 456
Sistem akan menolak akses
user dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
5. Mengetikkan user
name dan password
dengan data yang
benar kemudian
klik tombol login
User name:
FDR(benar)
Password:
456 (benar)
Sistem menerima akses
login , kemudian langsung
menampilkan”selamat
dating saudara/i dan masuk
kehalaman member.
Sesuaiharapan
Valid
58
58
Tabel III.13.
PengujianTerhadap Form Login Admin
C. PengujianTerhadap Form input Member
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
admin dan menampilkan
“AndaGagal Login”
Sesuai harapan Valid
2 Mengetikkan
username dan
password tidak diisi
atau kosong
kemudian klik
tombol login
username :
ari
Password:
(kosong)
Sistem akan menolak akses
admin dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
3. username tidak di isi username :
(kosong)
Password:
kharisma
Sistem akan menolak akses
user dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
4. Mengetikkan salah
satu kondisi salah
pada username atau
password kemudian
klik tombol login
username :
aa (kosong)
Password:
guru
Sistem akan menolak akses
admin dan menampilkan
“Anda Gagal Login”
Sesuai harapan Valid
5. Mengetikkan
username dan
password dengan
data yang benar
kemudian klik
tombol login
username :
ari
Password:
kharisma
Sistem menerima akses login
, kemudian langsung
menampilkan”selamat datang
saudara/i dan masuk
kehalaman admin.
Sesuai harapan Valid
59
59
Tabel III.14.
PengujianTerhadap Form Daftar Baru
No Skenario pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan
1. Username, password,
nama lengkap,
alamat, telepon dan
email tidak diisi
kemudian klik
tombol simpan
username
(kosong)
password
(kosong)
nama
lengkap
(kosong)
alamat
(kosong)
telepon
(kosong)
(kosong)
Sistem akan menolak simpan
data daftar baru
Sesuai harapan Valid
2 Username (diisi),
password, nama
lengkap, alamat,
telepon dan email
tidak diisi kemudian
klik tombol simpan
Username:
FDR
password
(kosong)
nama
lengkap
(kosong)
alamat
(kosong)
telepon
(kosong)
(kosong)
Sistem akan menolak simpan
data daftar baru
Sesuai harapan Valid
3. Username (diisi),
password (diisi),
nama lengkap (diisi),
alamat (diisi),
Username:
FDR
Password:
xxx
Sistem akan menerima
simpan
Sesuai harapan Valid
60
60
telepon (diisi) dan
email (diisi)
kemudian klik
tombol simpan
nama
lengkap:
Farhan
alamat:
jl.jalan
telepon:
0989999
email:
om