BAB III PEMBAHASAN. dengan mudah tanpa perlu datang langsung untuk memesan merchandise kpop tetapi

(1)

21

PEMBAHASAN

3.1. Analisa Kebutuhan

Pada sistem penjualan secara online ini, customer dapat melakukan transaksi

dengan mudah tanpa perlu datang langsung untuk memesan merchandise kpop tetapi

biasa dilakukan dengan menggunakan media internet. Berikut ini spesifikasi

kebutuhan dari sistem e-commerce.

1. Halaman Admin:

A.1. Admin dapat melakukan Login.

A.2. Admin dapat mengelolah Produk

A.3. Admin dapat menambah kategori merchandise kpop.

A.4. Admin dapat mengolah Halaman.

A.5. Admin dapat mengelolah data Pesanan.

A.6. Admin dapat mengelolah Ongkos Kirim.

A.7. Admin dapat mengelolah data Admin

A.8. Admin dapat mengelolah data Buku Tamu.

2. Halaman Pengunjung

B.1. Pengunjung dapat melihat tampilan awal web.

B.2. Pengunjung dapat melihat produk merchandise.

B.3. Pengunjung dapat melihat kategori.

(2)

B.6. Pengunjung dapat melihat halaman syarat dan ketentuan.

B.7. Pengunjung dapat mengisi buku tamu.

B.8. Pengunjung dapat melakukan daftar member dengan mengisi form

dengan lengkap dan benar.

3. Halaman Member :

C.1. Member dapat melakukan login dan membeli barang yang diinginkan dan

akan dimasukkan ke keranjang belanja.

C.2. Didalam keranjang dapat melakukan update jumlah produk merchandise

kpop, lanjutkan belanja dan menampilkan total pembelian.

C.3. Member dapat mengedit alamat apabila alamat tidak sesuai.

C.4. Member dapat melihat detail transaksi dan ongkos kirim yang harus

dibayarkan.

C.5. Member dapat melihat dan mencetak struk pembelian.

(3)

3.2. Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka

1. Halaman Admin

A. Rancangan Antar Muka Login Admin

Gambar III.1

Rancangan Antar Muka Login Admin

Keterangan :

Nama Program : Menu Login Admin

Fungsi Program : untuk mengelola data yang terdapat pada web

Akronim : index.php

USERNAME

PASSWORD

(4)

Proses :

Buka Web Browser (Google Chrome, Mozilla, dan lain – lain).

a. Ketikkan alamat website (URL) pada addres bar, contoh :

http:/localhost/merchandisekpop/admin

(5)

B. Rancangan Antar Muka Halaman Utama Admin

LINK

Gambar III.2

Rancangan Antar Muka Halaman Utama Admin TEXT

LINK 1 LINK2 LINK 3 LINK 4 LINK 5 LINK 6 LINK 7 LINK 8

(6)

Nama Program : Halaman Utama

Fungsi Program : untuk menampilkan halaman utama admin

Akronim : halaman_utama.php

(7)

C. Rancangan Antar Muka Halaman Produk Admin

LINK

Gambar III.3

Rancangan Antar Muka Halaman Produk Admin TEXT

TEXT TEXT TEXT TEXT TEXT TEXT TEXT

LINK LINK LINK LINK

(8)

Nama Program : produk

Fungsi Program : untuk menampilkan Produk

Akronim : produk.php

Tampilan Program : php

Proses :

(9)

D. Rancangan Antar Muka Halaman Kategori Admin

LINK

Gambar III.4

Rancangan Antar Muka Halaman Kategori Admin TEXT

LINK

Id Nama Kategori Aksi

(10)

Nama Program : kategori

Fungsi Program : untuk menampilkan halaman kategori

Akronim : kategori.php

Proses :

(11)

E. Rancangan Antar Muka Tampil Halaman Admin

LINK

Gambar III.5

Rancangan Antar Muka Tampil Halaman Admin

Keterangan :

Nama Program : Halaman

Fungsi Program : untuk menampilkan isi Halaman

TEXT LINK

Judul Isi Aksi

Link Link Link Link Link Link

(12)

Proses :

(13)

F. Rancangan Antar Muka Halaman Pemesanan Admin

LINK

Gambar III.6

Rancangan Antar Muka Pemesanan Admin TEXT

TEXT TEXT TEXT TEXT TEXT LINK LINK

LINK LINK

(14)

Nama Program : Order

Fungsi Program : untuk mengelola order yang masuk ke dalam admin

Akronim : Order.php

Proses :

(15)

G. Rancangan Antar Muka Ongkos Kirim

LINK

Gambar III.7

Rancangan Antar Muka Tambah Ogkos Kirim

Keterangan :

Nama Program :Tambah Ongkir

TEXT

Nama Ongkir :

Ongkos Kirim :

SIMPAN BATAL TEXT

(16)

ongkos kirim

Akronim : Ongkos_kirim.php

Proses :

a. Klik link ongkos kirim yang ada pada halaman admin

(17)

H. Rancangan Antar Muka Tampil Admin

LINK

Gambar III.8

Rancangan Antar Muka Tampil Admin TEXT

username :

Password :

SIMPAN BATAL TEXT

(18)

Nama Program : Admin

Fungsi Program : untuk menambah dan menampilkan data admin

Akronim : admin.php

Proses :

(19)

A. Rancangan Antar Muka Halaman Buku Tamu

LINK

GAMBAR III.9

Rancangan Antar Muka Halaman Buku Tamu

LINK 1 LINK 2 LNK 3 LINK 4 LINK 5 LINK 6 LINK 7 LINK 8

TEXT

LINK LINK

(20)

Nama Program : Data Buku Tamu

Fungsi Program : untuk mengelola buku tamu yang masuk ke dalam admin

Akronim : bukutamu.php

Tampilan Program : Lampiran

Proses :

(21)

2. Halaman Pengunjung.

A. Rancangan Antar Muka Halaman Index Pengunjung.

GAMBAR III.10

Rancangan Antar Muka Halaman Index Pengunjung

HEADER

Beranda semua produk kategori ongkos kirim cara pembelian syarat dan ketentuan Buku Tamu

FOOTER TEXT TEXT GAMBAR TEXT LOGIN Email Password login daftar TEXT TEXT TEXT TEXT

(22)

Nama Program : index

Fungsi Program : Tampilan awal ketika halaman pengunjung pertama kali

dibuka

Akronim : index.php

Proses :

a. Ketikkan alamat website (URL) pada addres bar, contoh :

http:/localhost/merchandisekpop

(23)

B. Rancangan Antar Muka Daftar Member

GAMBAR III.11

Rancangan Antar Muka Halaman Daftar Member

HEADER

FOOTER

TEXT

TEXT TEXT Text : Text : Text : Text : Text : Text : Daftar Reset LOGIN Email Password login daftar TEXT TEXT TEXT TEXT TEXT

(24)

Nama Program : Daftar

Fungsi Program : akun untuk daftar menjadi member

Akronim : daftar.php

Proses :

a. Klik link daftar yang ada pada bagian menu kanan.

(25)

C. Rancangan Antar Muka Halaman Semua Produk

GAMBAR III.12

Rancangan Antar Muka Halaman Semua Produk

HEADER

Beranda semua produk kategori ongkos kirim cara pembelian syarat dan ketentuan Buku Tamu

FOOTER

TEXT

TEXT TEXT

Gambar Gambar Gambar

LINK LINK LINK

LOGIN Email Password logi n dafta r TEXT TEXT TEXT TEXT TEXT

(26)

Nama Program : Semua Produk

Fungsi Program : untuk melihat isi dari semua produk yang di jual di web

Akronim : semua_produk.php

Proses :

(27)

D. Rancangan Antar Muka Halaman Cara Pembelian

GAMBAR III.13

Rancangan Antar Muka Halaman Cara Pembelian

HEADER

FOOTER FOOTER

TEXT

TEXT LOGIN Email Password log in dafta r TEXT

TEXT

_TEXT TEXT TEXT TEXT TEXT

(28)

Nama Program : halaman

Fungsi Program : untuk melihat tata cara pembelian di website tas ini.

Akronim : halaman.php

Proses :

(29)

E. Rancangan Antar Muka Halaman Syarat dan Ketentuan.

GAMBAR III.14

Rancangan Antar Muka Halaman Syarat dan Ketentuan

HEADER

FOOTER

TEXT

TEXT LOGIN Email Password logi n daftar TEXT

TEXT

TEXT TEXT TEXT TEXT TEXT

(30)

Nama Program : halaman

Fungsi Program : untuk melihat syarat dan ketentuan di website merchandise

kpop ini.

Akronim : halaman.php

Proses :

(31)

F. Rancangan Antar Muka Ongkos Kirim

GAMBAR III.15

Rancangan Antar Muka Ongkos Kirim

HEADER

FOOTER

TEXT

LOGIN Email Password mas uk daftar TEXT TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT TEXT TEXT TEXT TEXT TEXT

(32)

Nama Program : Ongkos Kirim

Fungsi Program : untuk pelanggan melihat ongkos kirim

Akronim : ongkos_kirim.php

Proses :

(33)

G. Rancangan Antar Muka Buku Tamu

GAMBAR III.16

Rancangan Antar Muka Buku Tamu

HEADER

FOOTER

TEXT

LOGIN Email Password logi n daftar TEXT TEXT TEXT : TEXT TEXT : TEXT TEXT : TEXT TEXT TEXT TEXT TEXT Kirim Batal TEXT TEXT

(34)

Nama Program : Buku Tamu

Fungsi Program : untuk pelanggan mengisi buku tamu

Akronim : bukutamu.php

Proses :

(35)

3. Halaman Member

A. Rancangan Antar Muka Halaman Keranjang Belanja

s

GAMBAR III.17

Rancangan Antar Muka Halaman Keranjang Belanja

HEADER

Beranda semua produk kategori ongkos kirim cara pembelian syarat dan ketentuan Buku Tamu Pembayaran

FOOTER

TEXT

TEXT TEXT

TEXT TEXT TEXT TEXT TEXT TEXT

TEXT LINK LINK TEXT TEXT LOGOU T TEXT TEXT TEXT TEXT TEXT TEXT

(36)

Nama Program : Keranjang Belanja

Fungsi Program : untuk melihat detail Transaksi

Akronim : detail.php

Proses :

a. Klik Beli pada Produk yang sudah dipilih.

(37)

B. Rancangan Antar Muka Halaman Checkout

GAMBAR III.18

Rancangan Antar Muka Halaman Checkout

HEADER

Beranda semua produk kategori ongkos kirim cara pembelian syarat dan ketentuan Buku Tamu Pembayaran FOOTER

TEXT

TEXT TEXT Text : Text : Text : Text : Text : LINK TEXT TEXT LOGOU T TEXT TEXT TEXT TEXT TEXT

(38)

Nama Program : Checkout

Fungsi Program : untuk mengecek kembali data yang sudah diisi sebelumnya

oleh member

Akronim : checkout.php

Proses :

a. Klik link checkout pada keranjang.

(39)

C. Rancangan Antar Muka Halaman Detail Transaksi

GAMBAR III.19

Rancangan Antar Muka Halaman Detail Transaksi

HEADER

TEXT

TEXT TEXT TEXT TEXT LOGOU T TEXT Text Text

Text Text Text Text

Cetak Struk TEXT

TEXT TEXT

(40)

Nama Program : Finish

Fungsi Program : untuk menampilkan detail transaksi setelah member

melakukan checkout.

Akronim : finish.php

Proses :

(41)

D. Rancangan Antar Muka Cetak Struk

GAMBAR III.20

Rancangan Antar Muka Cetak struk

Keterangan :

Nama Program : cetak

Fungsi Program : untuk menampilkan struk atas pembayaran.

Akronim : cetak.php

Proses :

a. Klik link print struk lalu simpan sebagai bukti member telah melakukan pembayaran.

TEXT

Text

text text text text text text text

Text

Text Text

(42)

GAMBAR III.13

Rancangan Antar Muka Konfirmasi

GAMBAR 111.21

Rancangan Antar Muka Halaman Konfrimasi

HEADER

TEXT

TEXT TEXT Text : Text : Text : Text : Text : Text : Text : Text : Simpan TEXT TEXT LOGO UT TEXT TEXT TEXT TEXT TEXT

(43)

Keterangan :

Nama Program : Konfirmasi

Fungsi Program : untuk melihat konfirmasi pembayaran

Akronim : konfirmasi.php

Proses :

a. Klik link konfirmasi pada bagian menu atas

(44)

1. Entity Relationship Diagram (ERD) Member Id_member email nama password alamat telpon Id_kota Melakukan Id_member order Id_order No_pesan Nama_kustomor alamat telpon email Orders_detail mempunyai Id_order Status_order Tgl_order Jam_order Id_kota Id_order Id_produk jumlah Id_order Memilih Kategori Id_kategori Nama_kategori Id_member Id_kategori Memiliki Produk Id_produk Id_kategori kode nama gambar harga stok deskripsi

tanggal Masuk Orders_temp

Id_produk Id_orders_temp Id_produk Id_session jumlah Menyesuaikan Id_produk Id_orders_temp Tgl_order_temp Jam_order_temp Stok_temp Id_kategori Id_produk Menjadi Id_orders_temp Id_order ongkir Id_order Id_ongkir Nama_ongkir Ongkos_kirim Id_ongkir 1 1 1 1 M M 1 1 1 1 M M M Admin Mengontrol Id_admin username password Id_admin Id_orders_temp Buku_tamu 1 M Id_bukutamu nama status email pesan Id_bukutamu M 1 M dibeli Id_session Gambar III.22

(45)

2. Logical Record Structure (LRS) member id_member nama email password alamat telpon id_kota kategori id_kategori nama_kategori ongkir id_ongkir nama_ongkir ongkos_kirim 1 1 1 1 1 1 1 1 M M M M M M M 1 orders id_orders no_pesan nama_kustomer alamat telpon email status_order tgl_order jam_order id_kota order_detail id_orders id_katalog jumlah order_temp id_orders-temp id_produk id_session jumlah tgl_order_temp jam_order_temp stok_temp bukutamu id_bukutamu nama email pesan status 1 1 produk id_produk id_kategori kode nama gambar harga stok deskripsi tanggal dibeli admin id_admin username password id_session Gambar III.23 Logical Record Structure

(46)

Menjelaskan tentang file-file atau tabel yang tersimpan pada database dengan parameter-parameter sebagai berikut :

1. Spesifikasi File Member

Nama File : member

Akronim File : member

Fungsi : Sebagai penyimpanan data member

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 143

Kunci Field : id_member

Software : PhpMyAdmin Tabel III.1 Spesifikasi File Member

No Elemen Data Nama Field Tipe Size Ket

1 id_member id_member Int 11 Primary Key(Auto

Increment)

2 nama nama varchar 30

3 email email varchar 30

4 password password varchar 30

5 alamat alamat varchar 30

(47)

2. Spesifikasi File orders

Nama File : orders

Akronim File : orders

Fungsi : Sebagai penyimpanan data pemesanan

Tipe File : File Transaksi

Media : Harddisk

Kunci Field : id_orders

Software : PhpMyAdmin

Tabel III.2 Spesifikasi File Orders

1 id_orders id_orders Int 10 Primary

Key(Auto Increment) 2 Nama_kusto mer Nama_kusto mer varchar 30

3 Alamat Alamat Text

4 Telpon Telpon varchar 12

5 Email Email varchar 30

6 Status_order Status_order enum ‘Pending’,’P

roses’,’Terki rim,’,Batal’

7 Tgl_order Tgl_order Date

(48)

3. Spesifikasi File orders_detail

Nama File : orders_detail

Akronim File : orders_detail

Fungsi : Sebagai penyimpanan data pemesanan orders

Tipe File : File Transaksi_detail

Media : Harddisk

Kunci Field : -

Tabel III.3

Spesifikasi File Orders_detail

No Elemen Data

Nama Field Tipe Size Ket

1 id_orders id_orders Int 10 -

2 id_katalog id_katalog Int 10

(49)

4. Spesifikasi File Produk

Nama File : produk

Akronim File : Produk

Fungsi : Sebagai penyimpanan data produk

Media : Harddisk

Kunci Field : id_produk

Tabel III.4 Spesifikasi File Produk

No Elemen Data

Nama Field Tipe Size Ket

1 id_produk id_produk Int 12 Primary Key(Auto

Increment)

2 Id_kategori Id_kategori Int 12

3 Kode Kode Int 12

4 Nama Nama varchar 50

5 Gambar Gambar varchar 50

6 Harga Harga int 12

7 Stok Stok Varchar 20

8 deskripsi Deskripsi Longtext

(50)

5. Spesifikasi File Kategori

Nama File : kategori

Akronim File : Kategori

Fungsi : Sebagai penyimpanan data kategori

Media : Harddisk

Kunci Field : id_kategori

Tabel III.5

Spesifikasi File Kategori

1 id_kategori id_kategori Int 11 Primary Key(Auto

Increment)

(51)

6. Spesifikasi File ongkir

Nama File : ongkir

Akronim File : ongkir

Fungsi : Sebagai penyimpanan data ongkos kirim

Media : Harddisk

Kunci Field : id_ongkir

Tabel III.6 Spesifikasi File Ongkir

1 id_ongkir id_ongkir Int 11 Primary Key(Auto

Increment)

2 nama_kota nama_kota Varchar 50

(52)

Nama File : admin

Akronim File : admin

Fungsi : Sebagai penyimpanan data admin

Media : Harddisk

Kunci Field : id_admin

Tabel III.7 Spesifikasi File Admin

No Elemen Data Nama Filed Tipe Size Ket

1. id_admin id_admin Int 12 Primary Key(Auto Increment)

2. username username Varchar 50 3. password password Varchar 12

(53)

8. Spesifikasi File bukutamu

Nama File : bukutamu

Akronim File : bukutamu

Fungsi : Sebagai penyimpanan data bukutamu

Tipe File : File Transaksi

Media : Harddisk

Kunci Field : id_bukutamu

Software : PhpMyAdmin

Tabel III.8

Spesifikasi File Bukutamu

1 id_bukutamu id_bukutamu Int 12 Primary Key(Auto

Increment)

2 nama nama Varchar 50

3 email email Varchar 50

4 Pesan pesan text

5 Status status Enum

‘tampilkan’,’se mbunyikan’

(54)

Navigasi merupakan unsur penting dalam banyak halaman web. Tujuannya

agar seseorang merasa mudah mengemudikan suatu halaman web. Biasanya

komponen navigasi tersebut berupa fasilitas yang berfungsi untuk berpindah ke

halaman web lainnya, yang di wujudkan dalam berbagai cara.

Program web browser sendiri, seperti Intenet Explorer dan Google Chrome

dilengkapi fasilitas untuk mempermudah seseorang dalam menjelajah dunia Internet.

Dalam membuat web (situs web) pribadi, penulis menggunakan peta navigasi untuk

mengetahui arah dari perjalanan halaman web penjualan handphone online ini.

Struktur navigasi ini fleksibel karena alur program dapat bergerak bebas. Setelah

menentukan struktur navigasi maka dibuatlah peta navigasi, peta navigasi adalah

bentuk detail dari struktur navigasi. Peta navigasi dapat dilihat seperti gambar

(55)

a. Navigasi Halaman Admin

Index Halaman utama

produk kategori Halaman Pesanan Ongkos kirim Admin logout Hal. produk Hal. kategori Hal. Halaman Hal. order Hal. Ongkos kirim Hal. user Tambah Edit Hapus Tambah Edit Hapus Tambah Edit Hapus Edit Hapus Tampil Tambah Edit Hapus Edit Hapus Buku Tamu Hal. Buku tamu Tampil Hapus Gambar III.24 Navigasi Halaman Admin

(56)

index Beranda Semua produk Cara pembelian Syarat dan ketentuan Buku Tamu Lihat Semua produk Lihat Cara pembelian Halaman Isi Buku Tamu Lihat Syarat dan ketentuan Kategori Lihat Kategori Ongkos kirim Lihat Ongkos kirim Daftar Halaman Daftar Member Gambar III.25

(57)

c. Navigasi Halaman Member Login Halaman Member Beranda Semua Produk Cara Pembelian Syarat dan Ketentuan

Ongkos Kirim Pembayara n Halaman Home Lihat Semua Produk Lihat Cara pembelian Lihat Syarat & Ketentuan Lihat Ongkos Kirim Konfirmasi Pembayara n Keranjang Belanja Halaman Keranjang belanja checkout Lanjutkan belanja Tambah Kota selesai Kategori Buku Tamu

Lihat Kategori

Halaman Isi Buku Tamu

Gambar III.26

(58)

3.3.1Implementasi

A. Implementasi Rancangan Antar Muka Admin

1. Tampilan Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan modul-modul yang tersedia, Jika login berhasil maka

(59)

2. Tampilan Halaman Utama Admin

(60)

(61)

6. Tampilan Halaman Pesanan Admin

(62)

(63)

B. Implementasi Rancangan Antar Muka Pengunjung

1. Halaman Index Pengunjung

Pengunjung harus membuka halaman website untuk dapat mengakses

(64)

(65)

(66)

(67)

(68)

(69)

(70)

(71)

(72)

(73)

(74)

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan web e-commerce.

1. Spesifikasi Perangkat Keras a. Server

1) CPU

a) Processor Intel® Pentium® Core i Three b) RAM DDR3 2 GB

c) Hard Disk 500 GB HDD 2) Mouse

3) Keyboard

4) Monitor dengan resolusilayar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

a) Processor Intel® Pentium® i7 b) RAM DDR2 1GB

c) Hard Disk 20 GB d) Mouse

e) Keyboard

f) Monitor dengan resolusilayar minimum 1024x768 g) Koneksi internet dengan kecepatan 56 kbps.

(75)

2. Spesifikasi Perangkat Lunak 1) Server

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux

(Ubuntu, Fedora, dan lain-lain).

2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

a) Aplikasi Appserv Server v2

b) Aplikas iPHP Server v5

c) Aplikasi MySQL Server v5

d) Aplikasi phpMyAdmin v3

3) AplikasiWeb Lihatr sepertiMozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.

3. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Backtrak, dan lain-lain).

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

(76)

A. Pengujian Terhadap Form Login Admin

Tabel III.10.

PengujianTerhadap Form Login Admin

No Skenario pengujian

Test Case Hasil yang

diharapkan Hasil pengujian Kesimpulan 1. Username dan password tidak diisi kemudian klik tombol masuk Username: (kosong) Password: (kosong)

Sistem akan menolak akses login admin dan menampilkan “Username atau Password salah” Sesuai harapan Valid 2 Mengetikka n username dan password tidak diisi atau kosong kemudian klik tombol masuk Usernam:atik aaa (benar) Password: (kosong)

Sistem akan menolak akses login admin dan menampilkan “Username atau Password salah” Sesuai harapan Valid 3. User tidak di isi User Id : (kosong) Password: 112233 (Benar)

Sistem akan menolak akses login admin dan menampilkan “Username atau Password salah” Sesuai harapan Valid

(77)

4. Mengetikka n salah satu kondisi salah pada username atau password kemudian klik tombol masuk User Id : atikaaa (Benar) Password: 1111 (Salah)

Sistem akan menolak akses login admin dan menampilkan “Username atau Password salah” Sesuai harapan Valid 5. Mengetikka n username dan password dengan data yang benar kemudian klik tombol masuk User ID: atikaaa (benar) Password: 112233 (benar) Sistem menerima akses login admin kemudian langsung menampilkan ”Login sukses, selamat datang admin” Sesuai harapan Valid

(78)

Tabel III.11.

PengujianTerhadap Form Edit Admin No Skenario

pengujian

diharapkan Hasil pengujian Kesimpulan 1. Password lama, password baru,Ulangi password tidak diisi kemudian klik tombol simpan Password Lama: (kosong) Password Baru: (kosong) Ulangi Password: (Kosong)

Sistem akan menolak akses edit admin dan menampilkan “Harap Isi Bidang ini”

Sesuai harapan Valid 2 Mengetikkan password lama dan password baru, ulangi Password tidak diisi atau kosong kemudian klik tombol simpan Password Lama: 112233 Password Baru: (kosong) Ulangi Password: (kosong)

Sistem akan menolak akses edit admin dan menampilkan “Harap Isi Bidang ini”

Sesuai harapan Valid 3. Mengetikkan kondisi salah pada Password lama, lalu password baru dan ulangi password dengan data yang benar kemudian Password Lama:12121 2 (salah) Password baru: 111222 (benar) Ulangi password: 111222 (benar)

Sistem menolak akses

edit admin kemudian

langsung

menampilkan ” Anda salah memasukkan password lama ulangi lagi”

Sesuai harapan

(79)

klik tombol simpan 4. Mengetikkan salah satu kondisi salah pada Password baru atau ulangi password kemudian klik tombol simpan Password Lama: 112233 (Benar) Password Baru: 111222 (Benar) Ulangi Password: 11122 (Salah)

Sistem akan menolak

edit admin dan

menampilkan

“Password baru yang anda masukkan belum cocok ulangi lagi” Sesuai harapan Valid 5. Mengetikkan Password lama, password baru dan ulangi password dengan data yang benar kemudian klik tombol simpan Password Lama:11223 3 (benar) Password baru: 111222 (benar) Ulangi password: 111222 (benar) Sistem menerima akses edit admin, kemudian langsung menampilkan ”Data berhasil di edit” Sesuai harapan Valid

(80)

Tabel III.12.

PengujianTerhadap Form Login Member No Skenario

pengujian

diharapkan Hasil pengujian Kesimpulan 1. Email dan password tidak diisi kemudian klik tombol masuk email: (kosong) Password: (kosong) Sistem akan

menolak akses login member dan menampilkan “Email atau Password salah” Sesuai harapan Valid 2 Mengetikkan Email dan password tidak diisi atau kosong kemudian klik tombol masuk email: atikamardiati @yahoo.com Password: (kosong) Sistem akan

menolak akses login member dan menampilkan “Email atau Password salah” Sesuai harapan Valid 3. Email tidak di isi email: (Kosong) Password: atika Sistem akan

menolak akses login dan menampilkan “Email atau Password salah” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada Email atau password kemudian klik tombol masuk email: atikamardiati @yahoo.com (Benar) Password: Ati (Salah)

Sistem akan menola kakses user dan menampilkan “Email atau Password Salah” ” Sesuai harapan Valid

(81)

5. Mengetikkan Email dan password dengan data yang benar kemudian klik tombol masuk Email: atikamardi ati@yaho o.com (benar) Password: atika (benar) Sistem menerimaakses login ,kemudian langsung menampilkan”selamat datang Atika Mardiati Khaulia dan Selamat Berbelanja.

Sesuai harapan

(82)

Tabel III.13.

PengujianTerhadap Form Pendaftaran Member No Skenario

pengujian

diharapkan Hasil pengujian Kesimpulan 1. Nama Lengkap, email, Password, Telpon/HP, Kota Alamat Lengkap tidak diisi kemudian klik tombol daftar Nama Lengkap: (kosong) email: (kosong) Password: (Kosong) Telpon/HP: (Kosong) Kota: (Kosong) Alamat Lengkap: (kosong) Sistem akan menolak pendaftaran member dan menampilkan “Harap Isi Bidang ini” Sesuai harapan Valid 2 Mengetikkan kondisi Nama Lengkap lalu email, Password, Telpon/HP, Kota, Alamat Lengkap tidak diisi atau kosong kemudian klik tombol daftar Nama Lengkap: Tiffany Hwang email: (kosong) Password: (kosong) Telpon/HP: (Kosong) Kota: (Kosong) Alamat Lengkap: (kosong) Sistem akan menolak pendaftaran member dan menampilkan “Harap Isi Bidang ini”

Sesuai harapan

(83)

3. Mengetikkan kondisi Nama Lengkap, email lalu Password, Telpon/HP, Kota, Alamat Lengkap tidak diisi atau kosong kemudian klik tombol daftar Nama Lengkap: Tiffany Hwang (benar) email: tiffanyhwang@ gmail.com (benar) Password: (kosong) Telpon/HP: (kosong) Kota: (kosong) Alamat Lengkap: (kosong) Sistem akan menolak pendaftaran member dan menampilkan “Isi Bidang Ini”

Sesuai harapan Valid 4. Mengetikkan kondisi Nama Lengkap, email, Password, Telpon/HP lalu, Kota, Alamat Lengkap tidak diisi atau kosong kemudian klik tombol daftar Nama Lengkap: Tiffany Hwang (benar) email: tiffanyhwang@ gmail.com (benar) Password: 1234 (benar) Telpon/HP: 0898987655 (benar) Kota: Jakarta (benar) Alamat Lengkap: Jl. Blok A (benar) Sistem akan menolak pendaftaran member dan menampilkan “Isi Bidang Ini”

Sesuai harapan

(84)

Lengkap, email, Password, Telpon/HP, Kota lalu Alamat Lengkap tidak diisi atau kosong kemudian klik tombol daftar (benar) email: tiffanyhwang@ gmail.com (benar) Password: 1234 (benar) Telpon/HP: 0898987655 (benar) Kota: Jakarta (benar) Alamat Lengkap: (kosong) pendaftaran member dan menampilkan “Isi Bidang Ini”

6. Mengetikkan kondisi Nama Lengkap, , Password, Telpon/HP, Kota, email di isi dengan tidak benar lalu Alamat Lengkap tidak diisi atau kosong kemudian klik tombol daftar Nama Lengkap: Tiffany Hwang (benar) email: tiffanyhwang@ gmail (salah) Password: 1234 (benar) Telpon/HP: 0898987655 (benar) Kota: Jakarta (benar) Alamat Lengkap: (kosong) Sistem akan menolak pendaftaran member dan menampilkan “Masukkan Email” Sesuai harapan Valid

(85)

7. Mengetikkan kondisi Nama Lengkap, Password, Kota, email, Telpon/HP di isi dengan penulisan huruf, lalu Alamat Lengkap tidak diisi atau kosong kemudian klik tombol daftar Nama Lengkap: Tiffany Hwang (benar) email: tiffanyhwang@ gmail.com (salah) Password: 1234 (benar) Telpon/HP: 08989876ss (salah) Kota: Jakarta (benar) Alamat Lengkap: (kosong) Sistem akan menolak pendaftaran member dan menampilkan “Masukkan nomor” Sesuai harapan Valid 8. Mengetikkan kondisi Nama Lengkap, Password, Kota, email, Telpon/HP, Alamat Lengkap kemudian klik tombol daftar Nama Lengkap: Tiffany Hwang (benar) email: tiffanyhwang@ gmail.com (salah) Password: 1234 (benar) Telpon/HP: 0898987655 (benar) Kota: Jakarta (benar) Alamat Lengkap: Jl. Blok A (benar) Sistem akan menolak pendaftaran member dan menampilkan “Anda telah menjadi member selamat berbelanja”

Sesuai harapan