Upload
nguyenthien
View
224
Download
0
Embed Size (px)
Citation preview
23
BAB III
PEMBAHASAN
3.1. Tinjauan Kasus
Dengan adanya aplikasi berbasis web, menimbulkan pemikiran baru bagi para
pelaku bisnis untuk mengubah sistem penjualan yang selama ini mereka lakukan
yaitu secara konvensional menjadi penjualan secara online. Dalam hal ini e-
commerce digunakan karena dapat menekan biaya dan memberikan akses lebih luas
antara penjual dan konsumennya. Oleh karena itu, penulis tertarik untuk membuat
sebuah website berbasis e-commerce dengan maksud memperluas peluang bisnis
melalui internet.
3.2. Analisis Kebutuhan
Pada sistem penjualan secara online, para konsumen dapat melakukan transaksi
dengan mudah tanpa harus datang langsung ke toko untuk membeli perlengkapan
bayi yang mereka butuhkan karena konsumen dapat berbelanja menggunakan media
internet. Berikut ini spesifikasi kebutuhan dari sistem e-commerce yang penulis buat :
A. Halaman Pengunjung
A1. Pengunjung dapat melihat Beranda
A2. Pengunjung dapat melihat Produk
A3. Pengunjung dapat melihat Cara Pembelian
A4. Pengunjung dapat melihat Syarat dan Ketentuan
24
A5. Pengunjung dapat melihat Ongkos Kirim
A6. Pengunjung dapat melihat Hubungi Kami
A7. Pengunjung dapat melakukan daftar member baru dengan mengisi data
dengan benar dan lengkap.
B. Halaman Pelanggan atau Member
B1. Pelanggan dapat langsung memilih kategori yang tersedia pada halaman
website.
B2. Pelanggan dapat melihat secara detail spesifikasi produk.
B3. Pelanggan dapat melakukan login dan memilih produk yang akan dibeli
dan ditambahkan ke keranjang belanja.
B4. Pelanggan dapat melakukan update jumlah produk di keranjang belanja
dan menampilkan total pembelian
B5. Pelanggan dapat melakukan checkout ketika transaksi pembelian selesai.
B6. Pelanggan mengisi alamat tujuan pengiriman barang.
B7. Pelanggan dapat melihat detail transaksi dan ongkos kirim yang harus
dibayarkan.
B8. Pelanggan dapat menyimpan atau mencetak struk transaksi.
B9. Pelanggan dapat melakukan konfirmasi pembayaran.
B10. Pelanggan dapat mengisi form buku tamu.
25
C. Halaman Admin
C1. Admin dapat melakukan Login.
C2. Admin dapat mengelola data produk seperti tambah, edit, dan hapus
produk.
C3. Admin dapat melihat dan menghapus data pelanggan.
C4. Admin dapat mengelola data kategori, seperti tambah, edit, dan hapus
kategori.
C5. Admin dapat mengelola data ongkos kirim, seperti tambah, edit, dan
hapus ongkos kirim.
C6. Admin dapat mengelola data halaman, seperti tambah, edit, dan hapus
halaman.
C7. Admin dapat mengelola data pemesanan seperti melakukan ubah status
pemesanan (pending, proses, terkirim, batal).
C8. Admin dapat melihat dan menghapus daftar buku tamu.
C9. Admin dapat melakukan Logout.
3.3. Perancangan Perangkat Lunak
Adapun perancangan perangkat lunak dalam perancangan sistem informasi
penjualan perlengkapan bayi berbasis web yang akan terbagi menjadi beberapa
bagian yaitu :
26
A. Rancangan Antar Muka
1. Halaman Utama Pengunjung
Halaman pengunjung adalah halaman yang dapat diakses pada browser dan
dapat dilihat oleh pengunjung website. Pada halaman ini, pengunjung dapat melihat
beranda, cara pembelian, syarat dan ketentuan, ongkos kirim, hubungi kami dan
testimoni (buku tamu) dari pelanggan. Pengunjung juga dapat melihat produk tetapi
belum dapat melakukan pembelian jika belum terdaftar sebagai pelanggan.
Rancangan antar muka halaman pengunjung sebagai berikut :
a. Rancangan Antar Muka Beranda Halaman Pengunjung
Gambar III.1.
Rancangan Antar Muka Beranda Halaman Pengunjung
27
Keterangan :
Nama Program : Beranda Halaman Pengunjung
Fungsi Program : Tampilan awal ketika halaman pengunjung dibuka.
Akronim : index.php
Proses :
1. Buka Web Browser (Google Chrome, IE, Mozilla, dan lain – lain)
2. Ketikkan alamat website (URL) pada addres bar, contoh :
http:/localhost/babyshop_18122881
3. Menampilkan halaman utama pengunjung
28
b. Rancangan Antar Muka Produk Halaman Pengunjung
Gambar III.2.
Rancangan Antar Muka Produk Halaman Pengunjung
Keterangan :
Nama Program : Semua Produk
Fungsi Program : untuk melihat isi dari semua produk yang di yang ditawarkan
pada website
Akronim : semua_produk.php
Proses :
1. Klik menu Produk pada halaman pengunjung
2. Setelah itu tampil daftar barang
29
c. Rancangan Antar Muka Detail Produk Halaman Pengunjung
Gambar III.3.
Rancangan Antar Muka Detail Produk Halaman Pengunjung
Keterangan :
Nama Program : Detail Produk
Fungsi Program : untuk melihat detail produk yang ditawarkan pada website
Akronim : detail_produk.php
Proses :
1. Klik tombol Detail pada halaman pengunjung
2. Setelah itu tampil detail produk
30
d. Rancangan Antar Muka Cara Pembelian Halaman Pengunjung
Gambar III.4.
Rancangan Antar Muka Cara Pembelian Halaman Pengunjung
Keterangan :
Nama Program : Cara Pembelian
Fungsi Program : untuk melihat tata cara pembelian di website ini
Akronim : halaman.php
Proses :
1. Klik menu Cara Pembelian pada halaman pengunjung
2. Tampil halaman cara pembelian.
31
e. Rancangan Antar Muka Syarat dan Ketentuan Halaman Pengunjung
Gambar III.5.
Rancangan Antar Muka Syarat dan Ketentuan Halaman Pengunjung
Keterangan :
Nama Program : Syarat dan Ketentuan
Fungsi Program : untuk melihat syarat dan ketentuan di website ini.
Akronim : halaman.php
Proses :
1. Klik menu Syarat dan Ketentuan pada halaman pengunjung
2. Tampil halaman syarat dan ketentuan.
32
f. Rancangan Antar Muka Ongkos Kirim Halaman Pengunjung
Gambar III.6.
Rancangan Antar Muka Ongkos Kirim Halaman Pengunjung
Keterangan :
Nama Program : Ongkos Kirim
Fungsi Program : untuk melihat halaman biaya ongkos kirim pada website
Akronim : ongkos_kirim.php
Proses :
1. Klik menu Ongkos Kirim pada halaman pengunjung
2. Tampil halaman ongkos kirim.
33
g. Rancangan Antar Muka Hubungi Kami Halaman Pengunjung
Gambar III.7.
Rancangan Antar Muka Hubungi Kami Halaman Pengunjung
Keterangan :
Nama Program : Hubungi Kami
Fungsi Program : untuk melihat halaman hubungi kami pada website
Akronim : hubungi_kami.php
Proses :
1. Klik menu Hubungi Kami pada halaman pengunjung
2. Tampil halaman hubungi kami.
34
h. Rancangan Antar Muka Daftar Pelanggan Baru
Gambar III.8.
Rancangan Antar Muka Daftar Pelanggan Baru
Keterangan :
Nama Program : Daftar Pelanggan
Fungsi Program : untuk mendaftar sebagai pelanggan pada website ini
Akronim : daftar.php
Proses :
1. Klik link Daftar Baru pada form Login Pelanggan di halaman pengunjung.
2. Isi data secara lengkap dan benar, lalu klik tombol daftar.
35
2. Halaman Utama Pelanggan
Halaman utama pelanggan adalah halaman pada saat pengunjung sudah
terdaftar sebagai pelanggan dan melakukan login sebagai pelanggan. Pada halaman
ini pelanggan dapat melihat beranda, produk, cara pembelian, hubungi kami,
konfirmasi pembayaran dan mengisi buku tamu. Pada halaman produk pelanggan
sudah bisa melakukan pembelian.
Rancangan antar muka halaman pelanggan sebagai berikut :
a. Rancangan Antar Muka Halaman Beranda
Gambar III.9.
Rancangan Antar Muka Beranda Halaman Pelanggan
36
Keterangan :
Nama Program : Beranda Halaman Pelanggan
Fungsi Program : Tampilan awal ketika login sebagai pelanggan
Akronim : index.php
Proses :
1. Ketikkan email dan password pada Login Pelanggan di halaman pengunjung
2. Lalu klik Login
3. Setelah itu halaman utama pelanggan
37
b. Rancangan Antar Muka Detail Produk Halaman Pelanggan
Gambar III.10.
Rancangan Antar Muka Detail Produk Halaman Pelanggan
Keterangan :
Nama Program : Detail Produk
Fungsi Program : untuk melihat detail produk pada halaman pelanggan
Akronim : detail_produk.php
Proses :
1. Klik button detail pada produk
2. Tampil detail produk.
38
c. Rancangan Antar Muka Keranjang Belanja
Gambar III.11.
Rancangan Antar Muka Keranjang Belanja
Keterangan :
Nama Program : Keranjang Belanja
Fungsi Program : untuk melihat detail belanja
Akronim : detail.php
Proses :
1. Klik beli pada detail produk yang sudah dipilih.
2. Maka otomatis keranjang belanja bertambah
3. Pada halaman ini bisa edit, tambah, dan hapus barang.
39
d. Rancangan Antar Muka Checkout
Gambar III.12.
Rancangan Antar Muka Checkout
Keterangan :
Nama Program : Checkout
Fungsi Program : untuk mengecek kembali data yang sudah diisi sebelumnya
oleh pelanggan
Akronim : checkout.php
Proses :
1. Klik tombol checkout pada keranjang belanja.
2. Lalu periksa kembali data yang telah dimasukkan sebelumnya.
40
e. Rancangan Antar Muka Detail Transaksi
Gambar III.13.
Rancangan Antar Muka Detail Transaksi
Keterangan :
Nama Program : Detail Transaksi
Fungsi Program : untuk menampilkan detail transaksi setelah pelanggan
melakukan checkout.
Akronim : finish.php
Proses :
1. Klik tombol selesai setelah checkout.
2. Tampil detail transaksi
41
f. Rancangan Antar Muka Struk Pemesanan
Gambar III.14.
Rancangan Antar Muka Struk Pemesanan
Keterangan :
Nama Program : Struk Pemesanan Perlengkapan Bayi Online
Fungsi Program : untuk menampilkan struk atas pemesanan yang dilakukan
pelanggan
Akronim : cetak.php
Proses :
1. Klik tombol print lalu simpan, sebagai bukti pelanggan telah melakukan
pemesanan.
42
g. Rancangan Antar Muka Detail Pemesanan
Gambar III.15.
Rancangan Antar Muka Detail Pemesanan
Keterangan :
Nama Program : Detail Pemesanan
Fungsi Program : untuk menampilkan detail pemesanan pelanggan
Akronim : profile_member.php
Proses :
1. Klik menu Konfirmasi Pembayaran pada halaman pelanggan
2. Tampil detail pemesanan.
43
h. Rancangan Antar Muka Konfirmasi Pembayaran
Gambar III.16.
Rancangan Antar Muka Konfirmasi Pembayaran
Keterangan :
Nama Program : Konfirmasi Pembayaran
Fungsi Program : untuk menampilkan form konfirmasi yang dilakukan oleh
pelanggan setelah melakukan pembayaran.
Akronim : konfirmasi.php
Proses :
1. Klik Konfirmasi Pembayaran pada halaman pelanggan
2. Isikan data secara benar dan lengkap
3. Klik tombol simpan.
44
i. Rancangan Antar Muka Form Buku Tamu
Gambar III.17.
Rancangan Antar Muka Form Buku Tamu
Keterangan :
Nama Program : Form Buku Tamu
Fungsi Program : untuk menampilkan form buku tamu.
Akronim : bukutamu.php
Proses :
1. Klik Isi Buku Tamu
2. Tampil form buku tamu
3. Isikan data dengan lengkap, lalu klik simpan.
45
3. Halaman Utama Admin
a. Rancangan Antar Muka Login Admin
Gambar III.18.
Rancangan Antar Muka Login Admin
Keterangan :
Nama Program : Menu Login Admin
Fungsi Program : untuk mengelola data yang ada dalam halaman web
Akronim : index.php
Proses :
1. Buka Web Browser (Google Chrome, IE, Mozilla, dan lain-lain).
2. Ketikkan alamat website (URL) pada addres bar, contoh :
http:/localhost/ babyshop_18122881/admin
3. Menampilkan halaman utama dan menyajikan login admin
4. Ketikan username dan password lalu klik login.
46
b. Rancangan Antar Muka Halaman Utama Admin
Gambar III.19.
Rancangan Antar Muka Halaman Utama Admin
Keterangan :
Nama Program : Beranda Admin
Fungsi Program : untuk menampilkan halaman utama admin
Akronim : halaman_utama.php
Proses :
1. Buka Web Browser (Google Chrome, IE, Mozilla, dan lain – lain)
2. Ketikkan alamat website (URL) pada addres bar, contoh :
http:/localhost/babyshop_18122881 /admin
3. Menampilkan halaman utama admin
47
c. Rancangan Antar Muka Data Pelanggan
Gambar III.20.
Rancangan Antar Muka Data Pelanggan
Keterangan :
Nama Program : Data Pelanggan
Fungsi Program : untuk menampilkan data member atau pelanggan
Akronim : member_lihat.php
Proses :
1. Klik menu Pelanggan yang ada pada halaman admin
2. Setelah itu tampil data pelanggan.
48
d. Rancangan Antar Muka Data Produk
Gambar III.21.
Rancangan Antar Muka Data Produk
Keterangan :
Nama Program : Data Produk
Fungsi Program : untuk menampilkan data produk
Akronim : barang_lihat.php
Proses :
1. Klik menu Produk yang ada pada halaman admin
2. Tampil data produk.
49
e. Rancangan Antar Muka Tambah Data Produk
Gambar III.22.
Rancangan Antar Muka Tambah Data Produk
Keterangan :
Nama Program : Tambah Data Produk
Fungsi Program : untuk menampilkan form tambahdata produk
Akronim : barang_add.php
Proses :
1. Klik button Tambah pada halaman data produk
2. Tampil form tambah data produk.
50
f. Rancangan Antar Muka Edit Data Produk
Gambar III.23.
Rancangan Antar Muka Edit Data Produk
Keterangan :
Nama Program : Edit Data Produk
Fungsi Program : untuk menampilkan form edit data produk
Akronim : barang_edit.php
Proses :
1. Klik Edit pada tabel data produk
2. Tampil form edit data produk.
51
g. Rancangan Antar Muka Data Kategori
Gambar III.24.
Rancangan Antar Muka Data Kategori
Keterangan :
Nama Program : Data Kategori
Fungsi Program : untuk menampilkan data kategori
Akronim : kategori_data.php
Proses :
1. Klik menu Kategori yang ada pada halaman admin
2. Tampil data kategori.
52
h. Rancangan Antar Muka Data Ongkos Kirim
Gambar III.25.
Rancangan Antar Muka Data Ongkos Kirim
Keterangan :
Nama Program : Data Ongkos Kirim
Fungsi Program : untuk menampilkan data ongkos kirim
Akronim : ongkir_lihat.php
Proses :
1. Klik menu Ongkos Kirim yang ada pada halaman admin
2. Tampil data ongkos kirim
53
i. Rancangan Antar Muka Tambah Data Ongkos Kirim
Gambar III.26.
Rancangan Antar Muka Tambah Data Ongkos Kirim
Keterangan :
Nama Program : Tambah Data Ongkos Kirim
Fungsi Program : untuk menampilkan form tambah data ongkos kirim
Akronim : ongkir_add.php
Proses :
1. Klik button Tambah pada halaman data ongkos kirim
2. Tampil form tambah data ongkos kirim.
54
j. Rancangan Antar Muka Data Pemesanan
Gambar III.27.
Rancangan Antar Muka Data Pemesanan
Keterangan :
Nama Program : Data Pemesanan
Fungsi Program : untuk menampilkan data pemesanan
Akronim : pemesanan_lihat.php
Proses :
1. Klik menu Data Pemesanan yang ada pada halaman admin
2. Tampil data pemesanan.
55
k. Rancangan Antar Muka Data Halaman
Gambar III.28.
Rancangan Antar Muka Data Halaman
Keterangan :
Nama Program : Data Halaman
Fungsi Program : untuk menampilkan halaman syarat dan ketentuan,
hubungi kami, cara pembelian,
Akronim : halaman_lihat.php
Proses :
1. Klik menu Halaman yang ada pada halaman admin
2. Tampil data halaman.
56
l. Rancangan Antar Muka Data Buku Tamu
Gambar III.29.
Rancangan Antar Muka Data Buku Tamu
Keterangan :
Nama Program : Data Buku Tamu
Fungsi Program : untuk menampilkan halaman buku tamu
Akronim : home.php
Proses :
1. Klik menu Buku Tamu yang ada pada halaman admin
2. Tampil data buku tamu.
57
m. Rancangan Antar Muka Laporan
Gambar III.30.
Rancangan Antar Muka Data Laporan
Keterangan :
Nama Program : Laporan
Fungsi Program : untuk menampilkan menu laporan
Akronim : laporan_menu.php
Proses :
1. Klik link Laporan
2. Tampil halaman laporan menu.
58
n. Rancangan Antar Muka Data Admin
Gambar III.31.
Rancangan Antar Muka Data Admin
Keterangan :
Nama Program : Data Admin
Fungsi Program : untuk menampilkan data admin
Akronim : admin_lihat.php
Proses :
1. Klik menu User Admin yang ada pada halaman admin
2. Tampil data admin
59
B. Rancangan Basis Data
Berikut ini adalah rancangan basis data pada web e-commerce yang penulis
buat :
1. Entity Relationship Diagram (ERD)
member
id_member
nama
alamat
kodepos telepon
tanggal_lahir
jenis_kelamin
password
id_kota
1
1
pemesanan
id_kota
id_member
tgl_pemesanan
status_pemesanan
nama
alamat
telepon
no_pemesanan
jam_pemesananemail
M
1
barang
id_kategori
deskripsiberat
nama
harga
gambar
stok
id_barangtgl_masuk
M
melakukan
memiliki konfirmasi
id_bayar
bank_tujuan
tgl_transfer
bank_asal
jumlah_transfer
namaemail
no_pemesanan
tipe
melakukan
memiliki
atas_nama
jumlah
id_barang
no_pemesanan
kategori
kota
memiliki
ongkos_kirim
nama_kota
id_ongkir1
M
id_kategori nm_kategori
1
1
1
1
1
pemesanan_detail
id_member
Gambar III.32.
Entity Relationship Diagram
60
2. Logical Relational Structure (LRS)
kota
id_ongkir
nama_kota
ongkos_kirim
member
id_member
nama
alamat
telepon
tanggal_lahir
jenis_kelamin
username
password
id_kota
konfirmasi
id_bayar
nama
bank_tujuan
bank_asal
tipe
jumlah_transfer
tgl_transfer
atas_nama
id_member
no_pemesanan
pemesanan_detail
no_pemesanan
id_barang
jumlah
kategori
id_kategori
nama_kategori
pemesanan
no_pemesanan
nama
alamat
telepon
tgl_pemesanan
jam_pemesanan
status_pemesanan
id_member
id_kota
barang
id_barang
nama
deskripsi
harga
stok
berat
gambar
tgl_masuk
id_kategori
id_member
id_member no_pemesanan
id_barang
id_kategori
id_kota
no_pemesanan
Gambar III.33.
Logical Relational Structure
61
3. Spesifikasi File
Menjelaskan tentang file-file atau tabel yang tersimpan pada database
baby_shopdb dengan parameter-parameter sebagai berikut :
a. Spesifikasi File Member
Nama File : Member
Akronim File : member.myd
Fungsi : Sebagai penyimpanan data pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 100 byte
Kunci Field : id_member
Software : PhpMyAdmin
62
Tabel III.1.
Spesifikasi File Member
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Member id_member Varchar 12 Primary
Key
2. Nama Member nama Varchar 25
3. Alamat alamat Text -
4. Kode Pos kodepos Varchar 5
5. Telepon telepon Varchar 12
6. Tanggal Lahir tanggal_lahir Date -
7. Jenis Kelamin jenis_kelamin Enum “Laki-Laki”,
”Perempuan”
8. Password password Text -
9. Email email Varchar 35
10. Id Kota id_kota Integer 11 Foreign Key
63
b. Spesifikasi File Barang
Nama File : Barang
Akronim File : barang.myd
Fungsi : Sebagai penyimpanan data barang
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 197 byte
Kunci Field : id_barang
Software : PhpMyAdmin
Tabel III.2.
Spesifikasi File Barang
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Barang id_barang Integer 5 Primary Key,
Auto Increment
2. Id Kategori id_kategori Integer 10 Foreign Key
3. Nama Barang nama Varchar 35
4. Deskripsi deskripsi Longtext -
5. Harga harga Integer 12
6. Stok stok Integer 10
7. Berat berat Integer 5
8. Gambar gambar Varchar 100
9. Tanggal Masuk tgl_masuk Varchar 20
64
c. Spesifikasi File Kategori
Nama File : Kategori
Akronim File : kategori.myd
Fungsi : Sebagai penyimpanan data kategori barang
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 40 byte
Kunci Field : id_kategori
Software : PhpMyAdmin
Tabel III.3.
Spesifikasi File Kategori
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Kategori id_kategori Integer 5 Primary Key,
Auto Increment
2. Nama Kategori nm_kategori Varchar 35
65
d. Spesifikasi File Admin
Nama File : Admin
Akronim File : admin.myd
Fungsi : Sebagai penyimpanan data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 253 byte
Kunci Field : id_admin
Software : PhpMyAdmin
Tabel III.4.
Spesifikasi File Admin
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Admin id_admin Integer 11 Primary Key,
Auto
Increment
2. Username Admin user_adm Varchar 15
3. Password pass_adm Varchar 50
4. Nama Lengkap nama_adm Varchar 30
5. Email email Varchar 35
6. Telepon telp Varchar 12
7. Blokir blokir Enum “Y”,”N”
8. Id Session id_session Varchar 100
66
e. Spesifikasi File Pemesanan
Nama File : Pemesanan
Akronim File : pemesanan.myd
Fungsi : Sebagai penyimpanan data pemesanan barang
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 121 byte
Kunci Field : no_pemesanan
Software : PhpMyAdmin
Tabel III.5.
Spesifikasi File Pemesanan
No. Elemen Data Nama Field Tipe Size Keterangan
1. No Pemesanan no_pemesanan Integer 5 Primary Key,
Auto
Increment
2. Nama nama Varchar 30
3. Alamat alamat Text -
4. Telepon telepon Varchar 12
5. Email email Varchar 35
6. Tanggal Pemesanan tgl_pemesanan Date -
7. Jam Pesan jam_pemesanaan Time -
8. Id Kota id_kota Integer 11 Foreign Key
9. Status Pemesanan status_pemesanan Varchar 20
10. Id Member id_member Varchar 12 Foreign Key
67
f. Spesifikasi File Detail Pemesanan
Nama File : Detail Pemesanan
Akronim File : pemesanan_detail.myd
Fungsi : Sebagai penyimpanan data detail pemesanan
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 15 byte
Kunci Field : -
Software : PhpMyAdmin
Tabel III.6.
Spesifikasi File Detail_Pemesanan
No. Elemen Data Nama Field Tipe Size Keterangan
1. No Pemesanan no_pemesanan Integer 5 Foreign Key
2. Id Barang id_barang Integer 5 Foreign Key
3. Jumlah Jumlah Integer 5
68
g. Spesifikasi File Halaman
Nama File : Halaman
Akronim File : halaman.myd
Fungsi : Sebagai masukan data halaman
Tipe File : -
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 42 byte
Kunci Field : id_halaman
Software : PhpMyAdmin
Tabel III.7.
Spesifikasi File Halaman
No Elemen Data Nama Field Tipe Size Keterangan
1 Id halaman id_halaman Integer 2 Primary Key, Auto
Increment
2 Judul halaman halaman_judul Varchar 40
3 Isi halaman halaman_isi Longtext -
69
h. Spesifikasi File Buku Tamu
Nama File : Buku Tamu
Akronim File : buku_tamu.myd
Fungsi : Sebagai penyimpanan data buku tamu atau testimonial
para pelanggan
Tipe File : -
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 70 byte
Kunci Field : id_bukutamu
Software : PhpMyAdmin
Tabel III.8.
Spesifikasi File Buku Tamu
No. Elemen Data Nama Field Tipe Size Keteranagan
1. Id Buku Tamu id_bukutamu Integer 5 Primary Key,
Auto
Increment
2. Nama Lengkap nama_lengkap Varchar 30
3. Email email Varchar 35
4. Komentar komentar Text -
5. Tanggal tanggal Date -
6. Status status Enum “tampilkan”,
”sembunyikan”
70
i. Spesifikasi File Kota
Nama File : Kota
Akronim File : kota.myd
Fungsi : Sebagai penyimpanan data ongkos kirim
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 47 byte
Kunci Field : id_ongkir
Software : PhpMyAdmin
Tabel III.9.
Spesifikasi File Kota
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Ongkir id_ongkir Integer 11 Primary Key
2. Nama Kota nama_kota Varchar 25
3. Ongkos Kirim ongkos_kirim Integer 11
71
j. Spesifikasi File Konfirmasi
Nama File : Konfirmasi
Akronim File : konfirmasi.myd
Fungsi : Sebagai penyimpanan data konfirmasi pembayaran
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 200 byte
Kunci Field : id_bayar
Software : PhpMyAdmin
Tabel III.10.
Spesifikasi File Konfirmasi
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Bayar id_bayar Integer 5 Primary Key,
Auto
Increment
2. Nama nama Varchar 30
3. Email email Varchar 35
4. Bank Tujuan bank_tujuan Varchar 30
5. Bank Asal bank_asal Varchar 30
6. Type Pembayaran tipe Integer 30
7. Jumlah Transfer jumlah_transfer Integer 20
8. Tanggal Transfer tgl_transfer Date -
9. Atas Nama atas_nama Varchar 20
10. Id Member id_member Varchar 12 Foreign Key
11. Nomor Pemesanan no_pemesanan Integer 5 Foreign Key
72
C. Rancangan Struktur Navigasi
1. Struktur Navigasi Halaman Pengunjung
Index
Beranda ProdukCara
Pembelian
Syarat dan
Ketentuan
Ongkos
Kirim
Hubungi
Kami
Login
Login
Pelanggan
Halaman
Beranda
Halaman
Hubungi
Kami
Halaman
Ongkos
Kirim
Halaman
Syarat
dan
Ketentuan
Halaman
Cara
Pembelian
Halaman
Produk
Halaman
Daftar
Pelanggan
Baru
Daftar
Baru
Kategori
Pakaian dan
Aksesoris
Bayi
Perlengkapan
Makan
Minum
Kerete Bayi
(Stroller)
Baby Bouncer
Perlengkapan
Renang
Baby Walker
Perlengkapan
Tidur
Perlengkapan
Mandi
Perlengkapan
Bayi Lainnya
Gambar III.34.
Struktur Navigasi Campuran Halaman Pengunjung
73
2. Struktur Navigasi Halaman Pelanggan
Login
Halaman
Pelanggan
Beranda ProdukCara
Pembelian
Syarat dan
Ketentuan
Ongkos
Kirim
Hubungi
Kami
Konfirmasi
Pembayaran
Keranjang
Belanja
Kategori
Pakaian dan
Aksesoris Bayi
Perlengkapan
Makan Minum
Kerete Bayi
(Stroller)
Baby Bouncer
Perlengkapan
Renang
Baby Walker
Perlengkapan
Tidur
Perlengkapan
Mandi
Lanjut
Berbelanja
Halaman
Beranda
Halaman
Detail
Pemesanan
Halaman
Hubungi
Kami
Halaman
Ongkos
Kirim
Halaman
Syarat dan
Ketentuan
Halaman
Cara
Pembelian
Halaman
ProdukLogin
Checkout
Cetak
Struk
Isi
Data
Selamat
Datang
Logout
Buku
Tamu
Isi Buku
Tamu
Perlengkapan
Bayi Lainnya
Halaman
Konfirmasi
Pembayaran
Gambar III.35.
Struktur Navigasi Campuran Halaman Pelanggan
74
3. Struktur Navigasi Admin
Login
Halaman
Utama
Member Produk KategoriOngkos
KirimHalaman
Pesanan
Masuk
User
Admin
Data
Member
Delete
Data
Produk
Data
Kategori
Edit DeleteAdd
EditAdd
Data
Ongkos
Kirim
DeleteEditAdd
Data
Halaman
Data
Buku
Tamu
Delete
Data
Pemesanan
DeleteView
Laporan
Delete
Buku
Tamu
Edit DeleteViewAdd
Logout
Produk
Data
Administrator
DeleteEdit
PenjualanPelanggan
Laporan
Data
Penjualan
Laporan
Data
Pelanggan
Laporan
Data
Produk
Gambar III.36.
Struktur Navigasi Campuran Halaman Admin
75
3.4. Implementasi dan Pengujian Unit
A. Implementasi
1. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi e-commerce berdasarkan
hasil rancangan antar muka.
a. Implementasi Rancangan Antar Muka Admin
1) Halaman Login Admin
Admin harus melakukan login terlebih dahulu untuk mengelola halaman
admin.
Gambar III.37.
Implementasi Halaman Login Admin
76
2) Halaman Utama Admin
Gambar III.38.
Implementasi Halaman Utama Admin
77
3) Data Pelanggan
Gambar III.39.
Implementasi Data Pelanggan
78
4) Data Produk
Gambar III.40.
Implementasi Data Produk
79
5) Tambah Data Produk
Gambar III.41.
Implementasi Tambah Data Produk
80
6) Edit Data Produk
Gambar III.42.
Implementasi Edit Data Produk
81
7) Data Kategori
Gambar III.43.
Implementasi Data Kategori
82
8) Data Ongkos Kirim
Gambar III.44.
Implementasi Data Ongkos Kirim
83
9) Tambah Data Ongkos Kirim
Gambar III.45.
Implementasi Tambah Data Ongkos Kirim
84
10) Data Halaman
Gambar III.46.
Implementasi Data Halaman
85
11) Data Pemesanan
Gambar III.47.
Implementasi Data Pemesanan
86
12) Status Pemesanan
Gambar III.48.
Implementasi Status Pemesanan
87
13) Data Buku Tamu
Gambar III.49.
Implementasi Data Buku Tamu
88
14) Laporan
Gambar III.50.
Implementasi Laporan
89
b. Implementasi Rancangan Antar Muka Pengunjung.
1) Beranda Halaman Pengunjung
Gambar III.51.
Implementasi Beranda Halaman Pengunjung
90
2) Halaman Produk Halaman Pengunjung
Gambar III.52.
Implementasi Produk Halaman Pengunjung
91
3) Detail Produk Halaman Pengunjung
Gambar III.53.
Implementasi Detail Produk Halaman Pengunjung
92
4) Halaman Cara Pembelian
Gambar III.54.
Implementasi Cara Pembelian
93
5) Halaman Syarat dan Ketentuan
Gambar III.55.
Implementasi Syarat dan Ketentuan
94
6) Halaman Ongkos Kirim
Gambar III.56.
Implementasi Ongkos Kirim
95
7) Halaman Hubungi Kami
Gambar III.57.
Implementasi Hubungi Kami
96
8) Halaman Daftar Pelanggan Baru
Gambar III.58.
Implementasi Daftar Pelanggan Baru
97
c. Implementasi Rancangan Antar Muka Pelanggan
1) Beranda Halaman Pelanggan
Gambar III.59.
Implementasi Beranda Halaman Pelanggan
98
2) Detail Produk Halaman Pelanggan
Gambar III.60.
Implementasi Detail Produk Halaman Pelanggan
99
3) Keranjang Belanja
Gambar III.61.
Implementasi Keranjang Belanja
100
4) Checkout
Gambar III.62.
Implementasi Checkout
101
5) Detail Transaksi
Gambar III.63.
Implementasi Detail Transaksi
102
6) Struk Pemesanan
Gambar III.64.
Implementasi Struk Pemesanan
103
7) Detail Pemesanan
Gambar III.65.
Implementasi Detail Pemesanan
104
8) Konfirmasi Pembayaran
Gambar III.66.
Implementasi Konfirmasi Pembayaran
105
9) Form Buku Tamu
Gambar III.67.
Implementasi Form Buku Tamu
106
2. Spesifikasi Sistem Komputer
Spesifikasi perangkat keras dan perangkat lunak minimal yang dibutuhkan
untuk mengimplementasikan web e-commerce penjualan perlengkapan bayi ini
sebagai berikut :
a. Spesifikasi Perangkat Keras
1) Server
a) CPU
(1) Processor Intel® Pentium® Core i Three
(2) RAM DDR3 2 GB
(3) Hard Disk 500 GB HDD
b) Mouse
c) Keyboard
d) Monitor dengan resolusi layar minimum 1024x768
e) Koneksi internet dengan kecepatan 2 Mbps.
1) Client
a) CPU
(1) Processor Intel® Pentium® 4
(2) RAM DDR2 1GB
(3) Hard Disk 20 GB
(4) Mouse
(5) Keyboard
(6) Monitor dengan resolusi layar minimum 1024x768
(7) Koneksi internet dengan kecepatan 56 kbps.
107
b. 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:
(1) Aplikasi Appserv Server v2
(2) Aplikas iPHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
c) Aplikasi Web seperti Mozilla Firefox, Opera, 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, Internet Explorer,
Google Chrome.
108
B. Pengujian Unit
Berikut ini hasil pengujian terhadap program yang telah dibuat mengunakan
metode black box testing :
1. Pengujian Terhadap Form Login Pelanggan
Tabel III.11
Hasil Pengujian Black Box Testing Form Login Pelanggan
No. Skenario
pengujian
Test Case Hasil yang diharapkan Hasil
pengujian
Kesimpul
an
1. Email dan
password tidak
diisi, lalu klik
tombol login
Email:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang ini”
Sesuai
harapan
Valid
2 Mengetikkan
alamat email dan
password tidak
diisi atau kosong
kemudian klik
tombol login
Email:
triastuti523@y
ahoo.com
Password:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang ini”
Sesuai
harapan
Valid
3. Email tidak di isi
dan password
diisi, kemudian
klik login
Email:
(kosong)
Password: 345
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang ini”
Sesuai
harapan
Valid
4. Mengetikkan
salah satu kondisi
salah pada email
atau password
kemudian klik
tombol login
Email:
om (salah)
Password: 345
Sistem akan menolak
akses user dan
menampilkan pesan
“Email atau Password
Salah ”
Sesuai
harapan
Valid
109
2. Pengujian Terhadap Form Login Admin
Tabel III.12
Hasil Pengujian Black Box Testing Form Login Admin
5. Mengetikkan
email dan
password dengan
data yang benar
kemudian klik
tombol login
Email:
triastuti523@y
ahoo.com
(benar)
Password:
123 (benar)
Sistem menerima akses
login, kemudian
langsung menampilkan
pesan ”Anda berhasil
Login, Selamat
Berbelanja..”
Sesuai
harapan
Valid
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 pesan
“Sekarang Login-nya
tidak bisa di-inject !!!”
Sesuai
harapan
Valid
2 Mengetikkan
username dan
password tidak
diisi atau kosong
kemudian klik
tombol login
Username:
admin
Password:
(kosong)
Sistem akan menolak
akses user dan
menampilkan “LOGIN
GAGAL !
Username atau Password
Anda tidak benar.
Atau account Anda
sedang diblokir.
ULANGI LAGI”
Sesuai
harapan
Valid
3. User tidak di isi
dan password diisi
benar, lalu klik
tombol login
User Id :
(kosong)
Password:
admin
Sistem akan menolak
akses user dan
menampilkan pesan “
Sekarang Login-nya tidak
bisa di-inject !!!”
Sesuai
harapan
Valid
4. Mengetikkan salah
satu kondisi salah
pada username
atau password
kemudian klik
tombol login
User Id :
trias
(salah)
Password:
admin
Sistem akan menolak
akses user dan
menampilkan pesan
“LOGIN GAGAL !
Username atau Password
Anda tidak benar.
Sesuai
harapan
Valid
110
3. Pengujian Terhadap Form Tambah Produk
Tabel III.13
Hasil Pengujian Black Box Testing Form Tambah Produk
Atau account Anda
sedang diblokir.
ULANGI LAGI”
5. Mengetikkan
username dan
password dengan
data yang benar
kemudian klik
tombol login
User ID:
admin
(benar)
Password:
admin
(benar)
Sistem menerima akses
login, kemudian langsung
menampilkan pesan
”Selamat Datang (Nama
Admin) di Area Admin”
Sesuai
harapan
Valid
No
.
Skenario pengujian Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nama barang,
kategori, deskripsi,
harga, stok, berat,
gambar, dan
tanggal masuk
tidak diisi lalu klik
tombol simpan
Nama Barang:
(kosong)
Kategori:
(kosong)
Deskripsi :
(kosong)
Harga:
(kosong)
Stok:
(kosong)
Berat :
(kosong)
Gambar:
(kosong)
Tanggal masuk:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Harap
isi bidang ini”
Sesuai
harapan
Valid
2 Mengetikan nama
barang, sedangkan
kategori, deskripsi,
harga, stok, berat,
gambar, dan
tanggal masuk
Nama Barang:
Handuk
Kategori:
(kosong)
Deskripsi :
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Harap
isi bidang ini”
Sesuai
harapan
Valid
111
tidak diisi lalu klik
tombol simpan
Harga:
(kosong)
Stok:
(kosong)
Berat :
(kosong)
Gambar:
(kosong)
Tanggal masuk:
(kosong)
3. Mengetikan nama
barang dan
kategori, sedangkan
deskripsi, harga,
stok, berat, gambar,
dan tanggal masuk
tidak diisi lalu klik
tombol simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
(kosong)
Harga:
(kosong)
Stok:
(kosong)
Berat :
(kosong)
Gambar:
(kosong)
Tanggal masuk:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Harap
isi bidang ini”
Sesuai
harapan
Valid
4. Mengetikan nama
barang, kategori,
dan deskripsi,
sedangkan harga,
stok, berat, gambar,
dan tanggal masuk
tidak diisi lalu klik
tombol simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
Berbahan halus dan
lembut, aman bagi
kulit bayi
Harga:
(kosong)
Stok:
(kosong)
Berat :
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan“Harap
isi bidang ini”
Sesuai
harapan
Valid
112
Gambar:
(kosong)
Tanggal masuk:
(kosong)
5. Mengetikan nama
barang, kategori,
deskripsi, dan harga
sedangkan stok,
berat, gambar, dan
tanggal masuk
tidak diisi lalu klik
tombol simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
Berbahan halus dan
lembut, aman bagi
kulit bayi
Harga:
89000
Stok:
(kosong)
Berat :
(kosong)
Gambar:
(kosong)
Tanggal masuk:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Harap
isi bidang ini”
Sesuai
harapan
Valid
6 Mengetikan nama
barang, kategori,
deskripsi, harga,
dan stok sedangkan
berat, gambar, dan
tanggal masuk
tidak diisi lalu klik
tombol simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
Berbahan halus dan
lembut, aman bagi
kulit bayi
Harga:
89000
Stok:
25
Berat :
(kosong)
Gambar:
(kosong)
Tanggal masuk:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Harap
isi bidang ini”
Sesuai
harapan
Valid
113
7 Mengetikan nama
barang, kategori,
deskripsi, harga,
stok, dan berat
sedangkan gambar,
dan tanggal masuk
tidak diisi lalu klik
tombol simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
Berbahan halus dan
lembut, aman bagi
kulit bayi
Harga:
89000
Stok:
25
Berat :
1
Gambar:
(kosong)
Tanggal masuk:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Anda
hanya bisa
mengupload
file gambar
dengan extensi
JPG atau
JPEG.
Terimakasih..”
Sesuai
harapan
Valid
8 Mengetikan nama
barang, kategori,
deskripsi, harga,
stok, berat, dan
upload gambar
sedangkan tanggal
masuk tidak diisi
lalu klik tombol
simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
Berbahan halus dan
lembut, aman bagi
kulit bayi
Harga:
89000
Stok:
25
Berat :
1
Gambar:
File.jpg
Tanggal masuk:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
pesan “Anda
hanya bisa
meng-upload
file gambar
dengan extensi
JPG atau
JPEG.
Terimakasih..”
Sesuai
harapan
Valid
114
4. Pengujian Terhadap Form Tambah Data Kategori
Tabel III.14
Hasil Pengujian Black Box Testing Form Tambah Data Kategori
9 Mengetikan nama
barang, kategori,
deskripsi, harga,
stok, berat, dan
upload gambar
sedangkan tanggal
masuk diisi dengan
benar lalu klik
tombol simpan
Nama Barang:
Handuk
Kategori:
Perlengkapan Mandi
Bayi
Deskripsi :
Berbahan halus dan
lembut, aman bagi
kulit bayi
Harga:
89000
Stok:
25
Berat :
1
Gambar:
File.jpg
Tanggal masuk:
(18-06-2015)
Sistem akan
menerima
akses simpan
,kemudian
langsung
menampilkan
pesan ”Data
Barang
Berhasil
Tersimpan”
Sesuai
harapan
Valid
No. Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nama kategori
tidak diisi lalu
klik tombol
simpan
Nama kategori:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
115
2. Nama kategori
diisi dengan nama
yang sama dengan
nama kategori
yang sudah ada
pada database
lalu klik tombol
simpan
Nama kategori:
(Perlengkapan
Tidur Bayi)
Sistem akan menolak
akses user dan
menampilkan pesan
“Maaf, Kategori
Perlengkapan Tidur
Bayi sudah ada, ganti
dengan yang lain”
Sesuai
harapan
Valid
3. Nama kategori
diisi dengan nama
yang berbeda
dengan nama
kategori yang
sudah ada pada
database lalu klik
tombol simpan
Nama kategori:
(Benar)
Sistem akan
menerima akses
simpan ,kemudian
langsung
menampilkan pesan”
Anda Behasil
Menambahkan
Kategori”
Sesuai
harapan
Valid
116
5. Pengujian Terhadap Form Tambah Data Ongkos Kirim
Tabel III.15
Hasil Pengujian Black Box Testing Form Tambah Data Ongkos Kirim
No. Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nama kota dan
ongkos kirim
tidak diisi, lalu
klik tombol
simpan
Nama kota:
(kosong)
Ongkos_kirim:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
2. Mengetikkan
nama kategori
dengan nama
yang sama dengan
nama kategori
yang sudah ada
pada database
lalu klik tombol
simpan
Nama kategori:
(Perlengkapan
Tidur Bayi)
Sistem akan menolak
akses user dan
menampilkan pesan
“Maaf, Kategori
Perlengkapan Tidur
Bayi sudah ada, ganti
dengan yang lain”
Sesuai
harapan
Valid
3. Mengetikkan
nama kategori
dengan nama
yang berbeda
dengan nama
kategori yang
sudah ada pada
database lalu klik
tombol simpan
Nama kategori:
(Benar)
Sistem akan
menerima akses
simpan ,kemudian
langsung
menampilkan pesan”
Anda Behasil
Menambahkan
Kategori”
Sesuai
harapan
Valid
117
6. Pengujian Terhadap Form Tambah Data Halaman
Tabel III.16
Hasil Pengujian Black Box Testing Form Tambah Data Halaman
No. Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Judul dan isi tidak
diisi, lalu klik
tombol simpan
Judul:
(kosong)
Isi:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“judulnya mana”
Sesuai
harapan
Valid
2. Mengetikkan
judul dan isi tidak
diisi lalu klik
tombol simpan
Nama kategori:
(Hubungi Kami)
Isi:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“mana isinya”
Sesuai
harapan
Valid
3. Judul
dikosongkan dan
mengetikkan isi,
lalu klik tombol
simpan
Nama kategori:
(kosong)
Isi:
text
Sistem akan menolak
akses user dan
menampilkan pesan
”judulnya mana”
Sesuai
harapan
Valid
4. Mengetikkan
judul dan isi, lalu
klik tombol
simpan
Judul:
(Benar)
Isi:
(Benar)
Sistem akan
menerima akses
simpan ,kemudian
langsung
menampilkan pesan
“Data Berhasil
Tersimpan”
Sesuai
harapan
Valid
118
7. Pengujian Terhadap Form Daftar Pelanggan Baru
Tabel III.17
Hasil Pengujian Black Box Testing Form Tambah Data Pelanggan Baru
No. Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat,
kota, kode pos,
jenis kelamin,
email, password,
no telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama Lengkap:
(kosong)
Tanggal Lahir :
(kosong)
Alamat :
(kosong)
Kota :
(kosong)
Kode Pos :
(kosong)
Jenis Kelamin:
(kosong)
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
2. ID Pelanggan
muncul otomatis
dan nama diisi ,
sedangkan
tanggal lahir,
alamat, kota, kode
pos, jenis
kelamin, email,
password, no
telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama Lengkap :
Triastuti
Tanggal :
(kosong)
Tanggal Lahir :
(kosong)
Alamat :
(kosong)
Kota :
(kosong)
Kode Pos :
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
119
Jenis Kelamin:
(kosong)
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
3. ID Pelanggan
muncul otomatis,
nama, dan tanggal
lahir diisi,
sedangkan alamat,
kota, kode pos,
jenis kelamin,
email, password,
no telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
26-01-1995
(format salah)
Alamat :
(kosong)
Kota :
(kosong)
Kode Pos :
(kosong)
Jenis Kelamin:
(kosong)
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Sesuaikan dengan
format yang diminta”
Sesuai
harapan
Valid
4. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, dan alamat
diisi, sedangkan
kota, kode pos,
jenis kelamin,
email, password,
no telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(benar)
Alamat :
text
Kota :
(kosong)
Kode Pos :
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Pilih item pada
daftar”
Sesuai
harapan
Valid
120
Jenis Kelamin:
(kosong)
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
5. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat, dan
kota diisi,
sedangkan kode
pos, jenis
kelamin, email,
password, no
telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(format benar)
Alamat :
text
Kota :
Tangerang
Kode Pos :
(kosong)
Jenis Kelamin:
(kosong)
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
6. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat,
kota, dan kode
pos diisi,
sedangkan jenis
kelamin, email,
password, no
telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(format benar)
Alamat :
text
Kota :
Tangerang
Kode Pos :
15145
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
121
Jenis Kelamin:
(kosong)
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
7. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat,
kota, kode pos,
dan jenis kelamin
diisi, sedangkan
email, password,
no telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(format benar)
Alamat :
text
Kota :
Tangerang
Kode Pos :
15145
Jenis Kelamin:
Perempuan
Email:
(kosong)
Password :
(kosong)
No Telp/HP:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
8. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat,
kota, kode pos,
jenis kelamin, dan
email diisi,
sedangkan
password, no
telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(format benar)
Alamat :
text
Kota :
Tangerang
Kode Pos :
15145
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
122
Jenis Kelamin:
Perempuan
Email:
triastuti523@ya
hoo.com
Password :
(kosong)
No Telp/HP:
(kosong)
9. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat,
kota, kode pos,
jenis kelamin,
email, dan
password diisi,
sedangkan no
telp/HP tidak
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(format benar)
Alamat :
text
Kota :
Tangerang
Kode Pos :
15145
Jenis Kelamin:
Perempuan
Email:
triastuti523@ya
hoo.com
Password :
345
No Telp/HP:
(kosong)
Sistem akan menolak
akses user dan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
10. ID Pelanggan
muncul otomatis,
nama, tanggal
lahir, alamat,
kota, kode pos,
jenis kelamin,
email, password,
dan no telp/HP
diisi, lalu klik
tombol daftar
ID Pelanggan :
(otomatis)
Nama :
Triastuti
Tanggal Lahir:
1995-01-26
(format benar)
Alamat :
text
Kota :
Tangerang
Sistem akan
menerima akses
daftar, kemudian
langsung
menampilkan pesan
“ Anda telah menjadi
Member, silahkan
Login untuk
berbelanja”
Sesuai
harapan
Valid
123
Kode Pos :
15145
Jenis Kelamin:
Perempuan
Email:
triastuti523@ya
hoo.com
Password :
345
No Telp/HP:
083807600101