• Tidak ada hasil yang ditemukan

BAB III PEMBAHASAN. pembuatan sistem yang akan dibangun. Hal pertama yang perlu dilakukan dalam

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB III PEMBAHASAN. pembuatan sistem yang akan dibangun. Hal pertama yang perlu dilakukan dalam"

Copied!
73
0
0

Teks penuh

(1)

22 3.1. Analisa Kebutuhan

Analisa kebutuhan sistem perlu dilakukan agar tidak terjadi kesalahan dalam

pembuatan sistem yang akan dibangun. Hal pertama yang perlu dilakukan dalam

anilisa kebutuhan sistem adalah menentukan dan mengungkapkan kebutuhan

sistem. Kebutuhan sistem terbagi menjadi dua yaitu: kebutuhan sistem fungsional

dan kebutuhan non-fungsional, yang diperlukan untuk mencapai tujuan yang ingin

dicapai.

1. Kebutuhan Pengguna

a. Administrator

1. Admin bisa melakukan login untuk mengakses dan mengelola halaman

admin.

2. Admin bisa menambah, mengubah, dan menghapus data kategori

barang.

3. Admin bisa menambah, mengubah, dan menghapus data produk.

4. Admin bisa melihat, mengelola, dan mengubah status order.

5. Admin bisa melihat konfirmasi pembayaran.

6. Admin bisa menambah, mengubah, dan menghapus data ongkos kirim.

7. Admin bisa mengelola laporan yang terkait dengan transaksi

penjualan..

(2)

1. Pelanggan bisa login untuk melihat keseluruhan website.

2. Pelanggan bisa melihat semua produk secara detail yang tersedia.

3. Pelanggan bisa melakukan pembelian produk.

4. Pelanggan bisa melakukan konfirmasi pembayaran.

c. Pengunjung (visitor)

1. Pengunjung bisa mendaftar sebagai pelanggan baru.

2. Pengunjung hanya bisa melihat home, profil, cara pembelian.

3. Pengunjung tidak bisa melihat keranjang dan tidak bisa melakukan

konfirmasi.

4. Pengunjung tidak dapat melakukan transaksi, apabila belum terdaftar

sebagai pelanggan.

2. Kebutuhan Sistem

Kebutuhan Non-fungsional adalah kebutuhan yang tidak secara langsung

terkait dengan fitur tertentu dalam sistem.

a. Operasional

Untuk lebih spesifik mengenai kebutuhan perangkat keras yang penulis

guakan dapat diuraikan sebagai berikut:

1) Processor : Intel(R) Atom(TM) CPU N2800 @1.86GHz 1.86 GHz

2) RAM : 2GB

3) Harddisk : 500 GB

Sedangkan untuk spesifikasi perangkat lunak yang penulis gunakan dapat

(3)

a. Tahap Pembuatan

Software yang digunakan adalah:

1. Sistem Operasi Microsoft Windows 7

2. Xampp (web server)

3. Adobe Dreamweaver CS5

b. Tahap Implementasi

Tahap implementasi ini menggunakan:

1. Sistem Operasi (Windows xp,Windows 7)

2. Browser (Chrome,Mozilla)

b. Pengguna

1. Admin

Admin adalah penanggung jawab dari website dan memiliki hak akses

tertinggi dalam sistem. Admin dapat melakukan pengolahan data-data

yang ada di dalam website. Yaitu produk, informasi kategori produk,

memproses transaksi pemesanan, melihat laporan.

2. Pengunjung

Pengunjung website disini hanya dapat melihat produk dan pengunjung

tidak bisa melakukan pembelian jika belum mendaftar menjadi

member.

3. Pelanggan

Pelanggan website disini dapat melihat keseluruhan website dan bisa

melakukan login juga bisa berbelanja dan melakukan konfirmasi

(4)

3.2.1. Rancangan Antar Muka

Perancangan antar muka perlu dilakukan untuk membuat tampilan website

tertata dengan baik sesuai dengan layout-nya. Dengan rancangan antar muka yang

baik akan mempermudah tahapan implementasi dalam mendesain website, yaitu:

1. Rancangan Antar Muka Admin

a. Home Admin

Selamat Datang!

Hai Administrator, Selamat datang di halaman admin Administrator. Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola

halaman admin.

Login : Rabu, 19 Juli 2017 | 18:52:36 WIB Home Kategori Produk Produk Order Konfirmasi Pembayaran Logout Ongkos Kirim Laporan Footer

(5)

b. Login Admin

Username

Password

Sign in

xxxxxxxxxx xxxxxxxxxx

Sign in

Gambar III.2. Rancangan Antar Muka Login Admin

c. Kategori produk

Kategori

Tambah Kategori

No Nama Kategori Aksi

99 99 XXXXXXXX XXXXXXXX Edit Edit Hapus Hapus Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer

(6)

Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Tambah Kategori Nama Kategori XXXXXX Simpan Batal Footer

Gambar III.4. Rancangan Antar Muka Tambah Kategori

e. Edit Kategori Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Edit Kategori Nama Kategori XXXXX Update Batal Footer

Gambar III.5. Rancangan Antar Muka Edit Kategori

(7)

Produk

Tambah Produk

No Nama Produk Aksi

99 99 XXXXXXXX XXXXXXXX Edit Edit Hapus Hapus Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Berat 99 99 Harga 999999 999999 Diskon 99 99 99 99 Stok 99 99 Tgl.Ma suk 99 99

Gambar III.6. Rancangan Antar Muka Produk

g. Tambah Produk Tambah Produk Nama Produk Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Kategori Berat Harga Diskon Stok Deskripsi Gambar XXXXXXXX - Pilih Kategori - ▼ KG99 99999 % 99 99 Path XXXXXXXXX No File Chosen Choose File Simpan Batal

Gambar III.7. Rancangan Antar Muka Tambah Produk

(8)

Edit Produk Nama Produk Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Kategori Berat Harga Diskon Stok Deskripsi XXXXX XXXXX ▼ KGXX XXXXX % XX XX Path XXXXX XXXXX Update Batal Ganti Gbr Gambar No File Chosen Choose File

Gambar III.8. Rancangan Antar Muka Edit Produk

i. Order

Order

No.Order Nama Kustomer Tgl.Order 99 99 XXXXXXXX XXXXXXXX d-m-Y d-m-Y 99 99 Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Jam Status Baru/ Lunas Baru/ Lunas Aksi Detail Detail

Gambar III.9. Rancangan Antar Muka Order

(9)

Detail Order Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer No. Order Tgl. & Jam Order Status Order

: XX : XXXX

XXXX ▼ Ubah Status

Nama Produk Berat(KG) Jumlah Harga Satuan Sub Total

XXXXXX XXXX XX 999 999

Total Rp.: Ongkos Kirim Rp.: Total Berat Rp.: Total Ongkos Kirim Rp.: Grand Total Rp.: 999 999 999 999 999 Data Kustomer Nama Kustomer Alamat Pengiriman Nomor Rekening Email : XXXXX : XXXXX : 99999 : XXXXX

Gambar III.10. Rancangan Antar Muka Detail Order

(10)

Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer No. ID Order 99 99 99 99 KONFIRMASI

Nama Kustomer Jumlah Transfer No Rekening Nama Rekening Jenis Bank XXXXX XXXXX 99999999 99999999 999999 999999 XXXXX XXXXX XXX XXX

Gambar III.11. Rancangan Antar Muka Konfirmasi Pembayaran

l. Ongkos Kirim Ongkos Kirim Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer

No. Nama Kota XXXXX

XXXXX 99

99

Tambah Ongkos Kirim

Ongkos Kirim Aksi

99999 99999 Edit Edit Hapus Hapus

Gambar III.12. Rancangan Antar Muka Ongkos Kirim

(11)

Tambah Ongkos Kirim Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Nama Kota : : Ongkos Kirim XXXXX 99999 Simpan Batal

Gambar III.13. Rancangan Antar Muka Tambah Ongkos Kirim

n. Laporan Laporan Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer

Laporan Per Periode :

Dari Tanggal 99999▼ s/d Tanggal

Proses Laporan Hari Ini

XXXX▼ 99999▼

: Proses

99999▼ XXXX▼ 99999▼

Gambar III.14. Rancangan Antar Muka Laporan

(12)

Login : Rabu, 19 Juli 2017 | 18:52:36 WIB Kategori Produk Produk Order Konfirmasi Pembayaran Logout Ongkos Kirim Laporan Footer Localhost Says: X

Anda telah keluar dari Halaman Administrator OK

(13)

2. Rancangan Antar Muka Pelanggan (member) a. Login Pelanggan Lupa Password? Header Shopping Cart Register Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer Form Login Email Password LOGIN XXXXXXXX 999999999

Gambar III.16. Rancangan Antar Muka Login Pelanggan

b. Lupa Password

Header

Shopping Cart Register

Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Footer

Lupa Password Masukkan Email Anda

KIRIM

XXXXXXXXXXX

(14)

Header

Shopping Cart Logout

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Produk

Footer

Gambar III.18. Rancangan Antar Muka Home Pelanggan

d. Profil Pelanggan

Header

Shopping Cart Logout

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Tentang Kami

Footer

(15)

e. Cara Pembelian Pelanggan

Header

Shopping Cart Logout

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Panduan Cara Pembelian

Footer

Gambar III.20. Rancangan Antar Muka Cara Pembelian Pelanggan

f. Produk Pelanggan

Header

Shopping Cart LogOut

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli

(16)

g. Detail Produk Pelanggan

Header

Shopping Cart LogOut

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer Gambar Harga Stok Beli Nama Produk Keterangan

Gambar III.22. Rancangan Antar Muka Detail Produk Pelanggan

h. Keranjang Belanja

Keranjang Belanja

Header

Shopping Cart LogOut

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Footer

No Produk Nama Produk Berat(KG) QTY Harga Sub Total Hapus 99 99 XXXX XXXX XXXXX XXXXX 99 99 99 99 99999 99999 99999 99999 Hapus Hapus

Lanjutkan Belanja Selesai Belanja

Total: Rp 999

(17)

i. Selesai Belanja

No.Order

Header

Shopping Cart LogOut

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Footer

No Nama Produk Berat(KG) QTY Harga Sub Total 99 99 XXXXX XXXXX 99 99 99 99 99999 99999 99999 99999 Satuan 99 99 99999 99999/KG 999 KG 99999 99999 Total:

Ongkos Kirim untuk Tujuan Kota Anda: Total Berat: Total Ongkos Kirim: Grand Total: Proses Transaksi Selesai

Alamat Kustomer

No Order anda adalah : 7 , Silahkan Dicatat nomer order anda untuk melakukan konfirmasi pembayaran

Silahkan transfer ke nomor rekening yang tertera pada profil Apabila Anda tidak melakukan pembayaran dalam 3 hari, maka transaksi dianggap batal. Dan setelah proses konfirmasi barang akan dikirim 1 hari setelah tahap konfirmasi

(18)

i. Konfirmasi

Header

Shopping Cart LogOut

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer KONFIRMASI PEMBAYARAN Nama Penerima Email Penerima Telpon Penerima ID Order Jumlah Transfer Jenis Bank Transfer No Rekening Kustomer Nama Rekening Kustomer

XXXXX XXXXX 99999 99 99999 XXXXX 99999 XXXXX KIRIM

Gambar III.25. Rancangan Antar Muka Konfirmasi

3. Rancangan Antar Muka Pengunjung (visitor)

a. Home Pengunjung

Header

Shopping Cart Register

Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Produk

(19)

Gambar III.26. Rancangan Antar Muka Home Pengunjung b. Register Header Shopping Cart Register Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer Form Register Nama Lengkap Password Alamat Pengiriman Telpon Email Kota Tujuan Daftar XXXXXXXXXX 999999999999 XXXXXXXXXXX 99999999 XXXXXXXXXXX - Pilih Kota -

Gambar III.27. Rancangan Antar Muka Register

e. Profil Pengunjung

Header

Shopping Cart Register

Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Tentang Kami

Footer

(20)

f. Cara Pembelian Pengunjung

Header

Shopping Cart Register

Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk

Pembayaran

Panduan Cara Pembelian

Footer

Gambar III.29. Rancangan Antar Muka Cara Pembelian Pengunjung

g. Produk Pengunjung

Header

Shopping Cart Register

Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli

(21)

g. Detail Produk Pelanggan

Header

Shopping Cart Register

Login

Home Profil Cara Pembelian Keranjang Belanja Konfirmasi

Kategori Produk Pembayaran Footer Gambar Harga Stok Beli Nama Produk Keterangan

Gambar III.31. Rancangan Antar Muka Detail Produk Pengunjung

4. Spesifikasi sistem komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang di butuhkan untuk mengimplementasikan aplikasi e-commerce

untuk penjualan busana waniita k-fashion.

1) Spesifikasi perangkat keras:

a. Server

1. CPU

a) Processor : Intel(R) Atom(TM) CPU N2800 @1.86GHz 1.86 GHz

b) RAM : 2GB

c) System Type 32-bit Operating System.

(22)

4. Monitor dengan resolusi layar 1024 x 600

5. Koneksi internet dengan kecepatan 5 Mbps

b. Client

1. CPU

a) Processor : Intel(R) Atom(TM) CPU N2800 @1.86GHz 1.86 GHz

d) RAM : 2GB

e) System Type 32-bit Operating System.

2. Mouse

3. Keyboard

4. Monitor dengan resolusi layar 1024 x 600

5. Koneksi internet dengan kecepatan 5 Mbps

1) Spesifikasi perangkat lunak:

a. Server

1. Sistem operasi yang digunakan adalah Microsoft windows 7

2. Aplikasi bundle web server adalah XAMPP terdiri dari beberapa komponen

diantaranya:

(a) Aplikasi PHP

(b) Aplikasi MySQL

3. Aplikasi web browser seperti google chrome, chromium.

b. Client

1. Sistem operasi yang digunakan adalah Microsoft windows 7

(23)

3.2.2. Rancangan Basis Data

A. Entity Relationship Diagram(ERD)

memiliki Kustomer Kota Id_kota Nama_kota Ongkos_kirim Id_kota Id_kustomer Id_kustomer Password Nama_lengkap Alamat Email Telpon melakukan Orders Id_orders Id_kustomer Id_orders Tgl_order Status_order Jam_order Id_kustomer melakukan Id_orders Id_konfirmasi Konfirmasi Id_konfirmasi Jns_bank Id_orders Jumlah_trasfer Nama_rekening No_rekening memiliki Produk Id_orders Id_produk Jumlah Id_produk Id_kategori Nama_produk Deskripsi Stok Harga Tgl_masuk Dibeli Diskon Gambar mempunyai Kategori Id_produk Id_kategori Id_kategori Nama_kategori 1 1 1 M M M 1 M M 1 Gambar III.32

(24)

Kota

Id_kota* Nama_kota Ongkos_kirim

Kustomer

Id_kustomer* Password Nama_lengkap Alamat Email Telpon Id_kota**

Konfirmasi

Id_konfirmasi* Id_orders** Jumlah_transfer No_rekening Nama_rekening Jenis_bank

Orders

Id_orders* Status_order Tanggal_order Jam_order Id_kustomer**

Orders_detail

Id_orders* Id_produk** Jumlah

Produk

Id_produk*

Id_kategori**

Nama_produk

Deskripsi

Harga

Stok

Berat

Tanggal_masuk

Gambar

Dibeli

Diskon

Kategori

Id_kategori* Nama_kategori

1

1

M

1

M

1

M

M

M

1

M

1

Gambar III.33

(25)

C) Spesifikasi File

1. Spesifikasi file Admin

Nama File : admins

Akronim : admins

Fungsi : Untuk menyimpan data admin

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 340

Kunci Field : username

Software : MySQL

Tabel III.I

Tabel Spesifikasi File Admin

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Username Username Varchar 25 Primary Key

2. Password Password Varchar 35

3. Nama_lengkap Nama_lengkap Varchar 30

4. Email Email Varchar 25

5. No_telp No_telp Varchar 13

6. Level Level Varchar 15

(26)

Nama File : Kustomer

Akronim : Kustomer

Fungsi : Untuk menyimpan data pelanggan

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 180

Kunci Field : id_kustomer

Software : MySQL

Tabel III.2

Tabel Spesifikasi File Kustomer

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_kustomer Id_kustomer Int 5 Primary Key

2. Password Password Varchar 35

3. Nama_lengkap Nama_lengkap Varchar 30

4. Email Email Varchar 30

5. Telpon Telpon Varchar 13

(27)

3. Spesifikasi File Produk

Nama File : Produk

Akronim : Produk

Fungsi : Untuk menyimpan data barang

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 250,2

Kunci Field : id_produk

Software : MySQL

Tabel III.3

Tabel Spesifikasi File Produk

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_produk Id_produk Int 5 Primary Key

2. Id_kategori Id_kategori Int 5

3. Nama_produk Nama_lengkap Varchar 20

4. Deskripsi Deskripsi Text -

5. Harga Harga Int 20

6. Stok Stok Int 5

7. Berat Berat Decimal 5,2

8. Tgl_masuk Tgl_masuk Date -

9. Gambar Gambar Varchar 100

(28)

4. Spesifikasi File Kategori

Nama File : Kategori

Akronim : Kategori

Fungsi : Untuk menyimpan data kategori

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 105

Kunci Field : id_kategori

Software : MySQL

Tabel III.4

Tabel Spesifikasi File Kategori

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_kategori Id_kategori Int 5 Primary Key

2. Nama_kategori Nama_kategori Varchar 20

5. Spesifikasi File Kota

Nama File : Kota

Akronim : Kota

Fungsi : Untuk menyimpan data kota

(29)

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 113

Kunci Field : id_kota

Software : MySQL

Tabel III.5

Tabel Spesifikasi File Kota

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_kota Id_kota Int 3 Primary Key

2. Nama_kota Nama_kategori Varchar 20

3. Ongkos_kirim Ongkos_kirim Int 10

6. Spesifikasi File Orders

Nama File : Orders

Akronim : Orders

Fungsi : Untuk menyimpan data pemesanan

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 60

Kunci Field : id_orders

(30)

Tabel Spesifikasi File Orders

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_orders Id_orders Int 5 Primary Key

2. Status_order Status_order Varchar 50

3. Tgl_order Tgl_order Date -

4. Jam_order Jam_order Time -

5. Id_kustomer Id_kustomer Int 5

7. Spesifikasi File Orders Detail

Nama File : Orders_detail

Akronim : Orders_detail

Fungsi : Untuk menyimpan data pemesanan

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 15

Kunci Field : id_orders

(31)

Tabel III.7

Tabel Spesifikasi File Order Detail

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_orders Id_orders Int 5 Primary Key

2. Id_produk Id_produk Int 5

3. Jumlah Jumlah Int 5

8. Spesifikasi File Orders Temp

Nama File : Orders_temp

Akronim : Orders_temp

Fungsi : Untuk menyimpan data pemesanan

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 120

Kunci Field : id_orders_temp

Software : MySQL

Tabel III.8

Tabel Spesifikasi File Orders Temp

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_orders_temp Id_orders Int 5 Primary Key

(32)

4. Jumlah Jumlah Int 5

5. Tgl_order_temp Tgl_order_temp Date -

6. Jam_order_temp Jam_order_temp Time -

7. Stok_temp Stok_temp Int 5

9. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : Konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pembayaran

Tipe Data : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 69

Kunci Field : id_konfirmasi

Software : MySQL

Tabel III.9

Tabel Spesifikasi File Konfirmasi

No. Elemen Data Akronim Tipe Data Size Keterangan

1. Id_konfirmasi Id_konfirmasi Int 5 Primary Key

2. Id_orders Id_orders Int 5

(33)

4. No_rekening No_rekening Int 16

5. Nama_rekening Nama_rekening Varchar 20

(34)

A. Struktur Navigasi Admin

Home Kategori Produk Produk

Login Tampil Home Tampil Kategori Produk Tampil Produk Tampil Ongkos Kirim

Tambah Edit Hapus Tambah Edit Hapus Tambah Edit Hapus Output Proses Index Order Tampil Order Detail Konfirmasi Ongkos Kirim Kirim Lapor an Log Out

(35)

B. Struktur Navigasi Pelanggan (member)

Index Login

Home Profil Cara

Pembelian

Keranjang

Belanja Konfirmasi Logout

Kategori Beli Keranjang Belanja Struk Belanja

Gambar III.35. Struktur Navigasi Pelanggan (member)

C. Struktur Navigasi Pengunjung (visitor)

Home Profil Cara

Pembelian

Keranjang

Belanja Konfirmasi Login Register Index

Konfirmasi

Detail

Produk Beli

(36)

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka Admin

1. Login Admin

Gambar III.37. Implementasi Login Admin

2. Home Admin

(37)

3. Kategori Produk

Gambar III.39. Implementasi Kategori Produk Admin

4. Tambah Kategori Produk

(38)

Gambar III.41. Implementasi Edit Kategori Produk Admin

6. Produk

(39)

7. Tambah Produk

(40)

Gambar III.44. Implementasi Edit Produk Admin

9. Order

(41)

10. Detail Order

Gambar III.46. Implementasi Detail Order Admin

11. Konfirmasi Pembayaran

(42)

Gambar III.48. Implementasi Ongkos Kirim Admin

13. Tambah Ongkos Kirim

Gambar III.49. Implementasi Tambah Ongkos Kirim Admin

14. Edit Ongkos Kirim

(43)

15. Laporan

Gambar III.51. Implementasi Laporan Admin

16. Log Out Admin

(44)

1. Index Pelanggan

(45)

2. Login Pelanggan

(46)
(47)

4. Profil

(48)
(49)

6. Keranjang Belanja

(50)
(51)

8. Detail Produk

(52)
(53)

C. Implementasi Rancangan Antar Muka Pengunjung

1. Index Pengunjung

(54)
(55)

4. Profil

(56)
(57)

5. Keranjang Belanja

(58)
(59)

7. Register

(60)

Berikut pengujian unit terhadap program yang dibuat menggunakan

black-box testing yang fokus terhadap proses masukan dan keluaran program, yaitu:

1. Pengujian Terhadap Login Admin

Tabel III.10.

Hasil Pengujian Black-Box Testing Terhadap Login Admin

No Skenario

pengujian

Test case Hasil yang

diharapkan Hasil pengujian Kesimpu lan 1 Username dan password, tidak di isi, kemudian klik tombol sign in Username: (kosong) Password: (kosong) Sistem akan menolak akses dan akan menampilkan pesan: 1.Anda belum mengisikan Username. Sesuai harapan Valid 2 Mengetikan username dan password tidak di isi kemudian klik tombol sign in Username: (admin) Password: (kosong) Sistem akan menolak akses admin dan menampilkan pesan: 1.Anda belum mengisikan Password. Sesuai harapan Valid

(61)

3 Mengetikan

password dan

username tidak di isi kemudian klik tombol sign in Username: (kosong) Password: (admin) Sistem akan menolak akses admin dan menampilkan pesan: 1.Anda belum mengisikan Username. Sesuai harapan Valid 4 Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol sign in Username: (admin) Password: 123456 (salah) Sistem akan menolak akses admin dan menampilkan pesan: 1.LOGIN GAGAL! Username atau Password Anda tidak benar. Atau account Anda sedang diblokir. ULANGI LAGI. Sesuai harapan Valid

(62)

username dan password dengan data yang benar kemudian klik tombol sign in (admin) Password: (admin) menerima akses login dan kemudian langsung menampilkan menu utama admin harapan

2. Pengujian Terhadap Tambah Kategori

Tabel III.11.

Hasil Pengujian Black-Box Testing Terhadap Tambah Kategori

No Skenario

pengujian

Test case Hasil yang

diharapkan Hasil pengujian Kesimpu lan 1 Nama Kategori tidak di isi, kemudian klik tombol simpan Nama Kategori: (kosong) Sistem akan menolak dan akan menampilkan pesan: 1.Anda belum mengisikan kategori Sesuai harapan Valid

(63)

2 Nama Kategori di

isi, kemudian klik

tombol simpan Nama Kategori: (Dress) Sistem akan menerima dan menyimpan data Sesuai harapan Valid

3. Pengujian Terhadap Tambah Produk

Tabel III.12.

Hasil Pengujian Black-Box Testing Terhadap Tambah Produk

N

o

Skenario

pengujian

Test case Hasil yang

diharapkan Hasil pengujian Kesimpu lan 1 Nama Produk, Harga, Diskon, Stok, Deskripsi, Gambar tidak di isi, kemudian klik tombol simpan Nama Produk: (kosong) Harga: (kosong) Diskon: (kosong) Stok: (kosong) Deskripsi: (kosong) Sistem akan menolak dan akan menampilka n pesan: 1.Anda belum mengisikan nama produk 2.Anda belum Sesuai harapan Valid

(64)

(kosong) harga 3.Anda belum mengisikan diskon 4.Anda belum mengisikan stok 5.Anda belum mengisikan deskripsi 6.Anda belum memasukka n foto

2 Jika salah satu

data tidak di isi

contoh: Nama Produk tidak di isi, kemudian Nama Produk: (kosong) Sistem akan menolak dan akan menampilka n pesan: Sesuai harapan Valid

(65)

klik tombol simpan 1.Anda belum mengisikan nama produk 3 Nama Produk, Harga, Diskon, Stok, Deskripsi, Gambar tidak di isi, kemudian klik tombol simpan Nama Produk: (flower dress) Harga: (80000) Diskon: (10%) Stok: (30) Deskripsi: (All size 100% cotton cocok untuk dipakai ke acara formal) Gambar: Sistem akan menerima dan menyimpan data Sesuai harapan Valid

(66)

dress)

4. Pengujian Terhadap Tambah Ongkos Kirim

Tabel III.13.

Hasil Pengujian Black-Box Testing Terhadap Tambah Ongkos Kirim

No Skenario pengujian

Test case Hasil yang

diharapkan Hasil pengujian Kesimpu Lan 1 Nama Kota, Ongkos Kirim tidak di isi, kemudian klik tombol simpan Nama Kota: (kosong) Ongkos Kirim: (kosong) Sistem akan menolak dan menampilk an pesan: 1.Anda belum mengisikan nama kota 2.Anda belum mengisikan ongkos Sesuai harapan Valid

(67)

kirim

2 Jika salah satu data tidak di isi contoh:

Ongkos Kirim tidak di isi, kemudian klik tombol simpan Ongkos Kirim: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Anda belum mengisikan ongkos kirim Sesuai harapan Valid 3 Nama Kota, Ongkos Kirim di isi, kemudian klik tombol simpan Nama Kota: (kosong) Ongkos Kirim: (kosong) Sistem akan menerima dan menyimpan data Sesuai harapan Valid

(68)

Tabel III.14.

Hasil Pengujian Black-Box Testing Terhadap Register Pengunjung

No Skenario pengujian

Test case Hasil yang

diharapkan Hasil pengujian Kesimpu Lan 1 Nama Lengkap, Password, Alamat Pengiriman, Telpon, Email, Kota Tujuan tidak di isi, kemudian klik daftar Nama Lengkap: (kosong) Password: (kosong) Alamat Pengiriman : (kosong) Telpon: (kosong) Email: (kosong) Kota Tujuan: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Data yang anda isikan belum lengkap Sesuai harapan Valid

2 Jika salah satu data tidak di isi, contoh : Nama Lengkap tidak diisi, kemudan klik tombol daftar Nama Lengkap: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Anda belum mengisikan nama Sesuai harapan Valid

(69)

3 Nama Lengkap, Telpon, Password

,Email, Kota

Tujuan diisi. dan Alamat

Pengiriman tidak di isi, kemudian klik tombol daftar

Nama Pelanggan: (Febrihana) Password: (1234567) Telpon: (08953204 74301) Email: (eby@gmai l.com) Kota Tujuan: (Depok) Alamat: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Anda belum mengisikan Alamat. Sesuai harapan Valid 4 Nama Lengkap, Password, Alamat Pengiriman, Telpon, Email, Kota Tujuan di isi. Kemudian klik tombol daftar Nama Pelanggan: (Febrihana) Password: (1234567) Alamat Pengiriman : (jl.cemara no.29) Telpon: (08953204 74301) Email: (eby@gmai l.com) Kota Sistem akan menerima dan menyimpan data pelanggan serta akan menampilk an pesan: Anda berhasil Melakuka n Registrasi Silahkan Sesuai harapan Valid

(70)

(Depok) login disini

6. Pengujian Terhadap Login Pelanggan

Tabel III.15.

Hasil Pengujian Black-Box Testing Terhadap Login Pelanggan

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpu

lan

1 Email di isi benar

dan Password tidak di isi, kemudian klik tombol login Email: (eby@gmai l.com) Password: (kosong) Sistem akan menolak akses dan akan menampilk an pesan: 1.Anda belum mengisikan Password Sesuai harapan Valid

2 Email tidak di isi

dan Password di

isi dengan benar

kemudian klik tombol login Email: (kosong) Password: (1234567) Sistem akan menolak akses dan akan menampilk an pesan: Sesuai harapan Valid

(71)

1.Anda

belum

mengisikan

email

3 Email di isi salah dan Password di isi benar, kemudian klik tombol login Email: (kodok@g mail.com) Password: (1234567) Sistem akan menolak dan akan menampilk an pesan: 1.Email atau Password anda tidak benar Sesuai harapan Valid

4 Email di isi benar dan Password di isi salah, kemudian klik tombol login Email: (eby@gmai l.com) Password: (111111) Sistem akan menolak dan akan menampilk an pesan: 1.Email atau Password anda tidak benar Sesuai harapan Valid

5 Email di isi benar dan Password di isi benar, kemudian klik tombol login Email: (eby@gmai l.com) benar Password: Sistem akan menerima akses login, dan akan Sesuai harapan Valid

(72)

benar an pesan: Silahkan berbelanja di Toko K-Fashion

7. Pengujian Terhadap Konfirmasi Pembayaran

Tabel III.16.

Hasil Pengujian Black-Box Testing Terhadap Konfirmasi Pembayaran

No Skenario

pengujian

Test case Hasil yang

diharapkan Hasil pengujian Kesimpu lan 1 Id Order, Jumlah Transfer, Jenis Bank Transfer, No Rekening Kustomer, Nama Rekening Kustomer tidak di

isi, Kemudian klik

tombol kirim Id Order: (kosong) Jumlah Transfer: (kosong) Jenis Bank Transfer: (kosong) No Rekening Kustomer: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Data yang anda isikan belum lengkap Sesuai harapan Valid

(73)

Nama Rekening Kustomer: (kosong) 2 Id Order, Jumlah Transfer, Jenis Bank Transfer, No Rekening Kustomer, dan Nama Rekening Kustomer di isi, Kemudian klik tombol kirim Id Order: (16) Jumlah Transfer: (90000) Jenis Bank Transfer: (BRI) No Rekening Kustomer: (98786756 456677) Nama Rekening Kustomer: (Febrihana) Sistem akan menerima dan akan menyimpan data, kemudian akan menampilk an pesan: Anda berhasil melakukan konfrmasi pembayara n Sesuai harapan Valid

Gambar

Gambar III.13. Rancangan Antar Muka Tambah Ongkos Kirim  n.  Laporan                                  LaporanHomeKategori Produk Produk Order Konfirmasi  Pembayaran Ongkos Kirim Laporan Logout FooterLaporan Per Periode
Gambar III.16. Rancangan Antar Muka Login Pelanggan
Gambar III.18. Rancangan Antar Muka Home Pelanggan d.  Profil Pelanggan
Gambar III.20. Rancangan Antar Muka Cara Pembelian Pelanggan
+7

Referensi

Dokumen terkait

Waktu yang digunakan mahasiswa mengunakan internet antara10 sampai 40 jam per bulannya, artinya mahasiswa Universitas Bina Darma termasuk dalam kategori medium users,

[r]

Bahwa laba atau tambahan ekonomis sebagai dasar pengenaan pajak yang digunakan dalam menghitung besarnya pajak terutang dengan menggunakan pembukuan, sedangkan prosentase

Model ini mengasumsikan bahwa penelitian harus dimulai dan diakhiri di tingkat petani dan inovasi teknologi belum seutuhnya dapat menggerakkan usahatani yang berwawasan

III Tahun 2020 Anindini Winda Amalia, S.Kep., Ns., M.Kes Budi Pranoto, AMd.RMIK.,S.K.M 4 DEVITA MEDARISKA TIK Perancangan Aplikasi Reservasi dan Antrian Online Berbasis Website di

Maka dari itu, dalam menjaga rahasia nasabahnya sudah menjadi kewajiban Bank untuk tetap menjaga rahasia keuangan nasabah dalam artian, segala sesuatu yang berhubungan

Polyester dalam berbagai bentuk digunakan secara luas dalam aplikasi tekstil untuk membuat Benang polyester Bertekstur (PET) Resin dan Filament Yarn seperti Partialy

atas Peraturan Presiden Nomor 67 Tahun 2005 tentang Kerjasama Pemerintah dengan Badan Usaha dalam Penyediaan Infrastruktur Nomor 66 Tahun 2013, Jakarta. Indonesia, Peraturan