bab iv perancangan sistem usulan · 39 jamaah a2. admin memberitahu calon jamaah jadwal invariant b...
TRANSCRIPT
-
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
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
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
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
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
Organisasi File : index squential
Field Key : id_admin
Panjang character : 54 byte
Media File : Hard disk
Software : MySQL
Tabel IV.6
Spesifikasi File Admin
No Elemen Data Akronim Type Panjang Keterangan
1 Id Admin Id_admin Int 11 Primary Key
2 Nama Jamaah Nm_jamaah Varchar 25
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
Organisasi File : index squential
Field Key : no_trans
Panjang character : 72 byte
Media File : Hard disk
Software : MySQL
Tabel IV.7
Spesifikasi File Pembayaran
No Elemen Data Akronim Type Panjang Keterangan
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
4 Nama Jamaah Nm_jamaah Varchar 25
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
Organisasi File : index squential
Field Key : kd_pendaftaran
Panjang character : 111 byte
Media File : Hard disk
Software : MySQL
-
58
Tabel IV.8
Spesifikasi File Pendaftaran
No Elemen Data Akronim Type Panjang Keterangan
1 Kode
Pendaftaran
Kd_pendaftaran Varchar 10 Primary Key
2 Id Jamaah Id_jamaah Int 11 Foreign Key
3 Kode Paket Kd_paket Varchar 10 Foreign Key
4 Nama Paket Nm_paket Varchar 25
5 Nama Jamaah Nm_jamaah 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
Tipe File : Master
Akses File : Random
Organisasi File : index squential
Field Key : kd_paket
Panjang character : 25 byte
Media File : Hard disk
Software : MySQL
-
59
Tabel IV.9
Spesifikasi File Paket
No Elemen Data Akronim Type Panjang Keterangan
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
Organisasi File : index squential
Field Key : kd_jadwal
Panjang character : 86 byte
Media File : Hard disk
Software : MySQL
Tabel IV.10
Spesifikasi File Jadwal
No Elemen Data Akronim Type Panjang Keterangan
1 Kode Jadwal Kd_jadwal Varchar 10 Primary Key
2 Id Jamaah Id_jamaah Int 11 Foreign Key
3 Nama jamaah Nm_jamaah Varchar 25
4 Jenis Kelamin Jenis_kelamin Varchar 10
5 Alamat Alamat Varchar 15
-
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