BAB III PEMBAHASAN. Analisa kebutuhan dalam perancangan program pemesanan wedding organizer

Transkripsi

1 BAB III PEBAHASAN 3.1. Analisis Kebutuhan Analisa kebutuhan dalam perancangan program pemesanan wedding organizer berbasis web, antara lain: Dalam website ini terdapat analisa kebutuhan pengguna dan analisa kebutuhan sistem yaitu : Analisis Kebutuhan Pengguna Dalam analisa kebutuhan pengguna ini terdapat pelanggan (member) dan admin, yaitu : 1. Pelanggan a. Pelanggan mengisi form pendaftaran terlebih dahulu apabila ingin memesan paket wedding organizer. b. Pelanggan yang sudah terdaftar sudah bisa login untuk proses pemesanan wedding organizer. c. Pelanggan dapat melihat paket yang ditawarkan secara detail di website. d. Pelanggan dapat memulai pemesanan dengan memilih tanggal acara wedding organizer terlebih dahulu. e. Pelanggan dapat melakukan pemesanan minimal 10 hari dari tanggal sekarang. f. Pelanggan tidak dapat melihat pemesanan paket sebelum terdaftar. 16

2 17 g. Pelanggan harus melakukan konfirmasi pemesanan setelah melakukan pemesanan. h. Pemesanan yang telah dilakukan tidak akan dilanjutkan ke proses selanjutnya sebelum melakukan konfirmasi pemesanan. i. Pelanggan harus menampilkan struk bukti pembayaran dari bank. j. Pemesan harus mengisi form konfirmasi nama bank, no rekening, pemilik, dan bukti upload pembayaran. 2. Admin Website a. Admin website dapat mengubah, menambah dan menghapus data admin. b. Admin website dapat mengubah, menambah dan menghapus data gedung. c. Admin website dapat mengubah, menambah dan menghapus data dekorasi. d. Admin website dapat mengubah, menambah dan menghapus data rias. e. Admin website dapat mengubah, menambah dan menghapus data dokumentasi. f. Admin website dapat mengubah, menambah dan menghapus data katering. g. Admin website dapat mengubah, menambah dan menghapus data paket. i. Admin juga dapat keluar atau logout dari halaman Administrator Rancangan Dokumen Pembuatan rancangan dokumen untuk perancangan program pemesanan weddig organizer berbasis web ini diawali dengan membuat Entity Relationship Diagram

3 18 (ERD), yang kemudian dirubah menjadi Logical Record Structure (LRS), gambaran dari tabel LRS tersebut akan menghsilkan tabel relasi basis data Rancangan Dokumen asukan (Input) Dokumen masukan (input) adalah suatu dokumen yang berisi data pada suatu sistem yang dihasilkan dari proses masukan data, kemudian digunakan untuk menghasilkan keluaran yang diinginkan. Dokumen input yang diperlukan pada rancangan program ini adalah sebagai berikut: 1. Nama Dokumen : Form Pendaftaran Pelanggan Fungsi Sumber edia Tujuan Frekuensi : Untuk Data Pendaftaran Pelanggan : Pelanggan : Form Pelanggan : Administrator : Setiap kali ada Pelanggan baru Bentuk : Lampiran A.1 2. Nama Dokumen : Form Pemesanan Fungsi Sumber edia Tujuan Frekuensi : Untuk Data Pemesanan Pelanggan : Pelanggan : Form Pemesanan : Administrator : Setiap Ada Pemesanan Bentuk : Lampiran A.2

4 19 3. Nama Dokumen : Form Konfirmasi Pembayaran Fungsi Sumber edia Tujuan Frekuensi : Untuk Konfirmasi Pembayaran Pelanggan : Pelanggan : Form Konfirmasi Pembayaran : Administrator : Setiap Ada Pembayaran Bentuk : Lampiran A Rancangan Dokumen Keluaran (Output) Setelah dimasukan data maka akan menghasilkan suatu informasi yang bisa menampilkan seluruh pengelola data yang sudah terjadi. Adapun penjelasan mengenai spesifikasi bentuk keluaran adalah sebagai berikut : 1. Nama Dokumen : Data Pelanggan Fungsi Sumber edia Tujuan Frekuensi : Sebagai : Administrator : Kertas : Pemilik : Setiap pelanggan melakukan pemesanan Bentuk : Lampiran B.1 2. Nama Dokumen : Bukti Pemesanan Fungsi Sumber edia Tujuan : Sebagai bukti telah melakukan pemesanan : Administrator : Kertas : Administrator

5 20 Frekuensi : Setiap pelanggan melakukan pemesanan Bentuk : Lampiran B.2

6 21 3. Nama Dokumen : Detail Pemesanan Pelanggan Fungsi Sumber edia Tujuan Frekuensi : Sebagai bukti telah melakukan pemesanan : Administrator : Kertas : Pemilik : Setiap melakukan pemesanan Bentuk : Lampiran B Entity Relationship Diagram (ERD) dan Logical Record Structure (LRS) Perancangan basis data dalam program ini menggunakan Entity Relationship Diagram (ERD) dan Logical Record Structure (LRS).

7 Entity Relationship Diagram (ERD) Pelanggan_id nama no_telp alamat password pelanggan pemesanan Pemesanan_id admin_id Pelanggan_id tgl_acara status konfirmasi Pemesanan_gedun g Pemesanan_dekora si Pemesanan_katerin g Pemesanan_dokum entasi Pemesanan_rias Id_konfirmasi Pelanggan_id Pemesanan_id no_rek Nama_bank pemilik foto gedung_id nama_gedung deskripsi harga_gedung foto dekorasi_id nama_dekorasi deskripsi harga_dekorasi foto katering_id nama_katering deskripsi harga_katering dokumentasi_id nama_dokumentasi deskripsi harga_katering rias_id nama_rias deskripsi harga_rias foto melakukan melakukan mempunyai gedung mempunyai mempunyai mempunyai mempunyai dekorasi katering dokumentasi rias mengisi mengisi mengisi mengisi mengisi admin mengelola 1 1 admin_id name username no_telp password id Pemesanan_id gedung_id id Pemesanan_id dekorasi_id id Pemesanan_id katering_id id Pemesanan_id dokumentasi_id id Pemesanan_id gedung_id Gambar III.1 Entity Relationship Diagram (ERD)

8 Logical Record Structure (LRS) konfirmasi pelanggan Pelanggan_id nama No_telp alamat password 1 1 id_konfirmasi Pelanggan_id Pemesanan_id no_rek nama_bank pemilik foto 1 1 dokumentasi dokumentasi_id Nama_dokumentasi deskripsi harga_dokumentasi pemesanan_dokumentasi id Pemesanan_id dokumentasi_id pemesanan 1 1 pemesanan_id admin_id Pelanggan_id tgl_acara status pemesanan_gedung id Pemesanan_id gedung_id gedung gedung_id nama_gedung deskripsi harga_gedung foto 1 1 pemesanan_rias rias rias_id nama_rias deskripsi harga_rias foto id rias_id Pemesanan_id admin pemesanan_dekorasi id Pemesanan_id dekorasi_id admin_ id name username no_telp password pemesanan_katering id Pemesanan_id Katering_id dekorasi dekorasi_id nama_dekorasi dekorasi harga_dekorasi foto katering katering_id nama_katering deskrisi harga_katering Gambar III.2 Logical Record Structure (LRS) 3.4. Spesifikasi File 1. Spesifikasi File Data Dekorasi Nama File : Dekorasi Akronim : dekorasi_id Fungsi : enampilkan dan menyimpan data dekorasi Tipe File : File aster Organisasi File : Random Akses File : Random edia : Hard Disk

9 24 Panjang Record Kunci Field Software : 234 Karakter : dekorasi_id : XAPP Tabel III.1 Spesifikasi File Dekorasi No Elemen Data Akronim Tipe Pajang Keterangan 1. Dekorasi dekorasi_id int 35 Primary key 2. Nama nama_dekorasi varchar Deskripsi Deskipsi varchar Harga Dekorasi harga_dekorasi int Foto Foto varchar Spesifikasi File Data Dokumentasi Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record : Dokumentasi : dokumentasi_id : enampilkan dan menyimpan data dokumentasi : File aster : Random : Random : Hard Disk : 263 Byte

10 25 Kunci Field Software : dokumentasi_id : ysql Tabel III.2 Spesifikasi File Dokumentasi No Elemen Data Akronim Tipe Panjang Keterangan 1. Dokumentasi dokumentasi_id int 5 Primary Key 2. Nama nama_dokumentasi varchar Deskripsi Deskripsi varchar Harga Dokumentasi harga_dokumentasi int Spesifikasi File Data Gedung Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field Software : Gedung : gedung_id : enampilkan dan menyimpan data gedung : File aster : Random : Random : Hard Disk : 176 Byte : dekorasi_id : ysql

11 26 Tabel III. 3 Spesifikasi File Gedung N0 Elemen Data Akronim Tipe Panjang Keterangan 1. Gedung gedung_id int 35 Primary Key 2. Nama nama_gedung varchar Deskripsi Deskripsi varchar Harga Gedung harga_gedung int Foto Foto varchar Spesifikasi File Data Katering Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field Software : Katering : katering_id : enampilkan dan menyimpan data katering : File aster : Random : Random : Hard Disk : 251 Byte : katering_id : ysql

12 27 Tabel III.4 Spesifikasi File Katering No Elemen Data Akronim Tipe Panjang Keterangan 1. Katering katering_id int 11 Primary Key 2. Nama nama_katering varchar Deskripsi Deskripsi varchar Jumlah Jumlah int 5 5. Harga harga_katering int Spesifikasi File Data Konfirmasi Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field Software : Data Konfirmasi : konfirmasi_id : enampilkan dan menyimpan data konfirmasi : File Konfirmasi : Random : Random : Hard Disk : 197 Byte : konfirmasi_id : XAPP

13 28 Tabel III. 5 Spesifikasi File Konfirmasi No Elemen Data Akronim Tipe Panjang Keterangan 1. ID Konfirmasi id_konfirmasi int 11 Primary key 2. Pelanggan ID pelanggan_id int 11 Foreign Key 3. Pemesanan ID pemesanan_id int 11 Foreign Key 4. Nomor Rekening no_rek varchar Nama Bank nama_bank varchar Pemilik Pemilik varchar Foto Foto varchar Spesifikasi File Data Pelanggan Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field : Pelanggan : pelanggan_id : enampilkan dan menyimpan data pelanggan : File aster : Random : Random : Hard Disk : 189 Byte : pelanggan_id

14 29 Software : ysql Tabel III.6 Spesifikasi File Pelanggan No Elmen Data Akronim Tipe Panjang Keterangan 1. Pelanggan ID pelanggan_id int 11 Primary Key 2. Nama Nama varchar Nomor Telepon no_telp int Alamat Alamat varchar varchar Password Password varchar Spesifikasi File Data Pemesanan Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field : Pemesanan : pemesanan_id : enampilkan danmenyimpan data pemesanan : File aster : Random : Random : Hard Disk : 51 Byte : pemesanan_id

15 30 Software : ysql Tabel III. 7 Spesifikasi File Pemesanan No Elemen Data Akronim Tipe Panjang Keterangan 1. ID Pemesanan id_pemesanan varchar 15 Primary Key 2. User ID user_id int 11 Foreign Key 4. Tanggal Acara tgl_acara varchar Status Status varchar Spesifikasi File Data Rias Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field Software : Data Rias : rias_id : enampilkan dan menyimpan data Rias : File aster : Random : Random : Hard Disk : 232 Byte : id_rias : ysql

16 31 Tabel III.8 Spesifikasi File Rias No Elemen Data Akronim Tipe Panjang Keterangan 1. Rias rias_id Int 11 Primary Key 2. Nama nama_rias varchar Deskripsi Deskripsi varchar Harga Rias harga_rias decimal Foto Foto varchar Spesifikasi File Data User Nama File Akronim Fungsi Tipe File Organisasi File Akses File edia Panjang Record Kunci Field Software : Data User : user_id : enampilkan danmenyimpan data User : File aster : Random : Random : Hard Disk : 88 Byte : id_pemesanan : ysql

17 32 Tabel III. 9 Spesifikasi File Data User No Elemen Data Akronim Tipe Panjang Keterangan 1. User ID user_id Int 11 Primary Key 2. Nama Name varchar 20 Foreign Key 3. Username Username varchar 20 Primary Key 4. No Telfon no_telp Int Password Password varchar Pengkodean Pengkodean yang digunakan dalam program ini adalah sebagai berikut: A. ID Rias x x Contoh R S tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan RS : Kode Rias 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut

18 33 B. ID Katering x x Contoh K T tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan KT : Kode Katering 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut C. ID Dekorasi x x Contoh D K identitas tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan DK : Kode Dekorasi 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut

19 34 D. ID Dokumentasi x x Contoh D I identitas tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan DI : Kode Dokumentasi 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut E. ID Gedung x x Contoh G G tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan GG : Kode Gedung 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut

20 35 F. ID Konfirmasi x x Contoh K F tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan KF : Kode Konfirmasi 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut G. ID Users x x Contoh U S tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan US : Kode Users 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut

21 36 H. ID Pelanggan x x Contoh P L tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan PL : Kode Pelanggan 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut I. ID Pemesan x x Contoh p s tahun bulan tanggal No urut identitas tahun bulan tanggal No urut Keterangan PS : Kode Pemesanan 2019 : Tahun 01 : Bulan 01 : Tanggal 001 : No Urut

22 Spesifikasi Program Struktur Navigasi Halaman Utama Pengunjung Halaman Utama Daftar asuk Gambar III.3 Struktur Navigasi (Halaman Pegunjung)

23 Struktur Navigasi Halaman Utama Pelanggan asuk Halaman Utama dashboard Konfirmasi pembayaran keluar Pilih paket Pilih gedung Pilih dokumentasi Pilih rias Pilih katering Pilih dokumentasi Gambar III. 4 Stuktur Navigasi (Halaman Utama Pelanggan)

24 Struktur Navigasi Halaman Utama Administrator asuk enu utama dashboard Data gedung Data dekorasi Data katering Data dokumentasi Data rias Data user Data pelanggan Data pemesanan Data pembayaran keluar Gambar III. 5 Struktur Navigasi (Halaman Administrator) 3.7. Spesifikasi Sistem Komputer 1. Spesifikasi Perangkat Keras a. Server 1) Laptop a) Sistem Operasi : icrosoft Windows 10 b) Program Aplikasi Desain : Sublime c) Bahasa Pemograman : HTL, PHP, Javascript d) Web Server : Xampp-v3.2.3 e) Web Browser : ozila Firefox & Google Chrome f) Basis Data : ysql 2) ouse 3) Koneksi internet Kecepatan 3 bps b. Client 1) Sistem Operasi : icrosoft Windows

25 40 2) Web Browser : ozila Firefox & Google Chrome 3.8. Implementasi Implementasi yang ada dalam sistem ini terdiri dari sebagai berikut A. Implementasi Racangan Antar uka Berikut ini implementasi rancangan antar muka sebagai berikut 1. Halaman Utama Pengunjung Halaman ini terdiri dari Pelayanan, daftar, masuk Gambar III.6 Halaman Utama Pengunjung

26 41 2. Halaman Registrasi Akun asuk Halaman ini berisi tentang penginputan data diri pengunjung sebelum melakukan login sebagai klien dengan membuat akun. 3. Login Pelanggan Gambar III. 7 Halaman Registrasi Akun Pelanggan Halaman ini digunakan untuk Pelanggan yang telah melakukan registrasi akun baru sebelum mengakses halaman utama klien dan memulai pemesanan.

27 42 4. Halaman Utama Pelanggan Gambar III.8 Halaman Login Pelanggan Di halaman ini Pelanggan dapat memilih tanggal acara pernikahan, dan fasilitas kebutuhan klien. Gambar III.9 Halaman Utama Pelanggan

28 43 5. Halaman Konfirmasi Pembayaran Halaman ini digunakan untuk melakukan konfirmasi pembayaran setelah berhasil melakukan pemesanan online. 6. Halaman Detail Pemesanan Gambar III.10 Konfirmasi Pembayaran Halaman ini semua data pesanan yang telah dilakukan pada saat melakukan transaksi pemesanan online yang tersimpan. Gambar III.11 Detail Pesanan Sewa

29 44 7. Halaman Utama Login Administrator Halaman ini menampilakan form login yang akan dilakukan oleh administrator untuk mengakses dan mengelola semua data pada website. Gambar III.12 Halaman Login Admin 8. Halaman Utama Administrator Pada halaman ini admin dapat mengelola data gedung, dekorasi, dokumentasi, rias, pelanggan, pemesanan, katering, dan bukti pembayaran. Gambar III.13 Halaman Utama Admin

30 45 9. Halaman Data Pelanggan Halaman ini menampilkan data diri pelanggan sperti nama, no telp, alamat dan Halaman Data Pemesanan Gambar III.14 Data Pelanggan Di halaman ini menampilkan data pemesanan sebelum dikonfirmasi oleh administrator. Gambar III.15 Data Pemesanan

31 Halaman Data Bukti Pembayaran Halaman ini menampilkan bukti transaksi Gambar III.16 Bukti Transaksi 3.9. Pengujian Unit Pengujian Program yang dibuat menggunakan blackbox testing yang fokus pada proses masukan dan keluaran program. A. Pengujian Form Login Admin Tabel III.10 Hasil Pegujian Black Box Testing Login Admin No Skenario Test case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1. Username dan password tidak diisi kemudian klik tombol login Username: (kosong) Password: (kosong) Sistem akan menolak dan menampilkan pesan Username atau password anda salah Sesuai Harapan Valid

32 47 2. engisi Username dan Password tidak diisi kemudian klik tombol login Username: Admin Password: (kosong) Sistem akan menolak dan menampilkan pesan Username atau password anda salah Sesuai Harapan Valid 3. Username tidak diisi dan password diisi kemudian klik tombol login Username: Password: (1234) Sistem akan menolak dan menampilkan pesan Username atau password anda salah Sesuai Harapan Valid 4. engetikan salah satu salah pada username atau password kemudian klik tombol login Username: Admin Password: (Salah) Sistem akan menolak dan menampilkan pesan Username atau password anda salah Sesuai Harapan Valid 5. engetikan Username dan password dengan benar kemudian klik login Username: admin(benar) Password: 1234(benar) Sistem akan menerima dan menampilkan menu utama admin Sesuai Harapan Valid

33 48 B. Pengujian Form Pendaftaran Pelanggan No Skenario pengujian 1. Semua field tidak diisi kemudian klik daftar 2. engisi Nama Anda dan sisanya tidak diisi kemudian klik tombol daftar 3. engisi Nomor Ponsel dan sisanya tidak diisi kemudian klik tombol daftar 4. engisi dan sisanya tidak diisi keudian klik tombol daftar 5. engisi tidak mengunakan format Tabel III.11 Hasil Pegujian Black Box Testing Pendaftaran Pelanggan Text case Hasil yang diharapkan Nama Anda : (Kosong) Nomor Ponsel: (kosong) (kosong) Alamat : (Kosong) Nama Anda : Rahmat Nomor Ponsel : (kosong) (kosong) Alamat : (Kosong) Nama Anda: (Kosong) Nomor Ponsel : ( ) (Kosong) Alamat : (Kosong) Nomor Ponsel : (kosong) (rahmat1234@gmail.com) Alamat : ( Kosong) Nama Anda : (Kosong) Nomor Ponsel : (Kosong) (rahmat1234gmail.com) Alamat : (Kosong) Sistem akan menolak dan menampilkan Please fill out this field Sistem akan menolak dan menampilkan Please fill out this field Sistem akan menolak dan menampilkan Please fill out this field Sistem akan menolak dan menampilkan Please fill out this field enampilkan Please enter an address Hasil Pengujia n Sesuai Harapan Sesuai Harapan Sesuai Harapan Sesuai Harapan Sesuai Harapan Kesimpulan Valid Valid Valid Valid Valid

34 49 sisanya tidak diisi kemudian klik tombol daftar 6. engisi alamat dan sisanya tidak diisi kemudian klik tombol daftar Nama Anda : (Kosong) Nomor ponsel : (Kosong) (Kosong) Alamat : (jl.raya) Sistem akan menolak dan menampilkan Please fill out this field Sesuai Harapan Valid C. Pengujian Form Login Pelanggan Tabel III.12 Hasil Pegujian Form Login Pelanggan N o Skenario Pengujian Test case Hasil yang diharapkan Hasil Pengujia n Kesimpula n 1. Nama Pengguna dan Kata Sandi tidak diisi kemudian klik tombol asuk Nama Pengguna: (kosong) Kata Sandi: (kosong) Sistem akan menolak dan menampilka n pesan aaf Username atau password anda tidak cocok silahkan coba lagi Sesuai Harapan Valid 2. engisi Nama Pengguna dan Kata Nama Pengguna: Rahmat@gmail.com Kata Sandi: (kosong) Sistem akan menolak dan menampilka n pesan Sesuai Harapan Valid

35 50 Sandi tidak diisi kemudian klik tombol asuk aaf Username atau password anda tidak cocok silahkan coba lagi 3. Nama Pengguna tidak diisi dan Kata Sandi diisi kemudian klik tombol asuk Nama Pengguna: (Kosong) Kata Sandi: (123) Sistem akan menolak dan menampilka n pesan aaf Username atau password anda tidak cocok silahkan coba lagi Sesuai Harapan Valid 4. engetika n salah satu salah pada Nama Pengguna atau Kata Sandi kemudian klik tombol asuk Nama Pengguna: Rahmat@gmail.com Kata Sandi: 125(Salah) Sistem akan menolak dan menampilka n pesan aaf Username atau password anda tidak cocok silahkan coba lagi Sesuai Harapan Valid 5. engetika n Nama Pengguna dan Kata Sandi dengan Nama Pengguna: Rahmat@gmail.com(benar ) Kata Sandi: 123(benar) Sistem akan menerima dan menampilka n menu utama Sesuai Harapan Valid

36 51 benar kemudian klik asuk Pelanggan