BAB IV PERANCANGAN SISTEM USULAN

(1)

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.

(2)

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 <<extend>> <<include>> Memilih paket umroh <<include>> 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

(3)

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 <<include>> Gambar IV.2

(4)

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

Pailed end Condition Calon jamaah tidak bisa melihat data

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

(5)

Calon Jamaah Admin Menunggu pemberitahuan Membuat jadwal manasik Menginformasikan jadwal Mengkonfirmasi kedatangan <<extend>> <<include>>

Prosedur Penjadwalan Manasik

<<include>>

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

Pailed end Condition Calon jamaah tidak bisa melihat data

jadwal manasik

Actors Admin

Main Flow/ Basic Path 1. Admin membuat jadwal manasik

2. User menunggu pemberitahuan

jadwal manasik

(6)

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

<<include>>

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

(7)

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

(8)

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

(9)

Activity Diagram Pembayaran

Jamaah Sistem Pendaftaran

Melihat jumlah pembayaran Menampilkan informasi pembayaran

Melakukan pembayaran

Menyimpan data pembayaran Konfirmasi pembayaran

Gambar IV.6

(10)

Activity Diagram Penjadwal Manasik

Admin Sistem

Melihat data calon jamaah

Membuat jadwal Menampilkan 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

(11)

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

(12)

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

(13)

b. Rancangan Prototype Halaman Tentang Kami

Gambar IV.9

Rancangan Prototype Halaman Tentang Kami

c. Rancangan Prototype Halaman Daftar Member

Gambar IV.10

(14)

d. Rancangan Prototype Halaman Login Member

Gambar IV.11

Rancangan Prototype Halaman Login Member

e. Rancangan Prototype Halaman Utama Member

Gambar IV.12

(15)

f. Rancangan Prototype Halaman Daftar Umroh

Gambar IV.13

Rancangan Prototype Halaman Daftar Umroh

g. Rancangan Prototype Halaman Informasi Pembayaraan

Gambar IV.14

(16)

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

(17)

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

(18)

l. Rancangan Prototype Halaman Pendaftar Umroh

Gambar IV.19

Rancangan Prototype Halaman Pendaftar Umroh

m. Rancangan Prototype Halaman List Paket

Gambar IV.20

(19)

n. Rancangan Prototype Halaman Informasi Pembayaran

Gambar IV.21

Rancangan Prototype Halaman Informasi Pembayaran

o. Rancangan Prototype Halaman Informasi Jadwal Manasik

Gambar IV.22

(20)

4.2. Perancangan Perangkat Lunak 4.2.1. Entity Relationship Diagram (ERD)

Gambar IV.23

Entity Relationship Diagram (ERD)

Jamaah Melakukan Pendaftaran Paket

Pembayaran Jadwal Memiliki Melakukan Memiliki Mempunyai Jenis_kelamin alamat No_telp Tgl_manasik Nm_jamaah Id_jamaah Kd_jadwal Nm_paket harga Kd_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_jamaah Nm_jamaah pass 1 1 1 1 1 1 1 1 1 1 Nm_paket St_pembayaran

(21)

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

(22)

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

(23)

2. File Admin

Nama File : Data Admin

Akronim File : Admin

Fungsi : Menyimpan data admin

Field Key : id_admin

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

(24)

Field Key : no_trans

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

Field Key : kd_pendaftaran

(25)

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

7 Alamat Alamat Varchar 15

5. File Paket

Nama File : Data Paket

Akronim File : Paket

Fungsi : Menyimpan data paket

Field Key : kd_paket

(26)

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

Field Key : kd_jadwal

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

(27)

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 <<Property get>> +getIdjamaah(): Int +getNmjamaah(): string +getAlamat(): string +getJeniskelamin(): string +getNotelp(): string +getEmail(): string +getPass(): string <<Property set>> +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 <<Property get>> +getKdpaket(): string +getNmpaket(): string +getHarga(): double <<Property set>> +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 <<Property get>> +getKdjadwal(): string +getIdjamaah(): int +getNmjamaah():string +getJeniskelamin(): string +getNotelp(): string +getTglmanasik(): date <<Property set>> +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 <<Property get>> +getKdpendaftaran(): string +getIdjamaah():int +getKdpaket(): string +getNmpaket(): string +getNmjamaah(): string +getNotelp(): string +getAlamat(): string <<Property set>> +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 <<Property get>> +getNotrans(): int +getIdjamaah(): int +getKdpaket(): string +getNmjamaah(): string +getStpembayaran():string +getHarga(): double <<Property set>> +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

(28)

4.2.5. Sequence Diagram

Calon jamaah Sequence Diagram Pendaftaran Umroh

Menu Utama Login _PendaftaranForm Pemilihan _Paket _PendaftaranProses Jamaah 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 Jamaah Menu

Pembayaran Database 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

(29)

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

(30)

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