BAB III PEMBAHASAN 3.1 Analisa Kebutuhan Analisa Pengguna

(1)

20

BAB III

PEMBAHASAN

3.1 Analisa Kebutuhan A. Analisa Pengguna 1. Administrator

a. Admin dapat mengganti detail informasi toko

b. Admin dapat melihat pelanggan yang sudah menjadi member c. Admin dapat menambahkan, mengedit, menghapus barang d. Admin dapat melihat order dari customer

e. Admin dapat mengedit harga sewaktu-waktu

f. Admin dapat melihat konsumen yang sudah membayar g. Admin dapat mencetak laporan transaksi

2. Pengunjung

a. Pengunjung hanya dapat melihat barang yang ditawarkan

b. Pengunjung hanya mendapatkan informasi produk seperti gambar, nama, keterangan dan harga barang.

3. Pelanggan

Pengunjung dapat melakukan transaksi pembelian setelah terdaftar sebagai pelanggan

a. Pelanggan melakukan registrasi mengisi data diri yang ada pada tabel pendaftaran, kemudian pelanggan akan tercatat sebagai member b. Pelanggan dapat melihat-lihat barang yang ditawarkan oleh Toko

Batik di website

c. Setelah pelanggan memlih produk, kemudian pelanggan dapat memilih barang lebih detail(nama, harga, gambar) kemudian masuk kedalam keranjang belanja setelah sudah “Oke” kemudian masuk ke halaman layanan pengiriman barang. Kemudian sistem akan memproses untuk memberikan informasi pembelian dan pembayaran ke email pelanggan. Apabila pembayaran sudah diproses, maka barang akan langsung dikirim.

(2)

B. Kebutuhan Sistem

a. Sistem memperoses login untuk akses admin pada website.

b. Sistem melakukan login untuk keamanan data yang dikelola oleh admin. c. Sistem melakukan login untuk keaamanan data customer setelah

menggunakan website,

d. Sistem tidak terlalu banyak memakan gambar dengan kapasitas besar, agar memudahkan customer saat membuka system ini.

e. Sistem memungkinkan konsumen untuk melakukan transaksi jual beli setiap saat dan dimana saja, karena sistem dapat diakses 24 jam sehari dengan syarat tersambung dengan internet.

f. Sistem memberikan keamanan untuk akses admin dengan adanya username data password yang hanya dapat diakses oleh admin itu sendiri.

g. Sistem memberikan keamanan untuk akses customer dengan adanya email dan password yang hanya dapat diakses oleh customer itu sendiri.

3.2 Perancangan Perangkat Lunak 3.2.1 Rancangan Antar Muka

1. Administrator

A. Rancangan Antar Muka Index Admin

Gambar III.1

(3)

B. Rancangan Antar Muka Login Admin

Gambar III.2

Rancangan Antar Muka Login Admin C. Rancangan Antar Muka Home Admin

Gambar III.3

Rancangan Antar Muka Home Admin  Login Header Username : Password : gambar Login Admin XXXXX XXXXX Login

 Home Selamat datang …….!

 Password Admin Anda login sebagai Administrator  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header Footer Footer

(4)

D. Rancangan Antar Muka Password Admin

Gambar III.4

Rancangan Antar Muka Password Admin E. Rancangan Antar Muka Data Provinsi

Gambar III.5

Rancangan Antar Muka Data Provinsi  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang

 Konfirmasi Transfer Anda juga dapat merubah Password lewat tools  Laporan phpMyAdmin, gunakan tipe enkripsi data

 Logout MD5 untuk Password.

Header

GANTI PASSWORD ADMIN

Username : admin Password Lama : Password Baru : XXXXX XXXXX  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header DATA PROVINSI

No Nama Provinsi Biaya Kirim(Rp) Tools 1 XXXX 99999

2 XXXX 99999

Add Data

Footer

(5)

F. Rancangan Antar Muka Tambah Data Provinsi

Gambar III.6

Rancangan Antar Muka Tambah Data Provinsi G. Rancangan Antar Muka Data Kategori

Gambar III.7

Rancangan Antar Muka Data Kategori  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header

TAMBAH DATA PROVINSI

Kode : Nama Provinsi : Biaya Kirim (Rp) : XXXX 99999 SIMPAN X99  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header DATA KATEGORI Add Data No Nama Kategori Tools 1 XXXXX XXXXX XXXX XXXXX 2 XXXXX XXXXX XXXX XXXXX

Footer

(6)

H. Rancangan Antar Muka Tambah Data Kategori

Gambar III.8

Rancangan Antar Muka Tambah Data Kategori I. Rancangan Antar Muka Data Barang

Gambar III.9

Rancangan Antar Muka Data Barang  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header

TAMBAH DATA KATEGORI

Kode : Nama Kategori : _{XXXXX XXXXX} X999 SIMPAN  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header DATA BARANG Add No Kode Nama Barang Stok Harga(Rp) Tools 1 X9999 XXXXX XXXXX 9 99999 XXXXX s2 2 X9999 XXXXX XXXXX 9 99999 XXXXX

Footer

(7)

J. Rancangan Antar Muka Tambah Data Barang

Gambar III.10

Rancangan Antar Muka Tambah Data Barang K. Rancangan Antar Muka Data Pelanggan

Gambar III.11

(8)

L. Rancangan Antar Muka Pemesanan Barang

Gambar III.12

Rancangan Antar Muka Pemesanan Barang M. Rancangan Antar Muka Konfirmasi Transfer

Gambar III.13

Rancangan Antar Muka Konfirmasi Transfer  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header DAFTAR PEMESANAN FILTER DATA

Periode : YYYY-MM-DD s/d Tampilkan No No Pesan Tanggal Nama Pelanggan Total Transfer Status Set Bayar Tools 1 1 X9999 XXXXX XXXXX X 99999 XXXXX YYYY-MM-DD  Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header KONFIRMASI TRANSFER Cari Nama :

No Tanggal No Pesan Nama Pelanggan Transfer (Rp) keterangan Tools XXXXX Cari

1 X9999 XXXXX XXXXX 9 99999 XXXXX Jumlah Data : 9 Halaman Ke : 9

Footer

(9)

N. Rancangan Antar Muka Laporan

Gambar III.14

Rancangan Antar Muka Laporan O. Rancangan Antar Muka Laporan Data Provinsi

Gambar III.15

Rancangan Antar Muka Laporan Data Provinsi

 Home - Laporan Data Provinsi  Password Admin - Laporan Data Kategori  Data Provinsi - Laporan Data Barang  Data Kategori - Laporan Data Pelanggan

 Data Barang - Laporan Pemesanan Masuk - Periode  Data Pelanggan - Laporan Pemesanan Lunas - Periode  Pemesanan Barang

 Konfirmasi Transfer  Laporan

 Logout

Header

 Home LAPORAN DATA PROVINSI

 Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header

No Nama Provinsi Biaya Kirim (Rp) 1 XXXXX XXXXX 99999 2 XXXXX XXXXX 99999

Footer

(10)

P. Rancangan Antar Muka Laporan Data Kategori

Gambar III.16

Rancangan Antar Muka Laporan Data Kategori Q. Rancangan Antar Muka Laporan Data Barang

Gambar III.17

Rancangan Antar Muka Laporan Data Barang

 Home LAPORAN DATA KATEGORI

No Kode Nama Kategori 1 X999 XXXXX XXXXX 2 X999 XXXXX XXXXX

 Home LAPORAN DATA BARANG

 Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header KATEGORI BARANG Pilih Kategori

No Kode Nama Barang Stok H Modal(Rp) H Jual(Rp)

XXXXX _Tampilkan

1 X9999 XXXXX 9 99999 99999 2 X9999 XXXXX 9 99999 99999 Jumlah Data : 9 Halaman Ke : 9

Footer

(11)

R. Rancangan Antar Muka Laporan Data Pelanggan

Gambar III.18

Rancangan Antar Muka Laporan Data Pelanggan S. Rancangan Antar Muka Laporan Pemesanan Masuk – Periode

Gambar III.19

Rancangan Antar Muka Laporan Pemesanan Masuk – Periode

 Home LAPORAN DATA PELANGGAN

No NoPelanggan NamaPelanggan Kelamin NoTelepon Email Username 1 X9999 XXXXX XXXXX XXXXX 99999 XXXXX 2 X9999 XXXXX XXXXX XXXXX 99999 XXXXX Jumlah Data : 9 Halaman Ke : 9

 Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header

LAPORAN PEMESANAN MASUK

FILTER DATA

Periode : YYYY-MM-DD s/d Tampilkan

No Tanggal Kode Plg Nama Pelanggan Total BarangTotal Bayar(Rp) Status Tools 1 1 X9999 XXXXX XXXXX 9 99999 XXXXX

YYYY-MM-DD

Footer Footer

(12)

T. Rancangan Antar Muka Laporan Pemesanan Lunas – Periode

Gambar III.20

Rancangan Antar Muka Laporan Pemesanan Lunas – Periode 2. Pengunjung

A. Rancangan Antar Muka Index Pengunjung

Gambar III.21

Rancangan Antar Muka Index Pengunjung

 Home  Password Admin  Data Provinsi  Data Kategori  Data Barang  Data Pelanggan  Pemesanan Barang  Konfirmasi Transfer  Laporan  Logout Header

LAPORAN PEMESANAN LUNAS PERIODE

FILTER DATA

Periode : YYYY-MM-DD s/d Tampilkan Daftar Transaksi Pemesanan dari tanggal 01-06-2015 s/d 24-06-2015

1 No Tanggal No Pemesanan Kode Plg Nama Pelanggan Qty Barang Total Belanja(Rp) Tools YYYY-MM-DD

1 X9999 XXXXX XXXXX 99999 99999 GRAND TOTAL : Rp.

(13)

B. Rancangan Antar Muka Home

Gambar III.22

Gambar III. 22

Rancangan Antar Muka Home

[Status : Belum Login | User : Tamu]

Home | Barang | Panduan | Konfirmasi

Stok : 9 Keterangan : XXXXX Login Username : Password :  Pendaftaran Baru Login Kontak Pin BBM : 99XX9X Whatsapp : 9999999 Footer Cari Barang Koleksi Barang gambar Halaman Rp. Beli Kategori Blouse Batik Couple Batik Gamis Batik Kemeja Batik Mukena Batik XXXXX 9999 XXXXX Cari Header Welcome

(14)

C. Rancangan Antar Muka Barang

Gambar III.23

Rancangan Antar Muka Barang

Home | Barang | Panduan | Konfirmasi

Stok : 9 Keterangan : XXXXX Login Username : Password :  Pendaftaran Baru Login Kontak Pin BBM : 99XX9X Whatsapp : 9999999 Footer Cari Barang Koleksi Barang gambar Halaman Rp. Beli Kategori Blouse Batik Couple Batik Gamis Batik Kemeja Batik Mukena Batik XXXXX 9999 XXXXX Cari Header

(15)

D. Rancangan Antar Muka Cara Belanja

Gambar III.24

Rancangan Antar Muka Cara Belanja

Home | Barang | Cara Belanja | Konfirmasi

CARA BELANJA 1. XXXXX XXXXX XXXXX 2. XXXXX XXXXX XXXXX 3. XXXXX XXXXX XXXXX 4. XXXXX XXXXX XXXXX 5. XXXXX XXXXX XXXXX 6. XXXXX XXXXX XXXXX 7. XXXXX XXXXX XXXXX 8. XXXXX XXXXX XXXXX 9. XXXXX XXXXX XXXXX 10. XXXXX XXXXX XXXXX 11. XXXXX XXXXX XXXXX Login Username : Password :  Pendaftaran Baru Login Kontak Pin BBM : 99XX9X Whatsapp : 9999999 Footer Cari Barang Kategori Blouse Batik Couple Batik Gamis Batik Kemeja Batik Mukena Batik XXXXX 9999 XXXXX Cari Header

(16)

E. Rancangan Antar Muka Konfirmasi

Gambar III.25

Rancangan Antar Muka Konfirmasi

Konfirmasi Pembayaran No. Pemesanan : Nama Pelanggan : Jumlah Transfer : (Rp.) Keterangan : Catatan : *) XXXXX XXXXX XXXXX **) XXXXX XXXXX XXXXX Login Username : Password :  Pendaftaran Baru Login Kontak Pin BBM : 99XX9X Whatsapp : 9999999 Footer Cari Barang Kategori Blouse Batik Couple Batik Gamis Batik Kemeja Batik Mukena Batik XXXXX 9999 XXXXX Cari Header 99 XXXXX 99999 XXXXX XXXXX XXXXX Kirim

(17)

F. Rancangan Antar Muka Pendaftaran Baru

Gambar III.26

Rancangan Antar Muka Pendaftaran Baru

PENDAFTARAN PELANGGAN Nama Pelanggan : Kelamin : E-mail : No. Telepon : DATA LOGIN Username : Password : Password(Lagi) : Login Username : Password :  Pendaftaran Baru Login Kontak Pin BBM : 99XX9X Whatsapp : 9999999 Footer Cari Barang Kategori Blouse Batik Couple Batik Gamis Batik Kemeja Batik Mukena Batik XXXXX 9999 XXXXX Cari Header XXXXX XXXXX XXXXX 9999999 XXXXX XXXXX XXXXX XXXXX XXXXX Daftar

(18)

G. Rancangan Antar Muka Keranjang Belanja

Gambar III.27

(19)

H. Rancangan Antar Muka Konfirmasi Belanja

Gambar III.28

(20)

I. Rancangan Antar Muka Pemesanan Barang

Gambar III.29

(21)

J. Rancangan Antar Muka Cetak

Gambar III.30

(22)

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan dengan Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram (ERD)

Gambar III.31

(23)

B. Logical Relational Structure (LRS)

Gambar III.32

(24)

C. Spesifikasi file

Spesifikasi file merupakan penjelasan secara keseluruhan bentuk-bentuk fle database yang digunakan untuk pengolahan proses system berjalan. Dalam

pengolahan data pada toko batik ini digunakan database dengan nama tabatik2015. Dimana spesifikasinya sebagai berikut :

1. Spesifikasi File Tabel Admin Nama Database : tabatik2015 Nama Tabel : admin

Akronim : admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 234 byte

Kunci Field : id

Software : Mysql

Tabel III.1 Spesifikasi Tabel admin

No Nama Type data Panjang Keterangan

1 id Int 4 Primary Key

Auto Increment

2 username Varchar 30

3 password Varchar 200

2. Spesifikasi File Tabel barang Nama Database : tabatik2015 Nama Tabel : barang

Akronim : barang

Fungsi : Untuk menyimpan data barang Tipe File : File Master

(25)

Akses File : Random

Media : Harddisk

Panjang Record : 237 byte Kunci Field : kd_barang

Software : Mysql

Tabel III.2 Spesifikasi Tabel barang

No Nama Type data Panjang Keterangan

1 kd_barang Char 5 Primary Key

2 nm_barang Varchar 100 3 harga_modal Int 12 4 harga_jual Int 12 5 stok Int 4 6 keterangan Text 7 file_gambar Varchar 100 8 kd_kategori Char 4

3. Spesifikasi File Tabel kategori Nama Database : tabatik2015 Nama Tabel : kategori

Akronim : kategori

Fungsi : Untuk menyimpan data kategori Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 104 byte Kunci Field : kd_kategori

(26)

Tabel III.3 Spesifikasi Tabel kategori

1 kd_kategori Char 4 Primary Key

2 nm_kategori Varchar 100

3 kd_barang Char 5

4. Spesifikasi File Tabel konfirmasi Nama Database : tabatik2015 Nama Tabel : konfirmasi

Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 33 byte Kunci Field : id

Software : Mysql

Tabel III.4 Spesifikasi Tabel konfirmasi

1 id Int 4 Primary Key

Auto Increment 2 no_pemesanan Varchar 8 3 nm_pelanggan Varchar 100 4 jumlah_transfer Int 12 5 keterangan Text 6 tanggal Date

5. Spesifikasi File Tabel pelanggan Nama Database : tabatik2015 Nama Tabel : pelanggan

(27)

Akronim : pelanggan

Fungsi : Untuk menyimpan data pelanggan Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 366 byte Kunci Field : kd_pelanggan

Software : Mysql

Tabel III.5 Spesifikasi Tabel pelanggan

1 kd_pelanggan Char 6 Primary Key

2 nm_pelanggan Varchar 100 3 Kelamin Enum(‘Laki-laki’,’Perempuan’) 20 4 Email Varchar 100 5 no_telepon Varchar 20 6 Username Varchar 20 7 Password Varchar 100 8 tgl_daftar Date

6. Spesifikasi File Tabel pemesanan Nama Database : tabatik2015 Nama Tabel : pemesanan

Akronim : pemesanan

Fungsi : Untuk menyimpan data pemesanan Tipe File : File Master

Akses File : Random

Media : Harddisk

(28)

Kunci Field : no_pemesanan

Software : Mysql

Tabel III.6 Spesifikasi Tabel pemesanan

1 no_pemesanan Char 8 Primary Key

2 kd_pelanggan Char 6 3 tgl_pemesanan Date 4 nama_pemerima Varchar 60 5 alamat_lengkap Varchar 200 6 kd_provinsi Char 3 7 kota Varchar 100 8 kode_pos Varchar 6 9 no_telepon Varchar 20 10 status_bayar Enum(‘Pesan’,’Lunas’,’Ba tal’)

7. Spesifikasi File Tabel pemesanan_item Nama Database : tabatik2015 Nama Tabel : pemesanan

Akronim : pemesanan

Fungsi : Untuk menyimpan data pemesanan Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Kunci Field : id

(29)

Tabel III.7 Spesifikasi Tabel pemesanan_item

No Nama Type data Panjang Keterangan

1 Id Int 4 Primary Key

Auto Increment

2 no_pemesanan Char 8

3 kd_barang Char 5

4 harga Int 12

5 jumlah Int 3

8. Spesifikasi File Tabel Provinsi Nama Database : tabatik2015 Nama Tabel : provinsi

Akronim : provinsi

Fungsi : Untuk menyimpan data provinsi Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Panjang Record : 115 byte Kunci Field : kd_provinsi

Software : Mysql

Tabel III.8 Spesifikasi Tabel provinsi

1 kd_provinsi Char 3 Primary Key

2 nm_provinsi Varchar 100

3 biaya_kirim Int 12

(30)

9. Spesifikasi File Tabel tmp_keranjang Nama Database : tabatik2015 Nama Tabel : tmp_keranjang

Akronim : tmp_keranjang

Fungsi : Untuk menyimpan data keranjang belanja Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Kunci Field : id

Software : Mysql

Tabel III.9 Spesifikasi Tabel tmp_keranjang

No Nama Type data Panjang Keterangan

1 Id Int 5 Primary Key

Auto Increment 2 kd_barang Char 5 3 Harga Int 12 4 Jumlah Int 3 5 Tanggal Date 6 kd_pelanggan Char 6

(31)

3.2.3. Rancangan Struktur Navigasi

1. Struktur Navigasi Halaman Pelanggan

Gambar III.33

Struktur Navigasi Halaman Pengunjung 2. Struktur Navigasi Halaman Admin

G a m b a r III.34

(32)

3.3. Implementasi dan Pengujian Unit

3.3.1.Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada web e-commerce berdasarkan hasil rancangan antar muka.

1. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan modul-modul yang tersedia. Jika login berhasil, maka menu-menu yang sesuai dengan kategori user tersebut akan ditampilkan.

Gambar III.35 Halaman Login Admin 2. Halaman Home Admin

Halaman home admin berisi modul-modul yang digunakan oleh admin untuk mengelola konten website. Halaman ini akan tampil setelah admin melakukan proses login pada halaman login admin.

Gambar III.36 Halaman Home Admin

(33)

3. Halaman Password Admin

Halaman ini untuk mengubah password admin.

Gambar III. 37 Halaman Password Admin 4. Halaman Data Provinsi

Halaman ini berisi data-data provinsi untuk ongkos kirim.

Gambar III.38

(34)

5. Halaman Tambah Data Provinsi

Halaman ini berfungsi untuk menambahkan data provinsi

Gambar III.39

Halaman Tambah Data Provinsi

6. Halaman Data Kategori

Halama ini berfungsi untuk menampilkan data kategori

Gambar III.40 Halaman Data Kategori

(35)

7. Halaman Tambah Data Kategori

Halaman ini berfungsi untuk menambahkan data kategori

Gambar III.41

Halaman Tambah Data Kategori

8. Halaman Data Barang

Halaman ini untuk menampilkan data barang yang ditawarkan

Gambar III.42 Halaman Data Barang

(36)

9. Halaman Tambah Data Barang

Halaman ini berfungsi untuk menambahkan barang baru maupun menghapus data barang yang.

Gambar III.43

Halaman Tambah Data Barang

10. Halaman Data Pelanggan

Halaman data pelanggan ini untuk melihat daftar pelanggan

Gambar III.44 Halaman Data Pelanggan

(37)

11. Halaman Pemesanan Barang

Halaman ini untuk melihat daftar pemesanan barang yang sudah melakukan transaksi.

Gambar III.45

Halaman Data Pemesanan Barang

12. Halaman Konfirmasi Transfer

Halaman ini untuk mengetahui informasi dari pelanggan yang sudah transfer.

Gambar III.46

(38)

13. Halaman Laporan

Halaman Laporan untuk melihat data-data laporan yang sudah terdaftar.

Gambar III.47 Halaman Laporan

14. Halaman Laporan Data Provinsi

Halaman ini berisi tentang daftar provinsi beserta biaya kirimnya

Gambar III.48

(39)

15. Halaman Laporan Data Kategori

Halaman ini berisi kode dan nama kategori

Gambar III.49

Halaman Laporan Data Kategori

16. Halaman Laporan Data Barang

Halaman ini berisi data-data barang yang sudah diinput.

Gambar III.50

(40)

17. Halaman Laporan Data Pelanggan

Halaman ini untuk melihat laporan data-data pelanggan yang sudah terdaftar.

Gambar III.51

Halaman Laporan Data Pelanggan

18. Halaman Laporan Pemesanan Masuk – Periode

Halaman ini untuk mengetahui daftar laporan masuk per periode.

Gambar III.52

(41)

19. Halaman Laporan Pemesanan Lunas – Periode

Halaman ini untuk mengetahui daftar laporan lunas per periode.

Gambar III.53

Halaman Laporan Pemesanan Lunas – Periode

20. Halaman Pendaftaran Baru

Halaman ini harus diisi bagi pengunjung yang belum pernah mendaftar di website

Gambar III.54

(42)

21. Halaman Login Pelanggan

Halaman ini wajib diisi pelanggan yang sudah melakukan pendaftaran.

Gambar III.55 Halaman Login Pelanggan

22. Halaman Home Pelanggan

(43)

Gambar III.56 Halaman Home Pelanggan

(44)

23. Halaman Barang

(45)

Gambar III.57 Halaman Barang

24. Halaman Panduan Belanja

Halaman ini berisi panduan tata cara belanja diwebsite.

Gambar III.58 Halaman Panduan Belanja

(46)

25. Halaman Keranjang Belanja

Halaman ini berisi detail barang, harga, stok. Klik lanjutkan untuk melanjutkan pembelian.

Gambar III.59

Halaman Keranjang Belanja

26. Halaman Konfirmasi Belanja

Halaman ini berisi data yang harus diisi penerima untuk pengiriman barang.

Gambar III.60

(47)

27. Halaman Konfirmasi Pembayaran

Halaman ini berisi form yang harus diisi untuk konfirmasi pembayaran.

Gambar III.61

Halaman Konfirmasi Pembayaran

28. Halaman Daftar Pemesanan

Halaman ini berisi data-data pemesanan yang sudah terdaftar.

Gambar III.62

(48)

29. Halaman Cetak Pemesanan Barang

Halaman ini berupa bukti cetak pemesanan barang yang sudah dikonfirmasi.

Gambar III.63

Halaman Cetak Pemesanan Barang

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan web e-commerce.

1. Spesifikasi Perangkat Keras 1) CPU

(a) Intel ® Atom ™ N2600 (b) Memory 2 GBDDR3 (c) Hardisk 320 GB HDD 2) Mouse

3) Keyboard 4) Monitor

(49)

2. Spesifikasi Perangkat Lunak

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows 7. b. Aplikasi bundle web server seperti: Apache2triad.

c. Aplikasi web adalah Mozilla Firefox, Google Chrome. 3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Login Admin 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 1.Sistem akan menolak dengan gambar error 2.Data username dan password tidak boleh kosong

Sesuai harapan valid

2 Mengetikkan username dan password tidak diisi

atau kosong kemudian Username : (admin) Password: (kosong) 1. Sistem akan menolak dengan gambar error 2. Data password tidak boleh kosong

Sesuai harapan Valid

3 Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username : (kosong) Password: (admin) Sistem akan menolak data username tidak boleh kosong

(50)

4 Mengetikkan salah satu kondisi salah pada username atau password kemudian

klik tombol login

Username: admin Password: 1234 Tidak bisa masuk ke admin

5 Mengetikkan username dan password dengan

data yang benar kemudian klik tombol login Username :admin Password: admin Masuk ke adminsitrator

B. Pengujian Terhadap Password Admin Tabel III.11

Hasil Pengujian Black Box Testing Halaman Password Admin No. Skenario pengujian Test case Hasil yang

diharapkan

Hasil Pengujian

Kesimpulan

1 Password lama dan password baru tidak diisi kemudian klik tombol simpan Password lama : (kosong) Password baru: (kosong) Sistem akan menolak dengan gambar error Data password baru belum diisi. Maaf, password anda salah silahkan ulangi. Sesuai harapan valid 2 Mengetikkan password lama dan password baru

tidak diisi atau

Password lama : (admin) password Sistem akan menolak dengan gambar error Sesuai harapan Valid

(51)

kosong baru: (kosong) Data password baru belum diisi 3 Password lama tidak diisi (kosong) dan Password baru diisi

kemudian klik tombol simpan Password lama : (kosong) Password baru: (admin2) Sistem akan menolak “maaf, password anda salah.. silahkan ulangi lagi Sesuai harapan valid 4 Mengetikkan password lama dan password baru

dengan benar. Password lama :admin Password baru: admin22 Maka ada confirm password change lalu klik ok. Sesuai harapan valid

C. Pengujian Terhadap Data Provinsi

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Data Provinsi No. Skenario pengujian Test case Hasil yang

diharapkan

Hasil pengujian

Kesimpulan

1 Nama provinsi dan biaya kirim (Rp) tidak diisi Nama provinsi : (kosong) dan biaya kirim(rp) :(kosong) Sistem akan menolak dengan tulisan data nama provinsi tidak boleh kosong dan data biaya kirim (Rp) tidak boleh kosong dan harus diiisi angka ! Sesuai harapan Valid

(52)

2 Mengetikkan nama provinsi dan biaya

kirim kosong Nama provinsi : (belitung) Dan biaya kirim: (kosong) Sistem akan menolak dengan gambar error data biaya kirim (Rp) tidak boleh kosong dan harus diiisi angka ! Sesuai harapan Valid 3 Nama provinsi : (kosong) dan biaya

kirim : 12000 Nama provinsi : (kosong) Dan biaya kirim: (8000) Sistem akan menolak “data nama provinsi tidak boleh kosong Sesuai harapan Valid 4 Mengetikkan nama provinsi dan biaya

kirim. Nama provinsi : (Bangka Belitung) Biaya kirim (40000) Sistem akan menerima data sudah tersimpan Sesuai harapan Valid

D. Pengujian Terhadap Data Barang

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Data Barang No Skenario pengujian Test case Hasil yang

diharapkan

Hasil pengujian

(53)

1 Nama barang, harga modal (Rp), Harga

jual (Rp), jumlah stok file gambar, keterangan , kategori tidak terisi Nama barang : (kosong), harga modal (Rp): (kosong), Harga jual (Rp): (kosong), jumlah stok: (kosong) file gambar (kosong), keterangan : (kosong) , kategori : (Kosong) Sistem akan menolak dengan tulisan data nama barang tidak boleh kosong, data harga modal tidak boleh kosong, data harga jual tidak

boleh kosong, data keterangan

tidak boleh kosong data stok

tidak boleh kosong, data kategori tidah boleh kosong Sesuai harapan Valid

2 Nama barang, harga modal (Rp), Harga

jual (Rp), jumlah stok file gambar, keterangan , kategori terisi Nama provinsi: (Bangka Belitung) Dan biaya kirim: (kosong)

Data tersimpan Sesuai harapan

Valid

E. Pengujian Terhadap Pendaftaran Baru Tabel III.14

Hasil Pengujian Black Box Testing Halaman Pendaftaran Baru Pelanggan

No Skenario pengujian Test case Hasil yang diharapkan

Hasil

Pengujian

(54)

1 Nama Pelanggan, Kelamin, E-mail, No.Telepon, Username, password dan password (lagi) tidak diisi kemudian

klik tombol daftar

Nama pelanggan : (kosong), Kelamin: (kosong), No.telepon: (kosong), Username: (kosong) Password (kosong), Password(lag i) : (kosong) , Sistem akan menolak dengan tulisan data nama

pelanggan masih kosong, data alamat email masih kosong, No.Telepon masih kosong, data username masih kosong, data password masih kosong, Sesuai harapan Valid 2 Nama Pelanggan, Kelamin, E-mail, No.Telepon, Username, password dan password (lagi) terisi klik tombol

daftar Nama Pelanggan: Kelamin: E-mail: No.Telepon: Username: password:dan password (lagi):

Data tersimpan Sesuai harapan

Valid

F. Pengujian Terhadap Login Pelanggan

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Login Pelanggan

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 1.Sistem akan menolak Login Anda salah.. 2.Data username

(55)

kosong, silahkan isi dengan benar 3. Data password kosong, silahkan isi dengan benar 4 . Data Username dan Pssword yang anda masukan belum benar 2 Mengetikkan username dan password tidak diisi atau kosong kemudian Username : (erni) Password: (kosong) 1. Data password kosong, silahkan isi dengan benar 2.Data username dan password yang anda masukan belum benar

Sesuai harapan Valid

3 Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username: (kosong) Password: (1212) 1. Data username kosong, silahkan isi dengan benar 2.Data username dan password yang anda masukan belum benar

4 Mengetikkan salah Username: erni

1. Data username dan password yang

(56)

satu kondisi salah pada username atau

password kemudian klik tombol login

Password: 1212 anda masukan belum benar 2. Tidak bisa masuk ke admin 5 Mengetikkan username dan password dengan

data yang benar kemudian klik tombol login Username: erni Password: 1212 Masuk ke Home pelanggan