BAB IV

PERANCANGAN SISTEM USULAN

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

25
 26

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. Sistem dapat menampilkan semua data yang telah diolah pengguna sistem.
 27

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

Pre – Cunditions Beranda Admin

 28

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

 29

Post – Conditions 1. Menambah data customer

2. Mengubah data customer

3. Menghapus data customer

Primary Actors Admin

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

Alternative Flow / -

Invariant

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

Post – Conditions 1. Mencari Data Booking servis

 30

2. Mencetak data booking servis

3. Mengupdate data booking servis

4. Melihat Detail booking servis

5. Menghapus Data booking servis

Primary Actors Admin

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

online melalui web

 31

Pre – Cunditions Beranda Admin

Post – Conditions 1. Mencari data pembayaran

2. Menghapus data pembayaran

Primary Actors Admin

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

Alternative Flow / -

Invariant

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

 32

Pre – Cunditions Beranda Admin

Post – Conditions 1. Menghapus data pembayaran

Primary Actors Admin

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

Testimoni

2. Sistem menampilkan data Testimoni

3. Admin menghapus data testimoni

Alternative Flow / -

Invariant

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

Post - Conditions Melakukan Booking

 33

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

Alternative Flow / -

Invariant

4.1.3. Rancangan Diagram Aktivitas

1. Diagram Aktivitas Login Admin

Gambar IV.2
Diagram Aktivitas Login Admin
 34

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
Diagram Aktivitas Kelola Data Paket Servis
 35

4. Diagram Aktivitas Kelola Data Informasi

Gambar IV. 5
Diagram Aktivitas Kelola Data Informasi

5. Diagram Aktivitas Kelola Data Booking Servis

Gambar IV.6
Diagram Aktivitas Kelola Data Booking Servis
 36

6. Diagram Aktivitas Kelola Data Pembayaran

Gambar IV.7
Diagram Aktivitas Kelola Data Pembayaran

7. Diagram Aktivitas Kelola Data Testimoni

Gambar IV.8
Diagram Aktivitas Kelola Data Testimoni
 37

8. Diagram Aktivitas Booking

Gambar IV.9
Diagram Aktivitas Booking

9. Diagram Aktivitas Cetak Bukti Booking

Gambar IV.10
Diagram Aktivitas Cetak Bukti Booking
 38

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.

 39

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.

 40

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
 41

2. Tampilan Beranda Admin

Gambar IV.13
Tampilan Beranda Admin

3. Tampilan Admin Kelola Data Customer

Gambar IV.14
Tampilan Admin Kelola Data Customer
 42

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
Tampilan Admin Kelola Data Booking Servis
 43

6 Tampilan Admin Kelola Data Pembayaran

Gambar IV.17
Tampilan Kelola Data Pembayaran

7. Tampilan Admin Kelola Data Informasi

Gambar IV.18
Tampilan Admin Kelola Data Informasi
 44

8. Tampilan Admin Kelola Data Testimoni

Gambar IV.19
Tampilan Admin Kelola Testimoni

9. Tampilan Beranda Customer

Gambar IV.20
Tampilan Beranda Customer
 45

10. Tampilan Booking Servis

Gambar IV.21
Tampilan Booking Servis

11. Tampilan Tentang Kami

Gambar IV.22
Tampilan Tentang Kami
 46

12. Tampilan Konfirmasi Booking

Gambar IV.23
Tampilan Konfirmasi Booking

13. Tampilan Kontak Kami

Gambar IV.24
Tampilan Kontak Kami
 47

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
Logical Record Structure
 48

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

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
6. Password Varchar 20

2. Spesifikasi File Bayar

Nama File : Bayar

Akronim : bayar

Fungsi : Untuk menyimpan data bayar

Tipe File : File Transaski

 49

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 90 Byte

Kunci Field : id_bayar

Nama Database : service_motor.sql

Software : MySQL

Tabel IV.8.
Spesifikasi File Bayar

No. Elemen Data Tipe Panjang Keterangan

1. id_bayar Varchar 15 Primary Key
2. tgl_bayar Date -
3. id_booking Varchar 15 Foreign Key
4. id_customer Varchar 20
5. bukti_bayar Varchar 40

3. Spesifikasi File Booking

Nama File : Booking

Akronim : booking

Fungsi : Untuk menyimpan data booking

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 56 Byte

 50

Kunci Field : id_booking

Nama Database : service_motor.sql

Software : MySQL

Tabel IV.9.
Spesifikasi File Booking

No. Elemen Data Tipe Panjang Keterangan

1. id_booking Varchar 15 Primary Key

2. tgl_booking Date -

3. id_customer Varchar 15 Foreign Key

4. grand_total Int 11

5. Status Varchar 15

4. Spesifikasi File Detail Booking

Nama File : Detail Booking

Akronim : detail_booking

Fungsi : Untuk menyimpan data detail_booking

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 295 Byte

Kunci Field : id_detail

Nama Database : service_motor.sql

Software : MySQL
 51

Tabel IV.10
Spesifikasi File Detail Booking

No. Elemen Data Tipe Panjang Keterangan

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

5. Spesifikasi File Paket

Nama File : Paket

Akronim : paket

Fungsi : Untuk menyimpan data paket servis

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 305 Byte

Kunci Field : id_paket

Nama Database : service_motor.sql

Software : MySQL
 52

Tabel IV.11.
Spesifikasi File Paket Servis

No. Elemen Data Tipe Panjang Keterangan

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

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 85 Byte

Kunci Field : id_admin

Nama Database : service_motor.sql

Software : MySQL

Tabel IV.12.
Spesifikasi File Admin

No. Elemen Data Tipe Panjang Keterangan

1. id_admin Vaerchar 10 Primary Key

2. nm_admin Varchar 50
 53

3. Username Varchar 10

4. Password Varchar 15

7. Spesifikasi File Testimoni

Nama File : Testimoni

Akronim : testimoni

Fungsi : Untuk menyimpan data testimoni

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 151 Byte

Kunci Field : id_testi

Nama Database : service_motor.sql

Software : MySQL

Tabel IV.13.
Spesifikasi File Testimoni

No. Elemen Data Tipe Panjang Keterangan

1. id_testi Int 11 Primary Key
2. tgl_testi Date -
3. Nama Varchar 15
4. Email Varchar 25
5. isi_testi Text
 54

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
Sequence Diagram Login Admin
 55

2. Sequence Diagram Kelola Data Customer

Gambar IV.29
Sequence Diagram Kelola Data Customer

3. Sequence Diagram Kelola Paket Servis

Gambar IV.30
Sequence Diagram Kelola Paket Servis
 56

4. Sequence Diagram Kelola Data Booking

Gambar IV.31
Sequence Diagram Kelola Data Booking

5. Sequence Diagram Kelola Data Pembayaran

Gambar IV.32
Sequence Diagram Kelola Data Pembayaran
 57

6. Sequence Diagram Kelola Testimoni

Gambar IV.33
Sequence Diagram Kelola Testimoni

7. Sequence Diagram Customer

Gambar IV.34
Sequence Diagram Customer
 58

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
 59

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

 60

6 Tes Sitem

7 Pelatihan

8 PembuatanBuku Petunjuk

9 Evaluasi & Oprasional