bab iii pembahasan - repository.bsi.ac.id fileyaitu secara konvensional menjadi penjualan secara...

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).


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)


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

email

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

email

id_kota

konfirmasi

id_bayar

nama

email

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

email

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



Akses File : Random

Media : Harddisk


Kunci Field : id_barang


Tabel III.2.

Spesifikasi File Barang


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



Akses File : Random

Media : Harddisk


Kunci Field : id_kategori


Tabel III.3.

Spesifikasi File Kategori


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



Akses File : Random

Media : Harddisk


Kunci Field : id_admin


Tabel III.4.

Spesifikasi File Admin


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


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


Akses File : Random

Media : Harddisk


Kunci Field : no_pemesanan


Tabel III.5.

Spesifikasi File Pemesanan


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


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



Akses File : Random

Media : Harddisk


Kunci Field : -


Tabel III.6.

Spesifikasi File Detail_Pemesanan


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 : -


Akses File : Random

Media : Harddisk


Kunci Field : id_halaman


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 : -


Akses File : Random

Media : Harddisk


Kunci Field : id_bukutamu


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


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



Akses File : Random

Media : Harddisk


Kunci Field : id_ongkir


Tabel III.9.

Spesifikasi File Kota


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



Akses File : Random

Media : Harddisk


Kunci Field : id_bayar


Tabel III.10.

Spesifikasi File Konfirmasi


1. Id Bayar id_bayar Integer 5 Primary Key,

Auto

Increment

2. Nama nama Varchar 30


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


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


Sesuai

harapan

Valid

4. Mengetikkan

salah satu kondisi

salah pada email

atau password

kemudian klik

tombol login

Email:

[email protected]

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


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


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


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


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


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


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


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


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


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

bab iii pembahasan - repository.bsi.ac.id fileyaitu secara konvensional menjadi penjualan secara...

Documents