BAB IV PERANCANGAN SISTEM USULAN

(1)

29

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem 4.1. 1. Analisa Kebutuhan

1. Kebutuhan Sistem

a. Sistem mengelola semua data mulai dari data klien, data mitra wedding organizer, data paket wedding, data informasi, data pembayaran sallary mitra, dan data upload bukti pembayaran sallary mitra.

b. Sistem dapat memberikan informasi tentang booking paket dan informasi pengelolaan dana wediing organizer.

c. Sistem dapat menampilkan semua data yang telah diolah pengguna sistem.

2. Kebutuhan Pengguna

Analisis pengguna menandakan siapa saja pengguna dari perangkat lunak yang dispesifikan dan apa saja haknya terhadap perangkat lunak tersebut. Program website pengelolaan dana Naya Wedding yang dibangun memiliki tiga jenis pengguna, yaitu :

a. User klien

User klien merupakan user yang dapat melihat informasi mengenai cara booking, booking paket wedding, cetak bukti booking, juga pengisian halaman testimoni sebagai sarana menyampaikan pertanyaan-pertanyaan ataupun komentar.

b. Mitra

Mitra merupakan rekanan dari Naya Wedding sebagai penyedia jasa yang digunakan dalam paket wedding organizer,calon mitra sebelumnya harus

(2)

mengisi form pendaftaran online terlebih dahulu di sistem kemudian menunggu verifikasi oleh admin, bila sudah terverifikasi oleh admin, mitra memperoleh username dan password untuk mengakses halaman menu khusus mitra, yang didalamnya terdapat menu informasi mengenai jadwal acara, dan informasi pembayaran sallary secara realtime .

c. Admin

User admin berfungsi untuk mengelola data klien, data mitra, data booking, data informasi, data pembayaran sallary mitra, dan mengelola data testimoni, serta berhak mengatur isi content tersebut sehingga tidak memunculkan content yang buruk.

(3)

4.1. 2. Rancangan Diagram Usecase 1. Use Case Diagram Admin

Gambar IV.1. Use Case Diagram Admin 2. Use Case Diagram Klien

Gambar IV.2. Use Case Diagram Klien

(4)

3. Use Case Diagram Mitra

Gambar IV.3. Use Case Diagram Mitra 4.1. 3. Rancangan Diagram Aktivitas (Activity Diagram) 1. Activity Diagram Login Admin

Gambar IV.4.

(5)

2. Activity Diagram Data Mitra Pada Admin

Gambar IV.5.

Activity Diagram Data Mitra Pada Admin 3. Activity Diagram Informasi Pada Admin

Gambar IV.6.

(6)

4. Activity Diagram Data Sallary Mitra Pada Admin

Gambar IV.7.

Activity Diagram Data Sallary Mitra Pada Admin 5. Activity Diagram Data Login Mitra

Gambar IV.8.

(7)

6. Activity Diagram Data Sallary Mitra

Gambar IV.9.

(8)

7. Activity Diagram Klien

Masuk ke Menu Pesan

(9)

Activity Diagram Klien 4.1. 4. Rancangan Dokumen Sistem Usulan

A. Rancangan Dokumen Masukan (Input)

Dokumen masukan merupakan dokumen yang mengalami proses awal dari program pengelolaan dana wedding organizer Naya Wedding. Adapun dokumen masukan yang digunakan adalah sebagai berikut :

1. Struk Bukti Transfer

Nama Dokumen : Struk Bukti Transfer

Fungsi : Bukti melaksanakan pembayaran sallary mitra

Sumber : Admin

Tujuan : Mitra

Media : -

Jumlah : 1 (satu) Lembar

Frekuensi : Setiap mendapat tugas tambahan Bentuk : Lihat Lampiran A.1.

B. Rancangan Dokumen Keluaran (Output)

Dokumen keluaran adalah segala bentuk dokumen yang akan mendukung kegiatan serta menerapkan hasil pencatatan dan pelaporan. Adapun dokumen keluaran yang digunakan adalah sebagai berikut :

1. File Informasi

Nama Dokumen : File Informasi

Fungsi : Sebagai salah pemberitahuan informasi

Sumber : Admin

(10)

Media : Halaman web HTML,

Jumlah : -

Frekuensi : Setiap adanya Informasi Bentuk : Lihat Lampiran B.1. 2. Cetak Bukti Booking

Nama Dokumen : Cetak Booking

Fungsi : Sebagai bukti booking paket wedding oleh klien

Sumber : Klien

Tujuan : Admin

Media : Html atau Pdf Jumlah : 1 (satu) Lembar

Frekuensi : Setiap ada transaksi booking. Bentuk : Lihat Lampiran B.2.

3. Cetak Pembayaran Sallary

Nama Dokumen : Cetak Bayar Sallary

Fungsi : Sebagai bukti pembayaran sallary yang diterima mitra.

Sumber : Admin

Tujuan : Karyawan

Media : Halaman web HTML atau Pdf Jumlah : 1 (satu) Lembar

Frekuensi : Setiap data pembayaran dicetak. Bentuk : Lihat Lampiran B.3.

(11)

4.1. 5. Rancangan Prototype

Bagian ini berisi mengenai penggambaran interface dari bahasa pemrograman yang dibuat dengan sistem usulan berbasis website.

1. Rancangan Prototype Beranda

Gambar IV.11.

Rancangan Prototype Beranda

2. Rancangan Prototype Link Daftar Mitra

Gambar IV.12.

(12)

3. Rancangan Prototype Form Daftar Mitra

Gambar IV.13.

Rancangan Prototype Form Daftar Mitra

4. Rancangan Prototype Login Mitra

Gambar IV.14.

(13)

5. Rancangan Prototype Beranda Mitra

Gambar IV.15.

Rancangan Prototype Beranda Mitra

6. Rancangan Prototype Update Profil Mitra

Gambar IV.16.

(14)

7. Rancangan Prototype Informasi untuk Mitra

Gambar IV.17.

Rancangan Prototype Informasi untuk Mitra

8. Rancangan Prototype Penerimaan Sallary Mitra

Gambar IV.18.

(15)

9. Rancangan Prototype Login Admin

Gambar IV.19.

Rancangan Prototype Login Admin

10. Rancangan Prototype Beranda Admin

(16)

Rancangan Prototype Beranda Admin 11. Rancangan Prototype Tambah Informasi

Gambar IV.21.

Rancangan Prototype Tambah Informasi

12. Rancangan Prototype Data Mitra

Gambar IV.22.

(17)

13. Rancangan Prototype Data Sallary Mitra

Gambar IV.23.

Rancangan Prototype Data Sallary Mitra

14. Rancangan Prototype Input Sallary Mitra

Gambar IV.24.

(18)

4.2. Perancangan Perangkat Lunak 4.2. 1. Entity Relationship Diagram (ERD)

Gambar IV.25.

(19)

4.2. 2. Logical Record Structure (LRS)

Keterangan : FK = Foreign Key

Gambar IV.26.

(20)

4.2. 3. Spesifikasi File 1. Spesifikasi File Admin

Nama File : Admin Akronim : admin

Fungsi : Untuk menyimpan data admin Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hard Disk Panjang record : 91 Byte Kunci Field : id_admin

Nama Database : nayawedding.sql Software : MySQL

Tabel IV.1. Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1 id admin id_admin Integer 11 Primary Key

2 nm_admin nm_admin Varchar 50

3 Username username Varchar 15

4 Password password Varchar 15

2. Spesifikasi File Klien Nama File : Klien Akronim : klien

Fungsi : Untuk menyimpan data klien Tipe File : File Master

(21)

Akses File : Random Media : Hard Disk Panjang record : 190 Byte Kunci Field : id_klien

Tabel IV.2. Spesifikasi File Klien

1 ID Klien id_klien Varchar 15 Primary Key

2 Nama Klien nm_klien Varchar 30 3 Telpon Klien tlp_klien Varchar 15 4 Email Klien email_klien Varchar 15 5 Alamat Klien alamat_klien Varchar 100

3. Spesifikasi File Mitra Nama File : Mitra Akronim : mitra

Fungsi : Untuk menyimpan data mitra Tipe File : File Master

Media : Hard Disk Panjang record : 391 Byte Kunci Field : id_mitra

(22)

Tabel IV.3. Spesifikasi File Mitra

1 Id Mitra id_mitra Varchar 15 Primary Key

2 Tanggal Daftar tgl_daftar Date

3 Nama Mitra nm_mitra Varchar 30

4 Nomor Telpon no_tlp Varchar 15

5 Email Email Varchar 30

6 Alamat Alamat Varchar 100

7 Paket Mitra paket_mitra Varchar 20

8 Detail Detail Varchar 100

9 Harga Paket harga_paket Integer 11

10 Foto Foto Varchar 30

11 Username Mitra username_mitra Varchar 15

12 Password Mitra password_mitra Varchar 10

13 Status Status Varchar 15

4. Spesifikasi File Paket Nama File : Paket Akronim : paket

Fungsi : Untuk menyimpan data paket Tipe File : File Master

Media : Hard Disk Panjang record : 202 Byte Kunci Field : id_paket

(23)

Tabel IV.4. Spesifikasi File Paket

1 ID Paket id_paket Integer 11 Primary Key

2 Nama Paket nm_paket Varchar 30 3 Detail Paket detail_paket Varchar 100

4 Harga Harga Integer 11

5 Gambar Gambar Varchar 50

5. Spesifikasi File Booking Nama File : Booking Akronim : booking

Fungsi : Untuk menyimpan data transaksi booking Tipe File : File Transaksi

Media : Hard Disk Panjang record : 56 Byte Kunci Field : id_booking Nama Database : nayawedding.sql Software : MySQL

Tabel IV.5. Spesifikasi File Booking

1 ID Booking id_booking Varchar 15 Primary Key

2 Tanggal Booking tgl_booking Date

3 ID Klien id_klien Varchar 15 Foreign Key

4 Grand Total grand_total Integer 11

(24)

6. Spesifikasi File Detail Booking Nama File : Detail Booking Akronim : detail_booking

Fungsi : Untuk menyimpan data detail booking Tipe File : File Master

Media : Hard Disk Panjang record : 59 Byte Kunci Field : id_detail

Tabel IV.6.

Spesifikasi File Detail Booking

1 ID Detail id_detail Integer 11 Primary Key

2 ID Booking id_booking Varchar 15 Foreign Key

3 ID Paket id_paket Integer 11

4 Subharga subharga Integer 11

5 Jumlah jumlah Integer 11

6 Tanggal Acara tgl_acara Date

7. Spesifikasi File Sallary Nama File : Sallary Akronim : sallary

Fungsi : Untuk menyimpan data transaksi pembayaran sallary mitra Tipe File : File Transaksi

(25)

Media : Hard Disk Panjang record : 224 Byte Kunci Field : id_sallary Nama Database : nayawedding.sql Software : MySQL

Tabel IV.7. Spesifikasi File Sallary

1 ID Sallary id_sallary Integer 11 Primary Key

2 Tanggal Bayar tgl_bayar Date

3 ID Mitra id_mitra Varchar 15 Foreign Key

4 Harga Harga Integer 11

5 Jenis Bayar jenis_bayar Integer 11 6 Jumlah Bayar jml_bayar Integer 11

7 Sisa Sisa Integer 11

8 Keterangan keterangan Varchar 100

9 Bukti Bukti Varchar 50

8. Spesifikasi File Informasi Nama File : Informasi Akronim : informasi

Fungsi : Untuk menyimpan data informasi Tipe File : File Master

Media : Hard Disk Panjang record : 171 Byte Kunci Field : id_info

(26)

Nama Database : esallary.sql Software : MySQL

Tabel IV.8.

Spesifikasi File Informasi

1 Id Informasi id_info Integer 11 Primary Key

2 Tanggal informasi tgl_info Timestamp

3 Judul informasi jdl_info Varchar 30

4 Detail informasi detail Varchar 100

5 Gambar gambar Varchar 30

9. Spesifikasi File Testimoni Nama File : Testimoni Akronim : testimoni

Fungsi : Untuk menyimpan data testimoni Tipe File : File Master

Media : Hard Disk Panjang record : 171 Byte Kunci Field : id_testi Nama Database : esallary.sql Software : MySQL

Tabel IV.9.

Spesifikasi File Testimoni

1 Id Testimoni id_testi Integer 11 Primary Key

2 Tanggal tanggal Timestamp

3 Nama Nama Varchar 50

4 Email Email Varchar 50

(27)

10. Spesifikasi File Galeri Nama File : Galeri Akronim : galeri

Fungsi : Untuk menyimpan data galeri Tipe File : File Master

Media : Hard Disk Panjang record : 171 Byte Kunci Field : id_galeri Nama Database : esallary.sql Software : MySQL

Tabel IV.10. Spesifikasi File Galeri

1 Id Galeri id_galeri Integer 11 Primary Key

2 Tanggal Posting tgl_posting Date

3 Judul Galeri jdl_galeri Varchar 30

4 Detail Galeri detail_galeri Varchar 100

(28)

4.2. 4. Class Model/Class Diagram

Gambar IV.27.

(29)

4.2. 5. Sequence Diagram

Gambar IV.27.

Sequence Diagram Pengelolaan Dana WO Naya Wedding

4.2.6 Spesifikasi Hardware dan Software

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website paket jasa tour dan event ini. 1. Spesifikasi Perangkat Keras (Hardware)

a. Server

(30)

(a) Processor Intel® Core i3 (b) RAM DDR2 4 GB

(c) Hard Disk 1TB 2) Mouse

3) Keyboard Standart

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet degan kecepatan 2 Mbps

b. Client 1) CPU

(a) Processor Intel ® Dual Core (b) RAM DDR2 2 GB

(c) Hard Disk 500GB 2) Mouse

3) Keyboard Standart

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps

2. Spesifikasi Perangkat Lunak (Software) a. Server

1) Sistem Operasi menggunakan Microsoft Windows 7.

2) Aplikasi bundle web server, menggunakan XAMPP, yang terdiri dari beberapa komponen, diantaranya :

(a) Apache Server v3 (b) PHP Server v3 (c) MySQL Server v5

(31)

(d) phpMyAdmin v3

3) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google Chrome, Opera.

b. Client

1) Sistem Operasi menggunakan Microsoft Windows 7.

2) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google Chrome, Opera. 4.3. Jadwal Implementasi Tabel IV.11. Jadwal Implementasi No KEGIATAN WAKTU BULAN JUNI 1 2 3 4

1 Persiapan data awal

2 Analisa

3 Desain Sistem