BAB IV PERANCANGAN SISTEM USULAN

(1)

25 4.1. Tahapan Perancangan Sistem

Perancangan suatu sistem merupakan suatu dasar dari pembuatan suatu sistem yang handal dan kuat untuk memerlukan suatu proses atau tahap tahapan dalam membuat perancangan sistem.

4.1.1. Analisis Kebutuhan A. Kebutuhan Pengguna

Dalam Rancangan web Booking servis motor terdapat dua pengguna yang berintraksi dari lingkungan sistem yaitu : Admin dan pengunjung web. Kedua pengguna tersebut memeliki karaktersitik sistem yang berbeda-beda dan memeliki kebutuhan informasi yang berbeda-beda seperti berikut :

1. Sekenario kebutuhan admin : a. Melakukan login

b. Mengelola data paket servis c. Mengelola data customer d. Mengelola data informasi e. Mengelola data booking servis f. Mengelola data pembayaran g. Mengelola data testimoni

(2)

2. Sekenario kebutuhan customer :

a. Melihat informasi tentang web tersebut b. Melakukan booking

c. Melakukan konfirmasi pembayaran d. Upload bukti pembayaran

e. Cetak bukti booking f. Cetak bukti pembayaran g. Melakukan testimoni

B. Kebutuhan Sistem

1. Sistem mengelola semua data mulai dari data customer, data paket, data booking beserta data informasi dan data pembayaran.

2. Sistem dapat memberikan informasi tentang booking dan beberapa paket sevis motor.

(3)

4.1.2. Rancangan Use Case

1. Diagram Use Case Beranda Admin

Gambar IV.1

Use Case Admin

a. Deskrifisi Diagram Use Case Kelola Data Customer Tabel IV.1

Deskripsi Diagram Use Case Kelola Data Customer Use Case Name Kelola Data Customer

Requerements Admin dapat mengelola data customer

Goal Admin dapat mengelola atau customer secara online melalui web

(4)

Post – Conditions 1. Mencari data customer 2. Meghapus data customer

Primary Actors Admin

Main Flow / Basic Path 1. Admin memilih menu kelola data customer 2. Sistem menampilkan data customer

3. Admin mencari data customer 4. Admin menghapus data customer

Alternative Flow / Invariant

-

b. Deskripsi Diagram Use Case Kelola Data Paket Servis Tabel IV.2

Deskrifsi Use Case Kelola Data Paket servis Use Case Name Kelola Data Paket servis

Requerements Admin dapat mengelola data Paket servis Goal Admin dapat mengelola atau customer secara

online melalui web Pre – Cunditions Beranda Admin

(5)

Post – Conditions 1. Menambah data customer 2. Mengubah data customer 3. Menghapus data customer

Main Flow / Basic Path 1. Admin memilih menu kelola data Paket servis

2. Sistem menampilkan data customer 3. Admin menambah data customer 4. Admin mengubah data customer 5. Admin menghapus data customer

-

c. Deskripsi Diagram Use Case Kelola Data Booking Servis Tabel IV.3

Deskripsi Dirgaram Use Case Kelola Data Booking servis Use Case Name Kelola Data Booking servis

Requerements Admin dapat mengelola data Booking servis Goal Admin dapat mengelola atau customer secara

online melalui web Pre – Cunditions Beranda Admin

(6)

2. Mencetak data booking servis 3. Mengupdate data booking servis 4. Melihat Detail booking servis 5. Menghapus Data booking servis

Main Flow / Basic Path 1. Admin memilih menu kelola data Booking servis

2. Sistem menampilkan data booking servis 3. Admin mencari data booking servis 4. Admin mencetak data booking servis 5. Admin mengupdate data booking servis 6. Admin melihat detail Booking servis 7. Admin menghapus data Booking servis Alternative Flow /

Invariant

-

d. Deskripsi Diagram Use Case Kelola Data Pembayaran Tabel IV.4

Deskripsi Dirgaram Use Case Kelola Data Pembayaran Use Case Name Kelola Data Pembayaran

Requerements Admin dapat mengelola data Pembayaran Goal Admin dapat mengelola atau customer secara

(7)

Pre – Cunditions Beranda Admin

Post – Conditions 1. Mencari data pembayaran 2. Menghapus data pembayaran

Main Flow / Basic Path 1. Admin memilih menu kelola data Pembayaran

2. Sistem menampilkan data Pembayaran 3. Admin Mencari data pembayaran 4. Admin menghapus data pembayaran

-

e. Deskripsi Diagram Use Case Kelola Testimoni Tabel IV.5

Deskripsi Dirgaram Use Case Kelola Testimoni Use Case Name Kelola Testimoni

Requerements Admin dapat mengelola Testimoni

Goal Admin dapat mengelola atau customer secara online melalui web

(8)

Pre – Cunditions Beranda Admin

Post – Conditions 1. Menghapus data pembayaran

Main Flow / Basic Path 1. Admin memilih menu kelola data Testimoni

2. Sistem menampilkan data Testimoni 3. Admin menghapus data testimoni

-

f. Deskrifsi Diagram Use Case Booking Tabel IV.6

Deskripsi Diagram Use Case Booking Use Case Name Booking

Requerements Customer dapat melakukan booking

Goal Customer dapat melakukan booking secara online melalui web

Pre - Cunditions Beranda Customer

(9)

Failed end Cundition Gagal melakukan booking

Primary Actors Customer

Main Flow / Basic Path 1. Customer dapat melakukan booking 2. Customer dapat melakukan pembayaran 3. Customer dapat mencetak

-

4.1.3. Rancangan Diagram Aktivitas 1. Diagram Aktivitas Login Admin

Gambar IV.2

(10)

2. Diagram Aktivitas Admin Kelola Data Customer

Gambar IV. 3

Diagram Aktivitas Admin Kelola Data Customer 3. Diagram Aktivitas Kelola Data Paket Servis

Gambar IV. 4

(11)

4. Diagram Aktivitas Kelola Data Informasi

Gambar IV. 5

Diagram Aktivitas Kelola Data Informasi

5. Diagram Aktivitas Kelola Data Booking Servis

Gambar IV.6

(12)

6. Diagram Aktivitas Kelola Data Pembayaran

Gambar IV.7

Diagram Aktivitas Kelola Data Pembayaran

7. Diagram Aktivitas Kelola Data Testimoni

Gambar IV.8

(13)

8. Diagram Aktivitas Booking

Gambar IV.9

Diagram Aktivitas Booking

9. Diagram Aktivitas Cetak Bukti Booking

Gambar IV.10

(14)

10. Diagram Aktivitas Konfirmasi Booking

Gambar IV.11

Diagram Aktivitas Konfirmasi Booking

4.1.4. Rancangan Dokumen Sistem Usulan A. Rancangan Dokumen Masukan

1. Nama Dokumen : Data Servis

Fungsi : Laporan Data Servis

Sumber : Customer

Tujuan : Admin

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap ada konsumen yang melakukan servis Bentuk : Lampiran B.1.

(15)

B. Rancangan Dokumen Keluaran

1. Bukti Booking

Nama Dokumen : Bukti Booking

Fungsi : Untuk bukti booking dari Customer

Sumber : Admin

Tujuan : Customer

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap ada Customer melakukan booking Bentuk : Lampiran B.2.

2. Cetak Bukti Bayar

Nama Dokumen : Bukti Pembayaran

Fungsi : Untuk bukti pembayaran booking

Sumber : Customer

Tujuan : Admin

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap ada customer melakukan pembayaran Bentuk : Lampiran C.1.

(16)

3. Laporan Data Booking

Nama Dokumen : Laporan Data Booking

Fungsi : Untuk melaporkan data booking

Sumber : Customer

Tujuan : Admin

Media : Tampilan layar keluaran

Jumlah : 1 Lembar

Frekuensi : Setiap ada customer melakukan pembayaran Bentuk : Lampiran C.2.

4.1.5. Rancangan Prototype 1. Tampilan Login Admin

Gambar IV.12 Tampilan Login Admin

(17)

2. Tampilan Beranda Admin

Gambar IV.13 Tampilan Beranda Admin

3. Tampilan Admin Kelola Data Customer

Gambar IV.14

(18)

4. Tampilan Admin Kelola Data Paket Servis

Gambar IV.15

Tampilan Admin Kelola Data Paket Servis

5. Tampilan Admin Kelola Data Booking Servis

Gambar IV.16

(19)

6 Tampilan Admin Kelola Data Pembayaran

Gambar IV.17

Tampilan Kelola Data Pembayaran

7. Tampilan Admin Kelola Data Informasi

Gambar IV.18

(20)

8. Tampilan Admin Kelola Data Testimoni

Gambar IV.19

Tampilan Admin Kelola Testimoni

9. Tampilan Beranda Customer

Gambar IV.20

(21)

10. Tampilan Booking Servis

Gambar IV.21 Tampilan Booking Servis

11. Tampilan Tentang Kami

Gambar IV.22 Tampilan Tentang Kami

(22)

12. Tampilan Konfirmasi Booking

Gambar IV.23

Tampilan Konfirmasi Booking

13. Tampilan Kontak Kami

Gambar IV.24 Tampilan Kontak Kami

(23)

4.2. Rancangan Perangkat Lunak 4.2.1 Entity Relationship Digram (ERD)

Gambar IV.25

Entity Relationship Digram

4.2.2. Logical Record Stucture (LRS)

Gambar IV.26

(24)

4.2.3. Spesifikasi File 1. Spesifikasi File Customer

Nama File : Customer Akronim : customer

Fungsi : Untuk menyimpan data customer Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hard Disk Panjang record : 159 Byte Kunci Field : id_customer Nama Database : service_motor.sql Software : MySQL

Tabel IV.7. Spesifikasi File Customer

2. Spesifikasi File Bayar

Nama File : Bayar

Akronim : bayar

Fungsi : Untuk menyimpan data bayar Tipe File : File Transaski

No. Elemen Data Tipe Panjang Keterangan

1. id_customer Varchar 15 Primary Key

2. nm_customer Varchar 30

3. Alamat Varchar 50

4. no_telp Varchar 14

5. Email Varchar 30

(25)

Media : Hard Disk

Panjang record : 90 Byte Kunci Field : id_bayar

Nama Database : service_motor.sql Software : MySQL

Tabel IV.8. Spesifikasi File Bayar

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

Fungsi : Untuk menyimpan data booking Tipe File : File Transaksi

Media : Hard Disk Panjang record : 56 Byte

1. id_bayar Varchar 15 Primary Key

2. tgl_bayar Date -

3. id_booking Varchar 15 Foreign Key

4. id_customer Varchar 20

(26)

Kunci Field : id_booking

Nama Database : service_motor.sql Software : MySQL

Tabel IV.9. Spesifikasi File Booking

4. 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 : 295 Byte Kunci Field : id_detail

1. id_booking Varchar 15 Primary Key

2. tgl_booking Date -

3. id_customer Varchar 15 Foreign Key

4. grand_total Int 11

(27)

Tabel IV.10

Spesifikasi File Detail Booking

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

Fungsi : Untuk menyimpan data paket servis Tipe File : File Master

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

1. id_detail Int 11 Primary Key

2. id_booking Varchar 15 Foreign Key

3. tgl_servis Date -

4. id_paket Int 11 Foreign Key

5. nm_paket Varchar 50 6. Harga Int 11 7. Subharga Int 11 8. Nokend Varchar 10 9. jenis_motor Varchar 15 10. merk_motor Varchar 15 11. Tipe Varchar 15 12. thn_buat Varchar 5 13. Keluhan Text 100 15. Foto Varchar 15

(28)

Tabel IV.11.

Spesifikasi File Paket Servis

1. id_paket Varchar 15 Primary Key

2. nm_paket Varchar 15

3. Detail Text

4. lama_servis Varchar 10

5. gambar_paket Varchar 50

6. Harga Int 15

6. Spesifikasi File Admin Nama File : Admin Akronim : admin

Fungsi : Untuk menyimpan data admin Tipe File : File Master

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

Tabel IV.12. Spesifikasi File Admin

1. id_admin Vaerchar 10 Primary Key

(29)

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

Fungsi : Untuk menyimpan data testimoni Tipe File : File Master

Media : Hard Disk Panjang record : 151 Byte Kunci Field : id_testi

Tabel IV.13. Spesifikasi File Testimoni

1. id_testi Int 11 Primary Key

2. tgl_testi Date - 3. Nama Varchar 15 4. Email Varchar 25 5. isi_testi Text 3. Username Varchar 10 4. Password Varchar 15

(30)

4.2.4. Class Model / Class Digram

Gambar IV.27

Class Model / Class Diagram

4.2.5. Sequence Digram

1. Sequence Diagram Login Admin

Gambar IV.28

(31)

2. Sequence Diagram Kelola Data Customer

Gambar IV.29

Sequence Diagram Kelola Data Customer

3. Sequence Diagram Kelola Paket Servis

Gambar IV.30

(32)

4. Sequence Diagram Kelola Data Booking

Gambar IV.31

Sequence Diagram Kelola Data Booking

5. Sequence Diagram Kelola Data Pembayaran

Gambar IV.32

(33)

6. Sequence Diagram Kelola Testimoni

Gambar IV.33

Sequence Diagram Kelola Testimoni

7. Sequence Diagram Customer

Gambar IV.34

(34)

4.2.6. Spesifikasi Hadware Dan Software

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website Booking servis ini:

1. Spesifikasi Perangkat Keras (Hardwere) a. Server

1) CPU (Central Processing Unit) (a) Processor intel® Core i3 (b) RAM DDR2 250 MB (c) Hard Disk 120 MB

2) Mouse

3) Keyboard standar

4) Monitor dengan resolusi layar minimum 1020x768 5) Koneksi Internet dengan kecepatan 2mbps

b. Client 1) CPU

(a) Processor Intel® Core i3 (b) RAM DDR2 200 MB (c) Hard disk 120 MB 2) Mouse

3) Keyboard Standart

4) Monitor dengan resolusi layar minimum 1020x768 5) Koneksi internet dengan kecepatan 2mbps

2. Spesifikasi Perangkat Lunak (Softwere) a. Server

(35)

1) Sistem operasi menggunakan Microsoft Windows 7.

2) Aplikasi Bundle Web Server, menggunakan XAMPP, yang terdiri dari beberapa komponen:

(a) Apache Server v3 (b) PHP Server v3 (c) MySQL Server v3 (d) PhpMyAdmin v3

3) Aplikasi Web Browser seperti Internet Exploler, Mozilla Firefox, Google Choreme, Opera.

b. Client

1) Sistem operasi menggunakan Microsoft Windows 7.

2) Aplikasi Web Browser seperti Internet Exploler, Mozilla Firefox, Google Choreme, Opera. 4.3. Jadwal Implementasi Tabel IV.14 Jadwal Implementasi NO ` Kegiatan Waktu

Bulan I Bulan II Bulan III 1 2 3 4 1 2 3 4 1 2 3 4 1 Persiapan data awal

2 Analisa 3 Desain Sistem

4 Desain Perangkat Lunak 5 Pembuatan & tes program

(36)

6 Tes Sitem 7 Pelatihan

8 PembuatanBuku Petunjuk 9 Evaluasi & Oprasional