bab iii pembahasan · 45 bab iii pembahasan 3.1. tinjauan perusahaan 3.1.1. sejarah perusahaan...

45

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Perusahaan

Boutique Koys adalah perusahaan konveksi rumahan yang bergerak dalam

bidang pembuatan pakaian muslimah dalam partai besar (kodian) maupun eceran

(grosir). Boutique Koys didirikan pada tanggal 10 Januari 2015 oleh owner Boutique

Koys yaitu ibu Ruqoyah. Melalui hobinya Ibu Ruqoyah membuat sendiri semua

design pakaian muslimah yang akan di produksi setiap minggunya. Sehingga setiap

hasil produksinya sangat mengutamakan design yang up-to-date, mutu dan kualitas

bahan, serta harga yang terjamin.

Boutique Koys meyediakan berbagai macam pakaian muslimah mulai dari

pakaian muslim syar’i, muslim casual, muslim dress, serta pakaian muslim untuk

sehari-hari. Boutique Koys telah memiliki kurang lebih 12 unit mesin jahit dengan

jumlah karyawan sebanyak 16 orang.

Konveksi Boutique Koys beralamat di Jalan Gardu no. 200, Lenteng Agung,

Jakarta Selatan. Dan telah memiliki toko yang beralamat di Mall Thamrin City,

Lantai 5 Blok H15 No.1 Jakarta Pusat.

46

3.1.2. Visi dan Misi Perusahaan

Dalam suatu perusahaan di perlukan suatu visi dan misi agar dapat menjadi

sebuah perusahaan besar. Makna dan arti di dalam visi dan misi perusahaan dapat

menjadi tolak ukur dalam kemajuan suatu perusahaan. Adapun Visi dan Misi dari

Boutique Koys adalah sebagai berikut:

A. VISI

1. Menjadi perusahaan Moeslim Fashion yang terkenal dengan model yang up-

date, mengutamakan kualitas bahan dan keaslian produk.

2. Menjadi perusahaan Moeslim Fashion terbesar di Indonesia.

B. MISI

1. Selalu menomorsatukan model yang up-date, mengutamakan kualitas bahan,

dan keaslian produk.

2. Membangun kepercayaan yang tinggi dan memberikan pelayanan yang

terbaik demi kepuasan pelanggan.

Dengan adanya visi misi ini maka owner dan para staff Boutique Koys akan

terus terpacu agar dapat menghasilkan yang terbaik untuk perusahaan sehingga dapat

mensejahterakan perusahaan dan memberikan keuntungan (profit) perusahaan.

47

3.1.3. Struktur Organisasi dan Fungsi

Adapun struktur organisasi bagian produksi pada Boutique Koys Jakarta yaitu :

OWNER

Ibu Ruqoyah

Assisten Owner dan

Pembuat Laporan

Ibu Romlah

Model

Mona Febrina

Assisten Konveksi

Bapak Omen

Photographer

Bapak Murjal

Pembuat

Pola

Bapak Juli

Tukang Potong

Bahan

Bapak Nizar

Penjahit Tukang PackingQuality Control

Produksi

Sumber: Owner Boutique Koys

Gambar III.1

Struktur Organisasi Bagian Produksi Boutique Koys Jakarta

Tugas dan fungsi masing-masing bagian yang ada di Struktur Organisasi

bagian produksi pada Boutique Koys Jakarta, yaitu:

a. Owner

Tugas dari owner adalah selain sebagai pemilik konveksi, Owner bertugas

memilih design dan warna yang sedang up-to-date untuk produksi pakaian,

penanggung jawab atas permintaan konsumen. Serta mengurus semua keuangan

dalam proses produksi baik dalam pembayaran dan pembelian bahan,

48

pembelian kelengkapan penjahit dan penggajian karyawan. Dan menyiapkan

sampel desain dan bahan untuk proses produksi selanjutnya.

b. Assisten Owner dan Pembuat Laporan

Tugas dari Assisten owner dan pembuat laporan adalah sebagai pembantu

owner untuk memantau jalannya produksi pada konveksi sekaligus sebagai

administrasi untuk pembuatan laporan. Dan membantu dalam pendataan

pesanan konsumen. Serta membantu owner dalam pendistribusian penggajian

karyawan.

c. Assisten Konveksi

Tugas dari Assisten konveksi adalah sebagai pembantu Assiten Owner dalam

memantau jalannya proses produksi pakaian, memesan dan membeli bahan

untuk produksi, mendata dan memenuhi kelengkapan penjahit serta

penanggung jawab akan kebersihan konveksi. Dan menghitung Stok pakian

yang ada pada gudang.

d. Pembuat Pola

Tugas dari pembuat pola adalah sebagai pembatu owner dalam menyesuaikan

ukuran, bahan dan warna dalam proses pemilihan produksi pakaian. Serta

pembuat pola untuk memudahkan tukang potong dalam proses pemotongan

bahan. Dan membantu owner dalam menyiapkan sampel pakaian yang akan di

jadikan untuk produksi pakaian selanjutnya.

e. Tukang Potong

Tugas dari tukang potong adalah memotong bahan yang telah disesuaikan

dengan pola. Mengitung hasil potongan dan di bagikan langsung ke penjahit.

49

f. Penjahit

Tugas dari penjahit adalah menjahit semua potongan yang telah sesuai dengan

sampel, sehingga menjadi pakian muslimah yang siap di pasarkan.

g. Quality Control Produksi

Tugas dari quality control produksi adalah mengecek semua hasil jahitan

membuang semua benang-benang yang menggantung. Dan menempelkan merk

produk.

h. Tukang Packing

Tugas dari tukang packing adalah melipat semua pakain yang telah di cek atau

periksa. Lalu memasukan pakian yang telah dilipat kedalam plastik rapping.

Serta membantu asisten owner dalam pendistribusian pesanan yang akan di

kirim ke konsumen.

i. Model dan Photographer

Tugas dari model adalah Berfoto menyesuaikan dengan pakian muslimah yang

di produksi. Sedangkan untuk tugas fotographer adalah mengedit hasil foto

sehingga foto siap di update atau dipasarkan.

3.2. Analisa Kebutuhan

Analisa kebutuhan merupakan langkah awal untuk menentukan perangkat lunak

seperti apa yang akan dihasilkan, ketika kita melaksanakan sebuah proyek pembuatan

perangkat lunak.

50

3.2.1. Identifikasi Kebutuhan Pengguna

Mengindentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna.

A. Kebutuhan Pengguna Pelanggan

1. Pelanggan dapat melakukan transaksi pembelian produk dengan mendaftar

sebagai pelanggan atau masuk jika sudah memiliki member.

2. Pelanggan membeli produk Boutique Koys setelah masuk dan tampil form

“keranjang belanja” dimana form keranjang dapat di hapus dan di perbaharui

data pembelian.

3. Pelanggan dapat mengisi form pengisian data pelanggan dan memilih jasa

pengiriman yang tersedia untuk memudahkan dalam proses pengiriman.

4. Pelanggan dapat mencetak faktur pembelian berupa struk setelah melakukan

proses pengisian data pengiriman.

5. Pelanggan dapat melakukan proses konfirmasi pembayaran di form konfirmasi

pembayaran yang sudah tersedia dan meng-upload bukti transaksi.

6. Pelanggan dapat mencetak faktur pembelian barang.

7. Pelanggan dapat mengisi testimoni dan melihat data testimoni.

8. Pelanggan dapat menguhubungi admin untuk bertanya dengan mengirimkan

e-mail di dalam menu hubungi kami.

B. Kebutuhan Pengguna Pengunjung

1. Pengunjung hanya dapat melihat produk tidak bisa melakukan transaksi

pembelian.

51

C. Kebutuhan Pengguna Admin

1. Admin dapat masuk ke halaman admin dengan mengisi username dan

password.

2. Admin dapat mengelola data admin.

3. Admin dapat melihat data admin.

4. Admin dapat menambahkan produk yang akan di jual.

5. Admin dapat melihat data produk yang akan di jual.

6. Admin dapat mengelola data produk yang akan di jual.

7. Admin dapat menambahkan kategori produk.

8. Admin dapat melihat data kategori produk.

9. Admin dapat melihat data pemesanan barang.

10. Admin dapat mengelola data pemesanan barang.

11. Admin dapat mengelola data biaya kirim untuk pengiriman barang.

12. Admin dapat melihat alamat pengiriman.

13. Admin dapat mengelola data hubungi kami.

14. Admin dapat membalas e-mail ke pelanggan.

15. Admin dapat melakukan logout dari web pengelolaan admin (Back End).

52

3.2.2. Identifikasi Kebutuhan Sistem

A. Security

1) Dilengkapi password untuk sistem informasi website nya maupun database

nya.

2) Logout untuk menghindari suatu manipulasi data.

B. Informasi

1) Digunakan untuk memberitahu apabila suatu input data tidak sesuai yaitu

berupa validasi.

2) Digunakan untuk menampilkan cara pembelian bagi user , laporan member,

barang dan penjualan bagi admin.

3.3. Perancangan Perangkat Lunak

Perancangan sistem dan perangkat lunak dalam rancangan program penjualan

perlengkapan hewan berbasis web yaitu rancangan antarmuka, rancangan basis data

dan rancangan struktur navigasi antara lain :

3.3.1. Rancangan Antar Muka

A. Rancangan Antar Muka Login Admin

Username

Password

Logo

FooterBATALKAN LOGIN

xxxxxxxxx

xxxxxxxxx

Header

Gambar III.2.

Rancangan Antar Muka Login Admin

53

B. Rancangan Antar Muka Index Admin

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Welcome Admin,

Boutique Koys

Silahkan Klik Menu kiri untuk mengelola Data

Gambar III.3.

Rancangan Antar Muka index Admin

C. Rancangan Antar Muka Menu Admin

Header

Footer

Menu Admin

xxxxxxx

xxxxxxx

Simpan Batal

Data Admin

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Username :

Password :

Gambar III.4.

Rancangan Antar Muka Menu Admin

54

D. Rancangan Antar Muka Ganti Password Admin

Header

Footer

xxxxxxx

xxxxxxx

Ubah

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Username :

Password Lama :

Password Baru : xxxxxxx

Gambar III.5.

Rancangan Antar Muka Ganti Password Admin

E. Rancangan Antar Muka Menu Produk

Header

Footer

Simpan

Nama

Deskripsi

xxxxx

xxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Warna

Kategori

Harga

Stock

Gambar

xxxxxx

xxxxxxx

xxxxxxx

Batal

Data Produk

Menu Produk

Browse..

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

* Untuk gambar baik dengan ukuran 100 x 125 Pixels

* Ketik nama gambar beserta format, contoh : B001.png

Gambar III.6.

Rancangan Antar Muka Menu Produk

55

F. Rancangan Antar Muka Ubah Produk

Header

Footer

Ubah

Nama

Deskripsi

xxxxx

xxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Warna

Kategori

Harga

Stock

Gambar

xxxxxx

xxxxxxx

xxxxxxx

Browse..

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

ID xxxxx

Gambar III.7.

Rancangan Antar Muka Ubah Produk

G. Rancangan Antar Muka Kategori Produk

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Kategori

Id_Kategori :

Kategori :

xxxxx

xxxxx

Simpan Batal

Data Kategori

Gambar III.8.

Rancangan Antar Muka Kategori Produk

56

H. Rancangan Antar Muka Transaksi

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Data Transaksi

Data Transaksi

Gambar III.9.

Rancangan Antar Muka Transaksi

I. Rancangan Antar Muka Detail Transaksi

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Detail Transaksi

Data Detail Transaksi

No. Transaksi : xx

Tgl & Jam Transaksi : xxxx & xxxx

Status : xxxxx Ubah Status

1 = Baru

Gambar III.10.

Rancangan Antar Detail Transaksi

57

J. Rancangan Antar Muka Pengiriman

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Kirim

Pilih Kota :

Pilih Kurir :

Tarif Kirim :

xxxxx

xxxxx

Simpan Batal

Data Pengiriman

xxxxx

Gambar III.11.

Rancangan Antar Muka Pengiriman

K. Rancangan Antar Muka Kurir

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Kurir

Nama Kurir : xxxxx

Simpan Batal

Data Kurir

Gambar III.12.

Rancangan Antar Muka Kurir

58

L. Rancangan Antar Muka Kota

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Kota

Nama Kota : xxxxx

Simpan Batal

Data Kota

Gambar III.13.

Rancangan Antar Muka Kota

M. Rancangan Antar Muka Konfirmasi Pembayaran

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Konfirmasi

Data Konfirmasi

Gambar III.14.

Rancangan Antar Muka Konfirmasi Pembayaran

59

N. Rancangan Antar Muka Laporan

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Laporan

Produk Member Penjualan

Gambar III.15.

Rancangan Antar Muka Laporan

O. Rancangan Antar Muka Hubungi Kami

Header

Footer

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Hubungi

Data Hubungi Admin

Gambar III.16.

Rancangan Antar Muka Hubungi Kami

P. Rancangan Antar Muka Balas Email

Header

Footer

Kirim

Kepada :

Subjek :

Pesan :

xxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxx

· Admin

· Produk

· Kategori Produk

· Transaksi

· Pengiriman

· Kurir

· Kota

· Konfrimasi

Pembayaran

· Laporan

· Hubungi Kami

· Logout

Menu Hubungi

Batal

Gambar III.17.

Rancangan Antar Muka Balas Email

60

Q. Rancangan Antar Muka Index User

Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |

Slide Gambar

Login

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Welcome .. Selamat Berbelanja produk-produk Terbaru Sista..

Gambar

Kategori

Testimoni

Gambar Gambar

Login | Belum ?Silahkan

Daftar

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Gambar III.18.

Rancangan Antar Muka Index User

R. Rancangan Antar Muka Home User

Home | Produk | Cara Pembelian | Cara Pembayaran | Konfirmasi Pembayaran | Hubungi Kami | Profil |

Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Welcome .. Selamat Berbelanja produk-produk Terbaru Sista..

Gambar

Kategori

Testimoni

Gambar Gambar

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Logout | Selamat Berbelanja xxxx

Gambar III.19.

Rancangan Antar Muka Home User

61

S. Rancangan Antar Muka Login User Dan Daftar Member


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Jika Sista Sudah Daftar silahkan Login

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Username :

Password :

xxxxx

xxxxx

Login

Daftar Member Baru

Nama :

Alamat :

Telepon :

Email :

xxxxx

xxxxx

xxxxx

xxxxx

User :

Password :

Re Password :

xxxxx

xxxxx

xxxxx

Daftar

* Isi data dengan benar, setiap transaksi yang Anda lakukan sangat

berpengaruh pada informasi data member yang Anda input untuk

pengiriman produk barang yang Anda beli. Terima kasih

Gambar III.20.

Rancangan Antar Muka Login User Dan Daftar Member Baru

T. Rancangan Antar Muka Cara pembelian


Slide Gambar


Daftar

Login

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Cara Pembelian

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Keterangan

Gambar III.21.

Rancangan Antar Muka Cara Pembelian

62

U. Rancangan Antar Muka Cara Pembayaran


Slide Gambar


Daftar

Login

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Cara Pembayaran

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Keterangan

Gambar III.22.

Rancangan Antar Muka Cara Pembayaran

V. Rancangan Antar Muka Hubungi Kami


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Hubungi Kami

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Nama :

Email :

Subjek :

Pesan :

xxxxx

xxxxx

xxxxx

xxxxx

Proses

Gambar III.23.

Rancangan Antar Muka Hubungi kami

63

W. Rancangan Antar Muka Profil


Slide Gambar


Daftar

Login

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Tentang Kami

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

xxx

Mengapa Harus Berbelanja di Website Boutique Koy's ??

xxx

Profile

xxx

Gambar III.24.

Rancangan Antar Muka Profil

X. Rancangan Antar Muka Produk


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Produk Boutique Koy's

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Gambar 1 Gambar 2 Gambar 3

Gambar 6Gambar 5Gambar 4

Gambar III.25.

Rancangan Antar Muka Produk

64

Y. Rancangan Antar Muka Produk Detail


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Produk Detail

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

GambarKeterangan

Beli

Gambar III.26.

Rancangan Antar Muka Produk Detail

Z. Rancangan Antar Muka Keranjang Belanja


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

HeaderLogout | Terima kasih xxxx

Logo

Keranjang Belanja

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Lanjutkan Belanja

Produk Nama Aksi Qty Total

Grand Total

Alamat Jalan :

Pilih Kota :

Pilih Kurir :

xxxxxx

xxxxxx

xxxxxx

Selesai Belanja

Total harga diatas belum termasuk ongkos kirim yang akan

dihitung saat Selesai Belanja.

Gambar III.27.

Rancangan Antar Muka Keranjang Belanja

65

AA. Rancangan Antar Muka Faktur Pembayaran


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer


Logo

Terima kasih untuk pesanan Anda

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

TERIMA KASIH

FAKTUR PEMBAYARAN

XXXXXXX

XXXXXX

XXXXXXXXXX

XXXXXXXXXXXXX

XXXXX

XXXXXX

XXXXX

XXXXX

Print

Gambar III.28.

Rancangan Antar Muka Faktur Pembayaran

BB. Rancangan Antar Muka Faktur Print

Header

FAKTUR PEMBAYARAN

LOGO

XXXXX

XXXXXXX

XXXXXX

XXXXXXXXXX

XXXXXXXXXXXXX

XXXXX

XXXXXX

XXXXX

TERIMA KASIH

Footer

XXXXXXX

XXXXXX

XXXXXXXXXX

Gambar III.29.

Rancangan Antar Muka Faktur Print

66

CC. Rancangan Antar Muka Konfirmasi Pembayaran


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer


Logo

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Apabila anda sudah Melakukan pembayaran. Konfirmasikan pembayaran anda

dengan mengisi form di bawah ini:

KONFIRMAS PEMBAYARAN

No. Faktur :

Tanggal Transfer :

Transfer Atas Nama :

Telpon :

Jumlah Transfer : Rp.

Keterangan tambahan :

Gambar :

Input

Browse

Gambar III.30.

Rancangan Antar Muka Konfirmasi Pembayaran

DD. Rancangan Antar Muka Isi Testimoni


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

Silahkan Isi Testimoni nya Sista ,,.

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Username :

Password :

Testimonia :

xxxxx

xxxxx

Captcha

Simpan


Daftar

Login

xxxxx

xxxxx

Gambar III.31.

Rancangan Antar Muka Isi Testimoni

67

EE. Rancangan Antar Muka Lihat Testimoni


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

DATA TESTIMONI

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx


Daftar

Login

Xxxxx

XXXXXXXXXXXXX

XXXXXX

XXXXXXXXXXXXXXX

XXXXX

XXXXXXXXXXXXX

XXXXX

XXXXXXXXXX

Gambar III.32.

Rancangan Antar Lihat Testimoni

FF. Rancangan Antar Muka Cari Produk


Slide Gambar

Best Seller

Gambar

xxxxxx

Pencarian

Keranjang Belanja

Kantong

Belanja

Footer

Header

Logo

DATA TESTIMONI

Kategori

Testimoni

Pembayaran

Pengiriman

Gambar

Gambar

xxxxx

xxxxx

Xxxxx

XXXXXXXXXXXXX

XXXXXX

XXXXXXXXXXXXXXX

XXXXX

XXXXXXXXXXXXX

Data Produk XXXX ditemukan :

Detail

Gambar III.33.

Rancangan Antar Muka Cari Produk

68

3.3.2. Rancangan Basis Data

A. Entity Relationship Diagram (ERD)

pelanggan melakukan Transaksi

Barang

memiliki

Kategori

Mempunyai

Id_barang

subtotal

No_transaksi

No_transaksi

Id_pelanggan

nama_pelanggan

Alamat

Nama_kategori

Id_kategori

password

email

username

gambar

Id_kategori

Id_barang

Deskripsi

warna

Kurir_id

mempunyai

Kirim

Id

harga

1 m

m

1

1

1

Konfirmasi

pembayaran

melakukan

Keterangan

nama

id

Telpon

Bank

Gambar

tanggal

mempunyai kota

Id_kota

Nama_kota

m

1

1

1

1 1

1

mempunyai

1

Id_pelanggan Id

Nama_barang

Id_kategoriId_barang

Id_pelanggan No_transaksi

Id_bayar

notransaksi

No_transaksi

Id

Id_kotaid

telepon

harga

Jumlah

Kota_id

Alamat Ongkir

Tanggal

Jam

Grandtotal

status

No_TransaksiId_barang

Stok

Kurir

Id_kurir Nama_kurir

1

mempunyai

1

Id_kota

Id_kurir

Kurir_id

Kota_id

Detail

Transaksi

1

Memilih

Gambar III.34.

Entity Relation Diagram

69

B. Logical Record Structure (LRS)

Pelanggan

id_pelanggan *

nama_pelanggan

username

email

password

alamat

telepon

Barang

id_barang *

Id_kategori

nama_barang

warna

deskripsi

stok

harga

gambar

Kategori

id_kategori*

nama_kategori

Transaksi

No_transaksi *

Kurir_id

Kota_id

Alamat

Ongkir

Status

Grandtotal

Jam

tanggal

Detail Transaksi

No_transakasi **

Id_barang

Jumlah

Sub total1

m

1

1

m

1

1

m

Konfirmasi_pembayaran

Id *

Tanggal

Nama

Telpon

Keterangan

Bank

Gambar

1

1

Kirim

Id *

Kurir_Id

Kota_id

Harga

kota

id_kota *

nama_kota

11

Kurir

id_Kurir *

nama_Kurir

1

1

1

1

Keterangan :

* Primary Key

** Foregin Key

Gambar III.35.

Logical Record Structure (LRS)

70

C. Spesifikasi File

Spesifikasi file merupakan penjelasan mengenai bentuk–bentuk file databse

yang digunakan untuk pengolahan proses dari suatu sistem. File–file ini tersimpan

pada database tokomuslim dengan parameter–parameter sebagai berikut :

1. Spesifikasi File Pelanggan

Nama File : File Pelanggan

Akronim : Pelanggan

Fungsi : Untuk menyimpan data pelanggan

Tipe : File master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang record : 856 Karakter

Kunci Field : id_pelanggan

Software : Mysql

Tabel III.1.

Spesifikasi File Pelanggan

No. Elemen Data Nama Field Tipe Size Ket.

1. id_pelanggan id_pelanggan Int 11 Primay Key

2. nama_pelanggan nama_pelanggan Varchar 35 -

3. Username username Varchar 20 -

4. Email Email Text 255 -

5. Password password Text 255 -

71

6. Alamat alamat Text 255 -

7. Telepon telepon Varchar 25 -

2. Spesifikasi File Barang

Nama File : File Barang

Akronim : Barang

Fungsi : Untuk menyimpan data barang

Tipe : File Master


Akses File : Random

Media : Hardisk


Kunci Field : id_barang

Software : Mysql

Tabel III.2

Spesifikasi File Barang


1. id_barang id_barang Int 6 Primay Key

2. nama_barang nama_barang Varchar 35 -

3. Warna warna Varchar 35 -

4. Deskripsi deskripsi Text 255 -

5. Stok Stok Int 11 -

6. Harga barang Harga Int 11 -

72

7. Gambar gambar Varchar 50 -

8. Id_kategori id_kategori Int 6 -

3. Spesifikasi File Kategori

Nama File : File Kategori

Akronim : Kategori

Fungsi : Untuk menyimpan data kategori

Tipe : File master


Akses File : Random

Media : Hardisk


Kunci Field : id_kategori

Software : Mysql

Tabel III. 3.

Spesifikasi File Kategori


1. Id Kategori id_ kategori Int 11 Primay Key

2. Nama Kategori nama_ kategori Varchar 35 -

4. Spesifikasi File Transaksi

Nama File : File Transaksi

73

Akronim : Transaksi

Fungsi : Untuk menyimpan data transaksi

Tipe : File Transaksi


Akses File : Random

Media : Hardisk


Kunci Field : no_transaksi

Software : Mysql

Tabel III.4.

Spesifikasi File Transaksi


1. no transaksi no_transaksi Int 11 Primay Key

2. Status status Var 50 -

3. Kurir_id kurir_id Int 11 -

4. Kota_id kota_id Int 11 -

5. Alamat alamat Var 100 -

6. Ongkir ongkir Int 11 -

7. Grand total grandtotal Int 11 -

8. Tanggal tanggal date 8 -

9. Jam Jam time 8 -

10. Username username var 30 -

74

5. Spesifikasi File detail transaksi

Nama File : File detailtransaksi

Akronim : detailtransaksi

Fungsi : Untuk menyimpan data transaksi secara rinci

Tipe : File transaksi


Akses File : Random

Media : Hardisk


Kunci Field : no_transaksi

Software : Mysql

Tabel III.5.

Spesifikasi File detailtransaksi


1. No_transaksi no_transaksi Int 11 Foregin Key

2. Id_barang id_barang Int 11 -

3. Jumlah jumlah Int 11 -

4. Subtotal subtotal Int 11 -

6. Spesifikasi File Konfirmasi

Nama File : File Konfirmasi

Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pembayaran

75

Tipe : File Master


Akses File : Random

Media : Hardisk


Kunci Field : id

Software : Mysql

Tabel III.6.

Spesifikasi File Konfirmasi


1. Id id Int 11 Primay Key

2. Bank bank Varchar 50 -

3. Nama nama Varchar 50 -

4. Telpon telpon Var 18 -

5. Jumlah jumlah Int 11 -

6. Tanggal tanggal Date 8 -

7. Gambar gambar Varchar 50 -

8. Keterangan keterangan Text 255 -

7. Spesifikasi File kirim

Nama File : File pengiriman

Akronim : kirim

Fungsi : Untuk menyimpan data pengiriman barang

76

Tipe : File master


Akses File : Random

Media : Hardisk

Panjang record : 48,2 Karakter

Kunci Field : id

Software : Mysql

Tabel III.7.

Spesifikasi File kirim


1. Id Id Int 11 Primay Key

2. Kurir_id kurir_id Int 11 -

3. Kota_id kota_id Int 11 -

4. Harga Harga Double 15,2 -

8. Spesifikasi File Kota

Nama File : File Kota

Akronim : Kota

Fungsi : Untuk menyimpan data kota pengiriman

Tipe : File master


Akses File : Random

Media : Hardisk

77


Kunci Field : id

Software : Mysql

Tabel III.8.

Spesifikasi File Kota


1. Id kota id Int 4 Primay Key

2. Nama kota nama Varchar 50 -

9. Spesifikasi File Kurir

Nama File : File Kurir

Akronim : Kurir

Fungsi : Untuk menyimpan data kurir pengiriman

Tipe : File master


Akses File : Random

Media : Hardisk


Kunci Field : id

Software : Mysql

78

Tabel III.9

Spesifikasi File Kurir


1. Id kurir id Int 6 Primay Key

2. Nama kurir nama Varchar 35 -

3.3.3. Rancangan Struktur Navigasi

Struktur navigasi yang digunakan adalah struktur navigasi campuran. Struktur

navigasi campuran merupakan gabungan dari ketiga struktur yaitu linier, non-linier

dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas.

Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini

dapat memberikan interaksi yang lebih tinggi.

A. Struktur Navigasi Pengunjung

Index

Hme

Cari Produk

Cara PembelianProduk

Isi Testimoni

Cara Pembayaran Profil

Produk Detail

Kategori

Lihat kategori

Lihat Testimoni

Gambar III.36.

Struktur Navigasi Pengunjung

79

B. Struktur Navigasi User (front-end)

Index

HOME PRODUK

Muslim DailyMuslim DressMuslim CasualMuslim Syar’i

Produk Detail

Mengisi Formulir

Pengiriman

Transaksi Selesai

Keranjang Belanja

Konfirmasi Pembayaran

Logout

Lihat Produk Katalog

Kategori

PROFILCara PembayaranCara Pembelian

Hubungi kami Isi dan Lihat Testimoni

Login Belum Daftar?

Hubungu kamiKonfirmasi

Pembayaran

Gambar III.37.

Struktur Navigasi User (front-end)

80

C. Struktur Navigasi Admin (back-end)

Home

Login

Admin LaporanProduk Kategori Logout

Laporan

Penjualan

Laporan

Member

Laporan

Produk

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Pengiriman

Hapus

Tambah

Kota

Hapus

Tambah

Konfirmasi

Pembayaran

Hapus

Ubah

Transaksi

Ubah

Kurir

Hapus

Tambah

Konfirmasi

Pembayaran

Gambar III.38.

Struktur Navigasi Admin (back-end)

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi penjualan pakaian berbasis

web berdasarkan hasil rancangan antar muka antara lain:

1. Halaman Login Admin

Gambar III.39.

Halaman Login Admin

81

2. Halaman Login salah

Gambar III.40.

Halaman Login salah

3. Halaman Index Admin

Gambar III.41.

Halaman Index Admin

82

4. Halaman Menu Admin

Gambar III.42.

Halaman Menu Admin

5. Halaman Ganti Password Admin

Gambar III.43.

Halaman Ganti Password Admin

83

6. Halaman Menu Produk

Gambar III.44.

Halaman Menu Produk Admin

7. Halaman Ubah Produk

Gambar III.45.

Halaman Menu Ubah Produk Admin

84

8. Halaman Menu Kategori

Gambar III.46.

Halaman Menu Kategori

9. Halaman Menu Ubah Kategori

Gambar III.47.

Halaman Menu Ubah Kategori

85

10. Menu Data Transaksi

Gambar III.48.

Halaman Menu Data Transaksi

11. Halaman Menu kirim

Gambar III.49.

Halaman Menu kirim

86

12. Halaman Menu Data Kurir

Gambar III.50.

Halaman Menu Data Kurir

13. Halaman Menu Data Kota

Gambar III.51.

Halaman Menu Data Kota

87

14. Halaman Menu Konfirmasi Pembayaran

Gambar III.52.

Halaman Menu Konfirmasi Pembayaran

15. Halaman Menu Detail transaksi

Gambar III.53.

Halaman Menu Detail Transaksi

88

16. Halaman Menu Laporan

Gambar III.54.

Halaman Menu Laporan

17. Halaman Menu Hubungi Kami

Gambar III.55.

Halaman Menu Hubungi Kami

89

18. Halaman Menu Balas Email

Gambar III.56.

Halaman Menu Balas Email

19. Menu Index Website

Gambar III.57.

Halaman Menu Index website

90

20. Halaman Login dan Daftar Member Baru

Gambar III.58.

Halaman Menu Login dan Daftar Member Baru

91

21. Halaman Cara Pembelian

Gambar III.59.

Halaman Menu Cara Pembelian

22. Halaman Cara Pembayaran

Gambar III.60.

Halaman Menu Cara Pembayaran

92

23. Halaman Profil

Gambar III.61.

Halaman Menu Profil

93

24. Halaman Home User

Gambar III.62.

Halaman Menu Home User

94

25. Halaman Produk

Gambar III.63.

Halaman Menu Produk

26. Halaman Produk Detail

Gambar III.64.

Halaman Menu Produk Detail

95

27. Halaman Keranjang Belanja

Gambar III.65.

Halaman Menu Keranjang Belanja

96

28. Halaman Faktur Pembayaran

Gambar III.66.

Halaman Menu Faktur Pembayaran

29. Halaman Faktur Print

Gambar III.67.

Halaman Menu Faktur Prin

97

30. Halaman Hasil Pencarian Produk

Gambar III.68.

Halaman Menu Pencarian Produk

31. Halaman Kategori Produk

Gambar III.69.

Halaman Menu Kategori Produk

98

32. Halaman Isi Testimoni

Gambar III.70.

Halaman Menu Isi Testimoni

33. Halaman Lihat Testimoni

Gambar III.71.

Halaman Menu Lihat Testimoni

99

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan program aplikasi penjualan pakaian

berbasis web.

1. Spesifikasi Perangkat Keras

A. Server

1. CPU

a. Processor intel dual core 2.3 GHz

b. RAM 2 GB

c. Hardisk 320 GB

d. VGA MobileIntel (R) 965 ExpressChipset Family358 MB

2. Mouse

3. Keyboard

4. Monitor dengan resolusi layar minimum 1024x768

5. Koneksi internet dengan kecepatan 2 Mbps.

B. Client

1. CPU

a. Processor inteldual core 2,3GHz

b. RAM 1 - 2 GB

c. Hardisk 320 GB

d. VGA Intel HD

2. Mouse

3. Keyboard

100

4. Monitor dengan resolusi layar minimum 1024x768

5. Koneksi internet dengan kecepatan 2 Mbps.

2. Spesifikasi Perangkat Lunak

A. Server

1. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86).

2. Aplikasi bundle web server adalah Xampp1.8.1-0 terdiri dari beberapa

komponen diantaranya:

a. Aplikasi PHP

b. Aplikasi MySQL

c. Aplikasi phpMyAdmin

3. Aplikasi web browser seperti Internet Explorer, Google ChromeMozilla

Firefox.

B. Client

1. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86)

2. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

101

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Admin

Table III.10.

Pengujian Form Login Admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil

Pengujian Kesimpulan

1 Username

dan password

di kosongkan

kemudian

klik tombol

login

User id:

(kosong)

Password:(kos

ong)

Sistem akan

menolak akses

user dan akan

menampilkan

“You missed 2

fields. They

have been

highlighted.”

Sesuai

harapan

Valid

2 Mengetikkan

username dan

password

tidak di isi

kemudian

klik tombol

login

Username:

(admin)

Password:(kos

ong)

Sistem akan

menolak akses

user dan akan

menampilkan

“You missed 1

field. it has

been

highlighted.”

Sesuai

harapan

Valid

3 Username

tidak di isi

dan password

di isi

kemudian

klik tombol

login

Username:

(kosong )

Password:

(admin)

Sistem akan

menolak akses

user dan akan

menampilkan

“You missed 1

field. it has

been

highlighted.”

Sesuai

harapan

Valid

102

4 Mengetikan

salah satu

kondisi salah

pada

username

atau

password

kemudian

klik tombol

login

Username:

(admin )

Password:

(user)

Sistem akan

menolak akses

user dan akan

menampilkan

“LOGIN

GAGAL.

Username atau

password anda

tidak sesuai.

Atau akun anda

sedang

diblokir.”

Sesuai

harapan

Valid

5 Mengetikan

username dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username:

admin(benar )

Password:

admin(benar)

Sistem

menerima akses

Login. Dan

masuk ke form

menu utama

admin.

Sesuai

harapan

Valid

B. Pengujian Terhadap Form Tambah Admin

Table III.11.

Pengujian Form Tambah Admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Username.

Username:

(kosong)

Password:

(admin)

Akan

menampilkan

Pesan Validasi

“Please fill out

this field”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

Password

Username:

(admin)

Password:

(Kosong)

Akan

menampilkan

Pesan Validasi

“Please fill out

this field”

Sesuai

harapan

Valid

103

3 Mengosongk-

an field

Username dan

field

Password

Username:

(Kosong)

Password

(Kosong)

Akan

menampilkan

Pesan Validasi

dimasing

masing kotak.

Sesuai

harapan

Valid

4 Mengetikkan

username dan

password

dengan benar

Username:

(admin)

Password

(admin)

Akan

menampilkan

Pesan” Data

Admin baru

berhasil

disimpan.

Sesuai

harapan

Valid

C. Pengujian Terhadap Form Ganti Password Admin

Table III.12.

Pengujian Form Ganti password Admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an Field

Password

Lama.

Username:

(admin)

Password

Lama

(kosong)

Password

Baru

(******)

Akan

menampilkan

Pesan Validasi

dibawah field

password

lama“Please fill

out this field”

Sesuai

harapan

Valid

2 Password

Lama di isi

tidak sesuai

atau salah

Username

(admin)

Password

Lama

(tidak sesuai)

Password

Baru(ada)

Sistem akan

menolak akses

ubah password

admin dan akan

menampilkan

“Password lama

salah, input

dengan benar

password lama

Anda!.”

Sesuai

harapan

Valid

3 Mengosongk- Username: Akan Sesuai Valid

104

an field

Password

Baru

(admin)

Password

Lama

(******)

Password

Baru

(kosong)

menampilkan

Pesan Validasi

di bawah field

password Baru

“Please fill out

this field”

harapan

4 Mengosongk-

an 2 field

password

Lama dan

field

password

Baru

Username:

(admin)

Password

Lama

(kosong)

Password

Baru

(kosong)

Menampilkan

Pesan Validasi

disamping

masing masing

field password

Lama dan field

password Baru.

Sesuai

harapan

Valid

5 Mengetikan

Password

Lama dan

Password

baru dengan

data yang

benar

kemudian klik

tombol Ubah

Username:

(admin)

Password

Lama

(benar)

Password

Baru

(benar)

Sistem

menerima akses

Ubah admin

dan kemudian

langsung

menampilkan

pesan “Data

Sudah

Berubah.”

.

Sesuai

Harapan

Valid

D. Pengujian Terhadap Form Tambah Produk

Table III.13.

Pengujian Form tambah produk admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosong

kan field

Nama

Nama:

(kosong)

Deskripsi:

(bahan sutra)

kategori:

(Muslim

Akan

menampilkan

Pesan Validasi

dibawah kolom

nama “Anda

Belum

Sesuai

harapan

Valid

105

Casual)

Warna :

(Merah)

Harga:

(350000)

Stock:

(20)

Mengisikan

Nama Produk”

2 Mengosong

kan field

Warna

Nama:

(Bridal Syari)

Deskripsi:

(bahan sutra)

kategori:

(Muslim

Casual)

Warna :

(Kosong)

Harga:

(350000)

Stock:

(20)

Akan

menampilkan

Pesan Validasi

dibawah kolom

harga “Anda

belum

mengisikan

warna produk”.

Sesuai

harapan

Valid

3 Mengosong

kan field

Harga

Nama:

(Bridal Syari)

Deskripsi:

(bahan sutra)

kategori:

(Muslim

Casual)

Warna :

(Merah)

Harga:

(Kosong)

Stock:

(10)

Akan

menampilkan

Pesan Validasi

dibawah kolom

stok “Anda

belum

mengisikan

harga produk”.

Jika disikan

dengan Huruf

maka akan

muncul Notif “

Isikan Angka”

Sesuai

harapan

Valid

4 Mengosong

kan field

Harga

Nama:

(Bridal Syari)

Deskripsi:

(bahan sutra)

kategori:

(Muslim

Casual)

Warna :

Akan

menampilkan

Pesan Validasi

dibawah kolom

stok “Anda

belum

mengisikan

harga produk”.

Sesuai

harapan

Valid

106

(Merah)

Harga:

(Kosong)

Stock:

(10)

Jika disikan

dengan Huruf

maka akan

muncul Notif “

Isikan Angka”

4 Mengosong

kan field

Stock

Nama:

(Bridal Syari)

Deskripsi:

(bahan sutra)

kategori:

(Muslim

Casual)

Warna :

(Merah)

Harga:

(350000)

Stock:

(Kosong)

Akan

menampilkan

Pesan Validasi

disamping

kolom gambar

“Anda belum

mengisikan

stock produk”

Sesuai

harapan

Valid

5 Mengisi

semua field

lalu klik

tombol

Nama:

(Bridal Syari)

Deskripsi:

(bahan sutra)

kategori:

(Muslim

Casual)

Warna :

(Merah)

Harga:

(350000)

Stock:

(20)

Sistem

menerima akses

Tambah produk

kemudian

menampilkan

pesan “Produk

Berhasil

disimpan”.

Sesuai

harapan

Valid

107

E. Pengujian Terhadap Form Tambah Kategori

Table III.14.

Pengujian Form Tambah Kategori

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosong

kan field

id_kategori

Kategori:

(kosong)

Akan

menampilkan

Pesan Validasi

dibawah kolom

id_kategori

“Please fill out

this field”

Sesuai

harapan

Valid

2 Mengosong

kan field

kategori

Kategori:

(kosong)

Akan

menampilkan

Pesan Validasi

dibawah kolom

kategori

“Please fill out

this field”

Sesuai

harapan

Valid

3 Mengetikkan

atau mengisi

field

id_kategori

dan kategori

lalu klik

tombol

simpan

Id_kategori:

(111)

Kategori:

(Muslim

Casual)

Sistem

menerima akses

Tambah

Kategori dan

kemudian

langsung

menampilkan

pesan “Data

berhasil di

simpan.”

Sesuai

harapan

Valid

F. Pengujian Terhadap Form Login User

Table III.15.

Pengujian Form Login User

No Skenario Test Case Hasil yang di Hasil Kesimpulan

108

Pengujian harapkan Pengujian

1 Mengosongk-

an field

Username.

Username:

(kosong)

Password:

(user)

Akan

menampilkan

Pesan Validasi

“Anda belum

mengisikan

Username”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

Password

kosong

Username:

(user)

Password:

(Kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

mengisikan

Password”

Sesuai

harapan

Valid

3 Mengosongk-

an field

Username dan

field

Password

Username:

(Kosong)

Password

(Kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

mengisikan

Username”

“Anda belum

mengisikan

Password”

Sesuai

harapan

Valid

4 Mengetikkan

Username

salah dan

Password

benar

Username:

(salah)

Password:

(User)

Sistem menolak

akses

Login User dan

kemudian

langsung

menampilkan

pesan

“Username dan

Password yang

Anda isi salah”

Sesuai

harapan

Valid

5 Mengetikkan

username dan

password

dengan benar

Username:

(User)

Password:

(User)

Sistem

menerima akses

Login User dan

kemudian

langsung

Sesuai

harapan

Valid

109

menampilkan

pesan “Halo!

selamat

berbelanja.”

G. Pengujian Terhadap Form Daftar Member Baru User

Table III.16.

Pengujian Form Member Baru User

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field nama

kosong.

Nama:

(kosong)

Akan

menampilkan

pesan

validasi”Anda

belum

mengisikan

Nama”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

alamat kosong

Alamat:

(Kosong)

Akan

menampilkan

pesan

validasi”Anda

belum

mengisikan

Alamat dengan

benar”

Sesuai

harapan

Valid

3 Mengosongk-

an Field

Telepon

Telepon:

(Kosong)

Akan

menampilkan

pesan validasi ”

Isikan 10 digit

angka telpon”

Sesuai

harapan

Valid

4 Mengetikan

field telepon

dengan huruf

Telepon:

(sepuluh)

Akan

menampilkan

Pesan Validasi

“Isikan Angka”

Sesuai

harapan

Valid

5 Mengosongk-

an Field email

Email:

(kosong)

Akan

menampilkan

Sesuai

harapan

Valid

110

pesan validasi”

email is

required”

6 Mengisikan

Field email

tidak sesuai

format

Email:

(isiatyahoodot

com)

Akan

menampilkan

Pesan Validasi

“Format Email

belum benar”.

Sesuai

harapan

Valid

7 Mengosongk-

an field user

member

User:

(kosong)

Akan

menampilkan

pesan

validasi”Anda

belum

mengisikan

“user name”

Sesuai

harapan

Valid

8 Mengosongk-

an field

password

member

Password:

(Kosong)

Akan

menampilkan

pesan

validasi”Anda

belum

mengisikan

“Password”

Sesuai

harapan

Valid

9 Mengosongk-

an field re-

password

member

Re-Password:

(Kosong)

Akan

menampilkan

pesan

validasi”Anda

belum

mengisikan

Nama”

password

Sesuai

harapan

Valid

10 Membedakan

field re-

password

member

dengan

password

member

Password:

(1989-09-27)

Re-Password:

(1989-09-27)

Sistem akan

menolak akses

dan

menampilkan

Pesan

“Password tidak

sama, ulangin

password

Sesuai

harapan

Valid

111

Anda!”

11 Mengetikkan

Semua field

dengan benar

diantaranya

format email

dengan benar

dan nomor

telepon

dengan huruf

Sistem

menerima akses

daftar member

baru dan

menampilkan

pesan “Selamat

selamat datang,

anda telah

menjadi

member,

silahkan login”

H. Pengujian Terhadap Form Hubungi Kami

Table III.17.

Pengujian Form Hubungi kami

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Nama.

Nama:

(kosong)

Email:

(mona.febrina

@gmail.com)

Subjek:

(Minta

Informasi)

Pesan:

(hay ,,

bagaimana

pengirman

saya?)

Akan

menampilkan

Pesan Validasi

disamping field

Nama “Anda

belum

Mengisikan

Nama”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

email.

Nama:

(Mona

Febrina)

Email:

(kosong)

Subjek:

Akan

menampilkan

Pesan Validasi

disamping field

email “email is

required”

Sesuai

harapan

Valid

112

(Minta

Informasi)

Pesan:

(apakah ada

katalog?)

3 Mengetikkan

format email

salah

Nama:

(Hay

Bagaimana

pengiriman

saya?)

Email:

(

butik_koys@

gmail.com)

Subjek:

(Minta

Informasi)

Pesan:

(hay

bagaimana

pengiriman

saya?)

Akan

menampilkan

Pesan Validasi

disamping field

email “Format

email belum

benar”

Sesuai

harapan

Valid

4 Mengosongka

n kan field

subjek

Nama:

(Mona

Febrina)

Email:

(mona.febrina

@gmail.com)

Subjek:

(Kosong)

Pesan:

(hay

bagaimana

pengiriman

saya?)

Akan

menampilkan

Pesan Validasi

disamping

field“Anda

belum

mengisikan

subjek pesan”

Sesuai

harapan

Valid

5 Mengosongk-

an Field pesan

Nama:

(Mona

Febrina)

Email:

Akan

menampilkan

Pesan Validasi

disamping field

Sesuai

harapan

Valid

113

(mona.febrina

@gmail.com)

Subjek:

(Minta

Informasi)

Pesan:

(Kosong?)

pesan “Anda

belum

mengisikan

pesan”.

6 Mengetikkan

Semua field

dengan benar

diantaranya

format email

dengan benar

Nama:

(Mona

Febrina)

Email:

(mona.febrina

@gmail.com)

Subjek:

(Minta

Konfirmasi)

Pesan:

(hay

bagaimana

pengiriman

saya?)

Sistem

menerima pesan

dan kemudian

langsung

menampilkan

pesan

“Terimakasih

telah

menghubungi

kami akan

segera

meresponnya.”

Sesuai

harapan

Valid

I. Pengujian Terhadap Form Isi Testimonial

Table III.18.

Pengujian Form Isi Testimoni

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Nama.

Nama:

(kosong)

Email:

(mona.febrina

@gmail.com)

Testimonial:

(website ini

warna nya

pink semua)

Akan

menampilkan

Pesan Validasi

disamping field

Nama “Anda

belum

Mengisikan

Nama Anda”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

Nama:

(Mona

Akan

menampilkan

Sesuai

harapan

Valid

114

email. Febrina)

Email:

(Kosong)

Testimonial:

(website ini

warna nya

pink semua)

Pesan Validasi

disamping field

email “email is

required”

3 Mengetikkan

format email

salah

Nama:

(Mona

Febrina)

Email:

(Mona.febrina

atgmaildotco

m)

Testimonial:

(website ini

warna nya

pink semua)

Akan

menampilkan

Pesan Validasi

disamping field

email “Format

email belum

benar”

Sesuai

harapan

Valid

4 Mengosongka

n kan field

Testimonial

Nama:

(Mona

Febrina)

Email:

(Mona.febrina

@gmail.com)

Testimonial:

(Kosong)

Akan

menampilkan

Pesan Validasi

disamping

field“Anda

belum

mengisikan isi

testimonial”

Sesuai

harapan

Valid

6 Mengetikkan

Semua field

dengan benar

diantaranya

format email

dengan benar

Nama:

(Mona

Febrina)

Email:

(Mona.febrina

@gmail.com)

Testimonial:

(website ini

warna nya

pink semua)

Sistem

menerima

testimonial dan

menampilkan

pesan

“Terimakasih.”

Sesuai

harapan

Valid

115

J. Pengujian Terhadap Form Pembelian

Table III.19.

Pengujian Form Pembelian

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Apabila

Pembelian

melebihi Stok

barang yang

ada.

Stok 3

pembelian 5

Akan tampil

Pesan “Maaf

stok habis”

Sesuai

Harapan

Valid

K. Pengujian Terhadap Form Konfirmasi Pembayaran

Table III.20.

Pengujian Form Konfirmasi Pembayaran

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1. Apabila

mengosongka

n salah satu

Field yang

tersedia.

Salah Satu

Field kosong

Akan tampil

bold merah

pada field yang

di kosongkan

Sesuai

Harapan

Valid

bab iii pembahasan · 45 bab iii pembahasan 3.1. tinjauan perusahaan 3.1.1. sejarah perusahaan...

Documents