bab iii pembahasan - bina sarana informatika · software : mysql tabel iii.2 spesifikasi file tabel...

65
25 BAB III PEMBAHASAN 3.1. Tinjauan Kasus E-commerce merupakan kebutuhan ensensial saat ini dalam dunia bisnis global, dan sebagai penunjang dalam pengembangan pasar, meningkatkan efisiensi, dapat menekan biaya, serta memberikan akses yang lebih luas bagi partner dan pelanggan. Oleh karena itu maka penulis tertarik untuk mencoba membuat sebuah website yang berbasis e-commerce dengan maksud meningkatkan perkembangan dunia bisnis via internet. 3.2. Analisis Kebutuhan Pada sistem penjualan ini calon konsumen tidak perlu lagi datang ke toko jaket karena sudah ada media untuk bertransaksi melalui internet. Berikut ini spesifikasi kebutuhan dari sistem e-commerce. 1. Halaman User belum menjadi Member: a. User dapat melihat produk jaket. b. User dapat melihat detail produk jaket. c. User dapat melihat cara order produk jaket. d. User dapat melakukan daftar member. e. User dapat menghubungi admin melalui kontak.

Upload: others

Post on 18-Jan-2021

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

25

BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

E-commerce merupakan kebutuhan ensensial saat ini dalam dunia bisnis

global, dan sebagai penunjang dalam pengembangan pasar, meningkatkan efisiensi,

dapat menekan biaya, serta memberikan akses yang lebih luas bagi partner dan

pelanggan. Oleh karena itu maka penulis tertarik untuk mencoba membuat sebuah

website yang berbasis e-commerce dengan maksud meningkatkan perkembangan

dunia bisnis via internet.

3.2. Analisis Kebutuhan

Pada sistem penjualan ini calon konsumen tidak perlu lagi datang ke toko jaket

karena sudah ada media untuk bertransaksi melalui internet. Berikut ini spesifikasi

kebutuhan dari sistem e-commerce.

1. Halaman User belum menjadi Member:

a. User dapat melihat produk jaket.

b. User dapat melihat detail produk jaket.

c. User dapat melihat cara order produk jaket.

d. User dapat melakukan daftar member.

e. User dapat menghubungi admin melalui kontak.

Page 2: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

26

2. Halaman Member :

a. Member dapat Login dan masuk kehalaman utama member.

b. Member dapat melihat detail produk.

c. Member dapat membeli Produk Jaket dan masuk ke keranjang belanja.

d. Member Melakukan konfirmasi alamat pengiriman.

e. Member dapat melihat dan mencetak struk pembelian.

f. Member dapat melakukan konfirmasi pembayaran.

g. Member dapat mengirimkan pesan kepada admin.

Page 3: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

27

3. Halaman Admin :

a. Admin dapat melakukan Login.

b. Admin Masuk kedalam halaman Home.

c. Admin dapat mengelolah data admin.

d. Admin dapat mengelolah data jaket.

e. Admin dapat menambah kategori jaket.

f. Admin dapat mengelolah data member

g. Admin dapat mengelolah data pemesanan.

h. Admin dapat mengelolah data konfirmasi pembayaran.

i. Admin dapat mengelolah laporan pengiriman.

Page 4: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

28

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka

1. Halaman Utama User

a. Rancangan Antar Muka Halaman Beranda User

Nama Halaman Web : Beranda User

Akronim : index.php

Fungsi : Halaman beranda user ini berisi katalog jaket

.

Gambar III.1

Rancangan Antar Muka Halaman Beranda User

detail detail detail

Gambar Produk Gambar Produk Gambar Produk

Detail Detail Detail

Gambar Produk Gambar Produk Gambar Produk

Detail Detail Detail

Page 5: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

29

b. Rancangan Halaman Detail Produk

Gambar III.2

Rancangan Antar Muka Halaman Detail Produk

Nama Halaman Web : Detail Produk

Akronim : detail_jaket.php

Fungsi : untuk melihat deskripsi dan stok produk.

Page 6: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

30

c. Rancangan Halaman Cara Order

Gambar III.3

Rancangan Antar Muka Halaman Cara Order

Nama Halaman Web : Cara Order

Akronim : caraorder.php

Fungsi : Halaman cara order ini berisi penjelasan tentang

cara memesan produk jaket.

Page 7: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

31

d. Rancangan Halaman Kontak

K

Gambar III.4

Rancangan Antar Muka Halaman Kontak

Nama Halaman Web : Halaman Kontak

Akronim : bukutamu.php

Fungsi : Halaman ini untuk pelanggan yang ingin

memberikan pesan kepada admin.

Beranda | Katalog | Cara Order | Keranjang Belanja | Konfirmasi Pembayaran | Kontak

Page 8: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

32

e. Rancangan Halaman Daftar Member

Gambar III.5

Rancangan Antar Muka Halaman Daftar Member

Nama Halaman Web : Halaman Daftar Member

Akronim : index_daftar.php

Fungsi : Halaman daftar member ini untuk pelanggan yang

ingin menjadi member di web.

Page 9: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

33

2. Halaman Utama Member

a. Rancangan Antar Muka Halaman Member

Gambar III.6

Rancangan Antar Muka Halaman Member

Nama Halaman Web : Halaman Member

Akronim : index1.php

Fungsi : Halaman member berisi katalog dan member

dapat memesan produk jaket.

Page 10: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

34

b. Rancangan Antar Muka Halaman Detail Produk Member

Nama Halaman Web : Detail Produk

Akronim : detail1_jaket.php

Fungsi : untuk melihat deskripsi dan stok produk.

Gambar III.7

Rancangan Antar Muka Halaman Detail Produk Member

Page 11: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

35

c. Rancangan Antar Muka Halaman Keranjang Member

Gambar III.8

Rancangan Antar Muka Keranjang Member

Nama Halaman Web : Keranjang

Akronim : index_keranjang.php

Fungsi : Halaman keranjang ini berisi form untuk

menampilkan barang yang di beli.

Page 12: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

36

d. Rancangan Antar Muka Halaman Konfirmasi alamat pengiriman

Nama Halaman Web : Konfirmasi Alamat Pengiriman

Akronim : alamat.php

Fungsi :Halaman konfirmasi alamat pengiriman ini berisi

form untuk mengkonfirmasi alamat pengiriman.

Gambar III.9

Rancangan Antar Muka Halaman Konfirmasi Alamat Pengiriman

Page 13: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

37

e. Rancangan Antar Muka Halaman Cetak Struk

Nama Halaman Web : Cetak Struk

Akronim : simpan-transaksi.php

Fungsi : Halaman cetak struk ini digunakan untuk mencetak

bukti pemesanan.

Struk Pemesanan Jaket

[nama]

[alamat lengkap]

[telpon]

[email]

[nomor order]

No Kode Produk Nama Produk Jumlah Harga Sub Total

Total : Rp.

Ongkos Kirim : Rp.

Grand Total : Rp.

[Text]

[Text]

[Text]

Gambar III.10

Rancangan Antar Muka Halaman Cetak Struk

Page 14: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

38

f. Rancangan Antar Muka Halaman Konfirmasi Pembayaran

Nama Halaman Web : Konfirmasi Pembayaran

Akronim : index1_konfirmasi.php

Fungsi : Halaman ini untuk member yang ingin melakukan

konfirmasi pembayaran jika sudah mentrasfer uang

Gambar III.11

Rancangan Antar Muka Halaman Konfirmasi Pembayaran Member

Page 15: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

39

3. Halaman Admin

a. Rancangan Antar Muka Halaman Login Admin

Nama Halaman Web : Login Administrator

Akronim : index.php

Fungsi : Halaman ini untuk masuk ke dalam halaman

admin.

Area Login Admin

Username

Password

Login

Gambar III.12

Rancangan Antar Muka Halaman Login Admin

Gambar

Cancel

Page 16: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

40

b. Rancangan Antar Muka Halaman Home Admin

Nama Halaman Web : Home

Akronim : index_masuk.php

Fungsi : untuk melihat kegunaan halaman admin.

Gambar III.13

Rancangan Antar Muka Halaman Home Admin

Text

Picture

Selamat Datang [Nama Admin]

Header

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

[Text]

Picture

Page 17: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

41

c. Rancangan Antar Muka Halaman Data Admin

Nama Halaman Web : Data Admin

Akronim : index_admin.php

Fungsi : untuk melihat data admin username dan password.

Gambar III.14

Rancangan Antar Muka Halaman Data Admin

Data Admin

Tambah Admin

Selamat Datang [ Nama Admin ]

Header

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Footer

Page 18: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

42

d. Rancangan Antar Muka Halaman Data Produk

Nama Halaman Web : Data Produk

Akronim : index_produk.php

Fungsi : untuk melihat data produk dan menambah produk.

Gambar III.15

Rancangan Antar Muka Halaman Data Produk

Selamat Datang [ Nama Admin ]

Header

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Footer

Page 19: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

43

e. Rancangan Antar Muka Halaman Tambah Kategori

Header

Nama Halaman Web : Tambah Kategori

Akronim : index_kategori.php

Fungsi : Untuk menambah, edit, dan hapus kategori.

Kategori :

Simpan Batal

Daftar Kategori

Id Kategori Aksi

E H

E : Edit

H : Hapus

Gambar III.16

Rancangan Antar Muka Halaman Tambah Kategori

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Selamat Datang [ Nama Admin]

Footer

Page 20: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

44

f. Rancangan Antar Muka Halaman Pemesanan

Nama Halaman Web : Pemesanan

Akronim : index_pemesanan.php

Fungsi : Untuk melihat data pesanan member dan bisa

mengubah status pemesanan jika sudah di kirim.

LAPORAN DATA PEMESANAN

No Tanggal Order No Pesan Nama Jam Status Order Aksi Record

Detail Hapus

Gambar III.17

Rancangan Antar Muka Halaman Pemesanan

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Selamat Datang [ Nama Admin ]

Header

Footer

Page 21: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

45

g. Rancangan Antar Muka Halaman Data Member

Nama Halaman Web : Data Member

Akronim : index_member.php

Fungsi : Untuk melihat nama member, juga bisa hapus

member.

Data Member

H

H : Hapus

Gambar III.18

Rancangan Antar Muka Halaman Data Member

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Selamat Datang [ Nama Admin ]

Header

Footer

Page 22: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

46

h. Rancangan Antar Muka Halaman Konfirmasi Pembayaran

Nama Halaman Web : Konfirmasi Pembayaran

Akronim : index_konfirmasi.php

Fungsi : Untuk melihat apakah member sudah tranfer uang.

Gambar III.19

Rancangan Antar Muka Halaman Tambah Kategori

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Selamat Datang [ Nama Admin ]

Header

Footer

Page 23: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

47

i. Rancangan Antar Muka Halaman Laporan Pengiriman

Nama Halaman Web : Laporan Pengiriman

Akronim : index_laporan.php

Fungsi : Untuk melihat laporan pengiriman.

LAPORAN DATA PENGIRIMAN

No Id Kirim Tanggal Kirim Jam Kirim No Order Aksi Record

Hapus

Gambar III.20

Rancangan Antar Muka Halaman Laporan Pengiriman

Beranda Data Admin Data Produk Tambah Kategori Pemesanan Member Konfirmasi Pembayaran Laporan Keluar

Selamat Datang [ Nama Admin ]

Header

Footer

Page 24: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

48

3.3.2 Rancangan Basis Data

A. Entity Relationship Diagram (ERD)

Gambar III.21

Rancangan Entity Relationship Diagram (ERD)

Page 25: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

49

B. Logical Relational Structure (LRS)

Pemesanan

id_pesan

id_pelanggan

no_pesan

id_barang

id_kategori

no_pesan

username

nama

gambar

dari_rekening

dari_bank

tgl_bayar

telepon

email

alamatNama_pelanggan

status_pesan

jam_pesan

username

tgl_pesan

jumbay

stok

kategori

harga

kategori

deskripsi

password

gambar

no_konfirmasi

Kategori

Pelanggan konfirmasi

Barang

id_admin

User

Passwordusrename

no_pesan

jumlah

id_barang

Pemesanan detail

id_kota

ongkos_kirim

nama_kota

Kota

ongkir_pesan

id_kota

username

Gambar III.22

Rancangan Logical Relational Structure (LRS)

user_id

username password

id_barang

kode

kategori

nama

harga

stok

deskripsi

gambar

no_pesan

id_barang

jumlah

id_pesan

no_pesan

tgl_pesan

username

jam_pesan

id_kota

ongkir_pesan

status_pesan

id

kategori

username

password

nama_pelanggan

alamat

telepon

email

Page 26: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

50

C. Spesifikasi File

1. Spesifikasi File Tabel Admin

Nama Database : penjualan_jaket

Nama File : Tabel User

Akronim : User

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 25

Kunci Field : user_id

Software : MySql

Tabel III.1

Spesifikasi File Tabel User

No Elemen Data Nama Field Tipe Size Ket

1. user_id user_id integer 5 Primary Key

2. Username username varchar 10

3. Password password varchar 10

Page 27: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

51

2. Spesifikasi File Tabel Barang

Nama Database : penjualan_jaket

Nama File : Tabel Barang

Akronim : Barang

Fungsi : Untuk menyimpan data barang

Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 243

Kunci Field : id_barang

Software : MySql

Tabel III.2

Spesifikasi File Tabel Barang

No Elemen Data Nama Field Tipe Size Ket

1. Idbarang id_barang Int 5 Primary Key

2. Kode kode Varchar 10

3. Kategori kategori Varchar 25

4. Nama nama Varchar 30

5. Harga harga Int 8

6. Stok stok Varchar 10

7. Deskripsi deskripsi Varchar 160

8. Gambar gambar Text

Page 28: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

52

3. Spesifikasi File Tabel Bukutamu

Nama Database : penjualan_jaket

Nama File : Tabel Buku Tamu

Akronim : bukutamu

Fungsi : Untuk member mengisi buku tamu

Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 190

Kunci Field : nama

Software : MySql

Tabel III.3

Spesifikasi File Tabel Bukutamu

No Elemen Data Nama Field Tipe Size Ket

1. Nama Nama Varchar 20

2. Email email Varchar 20

3. Pesan pesan Varchar 150

Page 29: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

53

4. Spesifikasi File Tabel Kantong

Nama Database : penjualan_jaket

Nama File : Tabel Kantong

Akronim : Kantong

Fungsi : Untuk menyimpan data kantong

Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 45

Kunci Field : id_kantong

Software : MySql

Tabel III.4

Spesifikasi File Tabel Kantong

No Elemen Data Nama Field Tipe Size Ket

1. Kantong id_kantong Int 5 Primary Key

2. Barang id_barang Int 5

3. Stok Stok Int 10

4. Jumlah Jumlah Int 5

5. Tanggal tgl_kantong Date

6. Jam jam_kantong Time

7. Username Username Varchar 20

Page 30: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

54

5. Spesifikasi File Tabel Kategori

Nama Database : penjualan_jaket

Nama File : Tabel Kategori

Akronim : Kategori

Fungsi : Untuk menyimpan data Kategori

Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 30

Kunci Field : id

Software : MySql

Tabel III.5

Spesifikasi File Tabel Kategori

No Elemen Data Nama Field Tipe Size Ket

1. Id id Int 10 Primary Key

2. Kategori kategori Varchar 20

Page 31: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

55

6. Spesifikasi File Tabel Konfirmasi

Nama Database : penjualan_jaket

Nama File : Tabel Konfirmasi

Akronim : Konfirmasi

Fungsi : Untuk menyimpan data konfirmasi

Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Panjang Record : 78

Kunci Field : no_konfirmasi

Software : MySql

Tabel III.6

Spesifikasi File Tabel Konfirmasi

No Elemen Data Nama Field Tipe Size Ket

1. Nomor Konfirmasi no_konfirmasi Int 11 Primary Key

2. Username Username Varchar 20

3. Jumlah Bayar Jumbay Int 11

4. Nomor Pesan no_pesan Varchar 10

5. Tanggal Bayar tgl_bayar Date

6. Gambar Gambar Text

7. Dari Bank dari_bank Varchar 11

8. Dari Rekening dari_rekening Varchar 15

Page 32: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

56

7. Spesifikasi File Tabel Pelanggan

Nama Database : penjualan_jaket

Nama File : Tabel Pelanggan

Akronim : Pelanggan

Fungsi : Untuk menyimpan data pelanggan

Tipe File : File Master

Akses File : Random

Media : Harddisk

Panjang Record : 80

Kunci Field : username

Software : MySql

Tabel III.7

Spesifikasi File Tabel Pelanggan

No Elemen Data Nama Field Tipe Size Ket

1. Username username Varchar 10

2. Password password Varchar 10

3. Nama Pelanggan nama_pelanggan Varchar 20

4. Alamat alamat Text 30

5. Telpon telpon Varchar 20

6. Email email Varchar 30

Page 33: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

57

8. Spesifikasi File Tabel Pemesanan

Nama Database : penjualan_jaket

Nama File : Tabel Pemesanan

Akronim : Pemesanan

Fungsi : Untuk menyimpan data Pemesanan

Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Panjang Record : 55

Kunci Field : id_pesan

Software : MySql

Tabel III.8

Spesifikasi File Tabel Pemesanan

No Elemen Data Nama Field Tipe Size Ket

1. Id pesan id_pesan Int 5 Primary Key

2. Nomor pesan no_pesan Varchar 10

3. Tanggal pesan tgl_pesan Date 8

4. Username Username Varchar 10

5. Jam pesan jam_pesan Time 4

6. Kota id_kota int 10

7. Ongkos Kirim ongkir_pesan int 10

8. Status pesan status_pesan Varchar 10

Page 34: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

58

9. Spesifikasi File Tabel Pemesanan_detail

Nama Database : penjualan_jaket

Nama File : Tabel Pemesanan_detail

Akronim : Pemesanan_detail

Fungsi : Untuk menyimpan data Pemesanan detail

Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Panjang Record : 20

Kunci Field : no_pesan

Software : MySql

Tabel III.9

Spesifikasi File Tabel Pemesanan_detail

No Elemen Data Nama Field Tipe Size Ket

1. Nomor pesan no_pesan Varchar 10 Primary Key

2. Id barang id_barang Int 5

3. Jumlah jumlah Int 5

Page 35: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

59

10. Spesifikasi File Tabel Pengiriman

Nama Database : penjualan_jaket

Nama File : Tabel Pengiriman

Akronim : Pengiriman

Fungsi : Untuk menyimpan data Pengiriman

Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Panjang Record : 15

Kunci Field : id_kirim

Software : MySql

Tabel III.10

Spesifikasi File Tabel Pengiriman

No Elemen Data Nama Field Tipe Size Ket

1. Id kirim id_kirim Int 5 Primary Key

2. Tanggal kirim tgl_kirim Date 8

3. Jam kirim jam_kirim Time 4

4. Nomor pesan no_pesan Varchar 10

Page 36: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

60

11. Spesifikasi File Tabel Kota

Nama Database : aksesoris

Nama File : Tabel Kota

Akronim : Kota

Fungsi : Untuk menyimpan ongkos kirim

Tipe File : File Transaksi

Akses File : Random

Media : Harrdisk

Panjang Record : 40

Kunci Field : id_kota

Software : MySql

Tabel III.11

Spesifikasi File Tabel Kota

No Elemen Data Nama Field Tipe Size Ket

1. Kota id_kota Int 5 Primary Key

2. Nama Kota nama_kota Varchar 20

3. Ongkos Kirim ongkos_kirim Int 15

Page 37: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

61

3.3.3 Rancangan Struktur Navigasi

Struktur Navigasi dibutuhkan untuk menerangkan keterkaitan antar

halaman website. Struktur navigasi yang digunakan untuk web ini adalah struktur

navigasi liniear dan hierarki untuk pengunjung, member dan admin. Dibawah ini

adalah penjelasan mengenai struktur navigasi desain webnya :

1. Struktur Navigasi Linier dan Hierarki Halaman Pengunjung

Gambar III.23

Struktur Navigasi Linier dan Hierarki Halaman Pengunjung

Page 38: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

62

2. Struktur Navigasi Linier dan Hierarki Halaman Member

Gambar III.24

Struktur Navigasi Linier dan Hierarki Halaman Member

Page 39: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

63

3. Struktur Navigasi Linier dan Hierarki Halaman Administrator

Gambar III.25

Struktur Navigasi Linier dan Hierarki Halaman Administrator Sistem

Page 40: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

64

3.4 Implementasi dan Pengujian Unit

3.4.1 Implementasi Rancangan Antar Muka

1. Implementasi Halaman Utama User

a. Implementasi Halaman Beranda User

Gambar III.26

Implementasi Halaman Beranda User

Page 41: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

65

b. Implementasi Halaman Detail Produk

Gambar III.27

Implementasi Halaman Detail Produk

Page 42: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

66

c. Implementasi Halaman Cara Order

Gambar III.28

Implementasi Halaman Cara Order

Page 43: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

67

d. Implementasi Rancangan Antar Muka Halaman Kontak

Gambar III.29

Implementasi Halaman Data Member

Page 44: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

68

e. Implementasi Halaman Daftar Member

Gambar III.30

Implementasi Halaman Daftar Member

Page 45: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

69

2. Implementasi Halaman Utama Member

a. Implementasi Halaman Member

Gambar III.31

Implementasi Halaman Beranda Member

Page 46: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

70

b. Implementasi Halaman Detail Produk Member

Gambar III.32

Implementasi Detail Produk Member

Page 47: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

71

c. Implementasi Halaman Keranjang Member

Gambar III.33

Implementasi Halaman Keranjang Member

Page 48: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

72

d. Implementasi Halaman Konfirmasi Alamat Pengiriman

Gambar III.34

Implementasi Halaman Konfirmasi Alamat Pengiriman

e. Implementasi Halaman Cetak Struk

Page 49: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

73

Gambar III.35

Implementasi Halaman Cetak Struk

Page 50: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

74

f. Implementasi Halaman Konfirmasi Pembayaran Member

Gambar III.36

Implementasi Halaman Konfirmasi Pembayaran Member

Page 51: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

75

3. Implementasi Halaman Admin

a. Implementasi Halaman Login Admin

Gambar III.37

Implementasi Halaman Login Admin

Page 52: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

76

b. Implementasi Halaman Home Admin

Gambar III.38

Implementasi Halaman Home Admin

Page 53: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

77

c. Implementasi Halaman Data Admin

Gambar III.39

Implementasi Halaman Data Admin

Page 54: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

78

d. Implementasi Halaman Data Produk

Gambar III.40

Implementasi Halaman Data Produk

Page 55: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

79

e. Implementasi Halaman Tambah Kategori

Gambar III.41

Implementasi Halaman Tambah Kategori

Page 56: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

80

f. Implementasi Halaman Pemesanan

Gambar III.42

Implementasi Halaman Pemesanan

Page 57: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

81

g. Implementasi Halaman Data Member

Gambar III.43

Implementasi Halaman Data Member

Page 58: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

82

h. Implementasi Halaman Konfirmasi Pembayaran

Gambar III.44

Implementasi Halaman Konfirmasi Pembayaran

Page 59: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

83

i. Implementasi Halaman Halaman Laporan

Gambar III.45

Implementasi Halaman Laporan

Page 60: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

84

3.4.2 Spesifikasi Sistem Komputer

1. Spesifikasi Perangkat Keras

a. Server

1. Processor Intel(R) Atom(TM) CPU570 @1.66GHz 1.67 GHz

2. RAM DDR 1 GB

3. Harddisk 297 GB

4. Mouse Synaptics Pointing Device PS/2

5. Monitor dengan resolusi layar minimum 1024x600

6. Koneksi internet dengan kecepatan 2 mbps.

b. Client

1. Processor Intel Atom

2. RAM DDR 1024MB

3. Harddisk 300 GB

4. Mouse Synaptics Pointing Device PS/2

5. Monitor dengan resolusi layar minimum 1024x600

6. Koneksi internet dengan kecepatan 2 mbps.

Page 61: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

85

2. Spesifikasi Perangkat Lunak

a. Server

1. Sistem operasi yang digunakan seperti : Microsoft Window dll.

2. Aplikasi bundle web server seperti :Xampp yang terdiri dari beberapa

komponen diantaranya :

a. Aplikasi PHP server v5

b. Aplikasi MySql Server v5

c. Aplikasi phpMyadmin v3

3. Aplikasi Web seperti :Mozilla Firefox, Google Crome.

b. Client

a. Sistem operasi yang digunakan seperti : Microsoft Window dll.

b. Aplikasi Web seperti Mozilla Firefox, Google Crome.

Page 62: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

86

3.4.3 Pengujian Unit

a. Pengujian Terhadap Form Login Member

No Skenario

Pengujian

Tase Case Hasil Yang Di

Harapkan

Hasil

Pengujian

Kesimpulan

1. User id dan

password

Tidak diisi

kemudian klik

tombol login.

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses user

dan menampilkan

“username belum

terisi”

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

“password belum

terisi”

harapan

Sesuai Valid

3. username tidak

diisi (kosong) dan

password diisi

kemudian klik

tombol login.

Username:

(kosong)

Password:

(123)

Sistem akan

menolak akses user

dan menampilkan

“username belum

terisi”

harapan

Sesuai Valid

4. Mengetikkan

salah satu kondisi

salah pada

username atau

password

kemudian klik

tombol login.

Username:

(larassati)

Password:

(1234)

Sistem akan

menolak akses user

dan menampilkan

“gagal login, harap

masukkan isi

username dan

password dengan

benar”

Sesuai

harapan Valid

5. Mengetikkan

username dan

password dengan

data yang benar

kemudian klik

tombol login.

Username:

(agung)

Password :

(admin)

Sistem menerima

akses login dan

kemudian langsung

menampilkan

“selamat datang di

toko jaket online

saudara/i agung”

Sesuai

harapan Valid

Tabel III.12 Hasil Pengujian Black Box Testing Halaman Login Member

Page 63: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

87

b. Pengujian Terhadap Form Login Admin

No Skenario

Pengujian

Tase Case Hasil Yang Di

Harapkan

Hasil

Pengujian

Kesimpulan

1. User id dan

password

Tidak diisi

kemudian klik

tombol login.

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses user

dan menampilkan

“username belum

terisi”

Sesuai

harapan Valid

2. Mengetikkan

username dan

password tidak

diisi atau

kosong

kemudian klik

tombol login.

Username:

(laras)

Password:

(kosong

Sistem akan

menolak akses user

dan menampilkan

“password belum

terisi”

harapan

Sesuai Valid

3. username tidak

diisi (kosong)

dan password

diisi kemudian

klik tombol

login.

Username:

(kosong)

Password:

(123)

Sistem akan

menolak akses user

dan menampilkan

“username belum

terisi”

harapan

Sesuai Valid

4. Mengetikkan

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login.

Username:

(laras)

Password:

(okjd)

Sistem akan

menolak akses user

dan menampilkan

“username dan

password salah

Sesuai

harapan Valid

5. Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol login.

Username:

(agung)

Password :

(12345)

Sistem menerima

akses login dan

kemudian langsung

menampilkan

“Login Sukses”

Sesuai

harapan Valid

Tabel III.13 Hasil Pengujian Black Box Testing Halaman Login Admin

Page 64: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

88

c. Pengujian Terhadap Form Daftar Member

No Skenario

Pengujian

Tase Case Hasil Yang

Di Harapkan

Hasil

Pengujian

Kesimpulan

1. jika calon

member tidak

mengisi semua

daftar yang ada,

nama, email,

telpon,alamat,

username,

password lalu

klik simpan.

nama: (kosong)

email: (kosong)

telpon: (kosong)

alamat: (kosong)

username:

(kosong)

password:

(kosong)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

nama lengkap

anda”

Sesuai harapan Valid

2. jika calon

member tidak

mengisi nama dan

hanya mengisi

email,telpon,alam

at, username,

password lalu

klik simpan.

nama: (kosong)

email: (xxxx)

telpon: (xxxx)

alamat: (xxxx)

username:

(xxxx)

password:

(xxxx)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

nama lengkap

anda”

Sesuai harapan Valid

3. jika calon

member tidak

mengisi email dan

hanya mengisi

nama,telpon,alam

at, username,

password lalu

klik simpan.

nama: (xxxx)

email: (kosong)

telpon: (xxxx)

alamat: (xxxx)

username:

(xxxx)

password:

(xxxx)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

email anda”

harapan Sesuai Valid

4. jika calon

member tidak

mengisi telpon

dan hanya

mengisi nama,

email, alamat,

username,

password lalu klik

simpan.

nama: (xxxx)

email: (xxxx)

telpon: (kosong)

alamat: (xxxx)

username:

(xxxx)

password:

(xxxx)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

telpon anda”

harapan Sesuai Valid

5. jika calon

member tidak

mengisi alamat

dan hanya

mengisi nama,

email, telpon,

nama: (xxxx)

email: (xxxx)

telpon: (xxxx)

alamat: (kosong)

username:

(xxxx)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

Sesuai harapan Valid

Page 65: BAB III PEMBAHASAN - Bina Sarana Informatika · Software : MySql Tabel III.2 Spesifikasi File Tabel Barang No Elemen Data Nama Field Tipe Size Ket 1. Idbarang id_barang Int 5 Primary

89

username,

password lalu klik

simpan.

password:

(xxxx)

alamat

lengkap

anda”

6. jika calon

member tidak

mengisi username

dan hanya

mengisi nama,

email, telpon,

alamat, password

lalu klik simpan.

nama: (xxxx)

email: (xxxx)

telpon: (xxxx)

alamat: (xxxx)

username:

(kosong)

password:

(xxxx)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

username

anda”

Sesuai harapan Valid

7. jika calon

member tidak

mengisi password

dan hanya

mengisi nama,

email, telpon,

alamat, username

lalu klik simpan.

nama: (xxxx)

email: (xxxx)

telpon: (xxxx)

alamat: (xxxx)

username:

(xxxx)

password:

(kosong)

Sistem akan

menolak

akses daftar

dan

menampilkan

“harap isi

Password

anda”

Sesuai harapan Valid

8. jika semua terisi

nama, email,

telpon, alamat,

username,

password lalu

klik simpan

nama: (xxxx)

email: (xxxx)

telpon: (xxxx)

alamat: (xxxx)

username:

(xxxx)

password:

(xxxx)

Sistem akan

menerima

dan

menampilkan

“Data

Berhasil di

Simpan”

Sesuai harapan Valid

Tabel III.14 Hasil Pengujian Black Box Testing Halaman Daftar Member