bab iv perancangan sistem usulan · 39 jamaah a2. admin memberitahu calon jamaah jadwal invariant b...

34

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisis Kebutuhan

A. Kebutuhan Pengguna

Dalam pendaftaran umroh terdapat dua pengguna yang saling berinterksi

didalam sistem, yaitu : Calon jamaah, dan Admin. Kedua pengguna tersebut

memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan

meiliki kebutuhan informasi yang berbeda-beda, seperti berikut :

1. Skenario Kebutuhan Calon Jamaah

a) Melakukan pendaftaran

b) Memilih paket umroh

c) Melakukan Pembayaran sesuai pilihan paket

2. Skenario Kebutuhan Admin

a) Dapat melihat data jamaah

b) Menginput jenis-jenis paket umroh

c) Melihat data pembayaran

d) Membuat laporan jamaah

B. Kebutuhan Sistem

1) Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses

web dengan memasukan username dan password masing-masing

pengguna.

2) Pengguna dapat memilih paket umroh yang sudah ada di website.

3) Pengguna harus melakukan logout setelah selesai mengakses website.

35

4) Sistem menghitung pembayaran yang sesuai dengan pengguna pilih

berdasarkan paket.

4.1.2. Rancangan Diagram Use Case

Calon Jamaah

Prosedur Pendaftaran Umroh

Membuka web

Mengisi data pribadi

Melihat-lihat informasi

Memilih paket umroh

Gambar IV.1

Use Case Diagram Prosedur Pendaftaran Umroh

Tabel IV.1

Deskripsi Use Case Pendaftaran Umroh

Use Case Name Pendaftaran Umroh

Requirements Calon jamaah dapat melakukan

pendaftaran

Goal Calon jamaah melakukan pendaftaran

secara online melalui web

Pre-Conditions Calon jamaah telah melakukan login

Post-Condition Mengisi formulir yang sudah di

sediakan oleh pihak perusahaan

36

Pailed end Condition Calon jamaah tidak bisa melihat data

jamaah

Actors Calon Jamaah

Main Flow/ Basic Path 1. User memlih kriteria pencarian 2. User mengetikan kode paket 3. Sistem menapilkan data yang di

cari

Alternate Flow/ Invariant A A1. Sistem menapilkan data paket

umroh

Invariant B B1. User memilh kriteria

B2. User mengetikan kode paket

B3. Sistem tidak menemukan data

yang dicari

B4. Sistem menampilkan pesan “Data

yang dicari tidak ditemukan”

Calon Jamaah

Prosedur Pembayaran

Melakukan pembayaran

Mengirim konfirmasi

Admin

Gambar IV.2

Use Case Diagram Prosedur Pembayaran

37

Tabel IV.2

Deskripsi Use Case Pembayaran

Use Case Name Pembayaran

Requirements Calon jamaah melakukan pembayaran

Goal Calon jamaah melakukan pembayaran

sesaui dengan paket

Pre-Conditions Calon jamaah telah melakukan

pendaftaran

Post-Condition Melakukan pembayaran yang sudah

paket yang sudah dipilih


pembayaran

Actors Admin

Main Flow/ Basic Path 1. User melakukan pembayaran

Alternate Flow/ Invariant A A1. Sistem menapilkan jumlah

pembayaran

A2. Admin mengirim konfirmasi

Invariant B B1. User melakukan pembayaran

B2. Admin mengirim konfirmasi

B3. Sistem menyimpan data

pembayaran

38

Calon Jamaah Admin

Menunggu

pemberitahuan

Membuat jadwal

manasik

Menginformasikan

jadwal

Mengkonfirmasi

kedatangan

Prosedur Penjadwalan Manasik

Gambar IV.3

Use Case Diagram Prosedur Penjadwalan Manasik

Tabel IV.3

Deskripsi Use Case Penjadwalan Manasik

Use Case Name Penjadwalan Manasik

Requirements Admin membuat jadwal manasik

Goal Admin membuat jadwal manasik untuk

calon jamaah

Pre-Conditions Calon jamaah telah melakukan

pembayaran

Post-Condition Membuat jadwal manasik untuk calon

jamaah


jadwal manasik

Actors Admin

Main Flow/ Basic Path 1. Admin membuat jadwal manasik 2. User menunggu pemberitahuan

jadwal manasik

Alternate Flow/ Invariant A A1. Sistem menapilkan data calon

39

jamaah

A2. Admin memberitahu calon jamaah

jadwal

Invariant B B1. Admin melihat data calon jamaah

B2. Admin membuat jadwal manasik

B3. Admin menginformasikan jadwal

manasik

Membuat

laporan

Admin

Prosedur Pembuatan Laporan Jamaah

Mengambil data

calon jamaah dan

pembayaran

Gambar IV.4

Use Case Diagram Prosedur Pembuatan Laporan Jamaah

Tabel IV.4

Deskripsi Use Case Pembuatan Laporan Jamaah

Use Case Name Pembuatan Laporan Jamaah

Requirements Admin membaut laporan jamaah

Goal Admin membuat laporan jamaah untuk

pemilik perusahaan

Pre-Conditions Admin telah membuat jadwal manasik

Post-Condition Membuat laporan jamaah untuk

pemilik

40

Pailed end Condition Pemilik tidak bisa melihat data jadwal

manasik

Actors Admin

Main Flow/ Basic Path 1. Admin membuat laporan 2. Pemilik menerima laporan jamaah

Alternate Flow/ Invariant A A1. Sistem menapilkan data calon

jamaah dan jadwal manasik

A2. Admin mengambil data

A3. Admin membuat laporan

A4. Pemilik menerima laporan

Invariant B B1. Admin melihat data calon jamaah

dan jadwal manasik

B2. Admin membuat laporan jamaah

B3. Admin menyerahkan laporan

jamah kepada pemilik

B4. Pemilik menerima laporan jamaah

41

4.1.3. Rancangan Diagram Aktivitas

Activity Diagram Pendaftaran Umroh

Jamaah Sistem Pendaftaran

Membuka web

Menampilkan menu utama

Melihat informasi Melakukan pendaftaran

Tampil form pendaftaran

Daftar

Memilih paket

Paket A Paket B

Data tersimpan

Gambar IV.5

Diagram Aktivitas Pendaftaran Umroh

42

Activity Diagram Pembayaran

Jamaah Sistem Pendaftaran

Melihat jumlah pembayaranMenampilkan informasi

pembayaran

Melakukan pembayaran

Menyimpan data pembayaran

Konfirmasi pembayaran

Gambar IV.6

Diagram Aktivitas Pembayaran

43

Activity Diagram Penjadwal Manasik

Admin Sistem

Melihat data calon jamaah

Membuat jadwalMenampilkan jadwal

Mengkonfirmasi jadwal

Hadir Tidak

Gambar IV.7

Diagram Aktivitas Penjadwalan Manasik

4.1.4. Rancangan Dokumen Sistem Usulan

A. Bentuk Dokumen Masukan

1. Nama Dokumen : Data Jamaah

Fungsi : Sebagai rekap data Jamaah

Sumber : Calon jamaah

Tujuan : Admin

Media : Data

44

Jumlah : -

Frekuensi : Setiap melakukan pendaftaran

Bentuk : Lampiran C-1

2. Nama Dokumen : Bukti Pembayaran

Fungsi : Sebagai bukti telah melakukan pembayaran

Sumber : Calon jamaah

Tujuan : Admin

Media : Data

Jumlah : -

Frekuensi : Setiap melakukan pembayaran

Bentuk : Lampiran C-2

B. Bentuk Dokumen Keluaran

1. Nama Dokumen : Laporan Jamaah

Fungsi : Sebagai rekap laporan jamaah

Sumber : Admin

Tujuan : Pemilik

Media : Data

Jumlah : -

Frekuensi : Setiap satu bulan sekali

Bentuk : Lampiran D-1

2. Nama Dokumen : Jadwal Manasik

Fungsi : Sebagai jadwal manasik jamaah

Sumber : Admin

Tujuan : Jamaah

45

Media : Data

Jumlah : -

Frekuensi : Setiap selesai melakukan pembayaran

Bentuk : Lampiran D-2

4.1.5. Rancangan Prototype

a. Rancangan Prototype Halaman Utama Pendaftaran

Gambar IV.8

Rancangan Prototype Halaman Utama Pendaftaran

46

b. Rancangan Prototype Halaman Tentang Kami

Gambar IV.9

Rancangan Prototype Halaman Tentang Kami

c. Rancangan Prototype Halaman Daftar Member

Gambar IV.10

Rancangan Prototype Halaman Daftar Member

47

d. Rancangan Prototype Halaman Login Member

Gambar IV.11

Rancangan Prototype Halaman Login Member

e. Rancangan Prototype Halaman Utama Member

Gambar IV.12

Rancangan Prototype Halaman Utama Member

48

f. Rancangan Prototype Halaman Daftar Umroh

Gambar IV.13

Rancangan Prototype Halaman Daftar Umroh

g. Rancangan Prototype Halaman Informasi Pembayaraan

Gambar IV.14

Rancangan Prototype Halaman Informasi Pembayaraan

49

h. Rancangan Prototype Halaman Informasi Jadwal Manasik

Gambar IV.15

Rancangan Prototype Halaman Informasi Jadwal Manasik

i. Rancangan Prototype Halaman Utama Admin

Gambar IV.16

Rancangan Prototype Halaman Utama Admin

50

j. Rancangan Prototype Halaman Tambah Jadwal Manasik

Gambar IV.17

Rancangan Prototype Halaman Tambah Jadwal Manasik

k. Rancangan Prototype Halaman Status Pembayaran

Gambar IV.18

Rancangan Prototype Halaman Status Pembayaran

51

l. Rancangan Prototype Halaman Pendaftar Umroh

Gambar IV.19

Rancangan Prototype Halaman Pendaftar Umroh

m. Rancangan Prototype Halaman List Paket

Gambar IV.20

Rancangan Prototype Halaman List Paket

52

n. Rancangan Prototype Halaman Informasi Pembayaran

Gambar IV.21

Rancangan Prototype Halaman Informasi Pembayaran

o. Rancangan Prototype Halaman Informasi Jadwal Manasik

Gambar IV.22

Rancangan Prototype Halaman Informasi Jadwal Manasik

53

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

Gambar IV.23

Entity Relationship Diagram (ERD)

Jamaah Melakukan PaketPendaftaran

Pembayaran

Jadwal

Memiliki

Melakukan

Memiliki

Mempunyai

Jenis_kelamin

alamat

No_telp

Tgl_manasik

Nm_jamaah

Id_jamaah

Kd_jadwal

Nm_paket

hargaKd_paket

Nm_jamaah

Kd_paket

harga

Id_jamaah

No-trans

Kd_paket Nm_jamaah

No_telp

alamat

Id_jamaah

Kd_daftar

No_telp

email

Jenis_kelamin

alamat

Id_jamaahNm_jamaah

pass

1

1

1

1

1

1

1

1

1

1

Nm_paket

St_pembayaran

54

4.2.2. Logical Record Structure (LRS)

Paket

Kd_paket*

Nm_paket

harga

1

1

1

1

1

1

1

1

1

1

Jamaah

Id_jamaah*

Nm_jamaah

Alamat

Jenis_kelamin

Email

No_telp

password

Jadwal

Kd_jadwal*

Nm_jamaah

Jenis_kelamin

Alamat

No_telp

Tgl_manasik

Id_jamaah**

Pendaftaran

Kd_pendaftaran*

Nm_jamaah

Nm_paket

No_telp

Alamat

Id_jamaah**

Kd_paket**

Pembayaran

No_trans*

Nm_jamaah

Harga

St_pembayaran

Id_jamaah**

Kd_paket**

Gambar IV.24

Logical Record Structure (LRS)

Keterangan :

* = Primary Key /Kunci Utama 1 1 = Hubungan one to one

** = Foreign Key /Kunci Tamu 1 M = Hubungan one to many

4.2.3. Spesifikasi File

Spesifikasi yang terdapat dalam Tugas Akhir ini merupakan kumpulan

data yang berasal dari dokumen masukan (input). Data tersebut diproses untuk

mendapatkan hasil yang menunjang sistem kerja yang diinginkan. Adapun proses

55

penjelasan spesifikasi tabel dari datebase pengajuan perumahan adalah sebagai

berikut :

1. File Jamaah

Nama File : Data Jamaah

Akronim File : Jamaah

Fungsi : Menyimpan data pendaftaran jamaah

Tipe File : Master

Akses File : Random

Organisasi File : index squential

Field Key : id_jamaah

Panjang character : 114 byte

Media File : Hard disk

Software : MySQL

Tabel IV.5

Spesifikasi File Jamaah

No Elemen Data Akronim Type Panjang Keterangan

1 Id Jamaah Id_jamaah Int 11 Primary Key

2 Nama Jamaah Nm_jamaah Varchar 25

3 Alamat Alamat Varchar 30

4 Jenis Kelamin jenis_kelalmin Varchar 10

5 Email Email Varchar 25

6 No Telepon no_telp Varchar 15

7 Password Pass Varchar 8

56

2. File Admin

Nama File : Data Admin

Akronim File : Admin

Fungsi : Menyimpan data admin

Tipe File : Master

Akses File : Random


Field Key : id_admin



Software : MySQL

Tabel IV.6

Spesifikasi File Admin


1 Id Admin Id_admin Int 11 Primary Key


3 Jenis Kelamin jenis_kelalmin Varchar 10

4 Password Pass Varchar 8

3. File Pembayaran

Nama File : Data Pembayaran

Akronim File : Pembayaran

Fungsi : Menyimpan data pembayaran

Tipe File : Transaksi

Akses File : Random

57


Field Key : no_trans



Software : MySQL

Tabel IV.7

Spesifikasi File Pembayaran


1 No Transaksi No_trans Int 11 Primary Key

2 Id Jamaah Id_jamaah Int 11 Foreign Key

3 Kode Paket Kd_paket Varchar 10 Foreign Key


5 Harga Harga Double

6 Status

Pembayaran

St_pembayaran Varchar 15

4. File Pendaftaran

Nama File : Data Pendaftaran

Akronim File : Pendaftaran

Fungsi : Menyimpan data pendaftaran

Tipe File : Transaksi

Akses File : Random


Field Key : kd_pendaftaran



Software : MySQL

58

Tabel IV.8

Spesifikasi File Pendaftaran


1 Kode

Pendaftaran

Kd_pendaftaran Varchar 10 Primary Key


3 Kode Paket Kd_paket Varchar 10 Foreign Key

4 Nama Paket Nm_paket Varchar 25


6 No Telepon No_telp Varchar 15


5. File Paket

Nama File : Data Paket

Akronim File : Paket

Fungsi : Menyimpan data paket

Tipe File : Master

Akses File : Random


Field Key : kd_paket



Software : MySQL

59

Tabel IV.9

Spesifikasi File Paket


1 Kode Paket Kd_paket Varchar 10 Primary Key

2 Nama Paket Nm_paket Varchar 15

3 Harga Harga Double

6. File Jadwal

Nama File : Data Jadwal

Akronim File : Jadwal

Fungsi : Menyimpan data jadwal manasik

Tipe File : Master

Akses File : Random


Field Key : kd_jadwal



Software : MySQL

Tabel IV.10

Spesifikasi File Jadwal


1 Kode Jadwal Kd_jadwal Varchar 10 Primary Key


3 Nama jamaah Nm_jamaah Varchar 25

4 Jenis Kelamin Jenis_kelamin Varchar 10


60

6 No Telepon No_telp Varchar 15

7 Tanggal

Manasik

Tgl_manasik Date

4.2.4. Class Model/ Class Diagram

Class Diagram Pendaftaran Umroh

Jamaah

- id_jamaah : int- nm_jamaah : string- alamat : string- jenis_kelamin : string- no_telp : string- email : string- pass : string

+getIdjamaah(): Int+getNmjamaah(): string+getAlamat(): string+getJeniskelamin(): string+getNotelp(): string+getEmail(): string+getPass(): string

+setIdjamaah(int): void+setNmjamaah(string): void+setAlamat(string): void+setJeniskelamin(string): void+setNotelp(string): void+setEmail(string): void+setPass(string): void

Paket

- kd_paket: string- nm_paket: string- harga: double

+getKdpaket(): string+getNmpaket(): string+getHarga(): double

+setKdpaket(string): void+setNmpaket(string): void+setHarga(double): void

Jadwal

- kd_jadwal: string- id_jamaah: int- nm_jamaah: string- jenis_kelamin: string- no_telp: string- tgl_manasik: date

+getKdjadwal(): string+getIdjamaah(): int+getNmjamaah():string+getJeniskelamin(): string+getNotelp(): string+getTglmanasik(): date

+setKdjadwal(string): void+setIdjamaah(int): void+setNmjamaah(string): void+setJeniskelamin(string): void+setNotelp(string): void+setTglmanasik(date): void

Pendaftaran

- kd_pendaftaran: string- id_jamaah: int- kd_paket: string- nm_paket: string- nm_jamaah: string- no_telp: string- alamat: string

+getKdpendaftaran(): string+getIdjamaah():int+getKdpaket(): string+getNmpaket(): string+getNmjamaah(): string+getNotelp(): string+getAlamat(): string

+setKdpendaftaran(string): void+setIdjamaah(int): void+setKdpaket(string): void+setNmpaket(string): void+setNmjamaah(string): void+setNotelp(string): void+setAlamat(string): void

+Tambah(): void+Simpan(): void+Batal(): void+keluar(): void

1

1

1

1

1

1

1

1

1

1

Pembayaran

- no_trans : int- id_jamaah : int- kd_paket : string- nm_jamaah : string- st_pembayaran : string- harga: double

+getNotrans(): int+getIdjamaah(): int+getKdpaket(): string+getNmjamaah(): string+getStpembayaran():string+getHarga(): double

+setNotrans(int): void+setIdjamaah(nt): void+setKdpaket(string): void+setNmjamaah(string): void+setStpembayaran(string): void+setHarga(double): void

+Simpan(): void+Batal(): void+keluar(): void

Gambar IV.25

Class Diagram

61

4.2.5. Sequence Diagram

Calon jamaah

Sequence Diagram Pendaftaran Umroh

Menu Utama LoginForm

Pendaftaran

Pemilihan

Paket

Proses

PendaftaranJamaah Menu Jamaah Menu Jamaah

1. Membuka menu utama() 1.1 Tampilkan form

pendaftaran()

2. Memasukan biodata calon jamaah()

3. Klik daftar()2.1 Pemilihan paket()

3.1 Input form pendaftaran()3.1.1 Simpan data

pendaftaran()

4. Masukan Id & Password()

4.1 Input login() 5. Validasi()

6. Berhasil / Gagal()

7. Pilih info jamaah()

8. Pilih logout()

9. Keluar dari sistem()

Gambar IV.26

Sequence Diagram Pendaftaran

Calon jamaah

Sequence Diagram Pembayaran

Menu Utama Login Menu JamaahMenu

PembayaranDatabase Logout

1. Membuka menu utama()

3. Menu Login()2. Masukan Id & Password()

4. Validasi()

5. Menampilkan data()6. Pilih menu pembayaran() 7. no_trans()

8. tgl_trans()

9. id_jamaah()

10. id_pendaftaran()

11. kd_paket()

12. nm_paket()

13. harga()

14. simpan()

15. batal()

16. keluar()17. Tutup form()

18. Pilih logout()

19. Keluar sistem()

Gambar IV.27

Sequence Diagram Pembayaran

62

Calon jamaah

Sequence Diagram Jadwal Manasik

Menu Utama Login Menu Jamaah Jadwal Manasik Database Logout

1. Membuka menu utama()

3. Menu Login()2. Masukan Id & Password()

4. Validasi()

5. Mencari data()6. Pilih menu jadwal() 7. kd_jadwal()

8. id_jamaah()

9.nm_jamaah()

10. jenis_kelamin()

11. no_telp()

12. tgl_masaik()

13. batal()

14. keluar()

16. Tutup Form()

17. Pilih logout()

18. Keluar sistem()

15. Tampil jadwal manasik()

Gambar IV.28

Sequence Diagram Jadwal Manasik

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

1) CPU

(a) Pentium®4

(b) RAM : 1 GB

(c) Harddisk : 250 GB

2) Mouse

3) Keyboard

4) Monitor LCD 14 in

5) Koneksi internet dengan kecepatan 5 Mbps.

2. Spesifikasi Software

1. Sistem Operasi : Microsoft Windows 7

63

2. Aplikasi Program : Adobe Dreamweaver CS6

3. Aplikasi Database : MySQL

4. Aplikasi Browser : Mozilla Firefox

5.

5.3. Jadwal Implemantasi

Gambar IV.29

Jadwal Implementasi

Nama Keterangan

Waktu Implementasi

Bulan 1 Bulan 2 Bulan 3

1 2 3 4 1 2 3 4 1 2 3 4

Persiapan data awal

Analisa

Desain Sistem

Desain perangkat lunak

Pembuatan & Tes Program

Tes sistem

Pelatihan

Pembuatan buku petunjuk

Evaluasi & Operasional

bab iv perancangan sistem usulan · 39 jamaah a2. admin memberitahu calon jamaah jadwal invariant b...

Documents