BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding...

58
21 BAB III PEMBAHASAN 3.1 Tinjauan Perusahaan 3.1.1. Profil Perusahaan Ratu Bilqis atau biasa dipanggil RB berdiri pada tahun 2012. Mempunyai arti yaitu “Wanita yang terpilih”. Nama Ratu Bilqis diberikan oleh kakek pemilik bisnis ini. Pada tahun 2012 tersebut, pemilik bukan menjalani usaha di bidang wedding organizer melainkan bisnis skincare dan butik pakaian. Tetapi karena kendala tertentu, bisnis butik pakaian mulai ditinggalkan. Pada tahun 2014, ketika sang pemilik melangsungkan pernikahan. Beliau memutuskan untuk membuat kebaya pernikahan. Karena hobi fashion dan makeup, dalam waktu 3 bulan menjelang pernikahannya, jadilah 2 busana pengantin. Ketika melangsungkan akad nikah, beliau memutuskan untuk memakai jasa makeup dari Jakarta dan di hari berikutnya memakai jasa MUA di Bandung. Karena menurut beliau di kota Karawang belum ada yang membuatnya tertarik, maka sang pemilik tertarik membuka jasa rias di Karawang dan memutuskan untuk ikut les makeup di beberapa MUA ternama di Jakarta dan Bandung. Pada saat itu, banyak pro kontra mengenai bisnis yang akan dijalani, dikarenakan latar belakang profesi beliau bukan dari kecantikan, melainkan di bidang kesehatan. Namun karena dukungan dari suaminya, maka beliau melanjutkan hobi makeup tersebut. Awalnya sang pemilik hanya berani makeup door to door untuk jasa makeup wisuda atau yang kondangan. Setelah beberapa bulan kursus yang dijalani, beliau mendapatkan klien pertama yaitu temannya sendiri. Pada saat itu, klien

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding...

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

21

BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

3.1.1. Profil Perusahaan

Ratu Bilqis atau biasa dipanggil RB berdiri pada tahun 2012. Mempunyai arti

yaitu “Wanita yang terpilih”. Nama Ratu Bilqis diberikan oleh kakek pemilik bisnis

ini. Pada tahun 2012 tersebut, pemilik bukan menjalani usaha di bidang wedding

organizer melainkan bisnis skincare dan butik pakaian. Tetapi karena kendala tertentu,

bisnis butik pakaian mulai ditinggalkan.

Pada tahun 2014, ketika sang pemilik melangsungkan pernikahan. Beliau

memutuskan untuk membuat kebaya pernikahan. Karena hobi fashion dan makeup,

dalam waktu 3 bulan menjelang pernikahannya, jadilah 2 busana pengantin. Ketika

melangsungkan akad nikah, beliau memutuskan untuk memakai jasa makeup dari

Jakarta dan di hari berikutnya memakai jasa MUA di Bandung. Karena menurut beliau

di kota Karawang belum ada yang membuatnya tertarik, maka sang pemilik tertarik

membuka jasa rias di Karawang dan memutuskan untuk ikut les makeup di beberapa

MUA ternama di Jakarta dan Bandung.

Pada saat itu, banyak pro kontra mengenai bisnis yang akan dijalani,

dikarenakan latar belakang profesi beliau bukan dari kecantikan, melainkan di bidang

kesehatan. Namun karena dukungan dari suaminya, maka beliau melanjutkan hobi

makeup tersebut. Awalnya sang pemilik hanya berani makeup door to door untuk jasa

makeup wisuda atau yang kondangan. Setelah beberapa bulan kursus yang dijalani,

beliau mendapatkan klien pertama yaitu temannya sendiri. Pada saat itu, klien

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

22

pertamanya memakai busana pengantin yang dimiliki sang pemilik saat

melangsungkan pernikahan. Waktu telah berlangsung 6 bulan, maka diputuskan nama

“Ratu Bilqis Bride’s” yang artinya Seorang pemimpin perempuan yang terpilih untuk

para pengantin.

Pada tahun 2015, jasa Ratu Bilqis mulai dikenali oleh masyarakat. Tetapi yang

menggunakan jasanya, hanya terhitung 1 orang dalam jangka waktu 6 bulan. Namun

beliau tidak menyerah. Beliau tetap mengembangkan bisnisnya yaitu makeup wisuda

dan makeup biasa. Beliau pun menawarkan harga yang murah yaitu sekitar RP 1,5 Juta

untuk satu kali makeup dan satu gaun pengantin. Namun beberapa bulan kemudian,

beliau menaikkan harga tersebut. Dikarenakan memakai brand kosmetik luar negeri

untuk hasil yang hakiki dan gaun pengantin dengan desain dari jasa designer nya

langsung.

Pada tahun 2016, beliau mulai mengeksplor dan kembali ikut les makeup dan

mulai mengkoleksi gaun dan jas serta perlengkapan lainnya. Menginjak tahun 2017,

beliau memutuskan untuk membuka studio makeup dan studio foto di rumah sendiri.

Dengan menyediakan hanya 1 spot foto dengan background putih dan bunga sakura

putih karena target beliau ingin memliki studio foto yang Thematic.

Di pertengahan tahun 2017, beliau mulai kenalan dengan beberapa fotografer dan

sharing mengenai makeup yang akan kelihatan hasilnya di kamera. Dilihat dari

beberapa hasil foto dari fotografer tersebut, beliau yakin sekarang banyak perias yang

satu mode dengannya yaitu Modern modifikasi . namun beliaupun tetap belajar makeup

adat istiadat.

Pada akhir tahun 2017, beliau menambah tempat untuk studio dengan 5 tema.

Beliaupun mempercayai fotografer yang memotret di studio Ratu Bilqis. Karena ide

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

23

nya yang membuka studio rumah. Beliaupun sekarang memiliki beberapa vendor.

Diantara nya fotografer, hiburan, dan dekorasi.

Ratu Bilqis Bride’s yang beralamatkan di Kedung mulya, RT 25/07. N 95,

Desa Pasirkaliki Kecamatan Rawamerta, Karawang kini telah mencapai 20-30 pasang

calon pengantin yang memakai jasa prawedding di studi ratu Bilqis. Dan

menggunakan jasa wedding berkisar 10-20 pasang dalam 1 bulan. Kini Ratu Bilqis

telah memiliki 5 team makeup yang awalnya hanya satu orang saja. Tiap 1 orang klien

dipegang oleh 1 pegawai agar ketika klien booking sampai selesai acara dapat

dipertanggungjawabkan dengan baik dan klien nyaman dengan pelayanan eksklusif

yang Ratu Bilqis Bride’s berikan.

3.1.1. Struktur Organisasi dan Fungsi

Sumber: Ratu Bilqis Bride’s (2019)

Gambar: III.1 Struktur Organisasi

Uraian fungsi dari struktur organisasi pada gambar III.1 adalah sebagai berikut:

1. Pemilik:

a. Memonitor setiap kegiatan acara yang akan dilaksanakan

b. Meninjau laporan transaksi

Pemilik

Evi Rosmiati

Admin 1

Siti Bandari

Admin 2

Ade Ria

Admin 3

Enong

Admin 4

Siti HodijahTeam make-up

- Linda Lestari

- Dina Lala

- Sifa Fania

- Fitri

- Annisa

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

24

c. Melakukan make-up apabila dibutuhkan

2. Admin 1:

a. Merancang konsep sesuai dengan tema pernikahan calon pengantin

b. Mengatur jadwal pertemuan dengan vendor

c. Melakukan make-up apabila dibutuhkan

3. Admin 2 :

a. Mengatur jadwal temu klien

b. Meninjau kontrak dan semua pembayaran paket wedding

c. Membayar vendor yang terlibat dalam paket wedding

d. Merekap laporan transaksi

4. Admin 3:

a. Melakukan konsultasi dengan klien

b. Merekomendasikan paket wedding yang sesuai dengan budget calon pengantin

c. Mengalokasikan dekorasi dan komponen yang ada pada paket wedding

d. Meninjau barang atau aksesoris yang disewakan pada klien

5. Admin 4:

a. Mengkoordinasi seluruh pihak yang terlibat di dalam acara pernikahan

b. Mengawal dan memantau setiap kegiatan di hari acara

c. Berkomunikasi dengan vendor

6. Tim Make-up:

a. Melakukan konsultasi dengan calon pengantin terkait dengan make-up

b. Melakukan make-up kepada pihak yang terlibat dalam acara

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

25

3.2. Analisa Kebutuhan

Pada penyusunan Tugas Akhir ini, terdapat 2 analisa kebutuhan. Analisa

kebutuhan tersebut yaitu analisa kebutuhan pengguna dan analisa kebutuhan sistem.

3.2.1 Analisa Kebutuhan Pengguna

Analisa kebutuhan pengguna pada web Ratu Bilqis Bride’s terbagi menjadi

empat bagian yaitu admin, klien , dan pengunjung. Berikut penjelasannya:

1. Analisa kebutuhan pengguna untuk admin

a. Admin dapat mengelola data klien

b. Admin dapat menambahkan paket wedding

c. Admin dapat mengelola informasi yang terdapat pada web

d. Admin dapat mengelola transaksi klien

e. Admin dapat menentukan tanggal acara yang sudah dibooking

f. Admin dapat mengubah status pesanan klien

2. Analisa kebutuhan pengguna untuk klien

a. Klien dapat melihat paket dan detail paket wedding secara online

b. Klien dapat melihat informasi events, galeri yang ada pada web Ratu Bilqis

Bride’s

c. Klien dapat melakukan pemesanan paket secara online

d. Klien dapat mengecek status pesanan dan mengkonfirmasi pembayaran

yang dilakukan melalui transfer antar bank

3. Analisa kebutuhan pengguna untuk pengunjung

a. Pengunjung dapat mengakses laman web Ratu Bilqis Bride’s

b. Pengunjung dapat melihat paket dan detail paket wedding secara online

c. Pengunjung dapat melakukan registrasi sebagai klien

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

26

d. Pengunjung dapat melihat galeri Ratu Bilqis Bride’s dan menghubungi

pihak Ratu Bilqis.

3.2.1 Analisa Kebutuhan Sistem

Analisa kebutuhan sistem mencakup hak akses, pengolahan data, dan

keamanan sebagai berikut:

1. Hak Akses

a. Pengunjung

1) Pengunjung dapat melihat informasi tentang beranda, paket wedding,

informasi paket wedding, galeri, events, FAQ( Frequently Ask Question).

2) Penulis dapat menuliskan pesan pada form kontak kami

b. Admin

1) Admin dapat melakukan login untuk dapat masuk ke halaman admin dengan

memasukkan email dan password

2) Admin dapat mengelola semua kebutuhan yang ada pada laman web Sistem

Informasi Wedding Organizer Ratu Bilqis Bride’s

3) Admin dapat membatalkan pesanan jika di tanggal tersebut sudah full

booking

c. Klien

1) Klien dapat memasukkan paket wedding ke dalam keranjang dan

mengelolanya

2) Klien dapat melakukan transaksi Down Payment

3) Klien dapat mengkonfirmasi bukti pembayaran transfer

4) Klien dapat menyelesaikan pelunasan pembayaran

5) Klien dapat mengubah data profil

2. Pengolahan Data

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

27

Dalam pembuatan web ini membutuhkan beberapa data seperti:

a. Data Perusahaan yang berupa kontak dari perusahaan

b. Data galeri yang berupa gambar

c. Data paket wedding yang berisi detail paket

d. Data tentang vendor yang bekerjasama dengan Ratu Bilqis Bride’s

e. Data tentang dokumen yang diperlukan dalam booking paket

3. Keamanan

Web ini menyediakan keamanan untuk halaman admin dan pengunjung yaitu

halaman login, dengan memasukkan email dan password yang dienkripsi. Sedangkan

untuk halaman klien membutuhkan verifikasi email agar email yang dimasukkan saat

login benar adanya.

3.3 Rancangan Dokumen

A. Rancangan Dokumen Masukan (input)

Program sistem penjualan memiliki beberapa kebutuhan data dalam menjalankan

prosesnya. Oleh sebab itu, diperlukan data-data sebagai masukan. Berikut ini adalah

bentuk dokumen yang jadikan masukan:

1. Nama Dokumen : Kartu Tanda Penduduk (KTP)

Fungsi : untuk tanda pengenal dan melakukan booking

Sumber : Klien

Tujuan : Admin

Media : Dokumen

Frekuensi : Setiap kali booking paket wedding

Jumlah : 1 Buah

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

28

Bentuk : Lihat Lampiran A.1

2. Nama Dokumen : Bukti Transfer

Fungsi : untuk bukti transaksi

Sumber : Klien

Tujuan : Admin

Media : Dokumen

Frekuensi : Setiap kali booking paket wedding

Jumlah : 1 Lembar

Bentuk : Lihat Lampiran A.2

3. Nama Dokumen : Brosur

Fungsi : untuk menginput paket wedding baru

Sumber : Admin

Tujuan : Klien

Media : Dokumen

Frekuensi : Saat menambah paket baru

Jumlah : -

Bentuk : Lihat Lampiran A.3

B. Rancangan Dokumen Keluaran (output)

Dokumen keluaran yang dihasilkan oleh program semacam laporan untuk melihat

data-data yang penting yang berada dalam program. Dokumen dokumen tersebut

adalah:

1. Nama Dokumen: Invoice

Fungsi : untuk bukti bahwa klien telah checkout paket.

Sumber : Admin

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

29

Tujuan : Klien

Media : Komputer

Frekuensi : Setiap kali checkout paket wedding

Jumlah : 1 Lembar

Bentuk : Lihat Lampiran B.1

2. Nama Dokumen : Laporan Transaksi Down Payment (DP)

Fungsi : Sebagai laporan bukti transaksi pemesanan paket wedding

melalui pembayaran DP

Sumber : Admin

Tujuan : Klien

Media : Komputer/Printout

Frekuensi : Setiap kali transaksi down payment paket wedding

Jumlah : 1 Lembar

Bentuk : Lihat Lampiran B.2

3. Nama Dokumen : Laporan Transaksi Pelunasan

Fungsi : Sebagai laporan pelunasan transaksi

Sumber : Admin

Tujuan : Klien

Media : Komputer/Printout

Frekuensi : Setiap kali pelunasan transaksi

Jumlah : -

Bentuk : Lihat Lampiran B.3

4. Nama Dokumen : Laporan Pemesanan

Fungsi : Sebagai bukti laporan pemesanan

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

30

Sumber : Klien

Tujuan : Admin

Media : Komputer/Printout

Frekuensi : Setiap kali pelunasan transaksi

Jumlah : -

Bentuk : Lihat Lampiran B.4

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

31

3.4 Entity Relationship Diagram (ERD)

user

id_user

name

email

passwordno_ktp

no_telp

tgl_lahir

alamat

role_id

image

is_active

date_created

masukkan

keranjang

kategori

id_keranjang

id_transaksi

id_user

id_paket

jumlah_harga

status

catatan

paket

id_paket

nama_paket

id_kategori

deskripsi

harga

gambarid_kategori

nama_kategori

miliki

miliki

lakukan transaksi

id_transaksi

tgl_transaksi

total_harga

bukti_trans

nominal_trans

catatanid_prov

id_kabkotId_kec

tgl_bayar

tbl_pembayaran

id_bayar

id_transaksi

tgl_bayar

bukti_trans

total_bayar

status

simpan

miliki tbl_prov

tbl_kabkot

id_prov

nama_prov

1

m

1

m

1

m

1

1

1

1 1 m

1

tbl_kec

1

1

id_prov

id_kabkot

id_kec

nama_kec

id_prov

id_kabkot

nama_kabkot

ongkir

1

m

m

1

m

status

bank

tgl_acara

miliki

1

1

diskon

total_harga

Gambar III.2 Entity Relationship Diagram Sistem Informasi Wedding

Organizer(SIWON) Ratu Bilqis Bride’s

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

32

3.5 Logical Record Structure (LRS)

user

id_user*

name

email

password

image

no_telp

no_ktp

alamat

tgl_lahir

is_active

role_id

date_created transaksi

id_transaksi*

tgl_transaksi

total_harga

bukti_trans

id_prov**

id_kabkot**

id_kec**

nominal_trans

catatan

tgl_bayar

status

bank

tgl_acara

paket

id_paket*

id_kategori**

nama_paket

deskripsi

harga

diskon

total_harga

gambar

kategori

id_kategori*

nama_kategori

keranjang

id_keranjang*

id_user**

id_transaksi**

id_paket**

jumlah_harga

status

catatantbl_pembayaran

id_bayar*

id_transaksi**

tgl_bayar

total_bayar

bukti_trans

status

tbl_prov

id_prov*

nama_prov

tbl_kabkot

id_prov**

nama_kabkot

id_kabkot*

ongkir

tbl_kec

id_kec*

id_kabkot**

id_prov**

nama_kec

1

m

1

m

m

1

1

m

1

m

11

1

1

1

1

1

m

m

1

1

m

Gambar III.3 Logical Record Structure Sistem Informasi Wedding

Organizer(SIWON) Ratu Bilqis Bride’s

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

33

3.5 Spesifikasi File

Spesifikasi file terdiri dari file-file yang digunakan untuk menyimpan data

maupun memproses pengolahan data.

1. Spesifikasi File User

Nama File : User

Akronim : User

Fungsi : Menyimpan session login user

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 238 Byte

Kunci Field : id_user

Software : MySQL

Tabel III.1

Spesifikasi File User

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID User id_user Integer 5 Primary Key

2. Nama User Name Varchar 25

3. Email Email Varchar 30

4. Foto Image Varchar 30

5. Password password Varchar 50

6. ID Role role_id Integer 1

7. Aktif is_active Integer 1

8. Tanggal User date_created Integer 11

9. Nomor KTP no_ktp Varchar 20

10. Nomor Telepon no_telp Varchar 15

11. Tanggal Lahir tgl_lahir Date

12. Alamat Alamat Varchar 50

2. Spesifikasi File User Token

Nama File : User Token

Akronim : user_token

Fungsi : Menyimpan token saat registrasi melalui email

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

34

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 183 Byte

Kunci Field : id

Software : MySQL

Tabel III.2

Spesifikasi File User Token

No Elemen Data Akronim Tipe Panjang Keterangan

1. Id Id Integer 5 Primary Key

2. Email Email Varchar 30

3. Token Token Varchar 128

4. Tanggal User date_created Integer 20

3. Spesifikasi File Paket

Nama File : Paket

Akronim : Paket

Fungsi : Menyimpan data paket wedding

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 129 Byte

Kunci Field : id_paket

Software : MySQL

Tabel III.3

Spesifikasi File Paket

No Elemen Data Akronim Tipe Panjang Keterangan

1. Id Paket id_paket Integer 5 Primary Key

2. Id Kategori id_kategori Integer 2

3. Nama Paket nama_paket Varchar 30

4. Deskripsi Deskripsi Text

5. Harga Harga Integer 20

6. Diskon diskon Integer 2

7. Total harga total_harga Integer 20

8. Gambar gambar Varchar 50

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

35

4. Spesifikasi File Kategori

Nama File : Kategori

Akronim : Kategori

Fungsi : Menyimpan data kategori

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 32 Byte

Kunci Field : id_kategori

Software : MySQL

Tabel III.4

Spesifikasi File Kategori

No Elemen Data Akronim Tipe Panjang Keterangan

1. Id Kategori id_kategori Integer 2 Primary Key

2. Nama

Kategori

nama_kategori Varchar 30

5. Spesifikasi File Keranjang

Nama File : Keranjang

Akronim : keranjang

Fungsi : Memasukan dan checkout paket wedding yang akan dipesan

Tipe File : File Transaksi

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 70 Byte

Kunci Field : id_keranjang

Software : MySQL

Tabel III.5

Spesifikasi File Keranjang

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Keranjang id_keranjang Integer 11 Primary Key

2. ID Transaksi id_transaksi Varchar 30

3. ID Paket id_paket Integer 5

4. ID User id_user Integer 11

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

36

5. Jumlah Harga jumlah_harga Integer 11

6. Status Status Integer 2

7. Catatan catatan Text

6. Spesifikasi File Transaksi

Nama File : Transaksi

Akronim : Transaksi

Fungsi : untuk melanjutkan transaksi yang ada pada tabel keranjang

Tipe File : File Transaksi

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 233 Byte

Kunci Field : id_transaksi

Software : MySQL

Tabel III.6

Spesifikasi File Transaksi

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Transaksi id_transaksi Varchar 30 Primary Key

2. Tanggal transaksi tgl_transaksi Date

3. Total Harga total_harga Integer 30

4. Nominal

Transaksi

nominal_trans Integer 20

5. Bukti Transaksi bukti_trans Varchar 50

6. ID Provinsi id_prov Integer 11

7. ID

Kabupaten/Kota

id_kabkot Integer 11

8. ID Kecamatan id_kec Integer 11

9. Catatan Catatan Text

10. Tanggal Bayar tgl_bayar Datetime

11. Status Status Status 50

12. Bank Bank Varchar 20

13. Tanggal Acara tgl_acara Date

7. Spesifikasi File Pembayaran

Nama File : Pembayaran

Akronim : tbl_pembayaran

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

37

Fungsi :Melanjutkan pembayaran yang belum lunas pada tabel

transaksi

Tipe File : File Transaksi

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 140 Byte

Kunci Field : id_bayar

Software : MySQL

Tabel III.7

Spesifikasi File Pembayaran

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Bayar id_bayar Varchar 30 Primary Key

2. ID Transaksi Id_transaksi Varchar 30

3. Tanggal Bayar Tgl_bayar Date

4. Total Bayar Total_bayar Integer 30

5. Bukti

Transaksi

Bukti_trans Varchar 30

6. Status Status Varchar 20

8. Spesifikasi File Provinsi

Nama File : Provinsi

Akronim : tbl_prov

Fungsi : Mengelola nama-nama provinsi yang ditempati klien

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 32 Byte

Kunci Field : id_prov

Software : MySQL

Tabel III.8

Spesifikasi File Provinsi

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Provinsi id_prov Integer 2 Primary Key

2. Nama Provinsi nama_prov Char 30

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

38

9. Spesifikasi File Kabupaten/Kota

Nama File : Kabupaten/Kota

Akronim : tbl_kabkot

Fungsi : Mengelola daftar kabupaten/kota disertai ongkir atau charge

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 117 Byte

Kunci Field : id_kabkot

Software : MySQL

Tabel III.9

Spesifikasi File Kabupaten/Kota

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Kabkot id_kabkot Integer 4 Primary Key

2. ID Prov id_prov Integer 2

3. Nama

Kabupaten/Kota

nama_kabkot Varchar 100

4. Ongkir Ongkir Integer 11

10. Spesifikasi File Kecamatan

Nama File : Kecamatan

Akronim : tbl_kec

Fungsi : Mengelola data kecamatan yang ditempati klien

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 110 Byte

Kunci Field : id_kec

Software : MySQL

Tabel III.10

Spesifikasi File Kecamatan

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Kecamatan id_kec Integer 4 Primary Key

2. ID Provinsi id_prov Integer 2

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

39

3. ID

Kabupaten/Kota

id_kabkot Integer 4

4. Nama Kecamatan nama_kec Varchar 100

11. Spesifikasi File Gambar

Nama File : Gambar

Akronim : gambar

Fungsi : Mengelola data gambar yang akan ditampilkan pada laman

web

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 131 Byte

Kunci Field : id

Software : MySQL

Tabel III.11

Spesifikasi File Gambar

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Id Integer 11 Primary Key

2. Deskripsi Deskripsi Varchar 50

3. Nama File nama_file Varchar 50

4. Ukuran File ukuran_file Double

5. Tipe File tipe_file Varchar 20

12. Spesifikasi File Events

Nama File : Events

Akronim : events

Fungsi : Menampilkan events yang dilakukan Ratu Bilqis Bride’s

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 132 Byte

Kunci Field : id

Software : MySQL

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

40

Tabel III.12

Spesifikasi File Events

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Event Id Integer 2 Primary Key

2. Nama Event Nama Varchar 50

3. Lokasi Lokasi Varchar 30

4. Tanggal Mulai tanggal_mulai Date

5. Tanggal Berakhir tanggal_berakhir Date

6. Keterangan Keterangan Text

7. Gambar Gambar Varchar 50

13. Spesifikasi File FAQ

Nama File : FAQ

Akronim : faq

Fungsi : Menampilkan tanggapan terhadap pertanyaan yang berulang

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 11 Byte

Kunci Field : id

Software : MySQL

Tabel III.13

Spesifikasi File FAQ

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID FAQ Id Integer 11 Primary Key

2. Question Question Text

3. Answer Answer Text

14. Spesifikasi File Komentar

Nama File : Komentar

Akronim : tbl_komentar

Fungsi : Menampilkan komentar pengunjung berupa kritik dan saran

Tipe File : File Master

Organisasi File : Random

Akses file : Hard Disk

Panjang Record : 135 Byte

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

41

Kunci Field : id

Software : MySQL

Tabel III.14

Spesifikasi File Komentar

No Elemen Data Akronim Tipe Panjang Keterangan

1. ID Id Integer 5 Primary Key

2. Nama Nama Varchar 30

3. Email Email Varchar 50

4. Subjek subjek Varchar 50

5. Komen komen Text

6. Tanggal Tgl Datetime

3.6 Pengkodean

1. ID Transaksi

ID Transaksi muncul saat memasukkan paket ke dalam keranjang dan digunakan

saat melakukan checkout transaksi.

T R N S 9 9 9 9 9 9

Kode transaksi Nomor Urut

Gambar III.4 Pengkodean ID Transaksi

2. ID Bayar

ID Bayar digunakan saat melakukan pelunasan pembayaran

B Y R 9 9 9 9 9 9

Kode bayar Nomor Urut

Gambar III.5 Pengkodean ID Bayar

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

42

3. ID Kecamatan

ID Kecamatan berdasarkan data Kementrian Dalam Negeri Republik Indonesia.

Digunakan saat melakukan checkout paket.

3 2 1 5 0 1

ID Provinsi ID Kabupaten/Kota ID Kecamatan

Gambar III.6 Pengkodean ID Kecamatan

Keterangan:

32= ID Provinsi Jawa Barat

15= ID Kabupaten Karawang

01= ID Kecamatan Karawang Barat

3.7 Spesifikasi Program

Untuk mempermudah dalam perancangan web, maka harus dibuat rancangan yang

akan digambarkan. Hal ini dimaksudkan agar memperjelas dalam perancangan

tampilan. Rancangan aliran informasi pada perancangan web ini sebagai berikut:

1. Struktur Navigasi Halaman Pengunjung

HomePaket

Wedding

Kategori

Detail

Events FAQ Galeri Login

RegisterDetail Kontak

Gambar III.7 Struktur Navigasi Pengunjung

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

43

2. Struktur Navigasi Halaman Klien

Gambar III.8 Struktur Navigasi Klien

3. Struktur Navigasi Admin

Gambar III.9 Struktur Navigasi Admin

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

44

3.8 Spesifikasi Sistem Komputer

Berikut ini adalah perincian spesifikasi sistem komputer yang terdiri dari dua

spesifikasi, yaitu spesifikasi perangkat keras dan spesifikasi perangkat lunak

1. Spesifikasi Perangkat Keras

a. Processor Intel Core i3 CPU @1.90GHz

b. RAM 4.00 GB

c. Hard Disk 500 GB

d. Monitor 13”

e. Koneksi internet dengan kecepatan up to 1 Mb

2. Spesifikasi Perangkat Lunak

a. Sistem Operasi : Microsoft Windows 10

b. Teks Editor : Sublime Text 3

c. Server : XAMPP v3.2.2

d. Database : MySQL

e. Browser : Google Chrome, Mozilla Firefox

f. Bahasa Pemrograman : PHP, JavaScript

3.9 Implementasi

a. Implementasi Rancangan Form / Antarmuka Pengunjung

1. Halaman Home

Halaman home adalah tampilan awal saat web dijalankan. Home berisi slider, our

services, foto tim Ratu Bilqis.

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

45

Gambar III.10 Halaman Home

2. Halaman Registrasi

Halaman Registrasi berada pada pada menu login. Digunakan saat ingin mendaftar

sebagai klien di Web Ratu Bilqis Bride’s

Gambar III.11 Halaman Registrasi

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

46

3. Halaman Paket Wedding

Halaman paket wedding terdiri dari daftar paket dan beberapa kategori di dalamnya.

Gambar III.12 Halaman Paket Wedding

4. Halaman Detail Paket

Halaman detai paket berisi segala detail paket yang tadi sudah dipilih. Untuk

melakukan booking, maka pengunjung harus login terlebih dahulu.

Gambar III.13 Halaman Detail Paket

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

47

5. Halaman Events

Halaman events berisi event-event yang akan diikuti oleh Ratu Bilqis Bride’s.

Fungsinya untuk memperkenalkan produk atau karya Ratu Bilqis kepada

pengunjung. Disertai diskon dan promo menarik jika pengunjung datang ke

lokasi.

Gambar III.14 Halaman Events

6. Halaman Detail Events

Memuat penjelasan detail tentang events yang akan datang.

Gambar III.15 Halaman Details Event

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

48

7. Halaman FAQ ( Frequently Ask Question)

Halaman FAQ berisi tanya jawab terhadap pertanyaan yang sering muncul. FAQ

memuat cara pemesanan, charge diluar wilayah Karawang, dan lain-lain.

Gambar III.16 Halaman FAQ

8. Halaman Kontak Kami

Halaman kontak kami berada di menu FAQ. Bertujuan jika ada pertanyaan lebih

lanjut atau jika ada kritik dan saran untuk Ratu Bilqis Bride’s.

Gambar III.17 Halaman Kontak Kami

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

49

9. Halaman Galeri

Halaman galeri berisi foto-foto hasil jasa Ratu Bilqis Bride’s. Disertai foto hasil

vendor yang bekerjasama dengan Ratu Bilqis.

Gambar III.18 Halaman Galeri

b. Implementasi Rancangan Form / Antarmuka Klien

1. Halaman Login

Halaman login klien sama tampilannya dengan halaman login admin. Login diproses

berdasarkan Role ID nya. Apabila Role ID nya 1, akan diarahkan ke halaman admin.

Dan jika Role ID nya 2 akan diarahkan ke halaman klien.

Gambar III.19 Halaman Login

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

50

2. Halaman Detail Paket Klien

Gambar III.20 Halaman Detail Paket Klien

3. Halaman Keranjang

Ketika paket telah di booking , maka akan masuk ke halaman keranjang.Klien bisa

menambahkan beberapa paket kedalamnya. Jika 1x24 jam tidak di checkout maka

paket dalam keranjang akan otomatis hilang. Pada halaman keranjang, jika tanggal

pelaksanaan sebelum hari ini, maka otomatis tidak bisa di klik atau disable jadi

hitam. Dan jika provinsi tidak dipilih terlebih dahulu, maka kabupaten dan

kecamatan tidak bisa dipilih dan tidak bisa melanjutkan checkout.

Gambar III.21 Halaman Keranjang

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

51

4. Halaman Pemesanan

Halaman pemesanan berisi paket yang telah dicheckout .Apabila status dibatalkan,

maka artinya paket tertentu di tanggal yang sama telah penuh. Jika beberapa jam tidak

ada respon, maka klien harus segera membayar dengan mengklik button Konfirmasi.

Karena pemesanan yang belum dibayar akan hilang dalam 1x24 jam. Setelah itu,

admin akan mengubah status pesanan menjadi accept.

Gambar III.22 Halaman Pemesanan

5. Halaman Detail Pemesanan

Detail pemesanan berisi paket yang telah dipesan dalam satu kali checkout.

Gambar III.23 Halaman Detail Pemesanan

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

52

6. Halaman Konfirmasi

Halaman konfirmasi untuk mengonfirmasi pembayaran atas pemesanan yang telah

dilakukan. Pembayaran dapat berupa down payment maupun secara lunas. Setelah

diupload bukti pembayarannya, maka admin dapat mengecek apakah pembayaran

tersebut benar dan masuk ke dalam nomor rekening atas nama Ratu Bilqis.

Gambar III.24 Halaman Konfirmasi

7. Halaman Lunasi Paket

Form lunasi paket ini berdasarkan ID Transaksi paket yang telah dipesan dengan

menggunakan down payment. Apabila dalam jangka waktu tertentu belum

dibayar, maka admin akan menghubungi klien melalui telepon atau email.

Gambar III.25 Halaman Lunasi Paket

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

53

8. Halaman Daftar Pelunasan

Halaman daftar pelunasan memuat daftar pelunasan paket klien berdasarkan ID

User. Maka oranglain tidak dapat melihatnya. Di halaman daftar pelunasan, klien

dapat melihat bukti transaksi yang telah dilakukan serta dapat mencetaknya.

Gambar III.26 Halaman Daftar Pelunasan

9. Halaman My Profile

Halaman My profile memuat data diri klien saat melakukan registrasi pada web Ratu

Bilqis Bride’s. Klien juga dapat mengubah profil.

Gambar III.27 Halaman My Profile

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

54

10. Halaman Ganti Password

Halaman ganti password digunakan untuk pemeliharaan akun. Password baru

harus berbeda dengan password yang lama.

Gambar III.28 Halaman Ganti Password

c. Implementasi Rancangan Form / Antarmuka Admin

1. Halaman Dashboard

Halaman Dashboard admin menampilkan jumlah paket, jumlah klien, jumlah transaksi

yang masuk.

Gambar III.29 Halaman Dashboard

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

55

2. Halaman Daftar Klien

Halaman daftar klien memuat daftar klien yang melakukan registrasi di web Ratu

Bilqis Bride’s

Gambar III.30 Halaman Daftar Klien

3. Halaman Tambah User

Halaman tambah user jika ada klien yang meminta didaftarkan oleh admin Ratu

Bilqis Bride’s sekaligus untu menambah akun admin

Gambar III.31Halaman Tambah User

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

56

4. Halaman Daftar Paket

Halaman daftar paket memuat daftar paket yang akan ditampilkan pada laman front-

end.

Gambar III.32 Halaman Daftar Paket

5. Halaman Tambah Paket

Gambar III.33 Halaman Tambah Paket

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

57

6. Halaman Daftar Kategori

Halaman kategori memuat kategori paket yang disediakan Ratu Bilqis Bride’s.

Daftar kategori disini akan ditampilkan pada halaman user.

Gambar III.34 Halaman Daftar Kategori

7. Halaman Tambah Kategori

Halaman tambah kategori berada pada halaman yang sama dengan daftar

kategori dan dimunculkan oleh modal pada bootstrap.

Gambar III.35 Halaman Tambah Kategori

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

58

8. Halaman Data Events

Gambar III.36 Halaman Data Events

9. Halaman Tambah Events

Gambar III.37 Halaman Tambah Events

10. Halaman Transaksi

Halaman transaksi memuat daftar transaksi yang dilakukan oleh klien. Admin

dapat mengubah status booking.

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

59

Gambar III.38 Halaman Transaksi

11. Halaman Detail Transaksi

Halaman detail memuat apa saja yang klien pesan saat melakukan transaksi.

Gambar III.39 Halaman Detail Transaksi

12. Halaman Pembayaran

Halaman pembayaran memuat transaksi untuk pelunasan pembayaran berdasarkan ID

Transaksi. Admin dapat menambah pembayaran apabila klien bertemu langsung

Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

60

dengan pegawai Ratu Bilqis. Admin dapat mengubah status pembayaran apakah lunas

atau belum lunas.

Gambar III.40 Halaman Pembayaran

13. Halaman Tambah Pembayaran

Halaman tambah pembayaran digunakan untuk melunasi paket jika klien tersebut

sedang berada di tempat Ratu Bilqis.

Gambar III.41 Halaman Tambah Pembayaran

Page 41: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

61

14. Halaman Kabupaten/Kota

Halaman Kabupaten/kota berisi daftar kabupaten/kota wilayah Indonesia. Dan

memakai jasa Ratu Bilqis ada charge yang harus dibayar jika lokasi acara yang

jaraknya lebih dari 2 jam dari lokasi Ratu Bilqis Bride’s.

Gambar III.42 Halaman Kabupaten/Kota

15. Halaman Tambah Kabupaten/Kota

Halaman tambah kabupaten bertujuan untuk menampilkan wilayah kabupaten yang

klien tempati. Nantinya akan ditampilkan pada saat melakukan checkout paket

wedding.

Gambar III.43 Halaman Tambah Kabupaten/Kota

Page 42: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

62

16. Halaman Kecamatan

Halaman kecamatan ini memuat data kecamatan yang berada di wilayah

Indonesia. Akan ditampilkan di halaman user saat klien melakukan checkout

paket.

Gambar III.44 Halaman Kecamatan

17. Halaman Tambah Kecamatan

Halaman tambah kecamatan ini untuk menambahkan kecamatan berdasarkan

kecamatan-kecamatan di Wilayah Indonesia yang dapat dijangkau oleh Ratu Bilqis

Bride’s.

Gambar III.45 Halaman Tambah Kecamatan

Page 43: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

63

18. Halaman Daftar FAQ

Halaman daftar FAQ (Frequently Ask Question) berisi daftar pertanyaan dan jawaban

yang akan ditampilkan di laman web Ratu Bilqis Bride’s.

Gambar III. 46 Halaman Daftar FAQ

19. Halaman Tambah FAQ

Gambar III.47 Halaman Tambah FAQ

Page 44: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

64

20. Halaman Daftar Galeri

Berisi foto-foto yang akan ditampilkan pada menu Galeri

Gambar III.48 Halaman Daftar Galeri

21. Halaman Tambah Galeri

Gambar III.49 Halaman Tambah Galeri

Page 45: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

65

22. Halaman Data Komentar

Berisi komentar yang mengandung kritik dan saran hasil dari pengisian form Kontak

Kami di laman web Ratu Bilqis Bride’s.

Gambar III.50 Halaman Data Komentar

Page 46: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

66

3.10 Pengujian Unit

A. Pengujian terhadap Form Login

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Login

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Email dan

password

tidak diisi

kemudian

klik tombol

login

Email:(koso

ng)

Password:(k

osong)

Sistem akan

menampilkan”T

he Email field is

required. The

Password field is

required”

Sesuai

harapan

Valid

2. Mengetikan

salah satu

kondisi salah

pada email

Email:

miaamalia1

515

Password:

123456

Sistem akan

menampilkan “

The Email field

must contain a

valid email

address”

Sesuai

harapan

Valid

3. Mengetikkan

email dan

password

tidak diisi

atau kosong

kemudian

klik login

Email:

miaamalia1

515@gmail.

com

Password:

(kosong)

Sistem akan

menampilkan

“The Password

field is required”

Sesuai

harapan

Valid

4. Email tidak

diisi dan

password

diisi

kemudian

klik tombol

login

Email :

(kosong)

Password:

123456

Sistem akan

menampilkan

“The email field

is required”

Sesuai

harapan

Valid

5. Mengetikkan

email dengan

benar dan

mengetik

password

yang salah

Email:

miaamalia1

515@gmail.

com

Password:

123457

Sistem akan

menampilkan”

password yang

anda masukkan

salah”

Sesuai

harapan

Valid

6. Mengetikan

semua

kondisi

dengan

benar. Tetapi

email belum

diaktivasi.

Email:

aiueo@gma

il.com

Password:

123456

Sistem akan

menampilkan”

Email anda

belum

diaktivasi”

Sesuai

harapan

Valid

Page 47: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

67

7. Mengetika

email dan

password

yang belum

didaftarkan

Email:

myabcdz@

gmail.com

Password:

123456

Sistem akan

menampilkan”

Akun anda

belum terdaftar”

Sesuai

harapan

Valid

8. Mengetikkan

email dan

password

dengan data

yang benar

kemudian

klik login

Email:

miaamalia1

515@gmail.

com

Password:

12345

Sistem

menerima akses

login kemudia

akan masuk ke

halaman index

sesuai role id

nya

Sesuai

harapan

Valid

B. Pengujian terhadap form Register

Tabel III.16

Hasil Pengujian Black Box Testing Halaman Register

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi

Nama:(kosong)

Email:(kosong)

Password:(koso

ng)

Ulangi

password:(koson

g)

No ktp: (kosong)

Alamat:(kosong)

Tgl

lahir:(kosong)

No_telp:(kosong

)

Image:(kosong)

Sistem akan

menampilkan”

The field is

required. “

Sesuai

harapan

Valid

2. Semua

kolom diisi.

Kemudian

memasukan

email yang

sudah

pernah

terdaftar

Nama :mia

Email:miaamali

[email protected]

om

Password:12345

6

Ulangi

Password:

123456

NoKTP:

3215151515151

506

Alamat:

Karawang

Sistem akan

menampilkan “

The Email has

already

registered”

Sesuai

harapan

Valid

Page 48: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

68

Tanggal lahir:

15/05/1998

No_telp:089512

256789

image:

image.jpg

3. Semua form

diisi.

Kemudian

memasukan

ulangi

password

yang

berbeda

dengan

password

pertama

Nama :mia

Email:miaamali

[email protected]

om

Password:12345

6

Ulangi

Password:

123457

NoKTP:

3215151515151

506

Alamat:

Karawang

Tanggal lahir:

15/05/1998

No_telp:089512

256789

image:

image.jpg

Sistem akan

menampilkan

“Password

don’t match”

Sesuai

harapan

Valid

4. Mengetikka

n semua

form

dengan

benar dan

mengetik

nomor

telepon

dengan

huruf

Nama :mia

Email:miaamali

[email protected]

om

Password:12345

6

Ulangi

Password:

123457

NoKTP:

3215151515151

506

Alamat:

Karawang

Tanggal lahir:

15/05/1998

No_telp:abcdefg

hijkl

image:

image.jpg

Sistem akan

menampilkan”

please match

the requested

format”

Sesuai

harapan

Valid

6. Mengetikka

n semua

form

Nama :mia Sistem akan

menampilkan

Sesuai

harapan

Valid

Page 49: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

69

dengan

benar

Email:miaamali

[email protected]

m

Password:12345

6

Ulangi

Password:

123456

NoKTP:

3215151515151

506

Alamat:

Karawang

Tanggal lahir:

15/05/1998

No_telp:089512

256789

image:

image.jpg

”Silahkan cek

email anda

untuk

mengaktivasi

akun anda”

C. Pengujian terhadap Form Detail Paket

Tabel III.17

Hasil Pengujian Black Box Testing Halaman Detail Paket

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Tidak

mengisi

catatan pada

detail paket

Catatan:

(kosong)

Sistem akan

menampilkan”

The field is

required. “

Sesuai

harapan

Valid

2. Kolom

catatan diisi

kemudian

klik booking

Catatan:

Booking untuk

2 hari

Sistem akan

menampilkan “

Paket berhasil

dimasukkan ke

keranjang”

Sesuai

harapan

Valid

D. Pengujian terhadap Halaman Keranjang

Tabel III.18

Hasil Pengujian Black Box Testing Halaman Keranjang

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Tidak

mengisi

kolom

provinsi,

Tanggal

pelaksanaan:

(diisi)

Sistem akan

menampilkan

”Please select

an item list “

Sesuai

harapan

Valid

Page 50: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

70

kabupaten

dan

kecamatan

Provinsi:(kos

ong)

Kabupaten:(k

osong)

Kecamatan:(

kosong)

2. Semua kolom

diisi, catatan

dan tanggal

pelaksanaan

tidak diisi

Tanggal

pelaksanaan:

(kosong)

Provinsi:(diis

i)

Kabupaten:(d

iisi)

Kecamatan:(

diisi)

Catatan:(koso

ng)

Sistem akan

menampilkan “

Please fill out

this field”

Sesuai

harapan

Valid

3. Semua kolom

diisi

kemudian

klik checkout

Tanggal

pelaksanaan:

(diisi)

Provinsi:(diis

i)

Kabupaten:(d

iisi)

Kecamatan:(

diisi)

Catatan:(diisi

)

Sistem akan

menampilkan “

Transaksi

Berhasil”

Sesuai

harapan

Valid

E. Pengujian terhadap form upload bukti pembayaran

Tabel III.19

Hasil Pengujian Black Box Testing Halaman Konfirmasi

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom diisi,

bukti

transfer

tidak diisi

Nominal:(diisi)

Bukti Transfer:

(kosong)

Bank: (diisi)

Sistem akan

menampilkan

”Please

select a file“

Sesuai

harapan

Valid

2. Kolom

nominal

dan transfer

tidak diisi

Nominal:(koso

ng)

Bukti

Transfer:(diisi)

Bank: (kosong)

Sistem akan

menampilkan

“ Please fill

out this field”

Sesuai

harapan

Valid

Page 51: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

71

3. Semua

kolom diisi

kemudian

klik upload

bukti

Nominal:(diisi)

Bukti

Transfer:(diisi)

Bank: (kosong)

Sistem akan

mengalihkan

ke halaman

daftar

pemesanan

dengan status

“Menunggu

Konfirmasi

Admin”

Sesuai

harapan

Valid

F. Pengujian terhadap Form Lunasi Paket

Tabel III.20

Hasil Pengujian Black Box Testing Halaman Lunasi Paket

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom diisi,

bukti

transfer

tidak diisi

ID Transaksi:

(diisi)

Total

Bayar:(diisi)

Bukti Transfer:

(kosong)

Sistem akan

menampilkan

”Please

select a file“

Sesuai

harapan

Valid

2. Kolom ID

Transaksi

dan Total

Bayar tidak

diisi

ID Transaksi:

(kosong)

Total

Bayar:(kosong

)

Bukti

Transfer:(diisi)

Sistem akan

menampilkan

“ The ID

Transaksi

field is

required”,

”The Total

Bayar field is

required”

Sesuai

harapan

Valid

3. Semua

kolom diisi

tetapi Total

Bayar diisi

dengan

huruf

ID Transaksi:

(diisi)

Total

Bayar:(abcd)

Bukti

Transfer:(diisi)

Sistem tidak

akan

merespon

isian huruf

tersebut

Sesuai

harapan

Valid

4. Semua

kolom diisi

dan klik

simpan

ID Transaksi:

(diisi)

Total

Bayar:(diisi)

Bukti

Transfer:(diisi)

Sistem akan

mengalihkan

ke halaman

daftar

pelunasan

paket sesuai

session

id_user

Sesuai

harapan

Valid

Page 52: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

72

G. Pengujian terhadap Form Kontak Kami

Tabel III.21

Hasil Pengujian Black Box Testing Halaman Kontak Kami

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi

Nama:(kosong

)

Email:(kosong

)

Subjek:(koson

g)

Pesan:(kosong)

Sistem akan

menampilkan

”Please

select fill out

the field“

Sesuai

harapan

Valid

2. Semua

kolom diisi,

tetapi

kolom

email tidak

menggunak

an format

email

Nama:(mia)

Email:(miaam

@)

Subjek:(halo)

Pesan:(good)

Sistem akan

menampilkan

“ Please

enter an

email

address”

Sesuai

harapan

Valid

3. Semua

kolom diisi

kemudian

klik kirim

pesan

Nama:(mia)

Email:(miaam

@gmail.com)

Subjek:(halo)

Pesan:(good)

Sistem akan

menampilkan

“Sukses!

Komentar

berhasil

dikirim”

Sesuai

harapan

Valid

H. Pengujian terhadap form Tambah User

Tabel III.22

Hasil Pengujian Black Box Testing Halaman Tambah User

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi

Nama:(kosong)

Email:(kosong)

Password:(koso

ng)

No ktp: (kosong)

Alamat:(kosong)

Tgl

lahir:(kosong)

No telp:(kosong)

Foto:(kosong)

Sistem akan

menampilkan

”Nama harus

diisi”,

”Nomor KTP

harus diisi”,

“No Telp harus

diisi”,

”Tanggal Lahir

harus diisi”,

Sesuai

harapan

Valid

Page 53: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

73

”Alamat harus

diisi”,

“Email harus

diisi”

“Password

harus diisi”

2. Semua form

diisi.

Kemudian

memasukan

email yang

sudah

pernah

terdaftar

Nama :mia

Email:

mia12345@gma

il.com

Password:12345

6

NoKTP:

3215155667898

798

Alamat:

Karawang

Tanggal lahir:

15/05/1998

No_telp:089512

256789

Foto: image.jpg

Sistem akan

menampilkan “

email:

mia12345@g

mail.com

sudah pernah

digunakan.

Buat email

baru!”

Sesuai

harapan

Valid

3. Semua

kolom diisi.

Kemudian

kolom foto

tidak di

browse

Nama :mia

Email:

miaaml@gmail.

com

Password:12345

6

NoKTP:

3215155667898

798

Alamat:

Karawang

Tanggal lahir:

15/05/1998

Notelp:0895122

56789

Foto: (kosong)

Sistem akan

menampilkan

“Please select

a file”

Sesuai

harapan

Valid

I. Pengujian terhadap Form Tambah Gambar

Tabel III.23

Hasil Pengujian Black Box Testing Tambah Gambar

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi

Deskripsi

:(kosong)

Gambar:

Sistem akan

menampilkan

”You didn’t

Sesuai

harapan

Valid

Page 54: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

74

(kosong)

select a file to

upload“

J. Pengujian terhadap Form Tambah Paket

Tabel III.24

Hasil Pengujian Black Box Testing Halaman Tambah Paket

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom diisi,

nama paket

tidak diisi

Kategori:

(diisi)

Nama

paket:(kosong)

Deskripsi:(diisi

)

Harga:(diisi)

Diskon:(diisi)

Gambar:(diisi)

Sistem akan

menampilkan

”Please fill

out this field“

Sesuai

harapan

Valid

2. Semua

kolom diisi,

kolom

diskon diisi

dengan

huruf

Kategori:

(diisi)

Nama paket:

(diisi)

Deskripsi:(diisi

)

Harga:(diisi)

Diskon:(abc)

Gambar:(diisi)

Sistem akan

menampilkan

”Please enter

a number“

Sesuai

harapan

Valid

3. Semua

kolom diisi,

kolom

harga diisi

dengan

huruf

Kategori:

(diisi)

Nama paket:

(diisi)

Deskripsi:(diisi

)

Harga:(abcd)

Diskon:(diisi)

Gambar:(diisi)

Sistem akan

menampilkan

”The Harga

Field must

contain only

numbers“

Sesuai

harapan

Valid

4. Semua

kolom diisi,

tetapi

gambar

kosong

Kategori:

(diisi)

Nama paket:

(diisi)

Deskripsi:(diisi

)

Harga:(diisi)

Sistem akan

menampilkan

”Please

select a file“

Sesuai

harapan

Valid

Page 55: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

75

Diskon:(diisi)

Gambar:(koso

ng)

5. Semua

kolom diisi,

kecuali

deskripsi

kosong

Kategori:

(diisi)

Nama

paket:(diisi)

Deskripsi:(kos

ong)

Harga:(diisi)

Diskon:(diisi)

Gambar:(diisi)

Sistem akan

menampilkan

”The

Deskripsi

field is

required“

Sesuai

harapan

Valid

K. Pengujian terhadap Form Tambah FAQ

Tabel III.25

Hasil Pengujian Black Box Testing Halaman Tambah FAQ

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Kolom

pertanyaan

tidak diisi

Pertanyaan:

(kosong)

Jawaban:

(diisi)

Sistem akan

menampilkan

”The question

field is

required“

Sesuai

harapan

Valid

2. Kolom

jawaban

tidak diisi

Pertanyaan:

(diisi)

Jawaban:

(kosong)

Sistem akan

menampilkan

”The answer

field is

required“

Sesuai

harapan

Valid

L. Pengujian terhadap Form Tambah Pembayaran

Tabel III.26

Hasil Pengujian Black Box Testing Halaman Tambah Pembayaran

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi, bukti

bayar diisi

ID Transaksi:

(kosong)

Tanggal Bayar:

(kosong)

Total bayar:

(kosong)

Bukti Bayar:

(diisi)

Sistem akan

menampilkan

”The

id_transaksi

field is

required“,

“The

tgl_bayar

Sesuai

harapan

Valid

Page 56: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

76

field is

required”,

“The

total_bayar

field is

required

2. Semua

kolom diisi,

bukti bayar

kosong

ID Transaksi:

(diisi)

Tanggal Bayar:

(diisi)

Total bayar:

(diisi)

Bukti Bayar:

(diisi)

Sistem akan

menampilkan

“Please

select a file”

Sesuai

harapan

Valid

M. Pengujian terhadap Form Tambah Data Kabupaten/Kota

Tabel III.27

Hasil Pengujian Black Box Testing Halaman Tambah Kabupaten

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi

ID Kab/kot:

(kosong)

Nama

Kabupaten:

(kosong)

Charge:

(kosong)

Sistem akan

menampilkan

”The ID

Kab/Kot field

is required“,

“The Nama

Kabupaten/K

ota field is

required”,

“The Charge

field is

required

Sesuai

harapan

Valid

N. Pengujian terhadap Form Tambah Data Kecamatan

Tabel III.28

Hasil Pengujian Black Box Testing Halaman Tambah Data Kecamatan

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom tidak

diisi

ID Kab/kot:

(kosong)

Nama

Kabupaten:

(kosong)

Charge:

Sistem akan

menampilkan

”The ID

Provinsi field

is required“,

Sesuai

harapan

Valid

Page 57: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

77

(kosong)

“The ID

Kab/Kota

field is

required”,

“The ID

Kecamatan

field is

required”,

“The Nama

Kecamatan

field is

required”

O. Pengujian terhadap Form Tambah Events

Tabel III.29

Hasil Pengujian Black Box Testing Halaman Tambah Events

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Semua

kolom diisi,

nama

events,

lokasi dan

keterangan

tidak diisi

Nama events:

(kosong)

Lokasi:

(kosong)

Tanggal Mulai:

(diisi)

Tanggal

Selesai:(diisi)

Keterangan:

(kosong)

Gambar:(disii)

Sistem akan

menampilkan

”The Nama

field is

required“,

“The Lokasi

field is

required”,

“The

Keterangan

field is

required”

Sesuai

harapan

Valid

2. Semua

kolom diisi,

tanggal

mulai dan

tanggal

selesai

tidak diisi

Nama events:

(diisi)

Lokasi:

(diisi)

Tanggal Mulai:

(kosong)

Tanggal

Selesai:

(kosong)

Keterangan:

(diisi)

Gambar:(disii)

Sistem akan

menampilkan

”Please fill

out this field“

Sesuai

harapan

Valid

3. Semua

kolom diisi,

gambar

tidak diisi

Nama events:

(diisi)

Lokasi:

(diisi)

Sistem akan

menampilkan

“Please

select a file”

Sesuai

harapan

Valid

Page 58: BAB III PEMBAHASAN - repository.bsi.ac.id...b. Meninjau kontrak dan semua pembayaran paket wedding c. Membayar vendor yang terlibat dalam paket wedding d. Merekap laporan transaksi

78

Tanggal Mulai:

(diisi)

Tanggal

Selesai:

(diisi)

Keterangan:

(diisi)

Gambar:

(kosong)