bab iii pembahasan · tata cara pembelian yang akan dilakukan. adapun definisi tentang analisa...

47
23 BAB III PEMBAHASAN 3.1 Analisis Kebutuhan Analisa kebutuhan menjadi kunci utama untuk mendapatkan tentang perangkat lunak (software) dan perangkat keras (hardware) yang dibutuhkan pengguna. Kesalahan dalam analisa kebutuhan akan menghasilkan perangkat lunak atau perangkat keras yang kurang tepat. Penulis mencoba membuat suatu rancangan website penjualan yang sederhana. Dimana dapat memberikan informasi tentang penjualan chocodot dan produk serta tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru. b. Memproses transaksi masuk dan keluar. c. Melakukan pengecekan ulang untuk data-data pelanggan. 2. Calon member a. Melakukan registrasi b. Mengisi data dengan benar

Upload: others

Post on 16-Nov-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

23

BAB III

PEMBAHASAN

3.1 Analisis Kebutuhan

Analisa kebutuhan menjadi kunci utama untuk mendapatkan tentang perangkat

lunak (software) dan perangkat keras (hardware) yang dibutuhkan pengguna.

Kesalahan dalam analisa kebutuhan akan menghasilkan perangkat lunak atau

perangkat keras yang kurang tepat.

Penulis mencoba membuat suatu rancangan website penjualan yang sederhana.

Dimana dapat memberikan informasi tentang penjualan chocodot dan produk serta

tata cara pembelian yang akan dilakukan.

Adapun definisi tentang analisa kebutuhan, diantaranya :

1. Admin

a. Melakukan update web dalam menambahkan produk terbaru.

b. Memproses transaksi masuk dan keluar.

c. Melakukan pengecekan ulang untuk data-data pelanggan.

2. Calon member

a. Melakukan registrasi

b. Mengisi data dengan benar

Page 2: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

24

3. Member

a. Melakukan registrasi akun sebagai member di web chocodot.

b. Melakukan order barang chocodot.

c. Melakukan transaksi setelah melakukan registrasi keranjang belanja di web

chocodot.

d. Melakukan konfirmasi ke admin bahwa pelanggan telah melakukan transfer

biaya.

4. System

a. Memproses data registrasi baru pelanggan.

b. Memproses pengorderan barang chocodot ke keranjang belanja.

c. Adanya laporan-laporan transaksi dan laporan data pelanggan.

3.2 Perancangan Perangkat Lunak

3.2.1 Rancangan Antar Muka

1. Rancangan Antar Muka Login Admin

Page 3: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

25

Header

Login Admin

Username

Password

XXXXXX

999999

Ok Cancel

Footer

Gambar III.1.

Rancangan Antar Muka Login Admin

2. Rancangan antar muka Index Admin

Header

Home Admin Produk Kota Order Konfirmasi Laporan Logout

Footer

Jam

Kalender

Slide

Gambar III.2.

Rancangan Antar Muka Index Admin

Page 4: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

26

3. Rancangan antar muka Index User

Home Produk InformasiProfil Keranjang Belanja Diskusi

Header

Login Pendaftaran Produk baru

Kategori

PRODUK PRODUK PRODUK

PRODUK PRODUK PRODUKPRODUK

PRODUK

Jam

Kalender

Footer

BELI DETAIL

BELIBELIBELIBELI

BELIBELIBELI

DETAILDETAILDETAILDETAIL

DETAILDETAILDETAIL

Gambar III.3.

Rancangan Antar Muka Index User

Page 5: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

27

4. Rancangan Antar Muka Pendaftaran

Header

Home Produk Profil InformasiKeranjang

BelanjaDiskusi

Pendaftaran

Nama

Alamat

Kode Pos

Provinsi

Kota

Telepon

Email

User

Password

Re Password

Daftar

Footer

XXXXXX

XXXXXX

999999

XXXXXX

XXXXXX

999999

XXXXXX

XXXXXX

999999

999999

Gambar III.4.

Rancangan Antar Muka Pendaftaran

Page 6: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

28

5. Rancangan antar muka login user

Header

Home Produk Profil InformasiKeranjang

belanjaDiskusi

Login

Username

Password

XXXXXX

99999

Login Cancel

Footer

Gambar III.5.

Rancangan Antar Muka Login User

6. Rancangan Antar Muka Index Member

Selamat datang Tuan/Nyonya Produk baru

Kategori

Footer

Header

Home Produk Profil Informasi Keranjang Belanja Diskusi Konfirmai Logout

Jam

Kalender

PRODUK PRODUK PRODUK

PRODUK PRODUK PRODUKPRODUK

PRODUK

BELI DETAIL

BELIBELIBELIBELI

BELIBELI

DETAILDETAILDETAILDETAIL

DETAILDETAIL

Gambar III.6.

Rancangan Antar Muka Index Member

Page 7: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

29

7. Rancangan antar muka Tentang Kami

Header

Home Admin Produk Kota Order Konfirmasi Laporan Logout

Footer

Isi Tentang Kami

Gambar III.7.

Rancangan Antar Muka Tentang Kami

Page 8: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

30

8. Rancangan antar muka Kontak Kami

Header

Home Admin Produk Kota Order Konfirmasi Laporan Logout

Footer

Isi Kontak Kami

Gambar III.8.

Rancangan Antar Muka Kontak Kami

Page 9: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

31

9. Rancangan antar muka Cara Pesan

Header

Home Admin Produk Kota Order Konfirmasi Laporan Logout

Footer

Isi Cara Pesan

Gambar III.9.

Rancangan Antar Muka Cara Pesan

Page 10: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

32

10. Rancangan antar muka Update Pengiriman

Header

Home Admin Produk Kota Order Konfirmasi Laporan Logout

Footer

ISI

XXXXXX

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX

999999

999999

999999

999999

999999

999999

999999

999999

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

Gambar III.10.

Rancangan Antar Muka Update Pengiriman

Page 11: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

33

11. Rancangan antar muka Produk

Footer

Header

Home Produk Profil Informasi Keranjang Belanja Diskusi Konfirmai Logout

PRODUK PRODUK PRODUK

PRODUK PRODUK PRODUKPRODUK

PRODUK

BELI DETAIL

BELIBELIBELIBELI

BELIBELI

DETAILDETAILDETAILDETAIL

DETAILDETAILBELI DETAIL

Gambar III.11.

Rancangan Antar Muka Produk

12. Rancangan antar muka Keranjang Belanja

Footer

Header

Home Produk Profil Informasi Keranjang Belanja Diskusi Konfirmai Logout

Kantung Belanja Anda Tuan/Nyonya

Produk Nama HargaTambah&h

apusQty ongkir total

Penjelesan mengnenai jasa pengiriman

dan pelayanan terbaik yang diberi

BACK BUY

XXXXXX 999 99 999 999Tampilan

produk

Gambar III.12.

Rancangan Antar Muka Keranjang Belanja

Page 12: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

34

13. Rancangan antar muka Konfirmasi Pembayaran

Footer

Header

Home Produk Profil Informasi Keranjang Belanja Diskusi Konfirmai Logout

Nama

No

transakasi

Nama bank

No rek

Keterangan

No hp

Gambar

XXXXXX

Browse

Kirim

999999

XXXXXX

999999

XXXXXX

999999

Gambar III.13.

Rancangan Antar Muka Konfirmasi Pembayaran

14. Rancangan antar muka Diskusi

Footer

Header

Home Produk Profil Informasi Keranjang Belanja Diskusi Konfirmai Logout

Lembar diskusi

Nama

Testimonal

XXXXXX

XXXXXX

Kirim

Isi diskusi situs

chocodot

Gambar III.14.

Rancangan Antar Muka Diskusi

Page 13: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

35

3.2.2 Rancangan Basis Data

1. Entity Relationship Diagram

Konfirmasi_p Konfirmas_a

Trasaksi detail

kota Transaksi

Barang

Kategori

pelanggan

Admin

Melakukan

Mempunyai

Mempunyai

Mempunyai

Mempunyai

Mempunyai

Mempunyai

1

1

11

1

1

M

M

1

1

M 1

Melakukan

1

1

M

1

Id_pel**

Id_kota**

Kode_pos

Provinsi

Username

Password

Alamat

No_telp

Email

Nama

Id_pel

Id_pel**Tanggal

Notransaksi**Id_brg**

Nama

Subtotal

Ongkos Jumlah

Harga

Kategori

Id_kategori

Id_brg

Stok

Satuan

Nm_brg

Harga

Id_kategori**

Deskripsi

Gambar

Username

Id_admin

Password

No_telp

Emai l

status

Id_pel**

notransaksi

Id_konfir_a

Notransaksi**

Id_admin

Status_konfirm

asi

Id_kota

kota

Ongkos_kirim

Id_kofir gambar

No_hp

keterangan

Rek_pemilikNama_bank

Nofaktur

Diskusi

1

Mempunyai

1

Isi_diskusi

Id_pel**

tanggal

id

Gambar III.15.

Entity Relationship Diagram

Page 14: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

36

2. Logical Relationship Structure (LRS)

kategori

transaksi

barang

pelanggan

Id_kota*

Kota

Ongkos_kirim

kota

Transaksi detail

Id_konfir_a*

Notransaksi**

Id_admin**

Status_konfirmasi

Konfirmasi_a

Konfirmasi_p

Id_admin*

Username

Password

No_telp

Email

admin

Id_kategori*

kategori

Id_brg*

Id_kategori**

Nm_brg

Satuan

Harga

Stok

Gambar

deskripsi

Notransaksi*

Id_pel**

status

Notransaksi**

Tanggal

Id_pel**

Id_brg**

Nama

Harga

Jumlah

Ongkos

subtotal

Id_pel*

Nama

Email

No_telp

Alamat

Id_kota**

Kode_pos

Provinsi

Username

password

Id_kofir*

Id_pel**

No_faktur

Nama_bank

Rek_pemilik

Keterangan

No_hp

gambar

Id*

Tanggal

Id_pel**

Isi_diskusi

Diskusi

1

M

M

1

1

1

M

1

1

M

1

1

1

1

1

1

1

1

Gambar III.16.

Logical Relationship Structure

Page 15: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

37

1. Spesifikasi File

Dalam pembuatan website sistem informasi penjualan ini terdapat database

yang berfungsi sebagai tempat penyimpanan data yang bersifat dinamis. Database

tersebut bernama “chocodot”, didalam database ini terdapat beberapa tabel yaitu:

a. Spesifikasi File Tabel Pelanggan

Nama Database : chocodot

Nama File : pelanggan

Akronim : pelanggan.myd

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 268

Kunci Field : id_pel

Tabel III.1

Spesifikasi File Tabel Pelanggan

N

o Elemen Data

Nama Field Type Size Keterangan

1 Kode pelanggan Id_pel Int 5 Primary Key

2 Nama

pelanggan Nama Varchar 25

3 Kata sandi

pelanggan Password Varchar 15

4 Email email Varchar 30

5 Nama akun Username Varchar 20

6 Alamat

Pelanggan Alamat Varchar 50

7 No.Telepon No_telp Varchar 15

8 Kota Id_kota int 11 Foreign key

Page 16: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

38

N

o Elemen Data

Nama Field Type Size Keterangan

9 Kode pos Kode_pos Varchar 11

10 Provinsi Provinsi Varchar 20

b. Spesifikasi File Tabel Transaksi

Nama database : chocodot

Nama file : transaksi

Akronim : transaksi.myd

Tipe file : File Transaksi

Akses File : Random

Panjang Record : 23

Kunci Field : notransaksi

Page 17: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

39

Tabel III.2

Spesifikasi File Tabel Transaksi

No Elemen Data

Nama Field Type Size Keterang

an

1 Kode Transaksi Notransaksi Int 5 Primary

Key

2 Status Status tinyint 1

3 Kode pelanggan Id_pel Int 11 Foreign

Key

c. Spesifikasi File Tabel Barang

Nama database : chocodot

Nama file : barang

Akronim : barang.myd

Tipe file : File Transaksi

Akses File : Random

Panjang Record : 78

Kunci Field : id_brg

Page 18: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

40

Tabel III.3

Spesifikasi File Tabel Barang

No Elemen Data

Nama Field Type Size Keteran

gan

1 Kode barang Id_brg Int 5 Primary

Key

2 Kode Kategori Id_kategori Int 5 Foreign

Key

3 Nama barang Nm_brg Varchar 50

4 Satusn Satuan Varchar 3

5 Harga Barang Harga Double

6 Persediaan barang Stok Varchar 3

7 Spesifikasi barang Deskripsi Text

8 Gambar produk barang Gambar Text

d. Spesifikasi File Tabel Kategori

Nama database : chocodot

Nama file : kategori

Akronim : kategori.myd

Tipe file : File Master

Akses File : Random

Panjang Record : 31

Kunci Field : id_kategori

Page 19: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

41

Tabel III.4

Spesifikasi File Tabel Kategori

No Elemen Data Nama Field Type Size Keterangan

1 Kode kategori Id_kategori Int 5 Primary Key

2 Nama kategori yang

dijual Kategori varchar 20

e. Spesifikasi File Tabel Konfirmasi Pembayaran

Nama database : chocodot

Nama file : konfirmasi

Akronim :konfirmasi.myd

Tipe file : File Transaksi

Akses File : Random

Panjang Record : 76

Kunci Field : id_konfir_p

Tabel III.5

Spesifikasi File Tabel Konfirmasi Pembayaran

No Elemen Data Nama Field Type Size Keterangan

1 Kode konfirmasi

pelanggan Id_kofir Int 5 Primary Key

3 Nama Bank Nama_bank varchar 20

4 Nomor rekening

pelanggan Rek_pemilik Int 11

5 Nomor telepon

pelanggan No_hp varchar 12

6 Kode pelanggan Id_pel Int 5 Foreign key

7 No faktur Nofaktur Int 5

8 Gambar Gambar text

Page 20: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

42

f. Spesifikasi File Tabel Admin

Nama database : chocodot

Nama file : admin

Akronim : admin.myd

Tipe file : File Master

Akses File : Random

Panjang Record : 151

Kunci Field : id_admin

Tabel III.6

Spesifikasi File Tabel Admin

No Elemen Data Nama Field Type Size Keterangan

1 Kode Admin Id_admin Int 5 Primary key

2 Nama Admin Username Varchar 50

3 Email Email Varchar 50

4 No telepon No_telp Varchar 20

5 Kata Kunci

Admin Password Varchar 20

Page 21: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

43

f. Spesifikasi File Tabel Kota

Nama database : chocodot

Nama file : kota

Akronim : kota.myd

Tipe file : File Master

Akses File : Random

Panjang Record : 56

Kunci Field : id_kota

Tabel III.7

Spesifikasi File Tabel Kota

No Elemen Data

Nama Field Type Size Keteranga

n

1 Kode Kota Id_kota Int 5 Primary

Key

2 Nama Kota Kota Varchar 25

3 Harga Pengiriman ongkos_kirim Varchar 20

Page 22: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

44

g. Spesifikasi File Tabel Diskusi

Nama database : chocodot

Nama file : diskusi

Akronim : diskusi.myd

Tipe file : File Transaksi

Akses File : Random

Panjang Record : 22

Kunci Field : id

Tabel III.8

Spesifikasi File Tabel Diskusi

No Elemen Data

Nama Field Type Size Keteranga

n

1 Identitas Id Int 5 Primary

Key

2 Tanggal penulisan Tanggal Date

3 Kode pelanggan Id_pel Int 11 Foreign key

4 Isi Komentar Isi_diskusi Text

Page 23: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

45

h. Spesifikasi File Tabel Konfirmasi Admin

Nama database : chocodot

Nama file : konfirmasi_a

Akronim : konfirmasi_a.myd

Tipe file : File Transaksi

Akses File : Random

Panjang Record : 48

Kunci Field : id_konfir_a

Tabel III.9

Spesifikasi File Tabel Konfirmasi Admin

No Elemen Data

Nama Field Type Size Keteranga

n

1 Kode Konfirmasi

admin Id_konfir_a Int 5

Primary

Key

2 Nomor transaksi No transaksi Int 5 Foreign key

3 Kode Admin Id_admin Int 5 Foreign key

4 Status konfirmasi Status_konfir

masi Varchar 15

Page 24: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

46

i. Spesifikasi File Tabel Detail Transaksi

Nama Database : chocodot

Nama File : transaksidetail

Akronim : transaksidetail.myd

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 97

Kunci Field : -

Tabel III.10

Spesifikasi File Detail Transaksi

No Elemen Data

Nama Field Type Size Keteranga

n

1 Kode Transaksi Notransaksi Int 5 Foreign

Key

2 Kode Pelanggan Id_pel Int 5 Foreign

Key

3 Kode Barang Id_brg Int 5 Foreign

Key

4 Tanggal

pemesanan Tanggal Date

5 Nama penerima Nama Varchar 50

6 Harga barang Harga Double

7 Jumlah Jumlah Int 3

8 Harga pengiriman

barang Ongkos double

9 Subtotal Subtotal double

3.2.3 Rancangan Struktur Navigasi

1. Struktur Navigasi Halaman Administator

Page 25: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

47

Struktur navigasi admin digunakan untuk menggambarkan isi dari halaman

admin. Navigasi yang digunakan adalah navigasi campuran, agar terlihat

bagaimana isi dan susunan halaman admin secara keseluruhan sehinggan

mempermudah dalam merancang halaman admin.

Page 26: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

48

Login

Order

Cetak

Laporan data

produk

Cetak

Laporan data

transaksi

Cetak

Laporan data

pelanggan

Data diskusi

Edit

Data status

konfirmasi

Data konfirmasi

pembayaran

Update

Data transaksi

detailData transaksi

Data

pelanggan

Data kotaTambah kota

Delete Edit Edit

Tambah

kategoriData produk

Tambah

produk

Edit

Data adminTambah admin

Data kategori

Konfirmasi

Laporan

Logout

Kota

Produk

Admin

Home

Indeks

Delete

Delete

Delete Edit

Gambar III.17.

Struktur Navigasi Halaman Admin

Page 27: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

49

2. Struktur Navigasi User

Struktur navigasi user digunakan untuk menggambarkan isi dari seluruh

tampilan website. Navigasi yang digunakan adalah navigasi campuran, agar

terlihat bagaimana isi dan susunan halaman admin secara keseluruhan sehinggan\

mempermudah dalam merancang halaman website.

Page 28: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

50

Indeks user

Logout

Halaman

diskusi

Halaman

testimoni

Update

pengirimanCara pesan

Kontak Tentang

kami

Halaman

produk

Indeks

member

Halaman

login

Diskusi

Keranjang

belanja

Home

produk

Informasi

Profil

Konfirmasi

kategori

pendaftaran

Gambar III.18.

Struktur Navigasi Halaman User

Page 29: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

51

3.3 Implementasi dan Pengujian Unit

3.3.1 Implementasi

1. Implementasi rancangan antar muka

A. Halaman Login Admin

Halaman ini adalah halaman yang pertama kali diakses oleh admin. Admin harus

login terlebih dahulu sebelum membuka halaman-halaman yang lain.

Gambar.III.19.

Implementasi Login Admin

B. Halaman Index Admin

Halaman Indeks Admin adalah halaman utama yang tampil ketika seorang

admin berhasil login menggunakan username dan password.

Page 30: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

52

Gambar.III.20.

Implementasi Indeks Admin

C. Halaman Index User

Halaman Index User adalah halaman utama pada website toko chocodot.

Gambar.III.21.

Implementasi Index User

D. Halaman Pendaftaran

Page 31: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

53

Halaman pendaftaran adalah syarat untuk membeli produk di website

chocodot ini user harus melakukan registrasi data terlebih dahulu agar admin dapat

tahu lebih jelas lagi user mana saja yang akan melakukan pengorderan barang.

Gambar.III.22.

Implementasi Pendaftaran

E. Halaman Login User

Halaman Login User adalah halaman yang pertama kali diakses oleh user. Admin

harus Login terlebih dahulu sebelum membuka halaman-halaman lain.

Gambar.III.23.

Implementasi Login User

F. Halaman Index Member

Page 32: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

54

Halaman Indeks Member adalah halaman utama pada website toko chocodot

hanya saja dihalaman ini ada menu tambahan yaitu forum diskusi bagi tempat

member sharing produk chocodot.

Gambar.III.24.

Implementasi Index Member

G. Halaman Tentang Kami

Halaman Tentang Kami adalah halaman yang berisikan tentang seputar sejarah

chocodot.

Gambar.III.25.

Implementasi Tentang Kami

Page 33: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

55

H. Halaman Kontak Kami

Halaman Kontak kami adalah menu yang memberikan informasi kontak untuk

member menghubungi admin.

Gambar.III.26.

Implementasi Kontak Kami

I. Halaman Cara Pesan

Halaman Cara Pesan Adalah menu yang memberikan informasi bagaiman

untuk memesan barang sampai ke melakukan transaksi.

Page 34: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

56

Gambar.III.27.

Implementasi Cara Pesan

J. Update Pengiriman

Update Pengiriman adalah menu record history yang menyimpan semua

transaksi semua user agar memperkuat ke user baru bahwa web kami benar adanya

menjual produk yang kami jual.

Gambar.III.28.

Implementasi Update Pengiriman

K. Halaman Produk

Page 35: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

57

Halaman Produk adalah halaman dimana adanya produk-produk dari toko

chocodot dan terdapat berbagai varian kategori.

Gambar.III.29.

Implementasi Produk

L. Halaman Keranjang Belanja

Halaman Keranjang Belanja adalah halaman setelah member memesan produk

dari toko chocodot di halaman inipun terdapat total harga dari semua produk yang

member pesan.

Page 36: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

58

Gambar.III.30.

Implementasi Keranjang Belanja

M. Halaman Konfirmasi Pembayaran

Halaman konfirmasi adalah halaman dimana member telah selesai melakukan

transaksi dan member harus mengkonfirmasi dengan mengisi data yang ada di

halaman tersebut.

Gambar.III.31.

Implementasi Konfirmasi Pembayaran

N. Halaman Diskusi

Page 37: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

59

Halaman diskusi adalah semua member bisa berdiskusi mengenai chocodot

tidak hanya itu member pun bisa melakukan sharing antar sesama member tentang

pembaharuan produk terbaru dari chocodot.

Gambar.III.31.

Implementasi Diskusi

2. Spesifikasi Sistem Komputer

A. Spesifikasi Hardware

Adapun perangkat keras minimal yang diperlukan oleh server sebagai berikut:

Processor : pentium dual-core

Ram : 2 GB

Monitor : SVGA 15”

Hardisk : 320 GB

Keyboard : Standard PS/2

Mouse : standar Mouse

printer : deskjet

Page 38: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

60

Adapun perangkat keras minimal yang diperlukan oleh client sebagai berikut:

Processor : pentium dual-core

Ram : 1 GB

Monitor : SVGA 15”

Hardisk : 160 GB

Keyboard : Standard PS/2

Mouse : Standar Mouse

printer : deskjet

B. Spesifikasi Software

Adapun perangkat lunak minimal yang diperlukan oleh server sebagai berikut:

Sistem operasi : windows server 2007

Bahasa Program : PHP

Database server : Mysql

Web server : Xampp-win32-5.6.15

Database tool : PhpMyAdmin 4.5.1

Adapun perangkat lunak minimal yang diperlukan oleh client sebagai berikut:

Sistem operasi : windows 9X/ME/2000/XP/7

Browser : Mozilla Firefox/Chrome

3.3.2 Pengujian Unit

1. Pengujian Terhadap Form Login User

Tabel III.11.

Hasil Pengujian Black Box Testing pada Form Login User

Page 39: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

61

No. Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpula

n

1 Mengosongkan isian

data login pada login

user, langsung

mengklik “login”

Username:

kosong

Password:

kosong

Sistematika

menolak

akses login

dan

memunculka

n pesan “

maaf data

tidak ada “

Sesuai

harapan

Valid

2 Hanya mengisi

username dan

mengkosongkan

password lalu klik

login

Username:

sa

Password:

kosong

Sistem akan

menolak

akses login

Sesuai

harapan

Valid

3 Hanya mengisi

password dan

username lalu klik

login

Username:

kosong

Password:

aa

Sistematika

menolak

akses login

Sesuai

harapan

Valid

4 Mengisi salah satu

benar lalu klik login

Username:

aa

Password:

Sistematika

menolak

akses login

Sesuai

harapan

Valid

Page 40: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

62

bb

5 Menginput data

login yang benar

Username:

aa

Password:

bb

Sistem akan

menerima

login

Sesuai

harapan

Valid

2. Pengujian Terhadap Form Kategori Admin

Tabel III.12.

Hasil Pengujian Black Box Testing pada Form Kategori Admin

No. Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpula

n

1 Mengosongkan isian

kategori

Kategori:k

osong

Sistematika

akan menolak

Sesuai

harapan

Valid

2 Mengisi isian

kategori

Kategori:c

oklat

Sistem akan

menerima

dan

menyimpan

Sesuai

harapan

Valid

3. Pengujian Terhadap Form Pendaftaran User

Tabel III.13

Hasil pengujian Black Box Testing Form Pendaftaran User

No Skenario

Pengujian

Test Case Hasil Yang

Diharapkan

Hasil

Pengujian

Kesim

pulan

1 Mengisi semua Nama : irpan Sistem akan Sesuai Valid

Page 41: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

63

data calon user

yang dibutuhkan

secara lengkap

dan benar

kemudian klik

tombol

“simpan”.

Alamat:

Kode Pos:

Provinsi:

Jawa Barat

Kota : Jakarta

Telepon:

Email:

User: ipan

Password:

12345

Repassword:

12345

menerima

menolak akses,

muncul laporan

kesalahan : -

Alamat tidak

boleh kosong

-Kode tidak boleh

Kosong

-Telepon tidak

boleh kosong

-email tidak boleh

kosong

harapan

2 Mengisi semua

data calon user

yang dibutuhkan

dan langsung

mengklik

tombol

“simpan”.

Nama : irpan

Alamat:jl

sunter

kemayoran

Kode

Pos:10630

Provinsi:

Jawa Barat

Kota : Jakarta

Telepon:08121

Sistem -akan

menerima akses

pendaftaran

member baru .

Sesuai

harapan

Valid

Page 42: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

64

2449289

Email:mochma

dirpanpratama

@gmail.com

User: ipan

Password:

12345

Repassword:

12345

3 Mengisi semua

data calon user

yang dibutuhkan

secara lengkap

namun salah

dalam mengisi

kolom ulangi

password

kemudian klik

tombol

“simpan”.

Nama : irpan

Alamat:jl

sunter

kemayoran

Kode

Pos:10630

Provinsi:

Jawa Barat

Kota : Jakarta

Telepon:08121

2449289

Email:mochma

dirpanpratama

Sistem akan

menolak akses

pendaftaran

member baru dan

akan muncul

notifikasi

“Password tidak

sama, ulangi

password Anda!”.

Sesuai

harapan

Valid

Page 43: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

65

@gmail.com

User: ipan

Password:

12345

Repassword:

123456

4. Pengujian Terhadap Form Keranjang belanja

Tabel III.14

Hasil pengujian Black Box Testing Form Keranjang Belanja

No Skenario Pengujian Test

Case

Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpula

n

1 Mengisi jumlah

barang yang di

butuhkan secara

lengkap

Jumlah

barang

:(terisi);

Sistem akan

menerima

akses

keranjang

belanja.

Sesuai

harapan

Valid

2 Mengisi jumlah

barang yang di

butuhkan secara

lengkap

Jumlah

barang

:(kosong

);

Sistem akan

menolak

akses

keranjang

belanja.

Sesuai

harapan

Valid

3 Setelah Mengisi transaksi Akan muncul Sesuai Valid

Page 44: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

66

jumlah barang yang

di butuhkan secara

lengkap, klik selesai

belanja lalu cetak

pembelian.

berhasil bukti

pemesanan

atau order

harapan

5. Pengujian Terhadap Form Konfirmasi

Tabel III.15

Hasil pengujian Black Box Testing Form Konfirmasi

No Skenario Pengujian Test

Case

Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpula

n

1 Mengisi upload foto

bukti pembayaran

secara transfer

Choosen

file :

(terisi)

Sistem akan

menerima

akses

konfirmasi

pembayaran

Sesuai

harapan

Valid

2 Mengosongkan

upload foto bukti

pembayaran secara

transfer

Choosen

file

:(kosong

)

Sistem akan

menolak

akses

konfirmasi

pembayaran

dan akan

muncul

Sesuai

harapan

Valid

Page 45: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

67

notifikasi

“Lengkapi

data dengan

benar!!”

3 Mengosongkan

nomor faktur pada

kolom Faktur

No

Faktur :

(kosong)

Sistem akan

menolak

akses dan

muncul

laporan

kesalahan

“Nomor tidak

boleh

Kosong”

Sesuai

Harapan

Valid

6. Pengujian Terhadap Form Diskusi

Tabel III.16.

Hasil Pengujian Black Box Testing pada Form Diskusi

No. Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpula

n

1 Mengosongkan isian

testimonal

Testimona

l:kosong

Sistematika

akan menolak

Sesuai

harapan

Valid

2 Mengisi isian

diskusi

Testimona

l:Teks

Sistem akan

menerima

Sesuai

harapan

Valid

Page 46: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

68

diskusi dan

menyimpan

Page 47: BAB III PEMBAHASAN · tata cara pembelian yang akan dilakukan. Adapun definisi tentang analisa kebutuhan, diantaranya : 1. Admin a. Melakukan update web dalam menambahkan produk terbaru

69

7. Pengujian Terhadap Form Index User

Tabel III.17.

Hasil Pengujian Black Box Testing pada Form Kategori Index User

No. Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpula

n

1 Memilih kategori Kategori:C

hocodot

etnik

Sistematika

akan

menerima

Sesuai

harapan

Valid

2 Memilih kategori Kategori:C

hocodot

tea

Sistematika

akan

menerima

dan

menyimpan

Sesuai

harapan

Valid