bab iv perancangan sistem usulan...44 a. deskripsi diagram use case konsumen tabel iv.7. deskripsi...

39

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1. 1. Analisa Kebutuhan

1. Kebutuhan Sistem

a. Sistem mengelola semua data pemesanan mulai dari data konsumen, data

penjualan rumah, data informasi, data pembayaran, dan data upload bukti

pembayaran.

b. Sistem dapat memberikan informasi tentang pemesanan rumah.

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

2. Kebutuhan Pengguna

Analisis pengguna menandakan siapa saja pengguna dari perangkat lunak

yang dispesifikasikan dan apa saja haknya terhadap perangkat lunak tersebut.

Program website penjualan rumah yang dibangun memiliki dua jenis pengguna,

yaitu :

a. User konsumen

User konsumen merupakan user yang dapat melihat informasi mengenai

informasi penjualan rumah, melengkapi persyaratan pemesanan, upload bukti

pembayaran booking fee, cetak bukti booking fee, juga pengisian halaman

testimoni sebagai sarana menyampaikan pertanyaan-pertanyaan ataupun

komentar.

40

b. Admin

User admin berfungsi untuk mengelola data konsumen, data booking, data

informasi, data pembayaran, dan mengelola testimoni, serta berhak mengatur isi

content tersebut sehingga tidak memunculkan content yang buruk.

4.1. 2. Rancangan Diagram Usecase

1. Use Case Diagram Admin

Gambar IV.1.

Use Case Diagram Admin

a. Deskripsi Diagram Use Case Kelola Data Rumah

Tabel IV.1.

Deskripsi Diagram Use Case Kelola Data Rumah

Use Case Name Kelola Data Rumah

Requirements Admin dapat mengelola data rumah

Goal Admin dapat mengelola data rumah secara online

41

melalui web

Pre – Conditions Beranda admin

Post – Conditions 1. Mencari data rumah

2. Mengubah data rumah

3. Tambah data rumah

4. Menghapus data data rumah

Failed end

Condition

Gagal mengubah data rumah

Primary Actors Admin

Main Flow / Basic

Path

1. Admin memilih menu kelola data Rumah

2. Sistem menampilkan data rumah

3. Admin menambah data rumah

4. Admin mencari data rumah

5. Admin menghapus data rumah

6. Admin mengubah data rumah

Alternative Flow /

Invariant

-

b. Deskripsi Diagram Use Case Kelola Data Booking

Tabel IV.2.

Deskripsi Diagram Use Case Kelola Data Booking

Use Case Name Kelola Data Booking

Requirements Admin dapat mengelola data booking rumah

Goal Admin dapat mengelola data booking

Pre – Conditions Login Admin

Post – Conditions 5. Mencari data Booking

6. Mengubah data booking

7. Menghapus data booking

Failed end

Condition

Gagal mengubah 6


Main Flow / Basic

Path

7. Admin memilih menu kelola data booking

8. Sistem menampilkan data booking

9. Admin mencari database mengubah data data

booking

10. Admin menghapus data data booking

Alternative Flow /

Invariant

-

c. Deskripsi Diagram Use Case Kelola Data Konsumen

Gambar IV.3.

Use Case Diagram Konsumen

Use Case Name Kelola Data konsumen

Requirements Admin dapat mengelola data konsumen

42

Goal Admin dapat mengelola data konsumen secara online

melalui web


Post – Conditions 8. Mencari data konsumen

9. Hapus data rumah

Failed end

Condition

Gagal menghapus data rumah


Main Flow / Basic

Path

11. Admin memilih menu kelola data Konsumen

12. Sistem menampilkan data data Konsumen

13. Admin mencari database data data konsumen

14. Admin menghapus data data Konsumen

Alternative Flow /

Invariant

-

d. Deskripsi Diagram Use Case Kelola Data Pembayaran

Gambar IV.4.

Deskripsi Diagram Use Case Kelola Data Pembayaran

Use Case Name Kelola Data Pembayaran

Requirements Admin dapat mengelola data pembayaran

Goal Admin dapat mengelola data pembayaran secara

online melalui web


Post – Conditions 10. Mencari data pembayaran

11. Hapus data pembayaran

Failed end

Condition



Main Flow / Basic

Path

15. Admin memilih menu kelola data pembayaran

16. Sistem menampilkan data data pembayaran

17. Admin mencari database data data pembayaran

18. Admin menghapus data data pembayaran

Alternative Flow /

Invariant

-

e. Deskripsi Diagram Use Case Kelola Data Informasi

Gambar IV.5.

Deskripsi Diagram Use Case Kelola Data Informasi

Use Case Name Kelola Data informasi

Requirements Admin dapat mengelola data informasi

Goal Admin dapat mengelola data informasi secara online

melalui web


Post – Conditions 12. Mencari data informasi

13. Hapus informasi

Failed end Gagal menghapus informasi

43

Condition


Main Flow / Basic

Path

19. Admin memilih menu kelola data informasi

20. Sistem menampilkan data data informasi

21. Admin mencari database data data informasi

22. Admin menghapus data data informasi

Alternative Flow /

Invariant

-

f. Deskripsi Diagram Use Case Kelola Data Testimoni

Tabel IV.6.

Deskripsi Diagram Use Case Kelola Data Testimoni

Use Case Name Kelola Data testimoni

Requirements Admin dapat mengelola data testimoni

Goal Admin dapat mengelola data testimoni secara online

melalui web


Post – Conditions 14. Mencari testimony

15. Hapus data testimoni

Failed end

Condition



Main Flow / Basic

Path

23. Admin memilih menu kelola data testimoni

24. Sistem menampilkan data data testimoni

25. Admin mencari database data data testimoni

26. Admin menghapus data data testimoni

Alternative Flow /

Invariant

-

2. Use Case Diagram Konsumen

Gambar IV.2.

Use Case Diagram Konsumen

44

a. Deskripsi Diagram Use Case Konsumen

Tabel IV.7.

Deskripsi Diagram Use Case Konsumen

Use Case Name Konsumen

Requirements Konsumen dapat membooking rumah

Goal Konsumen dapat membooking rumah secara online

Pre – Conditions Beranda

Post – Conditions 16. Booking

17. Detail Booking

Failed end

Condition

Gagal melengkapi data diri

Primary Actors Konsumen

Main Flow / Basic

Path

27. Admin memilih rumah

28. Sistem menampilkan detail rumah

29. Admin melengkapi data diri

30. Admin login email

Alternative Flow /

Invariant

-

4.1. 3. Rancangan Diagram Aktivitas (Activity Diagram)

1. Activity Diagram Login Admin

Gambar IV.3.

Activity Diagram Login Admin

45

2. Activity Diagram Data Rumah

Gambar IV.4.

Activity Diagram Informasi Pada Admin

46

3. Activity Diagram Data Booking

Gambar IV.5.

Activity Diagram Data Booking

47

4. Activity Diagram Data Konsumen

Gambar IV.6.

Activity Diagram Data Konsumen

5. Activity Diagram Data Pembayaran

Gambar IV.7.

Activity Diagram Data Pembayaran

48

6. Activity Diagram Informasi

Gambar IV.8.

Activity Diagram Informasi

7. Activity Diagram Kelola Testimoni

Gambari IV.9.

Activity Diagram Kelola Testimoni

49

8. Activity Diagram Konsumen

Gambar IV.10.

Activity Diagram Konsumen

50

4.1. 4. Rancangan Dokumen Sistem Usulan

A. Rancangan Dokumen Masukan (Input)

Dokumen masukan merupakan dokumen yang mengalami proses awal dari

program pemesanan rumah. Adapun dokumen masukan yang digunakan adalah

sebagai berikut :

1. Struk Bukti Transfer

Nama Dokumen : Struk Bukti Transfer

Fungsi : Bukti telah melakukan pembayaran

Sumber : Konsumen

Tujuan : Admin

Media : -

Jumlah : 1 (satu) Lembar

Frekuensi : Setiap melakukan booking rumah

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

Tujuan : Konsumen

51

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 blok rumah

Sumber : Sistem

Tujuan : Konsumen

Media : Html atau Pdf

Jumlah : 1 (satu) Lembar

Frekuensi : Setiap ada transaksi pembayaran booking.

Bentuk : Lihat Lampiran B.2.

52

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 Tentang Kami

Gambar IV.12.

Rancangan Prototype Tentang Kami

53

3. Rancangan Prototype Pilihan Rumah

Gambar IV.13.

Rancangan Prototype Pilihan Rumah

4. Rancangan Prototype Detail Paket Rumah

Gambar IV.14.

Rancangan Prototype Detail Paket Rumah

54

5. Rancangan Prototype Data Booking

Gambar IV.15.

Rancangan Prototype Data Booking

6. Rancangan Prototype Isi Data Konsumen

Gambar IV.16.

Rancangan Prototype Isi Data Konsumen

55

7. Rancangan Prototype Login Konsumen

Gambar IV.17.

Rancangan Prototype Login Konsumen

8. Rancangan Prototype Detail Booking

Gambar IV.18.

Rancangan Prototype Detail Booking

56

9. Rancangan Prototype Informasi Pembayaran

Gambar IV.19.

Rancangan Prototype Informasi Pembayaran

10. Rancangan Prototype Bukti Booking

Gambar IV.20.

Rancangan Prototype Bukti Booking

57

11. Rancangan Prototype Konfirmasi Booking

Gambar IV.21.

Rancangan Prototype Konfirmasi Booking

12. Rancangan Prototype Upload Bukti Bayar

Gambar IV.22.

Rancangan Prototype Upload Bukti Bayar

58

13. Rancangan Prototype Data Pembayaran Booking Fee

Gambar IV.23.

Rancangan Prototype Data Pembayaran Booking Fee

14. Rancangan Prototype Login Admin

Gambar IV.24.

Rancangan Prototype Login Admin

59

15. Rancangan Prototype Beranda Admin

Gambar IV.25.

Rancangan Prototype Beranda Admin

16. Rancangan Prototype Data Rumah

Gambar IV.26.

Rancangan Prototype Data Rumah

60

17. Rancangan Prototype Data Booking

Gambar IV.27.

Rancangan Prototype Data Booking

18. Rancangan Prototype Data Konsumen

Gambar IV.28.

Rancangan Prototype Data Konsumen

61

19. Rancangan Prototype Data Pembayaran

Gambar IV.29.

Rancangan Prototype Data Pembayaran

62

4.2. Perancangan Perangkat Lunak

4.2. 1. Entity Relationship Diagram (ERD)

Gambar IV.30.

Entity Relationship Diagram (ERD)

63

4.2. 2. Logical Record Structure (LRS)

Gambar IV.31.

Logical Record Structure (LRS)

Keterangan :

FK = Foreign Key

64

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 : 66 Byte

Kunci Field : id_admin

Nama Database : hunianasri.sql

Software : MySQL

Tabel IV.8.

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 30 3 Username Username Varchar 15 4 Password Password Varchar 10

2. Spesifikasi File Konsumen

Nama File : Konsumen

Akronim : Konsumen

Fungsi : Untuk menyimpan data konsumen



Akses File : Random

65

Media : Hard Disk


Kunci Field : id_konsumen


Software : MySQL

Tabel IV.9.

Spesifikasi File Konsumen


1 ID Konsumen id_konsumen int 10 Primary Key

2 Nama Konsumen nm_konsumen varchar 30 3 Alamat alamat varchar 30 4 No telp no_telp int 13 5 Email email varchar 25

6 No Ktp no_ktp int 20

7 Ktp ktp varchar 15

8 Password password int 11

9 No KK no_kk int 20

10 Kk kk varchar 15

11 Status nikah stts_nikah varchar 15

12 Buku nikah buku_nikah varchar 15

13 No npwp no_npwp int 20

14 Npwp npwp varchar 15

15 Slip Gaji slip_gaji varchar 15

16 Perkerjaan pekerjaan varchar 15

17 Penghasilan penghasilan int 11

18 Sk sk varchar 15

19 Foto foto varchar 15

20 Rek_koran rek_koran varchar 15

21 sk_aktifkerja sk_aktifkerja varchar 15

3. Spesifikasi File Paket Rumah

Nama File : Paket Rumah

Akronim : paketrumah

Fungsi : Untuk menyimpan data rumah



66

Akses File : Random

Media : Hard Disk


Kunci Field : id_tipe


Software : MySQL

Tabel IV.10.

Spesifikasi File Paketrumah


1 ID Tipe id_tipe Integer 11 Primary Key

2 Nama Rumah nm_rumah Varchar 15 3 Harga Harga Integer 15 4 Booking Fee book_fee Integer 15 5 Tipe detail Varchar 300

6 Gambar gambar Varchar 20

7 Jumlah Unit jml_unit Int 11

4. Spesifikasi File Booking

Nama File : Booking

Akronim : booking

Fungsi : Untuk menyimpan data transaksi booking

Tipe File : File Transaksi


Akses File : Random

Media : Hard Disk


Kunci Field : id_booking


Software : MySQL

67

Tabel IV.11.

Spesifikasi File Booking


1 ID Booking id_booking Integer 11 Primary Key

2 ID Konsumen id_konsumen Varchar 5 4 ID Admin id_admin Integer 11 5 Nama Rumah nm_rumah Varchar 10

6 Tanggal booking tgl_booking Timestamp

7 Status status varchar 15

8 Tanggal Verifikasi tgl_verifikasi Date

5. Spesifikasi File Detail Booking

Nama File : Detail Booking

Akronim : detail_booking

Fungsi : Untuk menyimpan data detail booking



Akses File : Random

Media : Hard Disk


Kunci Field : id_detail


Software : MySQL

Tabel IV.12.

Spesifikasi File Detail Booking


1 ID Detail id_detail Integer 5 Primary Key

2 ID Booking id_booking Varchar 15 3 ID Tipe id_tipe Integer 11 4 Nama Rumah nm_rumah Varchar 50

5 Harga harga Integer 11

6 Subharga subharga Integer 11 7 Jumlah Jumlah Integer 11

8 Booking Fee booking_fee Integer 11

68

6. Spesifikasi File Bayar

Nama File : Bayar

Akronim : bayar

Fungsi : Untuk menyimpan data pembayaran



Akses File : Random

Media : Hard Disk


Kunci Field : id_bayar


Software : MySQL

Tabel IV.13.

Spesifikasi File Bayar


1 Id Bayar id_bayar Integer 11 Primary Key

2 Tanggal Bayar tgl_bayar date

3 Id Booking id_booking Varchar 15

4 Id Konsumen id_konsumen Varchar 15

5 No Rekening no_rek Varchar 15

6 Nama Bank nm_bank Verchar 15

7 Jumlah Bayar jml_bayar Integer 11

8 Bukti Bayar bukti_bayar Varchar 50

69

4.2. 4. Class Model/Class Diagram

Gambar IV.32.

Class Diagram

4.2. 5. Sequence Diagram

Gambar IV.33.

Sequence Diagram

4.2. 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)

70

a. Server

1) CPU (Central Processing Unit)

(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 :

71

(a) Apache Server v3

(b) PHP Server v3

(c) MySQL Server v5

(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

Table 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

6 Tes Sistem

7 Pelatihan

8

Pembuatan Buku

Petunjuk

72

9 Evaluasi & Operasional

Tabel IV.7.

Jadwal Implementasi

bab iv perancangan sistem usulan...44 a. deskripsi diagram use case konsumen tabel iv.7. deskripsi...

Documents