bab iii pembahasan...36 bab iii pembahasan 3.1. tinjauan perusahaan toko gea collection bekasi...

36

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Toko Gea Collection Bekasi beralamat di Pondok Ungu Permai Blok II

10/6A RT.004 RW.016 Kel. Kaliabang Tengah Kec. Bekasi Utara Kota Bekasi.

Toko Gea Collection Bekasi merupakan usaha kecil yang bergerak dibidang

penjualan pakaian seperti baju gamis, rok, atasan, celana, hijab dan lain-lain..

3.1.1. Sejarah Perusahaan

Toko Gea Collection berdiri pada tanggal 1 April 2013 oleh Ade Maisuri

sebagai pemilik dari usaha ini di wilayah Bekasi. Toko ini telah memiliki Surat

Keterangan Domisili Usaha dengan Nomor: 536/215-KL.KT/IV/2018. Usaha

yang dimiliki oleh beliau bergerak di bidang penjualan pakaian seperti baju gamis,

rok, atasan, celana, hijab dan lain-lain. Toko Gea Collection memiliki 2 orang

karyawan. Banyak customer yang mempercayai kualitas produk dengan bahan

terbaik untuk aktivitas sehari-hari, bukan hanya dalam ruang lingkup keagamaan

dan harga yang lumayan murah untuk kalangan menengah. Toko Gea Collection

menawarkan pakaian dengan desain simple, casual, dan nyaman saat dikenakan di

aktivitas sehari-hari. Produk unggulan yang ada di Toko Gea Collection terletak

pada khimar dan gamis yang diperuntukkan untuk wanita dewasa dengan bahan

ceruti dan perpaduan spesifikasi jahitan dua lapis untuk meminimalisir resiko

tembus pandang.

37

3.1.2. Struktur Organisasi dan Fungsi

Berikut ini penjelasan tugas dan fungsi dalam organisasi Toko Gea

Collection:

Sumber: Toko Gea Collection

Gambar III.1. Struktur Organisasi Toko Gea Collection

Berdasarkan susunan struktur organisasi diatas, dapat dijelaskan mengenai

tugas dan kewajiban yang harus dilaksanakan oleh tiap bagian yaitu:

1. Owner

a. Melakukan pemasaran toko.

b. Menjamin kualitas pelayanan konsumen dan kualitas para pekerja toko.

c. Mengarahkan jalannya usaha Toko Gea Collection guna menjaga kebutuhan

dan keberlangsungan usaha.

d. Menerima laporan-laporan yang berhubungan dengan kegiatan usaha toko.

e. Menggaji para karyawan.

f. Melakukan pengawasan intern para karyawan agar terkontrol.

2. Karyawan

a. Menjual dan menjelaskan spesifikasi barang kepada customer

b. Membuat bukti transaksi penjualan dengan menggunakan nota penjualan.

c. Membuat laporan penjualan dan laporan stok barang setiap bulannya dan

akan diserahkan kepada owner.

Owner

Ade Maisuri

Kayawan

Yulius

Karyawan

Wati

38

3.2. Tinjauan Kasus

Sistem penjualan pada Toko Gea Collection masih menggunakan sistem

manual. Dimana customer harus datang ke toko untuk membeli barang yang

diinginkan. Pada pencatatan transaksi dan pengolahan data mengunakan nota

pembayaran yang kemudian diarsipkan untuk dijadikan laporan penjualan pada

setiap akhir bulannya.

3.2.1 Proses Bisnis Sistem Berjalan

Proses bisnis sistem berjalan pada Toko Gea Collection dilakukan dengan

tujuan untuk mengetahui proses kerja yang sedang berjalan. Adapun prosedur

yang terdapat di Toko Gea Collection adalah:

Pada proses ini, customer datang ke toko untuk melihat dan memilih

barang apa saja yang diinginkan oleh customer. Kemudian karyawan akan

menjelaskan spesifikasi barang yang diinginkan oleh customer. Setelah customer

memutuskan untuk membeli barang, customer langsung memberikan barang

pilihannya ke bagian karyawan. Bagian karyawan akan menghitung dan customer

memproses pembayaran barang secara tunai. Karyawan akan langsung

membuatkan nota penjualan (2 rangkap) bewarna putih dan bewarna merah

sebagai tanda bukti pembayaran customer. Nota penjualan bewarna putih

diserahkan kepada customer dan nota penjualan bewarna merah disimpan dan

diarsipkan. Berdasarkan arsip nota penjualan dan laporan harian, pada akhir bulan

karyawan akan membuat laporan penjualan bulanan yang nantinya akan

diserahkan kepada owner.

39

3.2.2. Activity Diagram Berjalan

Gambar III.2. Activity Diagram Berjalan

act Activity Diagram Berjalan

Customer Karyawan Owner

Pha

se

start

Memilih barang

Membeli barang

Menjelaskan

Spesifikasi barang

Menerima barang

Melakukan pembayaran

barang secara tunai

Memberikan barang

Menghitung barang

Menerima pembayaran

Membuat nota

(2 rangkap)

Memberikan nota

bewarna putih

Menerima nota

bewarna putih

Menyimpan arsip nota

bewarna merahMendapatkan barang

Membuat laporan

Memberikan laporan

penjualan

Menerima laporan

penjualan

finish

40

3.2.3. Dokumen Masukan

Dokumen masukan (input) berisi data-data pada suatu sistem yang

dihasilkan dari proses data, yang kemudian digunakan untuk menghasilkan

keluaran yang diinginkan sesuai kebutuhan. Adapun bentuk dokumen masukan

yang digunakan adalah sebagai berikut:

1. Nama Dokumen : Form Pembelian

Fungsi : Sebagai data barang yang dibeli

Sumber : Owner

Jumlah : 1 Rangkap

Media : Kertas

Tujuan : Karyawan

Bentuk : Lampiran A-1

3.2.4. Dokumen Keluaran

Dokumen keluaran (output) merupakan hasil akhir dari proses penjualan

barang. Adapun bentuk dokumen keluaran tersebut adalah sebagai berikut:

1. Nama Dokumen : Nota Penjualan

Fungsi : Sebagai bukti transaksi penjualan barang

Sumber : Karyawan

Jumlah : 2 Rangkap

Media : Kertas

Tujuan : Customer

Bentuk : Lampiran B-1

41

2. Nama Dokumen : Laporan Penjualan Harian

Fungsi : Sebagai bukti laporan penjualan harian

Sumber : Karyawan

Jumlah : 1 Rangkap

Media : Kertas

Tujuan : Owner


3. Nama Dokumen : Laporan Penjualan Bulanan

Fungsi : Sebagai bukti laporan penjualan bulanan

Sumber : Karyawan

Jumlah : 1 Rangkap

Media : Kertas

Tujuan : Owner


3.2.5. Permasalahan Pokok

Dari hasil pengamatan serta uraian yang telah dijelaskankan di atas,

penulis menemukan beberapa permasalahan yang timbul dan harus segera

dilakukan pemecahannnya, agar tidak mengahambat dalam menyediakan

informasi yang lebih akurat sebagai berikut:

1. Customer masih datang langsung ke toko untuk membeli barang dan

mendapatkan informasi tentang barang terkini yang membutuhkan waktu

dan biaya yang tidak sedikit.

42

2. Pencatatan transaksi dan pengolahan data secara manual, baik nota

maupun laporan memakan biaya untuk pengadaan kertas dan tinta serta

menghambat penyerahan laporan keuangan kepada owner.

3.2.6. Pemecahan Masalah

Berdasarkan masalah yang dihadapi pada Toko Gea Collection penulis

mencoba mencari solusi sebagai berikut:

1. Dengan sistem online berbasis web, customer bisa secara langsung melihat

produk-produk terbaru dan melakukan order dimana pun dan kapan pun

tanpa harus membuang tenaga dan waktu.

2. Dengan adanya sistem, pencatatan transaksi dan pengolahan data dapat

tersimpan langsung di dalam database oleh komputer, sehingga data akan

jauh lebih aman dan terorganisir.

3.3. Analisa Kebutuhan Software

Saat ini internet merupakan salah satu infastruktur komunikasi yang

jangkauan penerimaannya sangat luas dan tanpa batas. Internet pun sering

digunakan sebagai media alternatif untuk menjalankan suatu usaha maupun bisnis.

Dengan keunggulan internet, banyak para pelaku bisnis memanfaatkannya sebagai

suatu media untuk mempromosikan usahanya serta produk-produk yang

dimilikinya dengan membuat sebuah sistem penjualan online atau e-commerce.

Berdasarkan pengamatan penulis, proses penjualan dan pengolahan data

pada Toko Gea Collection masih manual. Maka penulis mengusulkan

pengembangan sistem yang masih manual beralih ke sistem yang baru, dengan

43

menggunakan sistem informasi penjualan berbasis web atau e-commerce. agar

dapat dikenal lebih luas oleh customer yang akan membeli produk-produk yang

ditawarkan tanpa harus datang ke tempatnya secara langsung.

Di website ini memiliki 3 halaman user interface yaitu halaman

pengunjung, member dan halaman admin. Ketiga halaman tersebut mempunyai

fungsi, tujuan, dan proses yang berbeda. Pada halaman pengunjung hanya bisa

melihat tanpa membeli produk yang ditawarkan pada website. Sedangkan untuk

member bisa melihat, membeli produk, dan melakukan konfirmasi pembayaran

produk. Pada halaman admin berfungsi untuk menerima konfirmasi pembayaran

dan pengolahan data sampai laporan yang dikelola oleh admin.

3.3.1. Analisa Kebutuhan

1. Pengunjung

A.1. Pengunjung dapat melakukan pendaftaran member untuk melakukan

login.

A.2. Pengunjung dapat melihat produk.

2. Member

B.1. Member dapat melakukan login.

B.2. Member dapat melihat produk.

B.3. Member dapat melakukan pembelian produk.

B.4. Member dapat melakukan konfirmasi pembayaran.

B.5. Member dapat melakukan log out.

44

3. Admin

C.1. Admin dapat melakukan login.

C.2. Admin dapat mengolah data kategori produk.

C.3. Admin dapat mengolah data produk.

C.4. Admin dapat mengolah data member.

C.5. Admin dapat mengolah data pemesanan.

C.6. Admin dapat melihat konfirmasi pembayaran.

C.7. Admin dapat membuat laporan mingguan.

C.8. Admin dapat membuat laporan bulanan.

C.9. Admin dapat melakukan log out.

45

3.3.2. Use Case Diagram

1). Use Case Diagram Pengunjung

Gambar III.3. Use Case Diagram Pengunjung

2). Deskripsi Use Case Diagram Pengunjung

Tabel III.1.

Deskripsi Use Case Diagram Pengunjung

Use Case Narative Pengunjung

Tujuan Melakukan register kedalam sistem untuk

mengisi formulir pendaftaran member

Deskripsi Sistem ini memungkinkan aktor untuk

mengakses website

Skenario Utama

Aktor Pengunjung

Lihat Produk

Beli

Pengunjung

Jumlah

Catatan

Register

Isi Data Diri

Daftar

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

46

Kondisi Awal Aktor membuka website

Aksi Aktor Reaksi Sistem

1. Aktor Memilih Tombol

Registrasi

Sistem akan menampilkan formulir pendaftaran

member

2. Melihat Produk

Sistem akan menampilkan semua produk

3. Kondisi Akhir Jika perintah sesuai maka aktor dapat

melakukan aktivitas di dalam sistem

3). Use Case Diagram Member

Gambar III.4. Use Case Diagram Member

Lihat Produk

Beli Produk

Member

Jumlah

Catatan

Keranjang

Belanja

Lanjut Belanja

Selesai Belanja

Konfirmasi

PembayaranIsi Konfirmasi

Kirim

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

Login

Logout

47

4). Deskripsi Use Case Diagram Member

Tabel III.2.

Deskripsi Use Case Diagram Member

Use Case Narative Member

Tujuan Melakukan login kedalam sistem untuk

pemesanan barang


mengakses website

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka website



Login

Sistem akan menampilkan textbox mengisi

username dan password

2. Melihat Produk Sistem akan menampilkan semua produk


Beli Produk

Sistem akan menampilkan form data

pembelian


Keranjang Belanja

Sistem akan menampilkan jumlah item

belanja yang telah dipilih


Konfirmasi Pembayaran

Sistem akan menampilkan textbox nomor

invoice

Kondisi Akhir

Jika perintah sesuai maka aktor dapat


48

5). Use Case Diagram Admin

Gambar III.5. Use Case Diagram Admin

Mengolah

Kategori Produk

Tambah

<<include>>

Admin

Simpan

Delete

Mengolah

Data ProdukSimpan

Tambah

Mengolah

Data MemberEdit

Delete

<<include>>

<<include>>

<<include>>

<<include>>

Login

Delete

Logout

Input

Username

Input

Password

<<include>>

<<include>>

<<include>>

<<include>>

Simpan

<<include>>

<<include>>

Daftar Pesanan

Mengolah

Status Pesanan

Kembali

<<include>>

<<include>>

Konfirmasi

Pembayaran

Lihat

Kembali

<<include>>

<<include>>

Laporan

Penjualan

Laporan

Mingguan

Laporan

Bulanan

<<include>>

<<include>>

49

6). Deskripsi Use Case Diagram Admin

Tabel III.3

Deskripsi Use Case Diagram Admin

Use Case Narative Admin

Tujuan Melakukan login ke dalam sistem untuk

mengolah pemesanan barang


membuka halaman administrator

Skenario Utama

Aktor Admin

Kondisi Awal Aktor akan membuka menu admin


1. Aktor Mengakses Menu

Login

Sistem akan menampilkan textbox mengisi



Daftar Kategori Produk

Sistem akan menampilkan data kategori

produk


Data Produk

Sistem akan menampilkan data produk


Data Member

Sistem akan menampilkan data member


Daftar Pesanan

Sistem akan menampilkan daftar pesanan



Sistem akan menampilkan data konfirmasi

pembayaran


Laporan Penjualan

Sistem akan menampilkan laporan penjualan

mingguan dan bulanan

Kondisi Akhir

Jika perintah sesuai maka aktor dapat


50

3.3.3. Activity Diagram

1). Activity Diagram Pendaftaran Member dan Login

Gambar III.6. Activity Diagram Pendaftaran Member dan Login

act Activity Diagram Pendaftaran Member dan Login Member

Member Sistem

Ph

ase

megunjungi website

register login

tampil halaman

beranda

tampil textbox


tampil form

pendaftaran member

input username dan

password

tampil halaman

member

start

Tidak Valid

Valid

bukan member member

tampil form

gagal login

finish

input data diri dan

username baru

pilih tombol daftar

51

2). Activity Diagram Pembelian dan Pembayaran Produk

Gambar III.7. Activity Diagram Pembelian dan Pembayaran Produk

act Activity Diagram Pembelian dan Pembayaran Produk

SistemMember

Phas

e

melakukan login tampil halaman beranda

pilih

produktampil detail produk

tampil form data pesanan

beli

isi jumlah

pembelian

tampil form checkout belanja

melakukan pembayaran

tampil form invoice

pilih menu konfirmasi pembayaran tampil textbox nomor invoice

Input No Invoice dan pilih tombol

cek invoice

tampil form sukses konfirmasi

pembayaran

start

finish

Ya Tidak

input jenis pengiriman produk

selesai

Ya Tidak

selesai

belanja

lanjut

belanja

tampil form konfirmasi

pembayaran

upload bukti transfer pembayaran

52

3). Activity Diagram Admin

Gambar III.8. Activity Diagram Admin

act Activity Diagram Admin

Admin Sistem

Ph

ase

melakukan login

tampil menu admininput username dan

password

pilih menu admin

mengolah

daftar

produk

mengolah

kategori

produk

mengolah

data

member

mengolah

daftar

pesanan

simpan daftar pesanan

simpan data member

simpan kategori produk

simpan daftar produk

cek konfirmasi pembayaran

melakukan pengiriman

simpan data pengiriman

53

3.4. Desain

3.4.1. Entity Relationship Diagram (ERD)

Gambar III.9. Entity Relationship Diagram (ERD)

Konsumen

nama

jns_klmn

kota_id

password

alamatusername

email

tgl_lhir

id_konsumen

no_hp

melakukan Order

id_knfrmsi_pmbyrankurir

id_konsumen

nm_ktgori

jml_beli

nm_prduk

mempunyaiKategori Produk

nm_ktgori

kategori_seo

id_ktgri_prdk

Produk

id_produk

prdk_seo

memiliki

nm_prduk

satuan

hrg_beli

hrg_rseler

ket

hrg_knsmn

berat

id_ktgri_prdk

diskon

gambar

dikelola

Admin

email

nm_lngkp

password

id_users

level

username

id_session

blokir

no_hp

foto

KonfirmasiPembayaran

id_knfrmsi_pmbayrn

id_pnjlan

to_trans

id_rkening

wkt_knfrmsi

melakukan

bkti_trans

tgl_trans

nm_pngrm

dikelola

Pengiriman Produk

kurir

id_knfrms_pmbyrn

kota_id

no_trnsksi

provinsi_id

id_knsumen

diterima

dilakukan

1

M

111

1

1

1

1

1

1

M

M M

M

M

M

54

3.4.2. Logical Record Structure (LRS)

Gambar III.10. Logical Record Structure (LRS)

Konsumen

-id_konsumen*: int

-username: varchar

-password: text

-nama: varchar

-email: varchar

-jenis_kelamin: enum

-tgl_lahir: text

-alamat: text

-kota_id: int

-no_hp: varchar

Order

-id_konsumen*: int

-id_konfirmasi_pembayaran: int

-nm_kategori: varchar

-nm_produk: varchar

-jml_beli: int

-kurir: varchar

Kategori Produk

-id_kategori_produk*: int

-nama_kategori: varchar

-kategori_SEO: varchar

Produk

-id_produk*: int

-id_kategori_produk: varchar

-nm_produk: varchar

-produk_seo: varchar

-satuan: varchar

-hrg_beli: int

-hrg_resseler: int

-hrg_konsumen: int

-berat: varchar

-diskon: int

-gambar: varchar

-ket: text

Admin

-id_users*: int

-username: varchar

-password: varchar

-nm_lengkap: varchar

-email: varchar

-no_telp: varchar

-foto: varchar

-level: varchar

-blokir: enum

-id_session: varchar

Pengiriman Produk

-id_konfirmasi_pembayaran*: int

-kurir: varchar

-no_transaksi: varchar

-kota_id: varchar

-id_konsumen: varchar

-provinsi_id: varchar


-id_konfirmasi_pembayaran*: int

-id_penjualan: int

-to_transaksi: varchar

-id_rekening: int

-nm_pengirim: varchar

-tgl_trans: date

-bukti_trans: varchar

-wkt_konfimasi: datetime

1

M

1

1 1

1 1

M

M

M

M

M

55

3.4.3. Spesifikasi File

Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam

rancangan website dan sebagai media penyimpanan data dari proses yang terjadi

dari rancangan website. Dalam website ini file-file yang digunakan adalah:

1. Spesifikasi File Tabel User

Nama File : Tabel Users

Fungsi : Digunakan untuk menu admin

Akronim : users

Tipe File : File Master

Media File : Harddisk

Akses File : Random

Panjang Record : 911 byte

Kunci Field : id_users

Database : MySQL

Tabel III.4.

Tabel Spesifikasi File User

No Elemen Data Nama Field Type Size Keterangan

1 Id User id_users Integer 11 Primary Key

2 Username username Varchar 50

3 Password password Varchar 255

4 Nama Lengkap nama_lengkap Varchar 100

5 Email Email Varchar 100

6 Nomor Telepon no_telp Varchar 20

56

7 Foto Foto Varchar 100

8 Level Level Varchar 20

9 Blokir Blokir Enum Yes, No

10 Id Session id_session Varchar 255

2. Spesifikasi File Tabel Kategori Produk

Nama File : Tebel Kategori Produk

Fungsi : Digunakan untuk mengelola kategori produk

Akronim : rb_kategori_produk



Akses File : Random


Kunci Field : id_kategori_produk

Database : MySQL

Tabel III.5.

Tabel Spesifikasi File Kategori Produk


1 Id Kategori

Produk

id_kategori_produk Integer 11 Primary

Key

2 Nama

Kategori

nama_kategori Varchar 255

3 Kategori SEO kategori_seo Varchar 255

57

3. Spesifikasi File Tabel Produk

Nama File : Tabel Produk

Fungsi : Digunakan untuk mengelola produk

Akronim : rb_produk



Akses File : Random

Panjang Record : 1.020 byte

Kunci Field : id_produk

Database : MySQL

Tabel III.6

Tabel Spesifikasi File Produk


1 Id Produk id_produk Integer 11 Primary Key

2 Id Kategori

Produk

id_kategori_produk Varchar 50

3 Nama Produk nama_produk Varchar 255

4 Produk SEO produk_seo Varchar 255

5 Satuan satuan Varchar 50

6 Harga Beli harga_beli Integer 11

7 Harga Reseller harga_reseller Integer 11

8 Harga

Konsumen

harga_konsumen Integer 11

58

9 Berat berat Varchar 50

10 Diskon diskon Integer 11

11 Gambar gambar Varchar 255

12 Keterangan keterangan Text


14 Waktu Input waktu_input Datetime

4. Spesifikasi File Tabel Konsumen

Nama File : Tabel Konsumen

Fungsi : Digunakan untuk mengelola data member

Akronim : rb_konsumen



Akses File : Random


Kunci Field : id_konsumen

Database : MySQL

Tabel III.7.

Tabel Spesifikasi File Konsumen


1 Id Konsumen id_konsumen Integer 11 Primary Key


3 Password password Text

59

4 Nama Lengkap nama_lengkap Varchar 255

5 E-mail email Varchar 60

6 Jenis Kelamin jenis_kelamin Enum Laki-Laki,

Perempuan

7 Tanggal Lahir tanggal_lahir Date

8 Tempat Lahir tempat_lahir Varchar 100

9 Alamat Lengkap alamat_lengkap Text

10 Kota Id kota_id Integer 11

11 No HP no_hp Varchar 15

12 Foto foto Varchar 255

13 Tanggal Daftar tanggal_daftar Date

5. Spesifikasi File Tabel Penjualan

Nama File : Tabel Penjualan

Fungsi : Digunakan untuk mencatat data penjualan

Akronim : rb_penjualan



Akses File : Random


Kunci Field : id_penjualan

Database : MySQL

60

Tabel III.8.

Tabel Spesifikasi File Penjualan


1 Id Penjualan id_penjualan Integer 11 Primary Key

2 Kode Transaksi kode_transaksi Varchar 50

3 Id Pembeli id_pembeli Integer 11

4 Diskon diskon Integer 11

5 Kurir kurir Varchar 255

6 Servis service Varchar 255

7 Ongkir ongkir Integer 11

8 Waktu

Transaksi

waktu_transaksi Datetime

9 Proses proses Enum 0, 1, 2, 3

6. Spesifikasi File Tabel Detail Penjualan

Nama File : Tabel Detail Penjualan

Fungsi : Digunakan untuk mencatat produk yang dibeli

Akronim : rb_penjualan_detail



Akses File : Random


Kunci Field : id_penjualan_detail

Database : MySQL

61

Tabel III.9.

Tabel Spesifikasi File Detail Penjualan


1 Id Penjualan

Detail

id_penjualan_detail Integer 11 Primary Key

2 Id Penjualan id_penjualan Integer 11

3 Id Produk id_produk Integer 11

4 Jumlah jumlah Integer 11

5 Catatan catatan Longtext

6 Harga Jual harga_jual Integer 11

7 Satuan satuan Varchar 50

7. Spesifikasi File Tabel Konfirmasi Pembayaran

Nama File : Tabel Konfirmasi Pembayaran

Fungsi : Untuk melakukan konfirmasi pembayaran

Akronim : rb_konfirmasi



Akses File : Random


Kunci Field : id_konfirmasi_pembayaran

Database : MySQL

62

Tabel III.10.

Tabel Spesifikasi File Konfirmasi Pembayaran


1 Id Konfirmasi

Pembayaran

id_konfirmasi_pem

bayaran

Integer 11 Primary Key

2 Id Penjualan id_penjualan Integer 11

3 Total Transfer total_transfer Varchar 20

4 Id Rekening id_rekening Integer 11

5 Nama Pengirim nama_pengirim Varchar 255

6 Tanggal Transfer tanggal_transfer Date

7 Bukti Transfer bukti_transfer Varchar 255

8 Waktu

Konfirmasi

waktu_konfirmasi Datatime

3.4.4. Struktur Navigasi

Struktur Navigasi berfungsi untuk menjelaskan secara singkat mengenai

alur berjalannya website, sehingga dapat menggambarkan bagaimana hubungan

antar isi-isi website tersebut. Struktur navigasi yang digunakan dalam pembuatan

website ini adalah struktur navigasi komposit.

63

1. Struktur Navigasi Pengunjung

Gambar III.11. Struktur Navigasi Pengunjung

2. Struktur Navigasi Member

Gambar III.12. Struktur Navigasi Member

Beranda

Search. Cara Belanja Semua Produk Tentang Kami Register Login

Kategori

Produk

Detail Produk Beli

Beranda

Login

Search.Cara

Belanja

Konfirmasi

Pembayaran

Semua

Produk

Tentang

Kami

Keranjang

BelanjaAccount Logout

Upload Bukti

Transfer

Kategori

Produk

Detail

Produk

List

Belanja

Edit Data

Profile

Ubah

Password

Histori

Belanja

Checkout &

Cetak Invoice

64

3). Struktur Navigasi Admin

Gambar III.13. Struktur Navigasi Admin

3.4.5. Deployment Diagram

Gambar III.14. Deployment Diagram

Halaman Depan

Aplikasi

Aplikasi Admin

XAMPP Server

Style CSS

Jquery j s

Web Server

Aplikasi Database

MySQL Database

Database Server

Browser

Client PC

Halaman Depan

Aplikasi

Aplikasi Admin

XAMPP Server

Style CSS

Jquery j s

Login

Home

Daftar

Kategori

Daftar

Produk

Data

Pelanggan

Daftar

Orderan

Konfirmasi

Bayar

Laporan

PenjualanEdit Profile

Master Data

Users

Tambah Edit

Ubah

Status

Pesanan

Unduh

Bukti

Transfer

Detail

Order

Edit Data

Admin

Tambah

Data

Admin

Delete Tambah Edit Delete Edit Delete

Logout

65

3.4.6. User Interface

Berikut adalah tampilan user interface yang dibuat:

1. User Interface Halaman Beranda

Dalam halaman beranda terdapat website update yang berisi informasi

umum tentang Toko Gea Collection dan info lain terupdate. Tampilan dari

halaman beranda adalah sebagai berikut:

Gambar III.15. User Interface Halaman Beranda

66

2. User Interface Halaman Pendaftaran Member Baru

Halaman pendaftaran member baru berisi data diri untuk menjadi member.

Tampilan dari halaman pendaftaran member baru adalah sebagai berikut:

Gambar III.16. User Interface Halaman Pendaftaran Member Baru

67

3. User Interface Halaman Login Member

Halaman login member berfungsi untuk melakukan proses pembelian dan

pembayaran produk dengan proses masukan menggunakan username dan

password. Berikut tampilan dari halaman login member:

Gambar III.17. User Interface Halaman Login Member

68

4. User Interface Semua Produk

Menu semua produk berisi daftar produk yang tersedia beserta harga jual.

Tampilan menu semua produk adalah sebagai berikut:

Gambar III.18. User Interface Halaman Semua Produk

69

5. User Interface Halaman Detail Produk

Pada Halaman Detail Produk berisi keterangan tentang produk yang dapat

dilihat oleh customer sebelum membeli produk. Tampilan dari halaman

detail produk:

G

a

m

b

a

r

I

I

Gambar III.19. User Interface Halaman Detail Produk

70

6. User Interface Keranjang Belanja

Keranjang belanja berfungsi untuk menyimpan produk yang telah dipilih

tanpa harus mengambilnya kembali sebelum membeli. Tampilan dari

halaman keranjang belanja adalah sebagai berikut:

Gambar III.20. User Interface Halaman Keranjang Belanja

71

7. User Interface Halaman Check Out Belanja

Check Out Belanja berfungsi untuk menyelesaikan pembelian produk yang

telah dibeli oleh customer. Tampilan dari halaman check out belanja

adalah sebagai berikut:

Gambar III.21. User Interface Halaman Check Out Belanja

72

8. User Interface Halaman Konfirmasi Pembayaran

Pada menu konfirmasi pembayaran digunakan untuk customer yang sudah

membeli produk dan sudah melakukan pembayaran. Konfirmasi ini

dengan menggunakan nomor invoice yang didapat saat check out belanja.

Tampilannya sebagai berikut:

Gambar III.22. User Interface Halaman Konfirmasi Pembayaran

73

9. User Interface Menu Admin

Menu admin ini hanya bisa diakses oleh admin. Dengan menu admin ini

dapat admin dapat melakukan login, mengolah data member, mengolah

produk, mengolah daftar pesanan, konfirmasi pembayaran, dan melihat

laporan penjualan. Tampilannya adalah sebagai berikut:

a. Menu Admin – Login Admin

Gambar III.23. Menu Admin – Login Admin

b. Menu Admin - Data Member

Gambar III.24. Menu Admin – Data Member

74

c. Menu Admin - Kategori Produk

Gambar III.25. Menu Admin – Kategori Produk

d. Menu Admin - Semua Produk

Gambar III.26. Menu Admin – Semua Produk

75

e. Menu Admin - Daftar Pesanan

Gambar III.27. Menu Admin – Daftar Pesanan

f. Menu Admin - Konfirmasi Pembayaran

Gambar III.28. Menu Admin – Konfirmasi Pembayaran

g. Menu Admin - Laporan Penjualan

Gambar III.29. Menu Admin – Laporan Penjualan

76

3.5. Implementasi

3.5.1. Code Generation

view_ checkouts.php

77

Gambar III.30. Code Generation Checkouts

78

3.5.2. Blackbox Testing

Teknik pengujian program dalam metode blackbox testing yang fokus

terhadap proses masukan dan keluaran program.

1. Pendaftaran Form Member Baru

Tabel III.11.

Tabel Hasil Pengujian Black Box Testing Form Pendaftaran Member baru

No Skenario

Pengujian

Test Case Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1 Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

lahir,

Kode Pos,

Email,

Username,

dan

Password

tidak diisi

kemudian

klik

tombol

daftar

Nama

Lengkap:

(kosong) No.

Telpon/Hp:

(kosong)

Alamat:

(kosong)

Provinsi:

(kosong)

Kota:

(kosong)

Jenis

Kelamin:

(kosong)

Tanggal

Lahir:

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Field Nama

Lengkap,

Data No.

Telpon/HP,

Alamat,

Provinsi,

Kota, Jenis

Kelamin,

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

79

Username:

(kosong)

Password:

(kosong)

2 Mengetikk

an Nama

Lengkap,

dan No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(kosong)

Alamat:

(kosong)

Provinsi:

(kosong)

Kota:

(kosong)

Jenis

Kelamin:

(kosong)

Tanggal

Lahir:

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

No.

Telpon/HP,

Alamat,

Provinsi,

Kota, Jenis

Kelamin,

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

3 Mengetikk

an Nama

Nama

Lengkap:

Sistem akan

menolak

Sesuai

harapan

Valid

80

Lengkap,

No.

Telpon/Hp

, dan

Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(kosong)

Provinsi:

(kosong)

Kota:

(kosong)

Jenis

Kelamin:

(kosong)

Tanggal

Lahir:

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

akses user

dan

menampilkan

“Field Data

Alamat,

Provinsi,

Kota, Jenis

Kelamin,

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

tidak boleh

dikosongkan”

4 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

dan

Provinsi,

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Provinsi,

Kota, Jenis

Sesuai

Harapan

Valid

81

Kota,

Jenis

Kelamin,

Tanggal

lahir,

Kode Pos,

Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

V Blok J6 No

22) Provinsi:

(kosong)

Kota:

(kosong)

Jenis

Kelamin:

(kosong)

Tanggal

Lahir:

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

Kelamin,

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

tidak boleh

dikosongkan”

5 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

dan Kota,

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Kota, Jenis

Kelamin,

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

Sesuai

Harapan

Valid

82

Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

Jenis

Kelamin:

(kosong)

Tanggal

Lahir:

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

tidak boleh

dikosongkan”

6 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota, dan

Jenis

Kelamin,

Kode Pos,

Email,

Username,

dan

Password

tidak diisi

kemudian

klik

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Jenis

Kelamin:

(kosong)

Tanggal

Lahir:

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Jenis

Kelamin,

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

83

tombol

daftar

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

7 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

dan

Tanggal

Lahir,

Kode Pos,

Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Jenis

Kelamin:

(Perempuan)

Tanggal

Lahir:

(kosong)

Kode Pos:

(kosong)

Email:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Tanggal

Lahir, Kode

Pos, Email,

Username,

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

84

Username:

(kosong)

Password:

(kosong)

8 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

Lahir, dan

Kode Pos,

Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Jenis

Kelamin:

(Perempuan)

Tanggal

Lahir: (1996-

10-02) Kode

Pos: (kosong)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Kode Pos,

Email,

Username,

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

9 Mengetikk

an Nama

Nama

Lengkap:

Sistem akan

menolak

Sesuai

Harapan

Valid

85

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

dan Email,

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Jenis

Kelamin:

(Perempuan)

Tanggal

Lahir: (1996-

10-02) Kode

Pos: (17610)

Email:

(kosong)

Username:

(kosong)

Password:

(kosong)

akses user

dan

menampilkan

“Field Data

Email,

Username,

Password

tidak boleh

dikosongkan”

10 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Username,

Password

Sesuai

Harapan

Valid

86

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

Email, dan

Username,

Password

tidak diisi

kemudian

klik

tombol

daftar

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Jenis

Kelamin:

(Perempuan)

Tanggal

Lahir: (1996-

10-02) Kode

Pos: (17610)

Email:

(ulfasari9@g

mail.com)

Username:

(kosong)

Password:

(kosong)

tidak boleh

dikosongkan”

11 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Sistem akan

menolak

akses user

dan

menampilkan

“Field Data

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

87

Email,

Username,

dan

Password

tidak diisi

kemudian

klik

tombol

daftar

Jenis

Kelamin:

(Perempuan)

Tanggal

Lahir: (1996-

10-02) Kode

Pos: (17610)

Email:

(ulfasari9@g

mail.com)

Username:

(ulfasari)

Password:

(kosong)

12 Mengetikk

an Nama

Lengkap,

No.

Telpon/Hp

, Alamat,

Provinsi,

Kota,

Jenis

Kelamin,

Tanggal

Lahir,

Kode Pos,

Email,

Username,

dan

Password

diisi

Nama

Lengkap:

(Ulfasari)

No.

Telpon/Hp:

(0896016927

36) Alamat:

(PUP Sektor

V Blok J6 No

22) Provinsi:

(Jawa Barat)

Kota:

(Bekasi)

Jenis

Kelamin

(Perempuan)

Tanggal

Lahir (1996-

Sistem akan

menerima

akses daftar

Sesuai

Harapan

Valid

88

kemudian

klik

tombol

daftar

10-02) Kode

Pos: (17610)

Email:

(ulfasari9@g

mail.com)

Username:

(ulfasari)

Password:

(12345)

2. Pengujian Form Login Member

Tabel III.12.

Tabel Hasil Pengujian Black Box Testing Form Login Member

No Skenario

Pengujian


Diharapkan

Hasil

Pengujian

Kesimpulan

1 Username

dan

password

tidak diisi

lalu tekan

tombol

login

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Field

Username

dan

Password

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

2 Username Username: Sistem akan Sesuai Valid

89

diisi dan

Password

dalam

keadaan

kosong lalu

tekan

tombol

login

ulfasari

Password:

(kosong)

menolak

akses user

dan

menampilkan

“Field

Password

tidak boleh

dikosongkan”

Harapan

3 Username

dalam

keadaan

kosong dan

Password

diisi

kosong lalu

tekan

tombol

login

Username:

(kosong)

Password:

(12345)

Sistem akan

menolak

akses user

dan

menampilkan

“Field

Username

tidak boleh

dikosongkan”

Sesuai

Harapan

Valid

4 Mengetikk

an salah

satu

kondisi

salah pada

Username

atau

Password

lalu tekan

tombol

login

Username:

ulfasari

Password:

12346(salah)

Sistem akan

menolak

akses user

dan

menampilkan

“Gagal

Login!!!

Password

yang

dimasukkan

salah. Silakan

Coba Lagi”

Sesuai

Harapan

Valid

5 Username

dan

Username:

ulfasari

Sistem

menerima

Sesuai

Harapan

Valid

90

Password

diisi dalam

kondisi

benar lalu

tekan

tombol

login

Password:

12345

akses login

dan

kemudian

langsung

menampilkan

halaman

beranda

3. Pengujian Blackbox Testing Form Login Admin

Tabel III.13.

Hasil Pengujian Black Box Testing Form Login Admin

No

Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1 Username

dan

Password

tidak diisi

lalu tekan

tombol sign

in

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Harap isi

pada bidang

ini pada field

Username dan

Password”

Sesuai

Harapan

Valid

2 Username

diisi dan

password

dalam

keadaan

kosong lalu

tekan tombol

sign in

Username:

(admin)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Harap isi

pada bidang

ini pada field

Password”

Sesuai

Harapan

Valid

91

3 Username

dalam

keadaan

kosong dan

password

diisi lalu

tekan tombol

sign in

Username:

(kosong)

Password:

12345

Sistem akan

menolak akses

user dan

menampilkan

“Harap isi

pada bidang

ini pada field

Username”

Sesuai

Harapan

Valid

4 Mengetikkan

salah satu

kondisi salah

pada

Username

atau

password

lalu tekan

tombol sign

in

Username:

admin

(kosong)

Password:

12347

Sistem akan

menolak akses

user dan

menampilkan

“Form Login

admin

kembali”

Sesuai

Harapan

Valid

5 Mengetikkan

Username

dan

password

dalam

kondisi

benar lalu

tekan tombol

sign in

Username:

admin

Password:

admin

Sistem akan

menerima

akses login

dan

menampilkan

halaman

dashboard

admin

Sesuai

Harapan

Valid

92

3.5.3. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

a. Processor : Intel Core 2 Duo CPU

b. Memory Size : 3,00 GB

c. Harddisk : 160 GB

2. Spesifikasi Software

a. Sistem Operasi : Microsoft Windows 7 Ultimate

b. Editor : Netbeans 8.2

c. Aplikasi Design : Adobe Photoshop

d. Bahasa Script : PHP

e. Web Server : XAMPP

f. Web Browser : Mozilla Firefox

g. Database : MySQL

bab iii pembahasan...36 bab iii pembahasan 3.1. tinjauan perusahaan toko gea collection bekasi...

Documents