BAB III PEMBAHASAN. program. Sebab analisa kebutuhan menjelaskan tentang kebutuhan pengguna dan

Transkripsi

1 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan merup salah satu proses penting dalam pembuatan program. Sebab analisa kebutuhan menjelaskan tentang kebutuhan pengguna kebutuhan sistem secara rinci dilengkapi alur dari masing-masing kebutuhan tersebut. 1. Kebutuhan Pengguna Pelanggan admin saling berinteaksi namun memeliki kebutuhan informasi yang berbeda-beda, diantaranya : a. Kebutuhan Pelanggan Pelanggan dapat mengunjungi website melihat layanan yang disedi, melihat portofolio berupa image mendengarkan audio musisi yang pernah melakukan recording sebagai acuan referensi calon pelanggan. lalu terdapat about yang menjelaskan istilah-istilah dalam prosesi rekaman yang dapat memberikan wawasan kepada setiap pengunjung websitenya. pelanggan tentu dapat melihat-lihat jadwal booking melakukan reservasi atau booking khusus untuk pelanggan yang sudah terdaftar login terlebih dahulu. karena akses menolak untuk proses booking jika calon pelanggan belum mendaftar akun. 22

2 23 b. Kebutuhan Admin Admin memguasai penuh hak akses website. Admin dapat mengelola data pelanggan, mengelola data booking layanan atau paket yang dipilih pelanggan, mengelola konfirmasi pembayaran yang di dalam website ini ditentukan oleh batas waktu yang ditetapkan 1x24 jam, jika tidak terdapat nama pembayaran pembooking maka jadwal bookingnya terhapus, admin tentu dapat mengelola laporan. 2. Kebutuhan a. Kebutuhan Pelanggan Pelanggan disedi beberapa menu utama yang dapat diakses pada tampilan front-end, Menu-menu tersebut diantaranya adalah menu services, portofolio, about, team, contact serta info grafis dalam halaman how to book how to confirm. pelanggan dapat melakukan booking sesuai jadwal yang tersedia dapat mencetak bukti booking sebagai bukti transaksi lalu melakukan konfirmasi pembayaran dengan mengupload bukti transaksi di menu konfirmasi pada halaman frontend. b. Kebutuhan Admin Setiap admin memiliki ID admin password yang identik agar dapat melakukan login dapat mengakses halaman back-end pada website. Dalam halaman back-end terdapat file master berupa data admin pelanggan lalu

3 24 terdapat data booking logout. Dalam website ini admin berperan sama memiliki akses yang sama karena tidak menggun hak akses Rancangan Dokumen A. Rancangan Dokumen Masukan (Input) Menguraikan secara rinci setiap rancangan dokumen masukan yang digun dalam sistem dengan uraian parameter-parameter dokumen sebagai berikut: 1. Nama Dokumen : Laporan data pelanggan Fungsi Sumber Tujuan Media Jumlah Frekuensi : Untuk menyimpan data pelanggan : Pelanggan : Admin : Kertas : 1 lembar : Seluruh pelanggan yang mempunyai akun Bentuk : Lihat lampiran A.1 2. Nama Dokumen : Konfirmasi Pembayaran Fungsi Sumber Tujuan Media Jumlah Frekuensi : Untuk menyimpan konfirmasi pembayaran : Pelanggan : Admin : Kertas : 1 lembar : Setiap pelanggan yang melakukan konfirmasi

4 25 Bentuk : Lihat lampiran A.2 B. Rancangan Dokumen Keluaran (Output) Menguraikan secara rinci setiap rancangan dokumen keluaran yang digun dalam sistem dengan uraian parameter-parameter dokumen sebagai berikut: 1. Nama Dokumen : Bukti booking Fungsi Sumber Tujuan Media Jumlah Frekuensi : Mencetak bukti booking oleh pelanggan : Admin : Pelanggan : Kertas : 1 lembar : Setiap ada pelanggan yang melakukan booking Bentuk : Lihat lampiran B.1

5 Entity Relationship Diagram A. Entity Relationship Diagram (ERD) Gambar 3.1 Entity Relationship Diagram (ERD) B. Logical Record Structure (LRS) Gambar 3.2 Logical Record Structure (LRS)

6 Spesifikasi File Spesifikasi file yang digun dalam perancangan program studio rekaman berbasis web ini terdiri dari satu database, diantaranya : 1. Tabel Admin a. Nama File : File admin b. Akronim : admin.myd c. Fungsi : Menyimpan data admin d. Tipe File : File Master e. Organisasi File : Index sequential f. Akses File : Random g. Media : Hardisk h. Panjang Record : 35 i. Kunci File : id j. Software : Xampp Tabel III.1 Tabel Admin No Elemen Data Akronim Tipe Panjang Keterangan 1 Id id Varchar 5 Primary Key 2 Username username Varchar 10 3 Password password Text 4 Nama nama Varchar 20

7 28 2. Tabel Pelanggan a. Nama File : File pelanggan b. Akronim : pelanggan.myd c. Fungsi : menyimpan data pelanggan d. Tipe : File Master e. Organisasi File : Index sequential f. Akses File : Random g. Media : Hardisk h. Panjang Record : 72 i. Kunci File : id j. Software : Xampp Tabel III.2 Tabel Pelanggan No Elemen Data Akronim Tipe Panjang Keterangan 1 Id Pelanggan id Varchar 9 Primary Key 2 Username username Varchar Varchar 30 4 No nohp Varchar 13 Handphone 5 Password password Text 6 Join join Timestamp

8 29 3. Tabel Booking a. Nama File : File booking b. Akronim : booking.myd c. Fungsi : Menyimpan data booking d. Tipe File : File booking e. Organisasi File : Index sequential f. Akses File : Random g. Media : Hardisk h. Panjang Record : 20 i. Kunci File : tanggal j. Software : Xampp Tabel III.3 Tabel Booking No Elemen Data Akronim Tipe Panjang Keterangan 1 Tanggal tanggal Date Primary Key 2 Username username Varchar 20 4 Harga harga Double

9 30 4. Tabel Services a. Nama File : File services b. Akronim : services.myd c. Fungsi : Menyimpan data services d. Tipe File : File services e. Organisasi File : Index sequential f. Akses File : Random g. Media : Hardisk h. Panjang Record : 60 i. Kunci Record : harga j. Software : Xampp Tabel III.4 Tabel Services No Elemen Data Akronim Tipe Panjang Keterangan 1 Paket paket Varchar 20 2 Harga harga Double Primary Key 3 Keterangan keterangan Varchar 40

10 31 5. Tabel konfirmasi a. Nama File : File konfirmasi b. Akronim : konfirmasi c. Fungsi : Menyimpan data konfirmasi d. Tipe File : File konfirmasi e. Organisasi File : Index sequential f. Akses File : Random g. Media : Hardisk h. Panjang Record : 35 i. Kunci Record : - j. Software : Xampp Tabel III.5 Tabel Konfirmasi No Elemen Data Akronim Tipe Panjang Keterangan 1 Tanggal tanggal Date 2 Foto foto Text 3 Foto Type foto_type Char 5 4 An an Varchar 30 Pembayaran

11 Pengkodean 1. ID Admin Admin hanya memiliki satu hak akses sehingga semua jabatannya sama hanya no urutnya yang berbeda. Berikut salah satu contohnya: Gambar 3.3 ID Admin 2. ID Pelanggan Gambar 3.4 ID Pelanggan 3.6. Stuktur Navigasi 1. Stuktur Navigasi Halaman Frontend Pengunjung Pembuatan Halaman frontend pengunjung website menggun struktur navigasi campuran (composite).

12 33 Gambar 3.5 Struktur Navigasi Frontend Pengunjung 2. Stuktur Navigasi Halaman Frontend Pelanggan Pembuatan Halaman frontend pelanggan website menggun struktur navigasi campuran (composite). Gambar 3.6 Struktur Navigasi Frontend Pelanggan

13 34 3. Stuktur Navigasi Halaman Back-end Pembuatan Halaman frontend website menggun struktur navigasi campuran (composite). berikut gambarnya : Gambar 3.7 Struktur Navigasi Backend 3.7. Spesifikasi Komputer Berikut ini adalah spesifikasi perangkat keras perangkat lunak minimum yang dibutuhkan untuk menginmplementasikannya. a. Spesifikasi Perangkat Keras 1. Server a) CPU 1) Processor Intel core i3 2) RAM DDR2 2 GB

14 35 3) Hard Disk 500 GB b) Mouse c) Keyboard d) Monitor dengan resolusi layar minimum 1024x Client a) CPU 1) Processor Intel core i3 2) RAM DDR 2 GB 3) Hard Disk 500 GB b) Mouse c) Keyboard d) Monitor dengan resolusi layar minimum 1024x768 b. Spesifikasi Perangkat Lunak 1. Server a) Operasi yang digun Microsoft Windows 8.1 pro 64 bit. b) Aplikasi bundle web server seperti Xampp versi v Client c) Operasi yang digun Microsoft Windows 8.1 pro 64 bit. a) Aplikasi web browser seperti Mozilla Firefox, Opera, Internet Explorer, Google Chrome.

15 Implementasi 1. Implementasi Halaman Frontend Implementasi halaman frontend merup sentral dari semua halaman yang berisi menu-menu yang dapat diakses dapat menjadi penghubung antara pengguna dengan sistem dimana terdapat halaman pengunjung halaman pelanggan yang berarti member atau telah mempunyai akun. Gambar 3.8 Halaman Frontend Pengunjung `

16 37 Gambar 3.9 Halaman Frontend Pelanggan 2. Implementasi Halaman Login Implementasi halaman login berisi username (pelanggan) atau id admin (untuk admin) password yang perlu diisi terlebih dahulu agar mampu mengakses halaman yang dituju seperti back-end untuk admin atau front-end untuk pelanggan dalam hal melakukan proses booking maka diperlukan login. Gambar 3.10 Halaman Login Back-end Gambar 3.11 Halaman Login Frontend

17 38 3. Implementasi Halaman Back-End Implementasi halaman back-end berisi data admin pelanggan dalam file master. lalu ada jadwal booking konfirmasi beserta laporannya. Gambar 3.12 Halaman Back-End 3.9. Pengujian Unit 1. Pengujian unit terhadap form login Tabel III.6 Pengujian Black Box pada Halaman Login No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 ID Admin ID Admin : password tidak menolak akses diisi user

18 39 tombol login menampilkan Maaf ID Admin Harap Isi selanjutnya tampil Maaf Password Harap Isi 2 ID Admin tidak ID Admin : diisi menolak akses tombol login user menampilkan Maaf ID Admin Harap Isi lalu kursor mengarahkan pada kolom ID Admin 3 Password tidak diisi menolak akses tombol login user menampilkan Maaf

19 40 Password Harap Isi lalu kursor mengarahkan pada kolom password 4 Mengetikan ID ID Admin : Admin abcdef menolak akses password tidak user diisi menampilkan login Maaf Password Harap Isi lalu kursor mengarahkan pada kolom password 5 ID Admin tidak ID Admin : diisi menolak akses password diisi user menampilkan login Maaf ID Admin Harap

20 41 Isi lalu kursor mengarahkan pada kolom ID Admin 6 Mengetikan salah ID Admin : satu kondisi admin01 menolak akses salah pada (benar) user username atau menampilkan password Maaf, ID (salah) Admin atau login Password anda salah! 7 Mengetikan ID ID Admin : Admin admin01 menerima password dengan (benar) akses login data yang benar admin01 langsung login (benar) menampilkan halaman home (admin).

21 42 2. Pengujian unit terhadap form tambah admin Tabel III.7 Pengujian Black Box pada form tambah admin No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Username, Username : password, menampilakn nama tidak diisi Username harap di isi! tombol simpan Nama : pointer mengarah ke form username 2 Username diisi Username : namun password (haha) menampilakn nama tidak Password di isi harap di isi! tombol Nama : pointer simpan mengarah ke form password 3 Username Username : password di isi (haha) menampilakn nama tidak Nama harap di isi (456789) di isi!

22 43 tombol Nama : pointer simpan mengarah ke form nama 4 Username, Username : password (haha) menampilkan nama di isi Data Berhasil (456789) di Simpan tombol simpan Nama : (jaja) 3. Pengujian unit terhadap form edit admin Tabel III.8 Pengujian Black Box pada form edit admin No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 ID Admin, ID Admin : Username, (ADM01) menampilkan password atau Username : Data Berhasil nama di edit (haha) di Update tombol simpan (12345) Nama:

23 44 (andi) di edit menjadi (andi adam) 4. Pengujian unit terhadap form tambah paket Tabel III.9 Pengujian Black Box pada form tambah paket No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Paket, harga, Paket : keterangan tidak menampilakn diisi Harga : Paket harap tombol di isi! simpan Keterangan: pointer mengarah form paket ke 2 Paket di isi Paket : yang lainnya (nbh) menampilakn tidak di isi Harga : Harga harap di isi! tombol simpan Keterangan: pointer

24 45 mengarah ke form harga 3 Paket harga Paket : diisi namun (nbh) menampilakn keterangan tidak di isi Harga : ( ) Keterangan harap di isi! tombol Keterangan: pointer simpan mengarah ke form keterangan 4 Paket, harga Paket : keterangan di isi (nbh) menampilkan Harga : Data Berhasil tombol simpan ( ) Keterangan: (jaja) di Simpan

25 46 5. Pengujian unit terhadap form edit paket Tabel III.10 Pengujian Black Box pada form edit paket No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Paket, harga atau Paket : keterangan di (nbh) menampilkan edit Harga : Data Berhasil tombol ( ) di Update simpan Keterangan: (jaja) diedit menjadi (jajan) 6. Pengujian unit terhadap halaman daftar pelanggan Tabel III.11 Pengujian Black Box pada halaman daftar pelanggan No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Username, Username : password, menampilkan retype The

26 47 password, Username no Retype field is handphone tidak required, The diisi Password field tombol is required, daftar sekarang No handphone: The Retype Password field is required, The field is required, The No Handphone field is required 2 Username diisi Username : namun (haha) menampilakn password, The retype Password field password, Retype is required, no The Retype handphone tidak Password field di isi is required,

27 48 tombol The daftar sekarang No field is handphone: required, The No Handphone field is required 3 Username Username : password di isi (haha) menampilakn namun retype The password, (456789) Password field no Retype does not handphone tidak match the di isi Retype tombol Password daftar sekarang field, The No Retype handphone: Password field is The field required, is required, The No

28 49 Handphone field is required 4 Username, Username : password, (haha) menampilakn retype password The di isi namun (456789) field is no handphone tidak di isi Retype (456789) required, The No Handphone tombol field is daftar sekarang required No handphone: 5 Username, Username : password, (haha) menampilakn retype The No password, (456789) Handphone di isi Retype field is namun no required handphone tidak (456789)

29 50 di isi tombol (a@gmail) daftar sekarang No Handphone: 6 Username, Username : password, (haha) menampilkan retype Data Berhasil password, (456789) di Simpan no Retype handphone di isi tombol sekarang daftar (456789) (a@gmail) No Handphone: ( )

30 51 7. Pengujian unit terhadap login pelanggan Tabel III.12 Pengujian Black Box pada login pelanggan No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Username Username : password tidak menolak akses diisi user tombol login menampilkan Maaf Username Harap isi! lalu kursor mengarahkan pada kolom username 2 Username di isi Username : password (gaga) menolak akses tidak diisi user menampilkan tombol login Maaf Password Harap Isi lalu

31 52 kursor mengarahkan pada kolom password 3 Mengetikan salah Username : satu kondisi admin01 menolak akses salah pada (benar) user username atau menampilkan password Maaf, (salah) Username atau login Password anda salah! 6 Mengetikan Username : username gaga menerima password dengan data yang benar (benar) akses masuk login (benar) halaman pelanggan

32 53 8. Pengujian unit terhadap form booking Tabel III.13 Pengujian Black Box pada form booking No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Your name Your account: account, mengarahkan your , your pada print your your html phone, phone: setelah date, date: halaman print choose (mm/dd/yyyy) di tutup maka service choose service: muncul tidak di isi (choose service) alert Harap price : isi tombol username! save Dan pointer focus pada your name account 2 Your name Your account: account (gaga) mengarahkan diisi your pada print

33 54 namun your html your , phone: setelah your date: halaman print phone, (mm/dd/yyyy) di tutup maka date, choose service: muncul choose (choose service) alert Harap service price : isi Alamat tidak di isi ! Dan pointer tombol focus pada save your 3 Your name Your account: account (gaga) mengarahkan diisi your your pada print diisi namun your phone, date, choose service tidak di isi (gaga@yahoo.com) your phone: date: (mm/dd/yyyy) choose service: (choose service) price : html setelah halaman print di tutup maka muncul alert Harap isi No Handphone! Dan pointer

34 55 tombol focus pada save your phone 4 Your name Your account: account, (gaga) mengarahkan your , your pada print your phone (gaga@gmail) your html diisi phone: (089898) setelah namun date: halaman print date, (mm/dd/yyyy) di tutup maka choose choose service: muncul service (choose service) alert harap tidak di isi price : isi tanggal booking! tombol Dan pointer save focus pada date 5 Your name Your account: account (gaga) mengarahkan your , your pada print your (gaga@yahoo) html phone, your phone: setelah date diisi (08979) halaman print choose date: (07/13/2018) di tutup maka

35 56 service choose service: muncul tidak di isi (choose service) alert Harap price : isi service tombol yang save dipilih! Dan pointer focus pada pilih paket 6 Your name Your account: account (gaga) mengarahkan your , your pada print your (gaga@ ) your html phone, phone: (08879) setelah date, date: (07/13/2018) halaman print choose choose service: di tutup maka service (full service) muncul dipilih price : ( ) alert Data form price Berhasil di tampil Simpan value otomatis tombol

36 57 save 7 Your name (Yang sudah account terdaftar di jadwal) mengarahkan diisi Your account: pada print date di isi dengan (gaga) date: (07/13/2018) html setelah data yang (Yang halaman print sudah ada dijadwal tombol save melakukan booking pada tanggal yang sama) Your account: (gaga) date: (07/13/2018) your (gaga@yahoo) your phone: (08979) choose service: (choose service) price : di tutup maka muncul alert Tanggal Sudah Terisi, Harap, Cari Waktu lain. Redirect tampilan depan pelanggan

37 58 9. Pengujian unit terhadap form konfirmasi Tabel III.14 Pengujian Black Box pada form konfirmasi No Skenario Text Case Hasil yang Hasil Kesimpulan Pengujian diharapkan Pengujian 1 Tanggal, Atas Tanggal : Menampilkan Nama Bayar, alert Harap upload bukti Atas Nama isi tanggal! tidak di isi Bayar : pointer menuju form simpan Upload tanggal Bukti: 2 Tanggal diisi, Tanggal : Menampilkan Atas Nama (07/11/2018) alert Harap Bayar, upload Atas Nama isi atas nama bukti tidak di isi Bayar : bayar! pointer simpan Upload menuju form Bukti: atas nama bayar 3 Tanggal Tanggal : Menampilkan Atas Nama (07/11/2018) alert Harap

38 59 Bayar di isi, Atas Nama upload bukti namun upload Bayar : transfer! bukti tidak di isi (jaja) pointer Upload menuju form simpan Bukti: upload bukti 4 Tanggal Atas Tanggal : Menampilkan Nama Bayar (07/11/2018) form Data upload Atas Nama gagal dibuat bukti di isi Bayar : namun upload (jaja) bukti salah tipe Upload file Bukti: simpan (hh.mp3) 5 Tanggal Atas Tanggal : Menampilkan Nama Bayar (07/11/2018) form Data upload Atas Nama berhasil bukti di isi Bayar : disimpan dengan format (jaja) yang benar Upload Bukti: simpan (hh.jpg)

39 60