BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang...

24
28 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan Berdasarkan hasil riset yang penulis lakukan pada PT. Dwi Perkasa Mobiltama Narogong Bekasi, terdapat beberapa kebutuhan yang penulis jabarkan sebagai berikut: A. Kebutuhan Pengguna Kebutuhan customer dimaksudkan untuk mengetahui apa saja yang di butuhkan melalui riset sehingga dapat terciptalah sistem informasi booking service PT Dwi Perkasa Mobiltama Narogong Bekasi. Oleh kerena itu dalam perancangan sistem ini penulis mendifinisikan kebutuhan berdasarkan pengguna sistem, yaitu: 1. Skenario kebutuhan Customer a. Mengetahui ketersediaan dan harga spare part b. Melakukan booking service c. Melihat status perbaikan kendaraan d. Melihat total pembayaran service kendaraan 2. Skenario kebutuhan Karyawan a. Melakukan Login b. Melihat data karyawan c. Melihat data Pelanggan d. Memberi Status service kendaraan e. Melihat ketersediaan suku cadang f. Menampilkan informasi suku cadang

Transcript of BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang...

Page 1: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

28

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisis Kebutuhan

Berdasarkan hasil riset yang penulis lakukan pada PT. Dwi Perkasa

Mobiltama Narogong Bekasi, terdapat beberapa kebutuhan yang penulis jabarkan

sebagai berikut:

A. Kebutuhan Pengguna

Kebutuhan customer dimaksudkan untuk mengetahui apa saja yang di

butuhkan melalui riset sehingga dapat terciptalah sistem informasi booking service

PT Dwi Perkasa Mobiltama Narogong Bekasi. Oleh kerena itu dalam perancangan

sistem ini penulis mendifinisikan kebutuhan berdasarkan pengguna sistem, yaitu:

1. Skenario kebutuhan Customer

a. Mengetahui ketersediaan dan harga spare part

b. Melakukan booking service

c. Melihat status perbaikan kendaraan

d. Melihat total pembayaran service kendaraan

2. Skenario kebutuhan Karyawan

a. Melakukan Login

b. Melihat data karyawan

c. Melihat data Pelanggan

d. Memberi Status service kendaraan

e. Melihat ketersediaan suku cadang

f. Menampilkan informasi suku cadang

Page 2: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

29

g. Menambah stock suku cadang

B. Kebutuhan Sistem

a. Karyawan melakukan login

b. Sistem akan mengecek user dan password yang diinput sudah sesuai

c. Sistem menampilkan menu Booking service

d. Sistem menampilkan katalog suku cadang

e. Sistem menampilkan status service

f. Sistem menampilkan status order suku cadang

4.1.2. Use Case Diagram

Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah

sistem sehingga customer dan pihak karyawan mampu mengerti mengenai

penggunaan sistem informasi yang telah dibuat. Use case diagram menyajikan

interaksi antara use case dan actor dimana actor dapat berupa orang, peralatan atau

sistem lain yang berinteraksi dengan sistem.

Berikut ini use case yang digunakan:

1. Use Case Diagram Karyawan

Page 3: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

30

Gambar IV.1. Usecase Menu Karyawan

Use Case Name Use Case Menu Karyawan

Requirements Karyawan Login menu karyawan

Goal Masuk menu karyawan

Pre-Conditions Sudah terdaftar terlebih dahulu

Post-Conditions Karyawan dapat melihat data

pemesanan dan katalog suku cadang

Falled end Condition Gagal login

Actors Karyawan

Main Flow /Basic Path 1. karyawan wajib login terlebih dahulu

2. karyawan dapat melihat data

pengerja

3. karyawan dapat melihat data

pelanggan

4. karyawan dapat melihat staus

perbaikan

5. karyawan dapat melihat stok

ketersediaan suku cadang

Tabel IV.1. Deskripsi UseCase Menu Karyawan

Page 4: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

31

4.1.3. Rancangan Diagram Aktivitas

Pada tahap ini penulis menyusun rancangan sistem booking service pada

PT. Dwi Perkasa Mobiltama Narogong Bekasi, sebagai berikut :

1. Activity Diagram Menu Tambah Anggota

2. Activity Diagram Booking service customer

Gambar IV.2. Activity Diagram Menu Login

Gambar IV.3. Activity Diagram Booking Service

Page 5: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

32

3. Activity Diagram Pembelian suku cadang customer

4. Activity Diagram Tagihan Service

Gambar IV.4. Activity Diagram Pembelian suku cadang Customer

Gambar IV.5. Activity Diagram Tagihan Service

Page 6: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

33

5. Activity Diagram Tambah suku cadang menu karyawan

4.1.4. Perancangan Dokumen

Rancangan dokumen sistem usulan adalah rancangan yang berisi data-data

masukan maupun data keluaran sistem sebagai berikut :

A. Dokumen Masukan

1. Nama Dokumen : Form permintaan perbaikan kendaraan

Fungsi : sebagai syarat melakukan booking service

Sumber : Customer

Tujuan : Karyawan

Media : Tampil Layar

Frekuensi : Setiap booking service

Format : Lampiran C.1

2. Nama Dokumen : Form Tambah Spare part

Gambar IV.6. Activity Diagram Tambah suku cadang menu karyawan

Page 7: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

34

Fungsi : Menambah Daftar spare part

Sumber : Karyawan

Media : Tampil Layar

Frekuensi : Untuk penambahan spare part

Format : Lampiran C.2

B. Dokumen Keluaran

Nama Dokumen : Form Tagihan

Fungsi : Memberi informasi tagihan

Sumber : Karyawan

Tujuan : Customer

Media : Kertas

Frekuensi : Setiap service selesai

Format : Lampiran D.1

4.1.5. Rancangan Prototype

A. Menu Login

Gambar IV.13. Menu Login

Page 8: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

35

B. Menu Registrasi

C. Menu Katalog Suku Cadang

Gambar IV.15. Menu Katalog suku cadang

Gambar IV.14. Menu Registrasi

Page 9: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

36

D. Menu Data Karyawan

E. Menu Data Pelanggan

Gambar IV.16. Menu data karyawan

Gambar IV.17. Menu data pelanggan

Page 10: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

37

F. Menu Permintaan Suku Cadang

G. Menu Detail Suku Cadang

Gambar IV.18. Menu Permintaan Suku Cadang

Gambar IV.19. Menu Detail Suku Cadang

Page 11: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

38

H. Menu Dashboard

I. Menu Permohonan Perbaikan Kendaraan

Gambar IV.19. Menu Detail Suku Cadang

Gambar IV.20. Menu Dashboard

Gambar IV.21. Menu Permohonan perbaikan kendaraan

Page 12: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

39

J. Menu Daftar Perbaikan Kendaraan

K. Menu Tagihan

Gambar IV.22. Menu Daftar Perbaikan Kendaraan

Gambar IV.23. Menu Tagihan

Page 13: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

40

L. Menu Laporan Pembayaran

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

Entity Relationship Diagram digunakan untuk menggambarkan model data

dari sebuah basis data yang ada dalam sebuah sistem yang mencangkup beberapa

bagian yaitu entitas, atribut, dan relasi.

Berikut merupakan model ERD dari basis data yang digunakan dalam

sistem informasi Booking service :

Gambar IV.24. Menu Laporan Pembayaran

Page 14: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

41

Gambar IV.25. Entity Relationship Diagram ERD

Page 15: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

42

4.2.2. Logical Record Structure (LRS)

4.2.3. Spesifikasi File

a. Spesifikasi File Tabel Billing

Nama Database : bengkelmobil

Nama File : biling

Type File : Random

Kunci Field : bilingno

No Elemen Data Nama Field Type Size Ket

1 No billing billingno int 10 primary

Tabel IV.2. Spesifikasi File Tabel billing

Gambar IV.26. Logical Record Structur (LRS)

Page 16: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

43

2 Id service serviceid int 10

3 Id karyawan employeeid int 10

4 Keterangan particulars text

5 Harga scost double

6 Tanggal date date

7 Status paidstatus varchar 25

b. Spesifikasi File Tabel Customer

Nama Database : bengkelmobil

Nama File : Tabel customer

Type File : Random

Kunci Field : custid

No Elemen Data Nama Field Type Size Ket

1 Id custid int 10 primary

2 Nama dpn fname varchar 25

3 Nama blk lname varchar 25

4 Email emailid varchar 50

5 Password password varchar 15

6 Tanggal createddata date

7 Alamat address text

8 Kota city varchar 25

9 Zipcode zipcode varchar 15

Tabel IV.3. Spesifikasi File Tabel Customer

Page 17: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

44

10 Contact 1 contactno1 varchar 25

11 Contact 2 contactno2 varchar 25

c. Spesifikasi file Tabel employee

Nama Database : bengkelmobil

Nama File : Table employee

Type : Random

Kunci Field : employeeid

No Elemen Data Nama Field Type Size Ket

1 Id employeeid int 10 primary

2 Nama dpn fname varchar 25

3 Nama blk lname varchar 25

4 Login Id loginid varchar 25

5 Password password varchar 25

6 Email emailid varchar 25

7 Contact 1 contactno1 varchar 25

8 Contact 2 contactno2 varchar 25

9 Tipe karyawan employeetype varchar 25

d. Spesifikasi file Tabel Service

Nama Database : bengkelmobil

Nama File : Tabel service

Tabel IV.4. Spesifikasi File Tabel employee

Page 18: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

45

Type : Random

Kunci Field : serviced

No Elemen Data Nama Field Type Size Ket

1 Id Serviceid Int 10 primary

2 Cutomer id Custid Int 10

3 Nama

kendaraan

Vehiclename Varchar 25

4 No kendaraan Vehicleno Varchar 25

5 Tanggal Date date

6 Alamat Address Text

7 Kota City Varchar 25

8 Keterangan Landmark Varchar 25

9 Zip code Zipcode Varchar 25

10 Status Status Varchar 25

e. Spesifikasi file Tabel sparepart

Nama Database : bengkelmobil

Nama File : Tabel sparepart

Type : Random

Kunci Field : spid

Tabel IV.5. Spesifikasi File Tabel Service

Page 19: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

46

No Elemen Data Nama Field Type Size Ket

1 Id spid int 10 primary

2 Name name varchar 25

3 Tipe type varchar 25

4 Harga cost double

5 No sparepart sparepartno varchar 25

6 Deskripsi description text

7 Image image text

f. Spesifikasi file Tabel Sparepartsorder

Nama Database : bengkelmobil

Nama File : Tabel service

Type : Random

Kunci Field : sporderid

No Elemen Data Nama Field Type Size Ket

1 Id sporderid int 10 primary

2 Id sparepart spid int 10

3 Id customer custid int 10

4 Tanggal order orderdate date

5 Tanggal kirim delivereddate date

Tabel IV.7. Spesifikasi File Tabel Sparepart order

Page 20: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

47

6 No item noofitem int 10

7 Status status varchar 25

4.2.4. Class Model / Class Diagram

Tabel IV.6. Spesifikasi File Tabel Sparepart

Gambar IV.27. Class Diagram

Page 21: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

48

4.2.5. Sequence Diagram

Gambar IV.28. Sequence Diagram Login

Gambar IV.29. Sequence Diagram Menu Permintaan Perbaikan

Page 22: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

49

4.2.6. Spesifikasi Hardware dan Software

A. Spesifikasi Hardware

Hardware atau perangkat keras adalah alat atau elemen elektronik secara

fisik yang dapat membantu sebuahsistem yang diusulkan agar berjalan

dengan baik. Hardware dibedakan menjadi dua perangkat yaitu untuk

web server dan Hardware untuk pengguna

Adapun spesifikasi perangkat keras minimal yang diperlukan untuk web

server adalah sebagai berikut

Processor : intel I3 2.4 GHz

Memory Size (RAM) : 2 GB (DDR3)

Monitor : LCD 14”

Harddisk : 500 GB

Keyboard : 107 Keys

Mouse : Optical Mouse

Printer : Ink printer/Deskjet

Gambar IV.30. Sequence Diagram Menu Tagihan

Page 23: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

50

Adapun spesifikasi perangkat keras minimal yang diperlukan untuk client

sebagai berikut:

Processor : Intel Dual Core 2.0 GHz

Memory Size (RAM) : 2GB (DDR3)

Monitor : 14”

Harddisk : 240 GB

Keyboard : 107 Keys

Mouse : Optical Mouse

B. Spesifikasi Software

Software atau perangkat lunak adalah suatu rangkaian atau susunan

instruksi yang benar dengan urutan-urutan yang benar pula. Perangkat

lunak yang dibutuhkan ada dua yaitu perangkat lunak untuk web server

dan client

Adapun spesifikasi perangkat lunak minimal yang dibutuhkan oleh web

server adalah sebagai berikut:

Sistem Operasi : Windows 7 Ultimate

Browser : Mozilla Firefox

Bahasa Program : PHP dan Java

Database Server : PHPMyAdmin

Web Server : Apache

Tools : Notepad/Notepad++

Adapun spesifikasi perangkat lunak minimal yang dibutuhkan oleh client

adalah sebagai berikut

Sistem Operasi : Windows 7 Ultimate

Browser : Mozilla Firefox

Page 24: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Use case diagram menggambarkan alur sistem yang diinginkan oleh sebuah ... Menu Permohonan perbaikan kendaraan . 39 J. Menu Daftar Perbaikan

51

4.3. Jadwal Implementasi

No Kegiatan Waktu

Bulan 1 Bulan 2

1 2 3 4 1 2 3 4

1 Persiapan data awal

2 Analisa

3 Desain Sistem

4 Desain Perangkat Keras

5 Desain Perangkat Lunak

6 Pembuatan dan Tes Program

7 Tes Sistem

8 Pelatihan

9 Pembuatan Buku Petunjuk

10 Evaluasi dan Operasional

Tabel IV.7. Jadwal Implementasi