bab iii pembahasan...25 bab iii pembahasan 3.1. analisa kebutuhan 3.1.1. analisa kebutuhan sistem...
Post on 05-Nov-2020
6 Views
Preview:
TRANSCRIPT
25
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
3.1.1. Analisa Kebutuhan Sistem
Langkah pertama yang dilakukan dalam menganalisa sebuah sistem adalah
mengidentifikasi masalah yang ada dalam sistem tersebut. Subjek permasalahan
yang terjadi pada penjualan handphone adalah masih menggunakan sistem
manual. Secara garis besar, analisa kebutuhan sistem disajikan dalam tabel
dibawah ini.
Tabel III.1Analisa Kebutuhan Sistem
ANALISA KELEMAHAN SISTEMLAMA
SISTEM YANG DIAJUKAN
Information Informasi tentang handphone
terkini melalui media surat
kabar harian, hal ini akan
menjadi kurang efektif untuk
menjangkau para konsumen,
karena tidak semua
konsumen berlangganan surat
kabar.
Dengan sistem online berbasis
web ini, memberikan kemudahan
padakonsumen untuk mendapatkan
informasi produk terbaru dengan
cepat dan akurat.
26
Performance Pelanggan masih datang
langsung ke toko untuk
membeli handphone.
Dengan sistem belanja online,
pelanggan dapat melakukan
pembelian melalui website. user
dapat mengakses informasi
mengenai handphone terkini
kapan pun dan dimana pun.
Eficiency Waktu yang banyak terbuang
karena pelanggan harus
datang langsung untuk
berbelanja handphone.
Pelanggan dapat menghemat
waktu dengan menggunakan
fasilitas website informasi
akan dilakukan otomatis oleh
komputer sehingga informasi
lebih cepat dan efisien.
Control /
Security
Data pelanggan tersimpan
dalam dokumen kertas dan
sangat riskan apabila
dokumen rusak atau bahkan
hilang.
Dengan sistem, pencatatan
transaksi dapat tersimpan
langsung ke database oleh
komputer maka data akan
jauh lebih aman dan
terorganisir. Kapan pun kita
membutuhkan cukup dengan
memanggil kode unik data
maka data akan segera tampil
tanpa harus membuka-buka
banyak file yang
membutuhkan waktu lama.
27
Economy Pencatatan transaksi secara
manual, baik nota maupun
laporan memakan biaya
untuk penggunaan kertas dan
tinta. Menggunakan brosur
yang diedarkan dibeberapa
tempat yang memakan
banyak biaya.
Pencatatan transaksi yang
langsung tersimpan di database
Dan informasi mengunakan
sosial media dan website yang
diharapkan dapat menekan biaya
untuk penyebaran informasi
secara luas.
3.1.2. Analisa kebutuhan Pengguna
1. Kebutuhan User
a. User dapat memilih type handphone yang diminati.
b. User dapat melihat detail type handphone yang diminati.
c. Klik beli maka akan masuk type handphone yang diminati kedalam
keranjang.
d. Satu kali belanja bisa banyak type handphone dalam satu nomor
transaksi.
2. Kebutuhan Adm
a. Adm dapat melakukan login kedalam website.
b. Memanipulasi data handphone.
c. Memanipulasi tarif ongkos kirim JNE.
d. Memanipulasi konfirmasi belanja.
e. Memanipulasi laporan.
f. Memanipulasi para meter.
28
g. Memanipulasi profil adm.
h. Melakukan logout.
3.2. Perancangan Perangkat Lunak
Tahapan dimana dilakukan perancangan sistem dan perangkat lunak
terhadap solusi dari permasalahan yang ada melalui rancangan antar muka,
rancangan basis datadengan menggunakan pemodelanseperti ERD (Entity
Relationship Diagram), LRS (Logical Record Structure) dan merancang struktur
navigasi.
3.2.1. Rancangan Antar Muka
Rancangan antarmuka merupakan gambaran dari tampilan web yang
diusulkan oleh penulis. Pada uraian dibawah ini dapat dijelaskan rancangan
antarmuka perancangan sistem informasi penjualan handphone.
A. Rancangan Halaman Adm
1. Halaman Form Login Adm
Gambar III.1
Rancangan Halaman FormLogin Adm
29
2. Halaman Beranda Adm
Gambar III.2
Rancangan Halaman Beranda Adm
3. Halaman Handphone Adm
Gambar III.3
Rancangan Halaman Handphone Adm
30
4. Halaman Ongkos Kirim JNE Adm
Gambar III.4
Rancangan Halaman Ongkos Kirim JNEAdm
5. Halaman Konfirmasi Belanja Adm
Gambar III.5
Rancangan Halaman Konfirmasi BelanjaAdm
31
6. Halaman Laporan Adm
Gambar III.6
Rancangan Halaman LaporanAdm
7. Bukti Laporan Adm
Gambar III.7
Rancangan Bukti LaporanAdm
32
8. Halaman Para Meter Adm
Gambar III.8
Rancangan Halaman Para MeterAdm
9. Halaman Profil Adm
Gambar III.9
Rancangan Halaman ProfilAdm
33
B. Rancangan Halaman User
1. Halaman Beranda User
Gambar III.10
Rancangan Halaman Beranda User
34
2. Halaman Handphone User
Gambar III.11
Rancangan Halaman Handphone User
35
3. Halaman Kontak Kami User
Gambar III.12
Rancangan Halaman Kontak Kami User
4. Halaman Cara Belanja User
Gambar III.13
Rancangan Halaman Cara BelanjaUser
36
5. Halaman Cara Pembayaran User
Gambar III.14
Rancangan Halaman Cara PembayaranUser
6. Halaman Konfirmasi Belanja User
Gambar III.15
Rancangan Halaman Konfirmasi BelanjaUser
37
7. Halaman Keranjang User
Gambar III.16
Rancangan Halaman Keranjang User
8. Halaman Data Diri User
Gambar III.17
Rancangan Halaman Data Diri User
38
9. Halaman Bukti TransaksiUser
Gambar III.18
Rancangan Halaman Bukti Transaksi User
3.2.2. Rancangan Basis Data
Pembuatan rancangan basis data untuk sistem informasi penjualan
handphone ini diawali dengan membuat Entity Relationship Diagram (ERD), yang
kemudian dirubah menjadi Logical Record Structure (LRS), gambaran dari LRS
tersebut akan menghasilkan sebuah tabel relasi basis data.
39
A. Entity Relationship Diagram (ERD)
Gambar III.19 Entity Relationship Diagram (ERD)
40
B. Logical Record Structure (LRS)
Gambar III.20 Logical Record Structure (LRS)
41
C. Spesifikasi File
Dalam perancangan website ini, penulis menggunakan sebuah database
yang bernama penjualan. Database ini terdiri dari 13 tabel diantaranya yaitu :
1. Spesifikasi Tabel Adm
Nama File : Tabel adm
Akronim File : adm.MYD
Fungsi File : untuk mengolah data adm
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 239 Karakter
Kunci Field : id_adm
Software : MySQL
Tabel III.2
Spesifikasi Tabel Adm
No. Field Data Type Length Default1. id_adm varchar 7 Primary Key2. foto varchar 1003. nama varchar 504. email varchar 505. kata_sandi varchar 32 MD5
2. Spesifikasi Tabel User
Nama File : Tabel user
Akronim File : user.MYD
42
Fungsi File : untuk mengolah data diri user
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record :162 Karakter
Kunci Field : id_user
Software : MySQL
Tabel III.3
Spesifikasi Tabel User
No. Field Data Type Length Default1. id_user Varchar 30 Primary Key2. id_transaksi Varchar 11 Foreing key3. nama_lengkap Varchar 504. id_prov Char 2 Foreing key5. id_kab Char 4 Foreing key6. detail_alamat Text7. no_handphone Varchar 158. email Varchar 50
3. Spesifikasi Tabel GambarHandphone
Nama File : Tabel gambarhandphone
Akronim File : gambar_handphone.MYD
Fungsi File : untuk menambah gambarhandphone pada front
end
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
43
Media File : Harddisk
Panjang Record : 172 Karakter
Kunci Field : id_gambar_handphone
Software : MySQL
Tabel III.4
Spesifikasi Tabel Gambar Handphone
No. Field Data Type Length Default1. id_gambar_handphone int 11 Primary Key, Auto_Increment2. id_handphone int 11 Foreing key3. keterangan_gambar varchar 504. gambar_handphone varchar 100
4. Spesifikasi Tabel Handphone
Nama File : Tabel handphone
Akronim File : handphone.MYD
Fungsi File : untuk menambah handphone pada front end
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 109 Karakter
Kunci Field : id _handphone
Software : MySQL
44
Tabel III.5
Spesifikasi Tabel Handphone
No. Field Data Type Length Default1. id_handphone Int 11 Primary Key, Auto_Increment2. kode_imei Varchar 153. type_handphone Varchar 504. deskripsi Text5. harga Int 116. stok Int 117. berat_barang Int 11
5. Spesifikasi Tabel Provinsi
Nama File : Tabel provinsi
Akronim File : provinsi.MYD
Fungsi File : untuk mengolah dataprovinsi
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 2 Karakter
Kunci Field : id_pov
Software : MySQL
Tabel III.6
Spesifikasi Tabel Povinsi
No. Field Data Type Length Default1. id_prov char 2 Primary Key2. provinsi Text
45
6. Spesifikasi Tabel Kabupaten
Nama File : Tabel kabupaten
Akronim File : kabupaten.MYD
Fungsi File : untuk mengolah data ongkos kirim JNE
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 20 Karakter
Kunci Field : id_kab
Software : MySQL
Tabel III.7
Spesifikasi Tabel Kabupaten
No. Field Data Type Length Default1. id_kab char 4 Primary Key2. id_prov char 2 Foreing key3. kabupaten text4. jne_regular varchar 75. jne_yes varchar 7
7. Spesifikasi Tabel Para Meter
Nama File : Tabel para meter
Akronim File : para_meter.MYD
Fungsi File : untuk mengolah data yang bersangkutan dengan
website kami
Type File : File master
Organisasi File : Index Sequential
46
Akses File : Random
Media File : Harddisk
Panjang Record : 107 Karakter
Kunci Field : id_para_meter
Software : MySQL
Tabel III.8
Spesifikasi Tabel Para Meter
No. Field Data Type Length Default1. id_para_meter varchar 7 Primary Key2. judul varchar 1003. isi text
8. Spesifikasi Tabel Konter
Nama File : Tabel konter
Akronim File : konter.MYD
Fungsi File : untuk mengolah data statistik pengunjung
Type File : File master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 55 Karakter
Kunci Field : -
Software : MySQL
47
Tabel III.9
Spesifikasi Tabel Konter
No. Field Data Type Length Default1. ip varchar 202. tanggal date3. hits Int 104. online varchar 25
9. Spesifikasi Tabel Keranjang
Nama File : Tabel keranjang
Akronim File : keranjang.MYD
Fungsi File : untuk mengolah data pembelian user sementara
Type File : File transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 52 Karakter
Kunci Field : id_ keranjang
Software : MySQL
Tabel III.10
Spesifikasi Tabel Keranjang
No. Field Data Type Length Default1. id_keranjang Int 11 Primary Key, Auto_Increment2. id_session Varchar 303. id_handphone Int 11 Foreing key
10. Spesifikasi Tabel Transaksi
Nama File : Tabel transaksi
48
Akronim File : transaksi.MYD
Fungsi File : untuk mengolah data transaksi
Type File : File transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 125 Karakter
Kunci Field : id_ transaksi
Software : MySQL
Tabel III.11
Spesifikasi Tabel Transaksi
No. Field Data Type Length Default1. id_transaksi varchar 11 Primary Key2. id_user varchar 30 Foreing key3. total_bayar_ongkir int 114. subtotal int 115. tanggal_dan_waktu_transaksi datetime6. total_bayar_keseluruhan int 117. paket_ongkir int 118. status varchar 249. keterangan text10. no_resi_jne varchar 16
11. Spesifikasi Tabel Detail Transaksi
Nama File : Tabel detail transaksi
Akronim File : detail_transaksi.MYD
Fungsi File : untuk mengolah data handphone yang dibeli
saat transaksi
Type File : File transaksi
49
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 63 Karakter
Kunci Field : -
Software : MySQL
Tabel III.12
Spesifikasi Tabel Detail Transaksi
No. Field Data Type Length Default1. id_transaksi varchar 11 Foreing key2. id_handphone int 11 Foreing key3. jumlah_beli int 114. id_session varchar 30
12. Spesifikasi Tabel Konfirmasi
Nama File : Tabel konfirmasi
Akronim File : konfirmasi.MYD
Fungsi File : untuk mengolah data konfirmasi
Type File : File transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 202 Karakter
Kunci Field : id_konfirmasi
Software : MySQL
50
Tabel III.13
Spesifikasi Tabel Konfirmasi
No. Field Data Type Length Default1. id_konfirmasi Int 11 Primary Key, Auto_Increment2. id_transaksi Varchar 11 Foreing key3. atas_nama Varchar 504. foto Varchar 1005. tanggal_konfirmasi Datetime6. komentar_user Text7. no_rekening Varchar 30
3.2.3. Rancangan Struktur Navigasi Campuran (Composite)
A. Struktur Navigasi Adm
Gambar III.21
Struktur Navigasi Adm
51
B. Struktur Navigasi User
Gambar III.22
Struktur Navigasi User
52
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
1. Implementasi Rancangan Antar Muka.
Rancangan antar muka pada website penjualan handphone ini terdiri dari:
a. Halaman Form Login Adm
Halaman login merupakan syarat akses untuk menampilkan halaman
adm. Pada halaman ini disediakan form untuk mengisi email dan
kata sandiyang benar sesuai database.
Gambar III.23
Halaman FormLogin Adm
b. Halaman Beranda Adm
Halaman beranda adm ini, terdapat menu beranda, handphone,
ongkos kirim JNE, konfirmasi belanja, laporan, para meter, profil
52
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
1. Implementasi Rancangan Antar Muka.
Rancangan antar muka pada website penjualan handphone ini terdiri dari:
a. Halaman Form Login Adm
Halaman login merupakan syarat akses untuk menampilkan halaman
adm. Pada halaman ini disediakan form untuk mengisi email dan
kata sandiyang benar sesuai database.
Gambar III.23
Halaman FormLogin Adm
b. Halaman Beranda Adm
Halaman beranda adm ini, terdapat menu beranda, handphone,
ongkos kirim JNE, konfirmasi belanja, laporan, para meter, profil
52
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
1. Implementasi Rancangan Antar Muka.
Rancangan antar muka pada website penjualan handphone ini terdiri dari:
a. Halaman Form Login Adm
Halaman login merupakan syarat akses untuk menampilkan halaman
adm. Pada halaman ini disediakan form untuk mengisi email dan
kata sandiyang benar sesuai database.
Gambar III.23
Halaman FormLogin Adm
b. Halaman Beranda Adm
Halaman beranda adm ini, terdapat menu beranda, handphone,
ongkos kirim JNE, konfirmasi belanja, laporan, para meter, profil
53
adm, slide show gambar handphone yang dijual dan statistik status
belanja para user.
Gambar III.24
Halaman Beranda Adm
c. Halaman Handphone Adm
Halaman handphone adm ini, menampilkan data handphone yang
dijual. Disini adm juga bisa menambah data handphone, ubah,
53
adm, slide show gambar handphone yang dijual dan statistik status
belanja para user.
Gambar III.24
Halaman Beranda Adm
c. Halaman Handphone Adm
Halaman handphone adm ini, menampilkan data handphone yang
dijual. Disini adm juga bisa menambah data handphone, ubah,
53
adm, slide show gambar handphone yang dijual dan statistik status
belanja para user.
Gambar III.24
Halaman Beranda Adm
c. Halaman Handphone Adm
Halaman handphone adm ini, menampilkan data handphone yang
dijual. Disini adm juga bisa menambah data handphone, ubah,
54
tambah gambar handphone, lihat detail, menghapus data handphone
yang sudah ada.
Gambar III.25
Halaman Handphone Adm
d. Halaman Ongkos Kirim JNE Adm
Halaman ongkos kirim JNE adm, terdapat 34 provinsi dan 514 kota
dan kabupaten diseluruh indonesia terdapat 2 jenis paket regular dan
54
tambah gambar handphone, lihat detail, menghapus data handphone
yang sudah ada.
Gambar III.25
Halaman Handphone Adm
d. Halaman Ongkos Kirim JNE Adm
Halaman ongkos kirim JNE adm, terdapat 34 provinsi dan 514 kota
dan kabupaten diseluruh indonesia terdapat 2 jenis paket regular dan
54
tambah gambar handphone, lihat detail, menghapus data handphone
yang sudah ada.
Gambar III.25
Halaman Handphone Adm
d. Halaman Ongkos Kirim JNE Adm
Halaman ongkos kirim JNE adm, terdapat 34 provinsi dan 514 kota
dan kabupaten diseluruh indonesia terdapat 2 jenis paket regular dan
55
yes, adm dapat menginput atau mengubah tarif ongkos kirim JNE
dengan data yang ada.
Gambar III.26
Halaman Ongkos Kirim JNEAdm
e. Halaman Konfirmasi Belanja Adm
Halaman konfirmasi belanja adm ini adalah form yang menampilkan
semua perbelanjaan user, disini adm dapat melihat detail
55
yes, adm dapat menginput atau mengubah tarif ongkos kirim JNE
dengan data yang ada.
Gambar III.26
Halaman Ongkos Kirim JNEAdm
e. Halaman Konfirmasi Belanja Adm
Halaman konfirmasi belanja adm ini adalah form yang menampilkan
semua perbelanjaan user, disini adm dapat melihat detail
55
yes, adm dapat menginput atau mengubah tarif ongkos kirim JNE
dengan data yang ada.
Gambar III.26
Halaman Ongkos Kirim JNEAdm
e. Halaman Konfirmasi Belanja Adm
Halaman konfirmasi belanja adm ini adalah form yang menampilkan
semua perbelanjaan user, disini adm dapat melihat detail
56
perbelanjaan user, mengganti status perbelanjaan user, melihat
konfirmasi pembayaran user, dan melihat komentar user setelah
barang diterima oleh user.
Gambar III.27
Halaman Konfirmasi BelanjaAdm
f. Halaman Laporan Adm
Halaman laporan adm ini, disini adm dapat menapilkan semua
barang yang dibeli oleh user dengan status perbelanjaan yang
diinginkan oleh adm.
Gambar III.28
Halaman LaporanAdm
56
perbelanjaan user, mengganti status perbelanjaan user, melihat
konfirmasi pembayaran user, dan melihat komentar user setelah
barang diterima oleh user.
Gambar III.27
Halaman Konfirmasi BelanjaAdm
f. Halaman Laporan Adm
Halaman laporan adm ini, disini adm dapat menapilkan semua
barang yang dibeli oleh user dengan status perbelanjaan yang
diinginkan oleh adm.
Gambar III.28
Halaman LaporanAdm
56
perbelanjaan user, mengganti status perbelanjaan user, melihat
konfirmasi pembayaran user, dan melihat komentar user setelah
barang diterima oleh user.
Gambar III.27
Halaman Konfirmasi BelanjaAdm
f. Halaman Laporan Adm
Halaman laporan adm ini, disini adm dapat menapilkan semua
barang yang dibeli oleh user dengan status perbelanjaan yang
diinginkan oleh adm.
Gambar III.28
Halaman LaporanAdm
57
g. Bukti Laporan Adm
Bukti laporan adm ini adalah hasil inputan dari halaman laporan
adm.
Gambar III.29
Bukti LaporanAdm
h. Halaman Para Meter Adm
Halaman para meter adm, disini adm dapat melihat detail dan
mengubah kontak kami, cara pembayaran dan cara belanja dengan
data yang ada.
Gambar III.30
Halaman Para MeterAdm
57
g. Bukti Laporan Adm
Bukti laporan adm ini adalah hasil inputan dari halaman laporan
adm.
Gambar III.29
Bukti LaporanAdm
h. Halaman Para Meter Adm
Halaman para meter adm, disini adm dapat melihat detail dan
mengubah kontak kami, cara pembayaran dan cara belanja dengan
data yang ada.
Gambar III.30
Halaman Para MeterAdm
57
g. Bukti Laporan Adm
Bukti laporan adm ini adalah hasil inputan dari halaman laporan
adm.
Gambar III.29
Bukti LaporanAdm
h. Halaman Para Meter Adm
Halaman para meter adm, disini adm dapat melihat detail dan
mengubah kontak kami, cara pembayaran dan cara belanja dengan
data yang ada.
Gambar III.30
Halaman Para MeterAdm
58
i. Halaman Profil Adm
Halaman profil adm, disini adm dapat mengubah data diri adm, foto
adm, dan kata sandi adm dengan data yang sudah ada.
Gambar III.31
Halaman ProfilAdm
j. Halaman Beranda User
Halaman beranda user ini, terdapat menu beranda, handphone,
kontak kami, cara belanja, cara pembayaran, konfirmasi belanja,
58
i. Halaman Profil Adm
Halaman profil adm, disini adm dapat mengubah data diri adm, foto
adm, dan kata sandi adm dengan data yang sudah ada.
Gambar III.31
Halaman ProfilAdm
j. Halaman Beranda User
Halaman beranda user ini, terdapat menu beranda, handphone,
kontak kami, cara belanja, cara pembayaran, konfirmasi belanja,
58
i. Halaman Profil Adm
Halaman profil adm, disini adm dapat mengubah data diri adm, foto
adm, dan kata sandi adm dengan data yang sudah ada.
Gambar III.31
Halaman ProfilAdm
j. Halaman Beranda User
Halaman beranda user ini, terdapat menu beranda, handphone,
kontak kami, cara belanja, cara pembayaran, konfirmasi belanja,
59
keranjang, dan 8 handphone terbaru user dapat melihat detail dan
beli handphone.
Gambar III.32
Halaman Beranda User
59
keranjang, dan 8 handphone terbaru user dapat melihat detail dan
beli handphone.
Gambar III.32
Halaman Beranda User
59
keranjang, dan 8 handphone terbaru user dapat melihat detail dan
beli handphone.
Gambar III.32
Halaman Beranda User
60
k. Halaman Handphone User
Halaman Handphoneuser ini, akan menampilkan semua data
handphone dan user dapat melihat detail dan beli handphone.
Gambar III.33
Halaman HandphoneUser
60
k. Halaman Handphone User
Halaman Handphoneuser ini, akan menampilkan semua data
handphone dan user dapat melihat detail dan beli handphone.
Gambar III.33
Halaman HandphoneUser
60
k. Halaman Handphone User
Halaman Handphoneuser ini, akan menampilkan semua data
handphone dan user dapat melihat detail dan beli handphone.
Gambar III.33
Halaman HandphoneUser
61
l. Halaman Kontak Kami User
Halaman kontak kami user ini adalah tempat dimana user dapat
melihat semua kontak yang bersangkutan dengan website kami.
Gambar III.34
Halaman Kontak KamiUser
m. Halaman Cara Belanja User
Halaman cara belanja user, disini user dapat membaca dari awal cara
belanja sampai dengan mendapatkan bukti transaksi belanja user.
Gambar III.35
Halaman Cara BelanjaUser
61
l. Halaman Kontak Kami User
Halaman kontak kami user ini adalah tempat dimana user dapat
melihat semua kontak yang bersangkutan dengan website kami.
Gambar III.34
Halaman Kontak KamiUser
m. Halaman Cara Belanja User
Halaman cara belanja user, disini user dapat membaca dari awal cara
belanja sampai dengan mendapatkan bukti transaksi belanja user.
Gambar III.35
Halaman Cara BelanjaUser
61
l. Halaman Kontak Kami User
Halaman kontak kami user ini adalah tempat dimana user dapat
melihat semua kontak yang bersangkutan dengan website kami.
Gambar III.34
Halaman Kontak KamiUser
m. Halaman Cara Belanja User
Halaman cara belanja user, disini user dapat membaca dari awal cara
belanja sampai dengan mendapatkan bukti transaksi belanja user.
Gambar III.35
Halaman Cara BelanjaUser
62
n. Halaman Cara Pembayaran User
Halaman cara pembayaran user, disini user dapat membaca dari awal
cara pembayaran sampai dengan barang perbelanjaan user dikirim
ketempat yang ditujukan.
Gambar III.36
Halaman Cara PembayaranUser
o. Halaman Konfirmasi Belanja User
Halaman konfirmasi belanja user ini adalah form yang menampilkan
semua perbelanjaan user, disini user dapat melihat detail
62
n. Halaman Cara Pembayaran User
Halaman cara pembayaran user, disini user dapat membaca dari awal
cara pembayaran sampai dengan barang perbelanjaan user dikirim
ketempat yang ditujukan.
Gambar III.36
Halaman Cara PembayaranUser
o. Halaman Konfirmasi Belanja User
Halaman konfirmasi belanja user ini adalah form yang menampilkan
semua perbelanjaan user, disini user dapat melihat detail
62
n. Halaman Cara Pembayaran User
Halaman cara pembayaran user, disini user dapat membaca dari awal
cara pembayaran sampai dengan barang perbelanjaan user dikirim
ketempat yang ditujukan.
Gambar III.36
Halaman Cara PembayaranUser
o. Halaman Konfirmasi Belanja User
Halaman konfirmasi belanja user ini adalah form yang menampilkan
semua perbelanjaan user, disini user dapat melihat detail
63
perbelanjaan user, menginput konfirmasi pembayaran user, dan
menginput komentar user setelah barang diterima oleh user.
Gambar III.37
Halaman Konfirmasi BelanjaUser
p. Halaman Keranjang User
Halaman keranjang user disini user dapat mengubah jumlah
handphone yang ingin dibeli atau menghapus handphone yang tidak
jadi dibeli.
Gambar III.38
Halaman KeranjangUser
63
perbelanjaan user, menginput konfirmasi pembayaran user, dan
menginput komentar user setelah barang diterima oleh user.
Gambar III.37
Halaman Konfirmasi BelanjaUser
p. Halaman Keranjang User
Halaman keranjang user disini user dapat mengubah jumlah
handphone yang ingin dibeli atau menghapus handphone yang tidak
jadi dibeli.
Gambar III.38
Halaman KeranjangUser
63
perbelanjaan user, menginput konfirmasi pembayaran user, dan
menginput komentar user setelah barang diterima oleh user.
Gambar III.37
Halaman Konfirmasi BelanjaUser
p. Halaman Keranjang User
Halaman keranjang user disini user dapat mengubah jumlah
handphone yang ingin dibeli atau menghapus handphone yang tidak
jadi dibeli.
Gambar III.38
Halaman KeranjangUser
64
q. Halaman Data Diri User
Halaman data diri user, disini setelah user mengakhiri belanja
mereka harus menginputkan data diri mereka sesuai dengan KTPnya
dan memilik paket JNE yang user inginkan.
Gambar III.39
Halaman Data DiriUser
64
q. Halaman Data Diri User
Halaman data diri user, disini setelah user mengakhiri belanja
mereka harus menginputkan data diri mereka sesuai dengan KTPnya
dan memilik paket JNE yang user inginkan.
Gambar III.39
Halaman Data DiriUser
64
q. Halaman Data Diri User
Halaman data diri user, disini setelah user mengakhiri belanja
mereka harus menginputkan data diri mereka sesuai dengan KTPnya
dan memilik paket JNE yang user inginkan.
Gambar III.39
Halaman Data DiriUser
65
r. Bukti Transaksi User
Bukti transaksi user ini adalah hasil inputan data diri user,
handphone apa saja yang dibeli dan total bayar yang harus dibayar
oleh user yang melakukan transaksi tersebut.
Gambar III.40
Bukti TransaksiUser
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan aplikasi penjualan
handphone.
a. Spesifikasi Perangkat Keras
Perangkat keras yang digunakan dalam membangun website ini adalah
sebagai berikut:
1. Processor Intel(R) Celeron(R) CPU 1000M @ 1.80GHz.
2. RAM 2 GB.
3. Harddisk 300 GB .
4. Perangkat standar input dan output.
65
r. Bukti Transaksi User
Bukti transaksi user ini adalah hasil inputan data diri user,
handphone apa saja yang dibeli dan total bayar yang harus dibayar
oleh user yang melakukan transaksi tersebut.
Gambar III.40
Bukti TransaksiUser
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan aplikasi penjualan
handphone.
a. Spesifikasi Perangkat Keras
Perangkat keras yang digunakan dalam membangun website ini adalah
sebagai berikut:
1. Processor Intel(R) Celeron(R) CPU 1000M @ 1.80GHz.
2. RAM 2 GB.
3. Harddisk 300 GB .
4. Perangkat standar input dan output.
65
r. Bukti Transaksi User
Bukti transaksi user ini adalah hasil inputan data diri user,
handphone apa saja yang dibeli dan total bayar yang harus dibayar
oleh user yang melakukan transaksi tersebut.
Gambar III.40
Bukti TransaksiUser
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan aplikasi penjualan
handphone.
a. Spesifikasi Perangkat Keras
Perangkat keras yang digunakan dalam membangun website ini adalah
sebagai berikut:
1. Processor Intel(R) Celeron(R) CPU 1000M @ 1.80GHz.
2. RAM 2 GB.
3. Harddisk 300 GB .
4. Perangkat standar input dan output.
66
b. Spesifikasi Perangkat Lunak
Adapun perangkat lunak yang digunakan dalam membangun website ini
adalah sebagai berikut :
1. Sistem Operasi Windows 7 Ultimate.
2. Adobe Dreamweaver CS5.
3. Web Browser Mozilla Firefox, Google Chrome, Internet Explorer,
Uc Browser.
4. XAMPP 3.2.1.
3.3.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan black box testing
yang fokus terhadap proses masukan dan keluaran program.
1. Pengujian Form Login Adm
Tabel III.14Pengujian Form Login Adm
No.
Skenario Pengujian Test Case Hasil yangdiharapkan
Hasilpengujian
Kesimpulan
1 Email dan Kata
Sandi tidak diisi
kemudian klik
login
Email:
(Kosong)
Kata Sandi:
(Kosong)
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
2 Mengetikkan Email
dan Kata Sandi
tidak diisi
kemudian klik
Email:
donnyguna
wan@gmail
.com
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
67
login Kata Sandi:
(kosong)
3 Email tidak diisi
dan Kata Sandi
diisi kemudian klik
login
Email:
(Kosong)
Kata Sandi:
(tika)
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
4 Mengetikkan salah
satu, kondisi salah
pada Email dan
Kata Sandi
kemudian klik
login
Email:
donnyguna
wan@gmail
.com
(benar)
Kata Sandi:
1234
(salah)
Sistem akan
menolak
akses login
adm “email
atau kata
sandi tidak
ada!”
Sesuai
Harapan
Valid
5 Mengetikkan Email
dan Kata Sandi
dengan benar
kemudian klik
login
Email:
donnyguna
wan@gmail
.com
Kata Sandi:
tika
Sistem
menerima
akses login
adm,
“Selamat
anda telah
berhasil
login”
Sesuai
harapan
valid
68
2. Pengujian Konfirmasi Pembayaran User
Tabel III.15Pengujian Form Konfirmasi Pembayaran User
No.
Skenario Pengujian Test Case Hasil yangdiharapkan
Hasilpengujian
Kesimpulan
1 Atas Nama,
No. Rekening dan
Bukti Transfer
tidak diisi
kemudian klik
kirim
Atas Nama:
(Kosong)
No.Rekenin
g:
(Kosong)
Bukti
Transfer
(Kosong)
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
2 Mengetikkan
Atas Nama,
No. Rekening dan
Bukti Transfer
tidak diisi
kemudian klik
kirim
Atas Nama:
(Donny)
No.
Rekening:
(Kosong)
Bukti
Transfer
(Kosong)
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
3 Mengetikkan
Atas Nama,
No. Rekening dan
Bukti Transfer
Atas Nama:
(Kosong)
No.
Rekening:
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
69
tidak diisi
kemudian klik
kirim
(12345678)
Bukti
Transfer
(Kosong)
4 Mengetikkan
Atas Nama,
No. Rekening dan
Bukti Transfer
tidak diisi
kemudian klik
kirim
Atas Nama:
(Kosong)
No.
Rekening:
(Kosong)
Bukti
Transfer
(Foto.JPG)
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
5 Mengetikkan
Atas Nama,
No. Rekening dan
Bukti Transfer
tidak diisi
kemudian klik
kirim
Atas Nama:
(Donny)
No.
Rekening:
(12345678)
Bukti
Transfer
(Kosong)
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
6 Mengetikkan
Atas Nama,
No. Rekening dan
Bukti Transfer
Atas Nama:
(Kosong)
No.
Rekening:
Sistem akan
menampilkan
“Please fill
out this field”
Sesuai
Harapan
Valid
70
tidak diisi
kemudian klik
kirim
(12345678)
Bukti
Transfer
(Foto.JPG)
7 Mengetikkan
Atas Nama,
No. Rekening dan
Bukti Transfer
tidak diisi
kemudian klik
kirim
Atas Nama:
(Donny)
No.
Rekening:
(12345678)
Bukti
Transfer
(Foto.JPG)
Sistem
transaksi
terkirim
Sesuai
harapan
valid
top related