BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan...

50
26 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan 3.1.1. Sejarah Perusahaan FAKO adalah perusahaan milik keluarga Hj.Faridah yang bergerak dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus tahun 1994 dan disahkan dengan nomer Surat Izin Usaha Perdanganan (SIUP): 517/131/137/MIKRO/DU/BPPTPM/IV/2014 dan nomer Tanda Daftar Perusahaan (TDP): 10.04.5.77.03138. Dengan modal 35 juta rupiah, keluarga Hj.Faridah mulai membangun perusahaan untuk kelangsungan kehidupan keluarga mereka ke depannya. Dengan modal 35 juta rupiah, perusahaan ini boleh berjalan sampai sekarang ini. Setelah berjalan selama 21 tahun, perusahaan ini mempunyai 15 orang karyawan dan memiliki pelanggan tetap yang cukup banyak sehingga pemasukan perusahaan ini 75 100 juta rupiah per bulan. Perusahaan ini bisa berjalan sampai sekarang ini karena usaha dan kerja keras serta kerjasama antara pengelola perusahaan. Saat ini yang menjalankan perusahaan adalah anaknya yaitu Aditya Wibowo. 3.1.2. Struktur Organisasi dan Fungsi Struktur organisasi merupakan skema untuk membagi kegiatan menjadi kelompok-kelompok tertentu yang secara jelas diuraikan fungsi, tugas dan

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan...

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

26

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Perusahaan

FAKO adalah perusahaan milik keluarga Hj.Faridah yang bergerak

dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang

beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus tahun

1994 dan disahkan dengan nomer Surat Izin Usaha Perdanganan (SIUP):

517/131/137/MIKRO/DU/BPPTPM/IV/2014 dan nomer Tanda Daftar Perusahaan

(TDP): 10.04.5.77.03138. Dengan modal 35 juta rupiah, keluarga Hj.Faridah

mulai membangun perusahaan untuk kelangsungan kehidupan keluarga mereka ke

depannya. Dengan modal 35 juta rupiah, perusahaan ini boleh berjalan sampai

sekarang ini.

Setelah berjalan selama 21 tahun, perusahaan ini mempunyai 15 orang

karyawan dan memiliki pelanggan tetap yang cukup banyak sehingga pemasukan

perusahaan ini 75 – 100 juta rupiah per bulan. Perusahaan ini bisa berjalan sampai

sekarang ini karena usaha dan kerja keras serta kerjasama antara pengelola

perusahaan. Saat ini yang menjalankan perusahaan adalah anaknya yaitu Aditya

Wibowo.

3.1.2. Struktur Organisasi dan Fungsi

Struktur organisasi merupakan skema untuk membagi kegiatan menjadi

kelompok-kelompok tertentu yang secara jelas diuraikan fungsi, tugas dan

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

27

tanggung jawabnya. Hal ini dilakukan untuk menghindari adanya saling lempar

tanggung jawab antar anggota organisasi. Adapun struktur yang terdapat di dalam

perusahaan CV. FAKO adalah :

Gambar III.1

Struktur Organisasi Perusahaan CV.FAKO

Dalam struktur organisasi ini dapat dijelaskan pembagian tugas dan

tanggung jawab yang ada. Adapun tugas dan fungsi masing-masing personal

sebagai berikut :

1. Pemilik Perusahaan (Owner)

Merupakan penanam modal awal. Bertugas memeriksa laporan keuangan,

serta mengawasi seluruh kegiatan perusahaan.

2. Manager

Bertugas mengelola perusahaan, bertanggung jawab atas kegiatan di

perusahaan, terutama masalah penyewaan diperusahaan.

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

28

3. Karyawan

Bertugas melayani konsumen, pembayaran dari konsumen, menangani

seluruh kegiatan yang berkaitan dengan keuangan, seperti membuat dan

memberikan laporan penjualan berupa laporan penjualan harian dan bulanan yang

ditujukan kepada pemilik perusahaan.Bertugas turun langsung ke lapangan dalam

proses pemasangan serta pembongkaran tenda atau alat-alat pesta yang di sewa

oleh pelanggan.

3.2. Analisa Kebutuhan

Kebutuhan manusia akan informasi meningkat seiring dengan

perkembangan zaman. Untuk mendapatkan informasi tersebut diantaranya dapat

dilakukan dengan menjelajah dunia maya yaitu menggunakan internet. Saat ini

memasang situs di internet adalah cara promosi yang efektif dan efisien. Sehingga

seseorang atau perusahaan ingin mempromosikan produk atau jasanya dengan

media internet, karena manfaat yang dihasilkan dan informasi akan lebih cepat

diterima oleh konsumen. Atas alasan mudah dijangkau semua kalangan dan

dimana saja internet juga digunakan sebagai media promosi yang efisien serta

mengurangi penggunaan media fisik yang menghasilkan limbah.

1. Analisa Kebutuhan Sistem

a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses

web ini dengan memasukan username dan password agar privasi admin

tetap terjaga keamanannya.

b. Pelanggan harus mengisi form booking terlebih dahulu untuk dapat

melakukan pemesanan peralatan pesta.

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

29

c. Pelanggan dapat masuk ke halaman Order Status dengan Order ID

yang disediakan jika sudah melakukan booking terlebih dahulu.

d. Admin harus melakukan logout setelah selesai mengelola data.

e. Pelanggan harus keluar dari halaman Order Status jika selesai melihat

status pesanan.

f. Sistem melakukan perhitungan total pesanan pelanggan dan memberi

Order ID kepada pelanggan yang sudah melakukan booking.

2. Analisa Kebutuhan Pengguna

a. Kebutuhan Admin

a) Admin dapat menambah data produk yang nanti dapat dilihat oleh

pengguna di katalog website.

b) Admin dapat melihat data pelanggan yang masuk ke database.

c) Admin dapat melihat data booking pesanan yang telah masuk.

d) Admin dapat melakukan persetujuan pembayaran jika ada

konfirmasi pembayaran dari pelanggan, yang dapat dilihat oleh

pelanggan kalau pembayaran sudah diterima.

e) Admin dapat menambah testimoni dari pelanggan.

f) Admin dapat menambah foto dokumentasi yang kemudian akan

ditampil di halaman Gallery.

g) Admin dapat melihat dan mengelola data mitra kerja CV.FAKO.

h) Admin dapat melihat laporan pesanan yang telah diterima oleh

CV.FAKO.

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

30

b. Kebutuhan Pelanggan

a) Pelanggan dapat melihat katalog yang berisi produk-produk

peralatan pesta yang dapat disewakan.

b) Pelanggan dapat masukan produk-produk yang ingin disewakan ke

dalam shopping cart jika sudah melakukan booking terlebih

dahulu.

c) Pelanggan dapat masuk ke halaman Order Status dengan Order ID

yang telah diberikan untuk melihat status pesanan dan melakukan

konfirmasi pembayaran jika sudah melakukan pembayaran.

d) Pelanggan dapat melihat dokumentasi foto di halaman Gallery.

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antarmuka

Untuk membuat web ini agar terlihat sederhana, menarik, dan mudah

dimengerti oleh pengguna diperlukan rancangan antarmuka (interface).

Rancangan antarmuka harus dilakukan karena merupakan bagian yang

berhubungan langsung dengan pengguna, yaitu segala sesuatu yang dilihat oleh

pengguna (yang muncul di layar monitor). Untuk membuat rancangan antarmuka

digunakan storyboard. Storyboard atau alur cerita adalah langkah yang dilakukan

setelah mendefinisikan elemen web, yang merupakan gambaran dan penjelasan

tiap gambar, teks, dan navigasi.

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

31

1. Rancangan Halaman Home

Gambar III.2

Rancangan Halaman Home

2. Rancangan Halaman Catalog Catering

Gambar III.3

Rancangan Halaman Catalog Catering

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

32

3. Rancangan Halaman Catalog Decorations

Gambar III.4

Rancangan Halaman Catalog Decorations

4. Rancangan Halaman Product Details

Gambar III.5

Rancangan Halaman Product Details

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

33

5. Rancangan Halaman Booking

Gambar III.6

Rancangan Halaman Booking

6. Rancangan Halaman How to Order

Gambar III.7

Rancangan Halaman How to Order

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

34

7. Rancangan Halaman Shopping Cart

Gambar III.8

Rancangan Halaman Shopping Cart

8. Rancangan Halaman Payment Details

Gambar III.9

Rancangan Halaman Payment Details

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

35

9. Rancangan Halaman Order Status

Gambar III.10

Rancangan Halaman Order Status

10. Rancangan Halaman Gallery

Gambar III.11

Rancangan Halaman Gallery

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

36

11. Rancangan Halaman About Us

Gambar III.12

Rancangan Halaman About Us

12. Rancangan Halaman Admin Login

Gambar III.13

Rancangan Halaman Admin Login

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

37

13. Rancangan Halaman Admin Order Data

Gambar III.14

Rancangan Halaman Admin Order Data

14. Rancangan Halaman Admin Customer Details

Gambar III.15

Rancangan Halaman Admin Customer Details

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

38

15. Rancangan Halaman Admin Product Data

Gambar III.16

Rancangan Halaman Admin Product

16. Rancangan Halaman Admin Testimony

Gambar III.17

Rancangan Halaman Admin Testimony

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

39

17. Rancangan Halaman Admin Gallery

Gambar III.18

Rancangan Halaman Admin Gallery

18. Rancangan Halaman Admin Partners

Gambar III.19

Rancangan Halaman Admin Partners

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

40

19. Rancangan Halaman Admin Reports

Gambar III.20

Rancangan Halaman Admin Report

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

41

3.3.2. Rancangan Basis Data

A. Entity Relational Diagram (ERD)

ERD adalah diagram yang memperlihatkan entitas-entitas yang terlibat

dalam suatu sistem serta hubungan-hubungan atau relasi antar entitas

tersebut. Model Entity-Relationship yang berisi komponen-komponen

himpunan entitas dan relasi yang masing-masing dilengkapi dengan

atribut-atribut yang merepresentasikan seluru fakta dari “Dunia Nyata”

yang ditinjau, dapat digambarkan dengan lebih sistematis dengan

menggunakan diagram Entity-Relationship.

Gambar III.21

Entity Relationship Diagram

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

42

B. Logical Relational Structure (LRS)

LRS adalah model yang dibangun menunjukan segala suatu yang harus

dimasukan dalam sistem dan dalam sesuatu yang harus dikerjakan oleh

sistem, tanpa memerinci bagian sistem kerja

Gambar III.22

Logical Relational Structure

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

43

C. Spesifikasi File

Spesifikasi file pada website yang dirancang membahas mengenai keseluruhan

tabel yang terdapat di dalam database. Di dalam database ini terdapat berberapa

tabel yang berisi field/kolom beserta kunci dari tiap field/tabel yang ada, sehingga

terbentuklah data yang saling berhubungan. Berikut adalah penjelasan dari

spesifikasi file tersebut:

1. Spesifikasi File Customer Details

Nama File : customer_details

Akronim : custdetails

Fungsi : untuk menyimpan detail pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 180 karakter

Kunci Field : session_ID

Software : MySQL

Tabel III.1

Spesifikasi File Customer Detail

No Elemen data Nama Field Tipe Size Ket

1. Session ID session_ID Int 30 Primary Key

2. Customer Name Name Varchar 40

3. Address Address Varchar 50

4. Email Email Varchar 30

5. Phone 1 phone_1 Int 15

6. Phone 2 phone_2 Int 15

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

44

2. Spesifikasi File Product

Nama File : product

Akronim : product

Fungsi : untuk menyimpan data produk.

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 184 karakter

Kunci Field : product_ID

Software : MySQL

Tabel III.2

Spesifikasi File Product

No Elemen data Nama Field Tipe Size Ket

1. Product ID product_ID Int 2 Primary Key

2. Category Category Int 1

3. Product Name product_name Varchar 50

4. Description Desc Text

5. Price Price Int 20

6. Minimum Minimun Int 3

7. Picture Picture Varchar 100

8. Stock Stock Varchar 4

9. Booked Booked Varchar 4

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

45

3. Spesifikasi File Order Status

Nama File : order_status

Akronim : orderstatus

Fungsi : untuk menyimpan data pesanan

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 59 karakter

Kunci Field : order_ID

Software : MySQL

Tabel III.3

Spesifikasi File Order Status

No Elemen data Nama Field Tipe Size Ket

1. Order ID order_ID varchar 6 Primary Key

2. Session ID session_ID Int 30 Foreign Key

3. Location Location varchar 3

4. Event Address event_address Text

5. Event Date event_date Date

6. Date Order date_order Date

7. Status Status Varchar 20

8. End Date end_date Date

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

46

4. Spesifikasi File Order List

Nama File : order_list

Akronim : orderlist

Fungsi : untuk menyimpan detail pesanan

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 31 karakter

Kunci Field : order_ID

Software : MySQL

Tabel III.4

Spesifikasi File Order List

No Elemen data Nama Field Tipe Size Ket

1. Order ID order_ID Varchar 6 Foreign Key

2. Product ID product_ID Int 2 Foreign Key

3. Quantity Qty Int 3

4. Price Price Int 20

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

47

5. Spesifikasi File Shopping Cart

Nama File : shopping_cart

Akronim : shoppingcart

Fungsi : untuk menyimpan session shopping cart

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 35 karakter

Kunci Field : session_ID

Software : MySQL

Tabel III.5

Spesifikasi File Shopping Cart

No Elemen data Nama Field Tipe Size Ket

1. Session ID session_ID Int 30 Foreign Key

2. Product ID product_ID Int 2 Foreign Key

3. Qty Qty Int 3

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

48

6. Spesifikasi File Gallery

Nama File : gallery

Akronim : gallery

Fungsi : untuk menyimpan data dokumentasi

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 154 karakter

Kunci Field : gal_ID

Software : MySQL

Tabel III.6

Spesifikasi File Gallery

No Elemen data Nama Field Tipe Size Ket

1. Gallery ID gal_ID Int 2 Primary Key

2. Gallery Name gal_name Varchar 50

3. Gallery

Description

gal_desc Text

4. Gallery Picture gal_picture Varchar 100

5. Product ID product_ID Varchar 2 Foreign Key

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

49

7. Spesifikasi File Testimony

Nama File : testimony

Akronim : testimony

Fungsi : untuk menyimpan testimoni pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 52 karakter

Kunci Field : testi_ID

Software : MySQL

Tabel III.7

Spesifikasi File Testimony

No Elemen data Nama Field Tipe Size Ket

1. Testimony ID testi_ID Int 2 Primary Key

2. Customer Name Name Varchar 50 Foreign Key

3. Content Content Text

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

50

8. Spesifikasi File Partners

Nama File : partners

Akronim : partners

Fungsi : untuk menyimpan data mitra kerja

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 82 karakter

Kunci Field : partner_ID

Software : MySQL

Tabel III.8

Spesifikasi File Partners

No Elemen data Nama Field Tipe Size Ket

1. Partner ID partner_ID Int 2 Primary Key

2. Partner Name partner_name Varchar 30

3. PartnerEmail partner_email Varchar 30

4. City/Location City Varchar 20

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

51

9. Spesifikasi File Admin

Nama File : admin

Akronim : admin

Fungsi : untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 80 karakter

Kunci Field : admin_ID

Software : MySQL

Tabel III.9

Spesifikasi File Admin

No Elemen data Nama Field Tipe Size Ket

1. Admin ID admin_ID Varchar 15 Primary Key

2. Admin Name admin_name Varchar 30

3. Password password Varchar 35

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

52

3.3.3. Rancangan Struktur Navigasi

Struktur navigasi adalah gabungan dari struktur referensi informasi situs

web dan mekanisme link yang mendukung pengunjung untuk melakukan

penjelajahan situs. Struktur navigasi yang digunakan pada website ini adalah

struktur navigasi campuran.

Gambar III.23

Struktur Organisasi Halaman User

Gambar III.24

Struktur Organisasi Halaman Admin

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

53

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

1. Implementasi Rancangan Antarmuka

Rancangan antarmuka website CV.FAKO ini terdiri dari:

a. Halaman Home

Halaman Home (Beranda) merupakan tampilan utama website yang

terdiri dari header, menu atas yang terdapat berapa menu seperti home,

catalog, order, gallery, about us dan shopping cart, menu kanan yang

terdiri dari order status dan testimony, dan juga footer.

Gambar III.25

Halaman Home

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

54

b. Halaman Catalog Catering

Halaman Catalog Catering (Katalog Katering) merupakan halaman

dimana pengguna bisa melihat produk-produk nya CV.FAKO yang

tersedia untuk disewakan dan juga telah dibagi ke dalam kategori

katering.

Gambar III.26

Halaman Catalog Catering

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

55

c. Halaman Catalog Decorations

Halaman Catalog Decorations (Katalog Dekorasi) merupakan halaman

dimana pengguna bisa melihat produk-produk nya CV.FAKO yang

tersedia untuk disewakan dan juga telah dibagi ke dalam kategori

dekorasi.

Gambar III.27

Halaman Catalog Decorations

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

56

d. Halaman Product Details

Halaman Product Details (Detail Produk) merupakan halaman dimana

pengguna bisa melihat detail produk nya CV.FAKO yang berisi

deskripsi produk dan gambar produk, dan juga tersedia tombol order

jika pengguna ingin memesan produk tersebut.

Gambar III.28

Halaman Product Details

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

57

e. Halaman Booking

Halaman Booking merupakan halaman dimana jika pengguna ingin

melakukan pesanan, pengguna harus mengisi form booking yang

tersedia untuk bisa melakukan booking pesanan. Jika pengguna belum

mengisi form tersebut maka pengguna belum bisa melakukan pesanan.

Gambar III.29

Halaman Booking

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

58

f. Halaman How to Order

Halaman How to Order (Cara Pesan) merupakan halaman dimana

pengguna bisa melihat cara melakukan pesanan di website CV.FAKO

ini.

Gambar III.30

Halaman How to Order

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

59

g. Halaman Shopping Cart

Halaman Shopping Cart adalah jika pengguna klik shopping cart maka

akan ke halaman shopping cart tersebut dimana pengguna bisa melihat

produk apa saja yang akan dipesan dan bisa check out kalo udah selesai

memilih produk-produknya.

Gambar III.31

Halaman Shopping Cart

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

60

h. Halaman Payment Details

Halaman Payment Details (Detail Pembayaran) merupakan halaman

dimana pengguna jika telah selesai order dan mau melakukan

pembayaran akan muncul di halaman ini yang tersedia dari detail-

detail seperti list produk-produk yang dipesan, total harga, dan detail

transaksi, dan akan juga muncul Order ID dimana pengguna harus

catat untuk bisa melihat detail pesanan dan konfirmasi pembayaran

jika pengguna sudah melakukan pembayaran.

Gambar III.32

Halaman Payment Details

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

61

i. Halaman Order Status

Halaman Order Status (Status Pesanan) adalah jika pengguna masukan

Order ID ke textbox Order Status maka akan masuk ke halaman

berikut yang terdiri dari list produk-produk yang dipesan, total harga

dan status pesanan pengguna tersebut, dan ada tombol confirm

payment untuk pengguna konfirmasi pembayaran jika sudah

melakukan pembayaran.

Gambar III.33

Halaman Order Status

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

62

j. Halaman Gallery

Halaman Gallery (Galeri) merupakan halaman dimana pengguna bisa

melihat galeri yang terdiri dari dokumentasi CV.FAKO

Gambar III.34

Halaman Gallery

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

63

k. Halaman About Us

Halaman About Us (Tentang Kami) merupakan halaman dimana

pengguna bisa melihat profil perusahaan CV.FAKO.

Gambar III.35

Halaman About Us

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

64

l. Halaman Admin Login

Halaman dimana admin perusahaan CV.FAKO bisa melakukan login

untuk masuki halaman utama admin.

Gambar III.36

Halaman Admin Login

Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

65

m. Halaman Admin Order Data

Halaman Admin Order Data (Data Pesanan) adalah jika admin telah

melakukan login maka akan langsung masuk ke halaman berikut yang

tersedia dari data tabel Order List dan Order Status dimana admin bisa

melihat dan mengatur pesanan-pesanan yang telah masuk.

Gambar III.37

Halaman Admin Order Data

Page 41: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

66

n. Halaman Admin Customer Details

Halaman Admin Customer Details (Detail Pelanggan) merupakan

halaman dimana admin bisa melihat dan mengatur data pelanggan

yang telah masuk.

Gambar III.38

Halaman Admin Customer Details

Page 42: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

67

o. Halaman Admin Product Data

Halaman Admin Product Data (Produk) merupakan halaman dimana

admin bisa melihat dan mengatur data produk yang tersedia di

perusahaan CV.FAKO.

Gambar III.39

Halaman Admin Product Data

Page 43: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

68

p. Halaman Admin Testimony

Halaman Admin Testimony (Testimoni) dimana admin bisa melihat

dan mengatur testimoni-testimoni yang telah diupload oleh pengguna.

Gambar III.40

Halaman Admin Testimony

Page 44: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

69

q. Halaman Admin Gallery

Halaman Admin Gallery (Galeri) dimana admin bisa mengatur galeri

atau dokumentasi dari persusahaan CV.FAKO.

Gambar III.41

Halaman Admin Gallery

Page 45: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

70

r. Halaman Admin Partners

Halaman Admin Partners (Mitra) dimana admin bisa melihat dan

mengatur mitra kerja yang bekerjasama dengan persusahaan

CV.FAKO.

Gambar III.42

Halaman Admin Partners

Page 46: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

71

s. Halaman Admin Reports

Halaman Admin Reports (Laporan) dimana admin bisa melihat laporan

transaksi CV.FAKO dalam bentuk list pesanan CV.FAKO yang sudah

berstatus finish atau selesai.

Gambar III.43

Halaman Admin Reports

2. Spesifikasi Perangkat Keras

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimun yang dibutuhkan untuk mengimplementasikan website penyewaan

peralatan pesta ini.

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

Page 47: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

72

5) Koneksi internet dengan kecepatan 2 Mbps.

a. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

3. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux.

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad

yang terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer atau Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux.

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer atau Google Chrome.

Page 48: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

73

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Booking

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua field

tidak diisi

kemudian

klik tombol

“Book”

Name : kosong

Email : kosong

Phone 1 : kosong

Phone 2 : kosong

Event Address:

kosong

Date : (kosong)

Sistem akan menolak

input user karena

masih kosong dan

belom diisikan

dengan menampilakn

peringatan “Please

fill out this field”.

Sesuai

harapan Valid

2. Mengetikan

Email

dengan

huruf biasa.

Email : abc

(salah)

Sistem akan menolak

dan menampilakn

“please input an

email address”.

Sesuai

harapan Valid

3. Mengetikan

Email

dengan

dengan

benar.

Email :

[email protected]

(benar)

Sistem akan

menerima input user

jika input yang lain

benar semua.

Sesuai

harapan Valid

4. Salah satu

field tidak

diisi

kemudian

klik tombol

“Book”

Name : kosong

Email : diisi

Phone 1 : diisi

Phone 2 : diisi

Event Address:

diisi

Date : diisi

Sistem akan menolak

input user karena

masih ada yang

kosong dan belom

diisikan dengan

menampilkan

peringatan “Please

fill out this field”.

Sesuai

harapan

Valid

5. Semua

field diisi

dengan

benar

kemudian

klik tombol

“Book”

Name : diisi

Email : diisi

Phone 1 : diisi

Phone 2 : diisi

Event Address:

diisi

Date : diisi

Sistem akan

menerima input user

dan kemudian

langsung

menampilkan

halaman catalog

Sesuai

harapan

Valid

Page 49: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

74

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Admin Login

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil pengujian Kesimpulan

1. Admin Id dan

password

tidak diisi

kemudian klik

tombol

“Login”

Admin ID :

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

admin dan

menampilkan

“Login Failed”

Sesuai harapan Valid

2. Mengetikkan

admin ID dan

password

tidak diisi atau

kosong

kemudian klik

tombol

“Login”

Admin ID:

admin

Password :

(kosong)

Sistem akan

menolak akses

admin dan

menampilkan

“Login Failed” Sesuai harapan Valid

3. Admin ID

tidak diisi

(kosong) dan

password

diisi kemudian

klik tombol

“Login”

Admin ID:

(kosong)

Password:

admin

Sistem akan

menolak akses

admin dan

menampilkan

“Login Failed”

Sesuai harapan Valid

4. Mengetikkan

salah satu

kondisi salah

pada admin

ID atau

password

kemudian klik

tombol

“Login”

Admin ID:

admin (benar)

Password: aaa

(salah)

Sistem akan

menolak akses

admin dan

menampilkan

“Login Failed”

Sesuai harapan

Valid

5. Mengetikkan

admin ID dan

password

dengan data

yang benar

kemudian klik

tombol

“Login”

Admin ID:

admin (benar)

Password:

admin (benar)

Sistem

menerima

akses login

dan kemudian

langsung

menampilkan

menu utama

admin.

Sesuai harapan

Valid

Page 50: BAB III PEMBAHASAN - repository.bsi.ac.id · dibidang penyewaan jasa yakni penyewaan tenda dan alat-alat pesta yang beralamat di Jl. Ahmad Yani No.86 D Bogor, berdiri pada bulan Agustus

75

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Admin Add Product

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua field

tidak diisi

kemudian

klik tombol

“Input”

Product Name :

kosong

Description :

kosong

Price : kosong

Minimum :

kosong

Picture : kosong

Stock : kosong

Booked : kosong

Sistem akan menolak

input admin karena

masih kosong dan

belom diisikan

dengan menampilakn

peringatan “Please

fill out this field”.

Sesuai

harapan Valid

2. Salah satu

field tidak

diisi

kemudian

klik tombol

“Input”

Product Name :

kosong

Description : diisi

Price : diisi

Minimum : diisi

Picture : diisi

Stock : diisi

Booked : diisi

Sistem akan menolak

input admin karena

masih kosong dan

belom diisikan

dengan menampilakn

peringatan “Please

fill out this field”.

Sesuai

harapan Valid

3. Semua field

diisi dengan

benar

kemudian

klik tombol

“Input”

Product Name :

diisi

Description : diisi

Price : diisi

Minimum : diisi

Picture : diisi

Stock : diisi

Booked : diisi

Sistem akan

menerima input

admin dan kemudian

menyimpan input

admin ke dalam

database.

Sesuai

harapan Valid