BAB 4

RANCANGAN SISTEM

4.1 Prosedur Sistem yang Diusulkan

Berikut merupakan prosedur sistem yang diusulkan pada PT Atina

Rahmataka Wisata untuk membangun sebuah sistem informasi melalui

beberapa Data Flow Diagram (DFD) dibawah ini.

4.1.1. Diagram Konteks

Diagram konteks adalah DFD pertama dalam proses

bisnis, dimana diagram konteks menujukan sebuah proses inti

yang kemudian akan didekomposisikan menjadi proses yang

lebih detail.

Diagram konteks menggambarkan semua entitas luar

yang menerima atau memberikan informasi ke sistem. Diagram

konteks dapat dilihat pada Gambar 4.1.

Berdasarkan Gambar 4.1 terdapat 3 entitas Rancangan

sistem yang terdiri dari admin, pelanggan, Pimpinan

57
 58

Gambar 4.1 Diagram Konteks

4.1.2. Diagram Dekomposisi

Diagram dekomposisi adalah penggambaran diagram

yang menguraikan sistem menjadi subsistem, proses, dan

subproses komponennya. Diagram dekomposisi dapat dilihat

pada Gambar 4.2.

 59

Berdasarkan Gambar 4.2 terlihat bahwa rancangan

sistem terdapat 10 subsistem yaitu kelola data pengguna, kelola

data jamaah, kelola informasi, kelola paket umrah/haji, kelola

pendaftaran paket umrah/haji, kelola pembayaran, kelola

jadwal keberangkatan, kelola promosi, kelola kritik dan saran,

laporan.

Gambar 4.2 Diagram Dekomposisi

 60

4.1.3 Data Flow Diagram (DFD) Level Nol

Data flow diagram level nol merupakan pengambaran

dekomposisi dari diagram kontek, DFD level nol menunjukan

proses-proses yang menyusun keseluruhan sistem yang

mempunyai aliran data masuk dan aliran data keluar dari

simpanan data.

DFD level nol dapat dilihat pada Gambar 4.3.

Gambar 4.3 Data Flow Diagram (DFD) Level Nol

 61

4.1.4 Data Flow Diagram (DFD) Subsistem

Data Flow Diagram (DFD) subsistem ini merupakan

sebuah penggambaran seluruh proses-proses yang menyusun

keseluruhan sistem secara rinci yang mempunyai aliran data

masuk dan aliran data keluar dari simpanan data yang dijelaskan

per subsistem.

1. Data Flow Diagram (DFD) Subsistem 1.0 Login

Data Flow Diagram login berfungsi untuk mengakses

sebuah sistem yang dilakukan oleh Admin, Jamaah, Pimpinan.

Data Flow Diagram 1.0 Login dapat dilihat pada

Gambar 4.4.

Gambar 4.4 Data Flow Diagram (DFD) Subsitem 1.0 Login

 62

2. Data Flow Diagram (DFD) Subsistem 2.0 Kelola

Pendaftaran

Diagram aliran data kelola pendaftaran berfungsi untuk

menyimpan, mengubah, menghapus dan melihat data

pendaftaran yang dapat dilakukan oleh Admin, Jamaah,

Pimpinan.

Data flow diagram kelola pendaftaran dapat dilihat

pada gambar 4.5.

Gambar 4.5 Data Flow Diagram (DFD) Subsitem 2.0

Kelola Pendaftaran
 63

3. Data Flow Diagram (DFD) Subsistem 3.0 Kelola Data

Pengguna

Diagram aliran data kelola data pengguna berfungsi

untuk menyimpan data pengguna, ubah data pengguna, hapus

data pengguna dan lihat data pengguna.

Data Flow Diagram logis subsistem 3.0 kelola

pengguna dapat dilihat pada Gambar 4.6.

Gambar 4.6 Data Flow Diagram (DFD) Subsitem 3.0

Kelola Data Pengguna
 64

4. Data Flow Diagram (DFD) Subsistem 4.0 Kelola Data

Jamaah

Diagram aliran data kelolah data Jamaah berfungsi

untuk menyimpan, mengubah, menghapus, melihat dan

mencari data Jamaah yang dapat dilakukan oleh Admin dan

Jamaah.

Data flow diagram kelola data Jamaah dapat dilihat

pada gambar 4.7.

Gambar 4.7 Data Flow Diagram (DFD) Subsitem 4.0

Kelola Data Jamaa
 65

5. Data Flow Diagram (DFD) Subsistem 5.0 Kelola Informasi

Diagram aliran data kelola informasi berfungsi untuk

menyimpan, mengubah, menghapus, dan melihat informasi

yang dapat dilakukan oleh Admin dan Jamaah.

Data flow diagram kelola informasi dapat dilihat pada

gambar 4.8.

Gambar 4.8 Data Flow Diagram (DFD) Subsitem 5.0

Kelola Informasi
 66

6. Data Flow Diagram (DFD) Subsistem 6.0 Kelola Paket

Umroh/Haji

Diagram aliran data kelola paket Umroh/Haji berfungsi

untuk menyimpan, mengubah, menghapus, dan melihat paket

Umroh/Haji yang dapat dilakukan oleh Admin dan Jamaah.

Data flow diagram kelola paket Umroh/Haji dapat

dilihat pada gambar 4.9.

Gambar 4.9 Data Flow Diagram (DFD) Subsitem 6.0

Kelola Paket Umroh/Haji
 67

7. Data Flow Diagram (DFD) Subsistem 7.0 Kelola Jadwal

Keberangkatan

Diagram aliran data kelola jadwal keberangkatan

berfungsi untuk menyimpan, mengubah, menghapus, dan

melihat paket jadwal keberangkatan yang dapat dilakukan oleh

Admin dan Jamaah.

Data flow diagram kelola jadwal keberangkatan dapat

dilihat pada gambar 4.10.

Gambar 4.10 Data Flow Diagram (DFD) Subsitem 7.0

Kelola Jadwal Keberangkatan
 68

8. Data Flow Diagram (DFD) Subsistem 8.0 Kelola Promosi

Diagram aliran data kelola promosi berfungsi untuk

menyimpan, mengubah, menghapus, dan melihat promosi yang

dapat dilakukan oleh Admin dan Jamaah.

Data flow diagram kelola promosi dapat dilihat pada

gambar 4.11.

Gambar 4.11 Data Flow Diagram (DFD) Subsitem 8.0

Kelola Promosi
 69

9. Data Flow Diagram (DFD) Subsistem 9.0 Kelola Kritik dan

Saran

Diagram aliran data kelola promosi berfungsi untuk

menyimpan, mengubah, menghapus, dan melihat kritik dan

ssaran yang dapat dilakukan oleh Admin, Jamaah, Pimpinan.

Data flow diagram kelola kritik dan saran dapat dilihat

pada gambar 4.12.

Gambar 4.12 Data Flow Diagram (DFD) Subsitem 9.0

Kelola Kritik dan Sara
 70

10. Data Flow Diagram (DFD) Subsistem 10.0 Kelola

Pembayaran

Diagram aliran data kelola pembayaran berfungsi untuk

menyimpan, mengubah, menvalidasi, dan melihat data

pembayaran yang dapat dilakukan oleh Admin, Jamaah, dan

Pimpinan.

Data flow diagram kelola pembayaran dapat dilihat

pada gambar 4.13.

Gambar 4.13 Data Flow Diagram (DFD) Subsitem 10.0

Kelola Pembayaran
 71

11. Data Flow Diagram (DFD) Subsistem 11.0 Kelola Laporan

Diagram aliran data kelola laporan berfungsi untuk

melihat laporan jamaah, melihat pembelian paket Umroh/Haji,

dan laporan pembayaran yang dapat dilakukan oleh Admin,

Jamaah, dan Kepala Cabang.

Data flow diagram kelola laporan dapat dilihat pada

gambar 4.14.

Gambar 4.14 Data Flow Diagram (DFD) Subsitem 11.0

Kelola Laporan
 72

4.2 Rancangan Data

Berikut merupakan rancangan model data yang akan digunakan untuk

membangun sistem informasi pada sebuah aplikasi website Tour and Travel

Umroh Haji PT Atina Rahmataka Wisata yang dapat dilihat pada Entity

Relationship Diagram (ERD) dan Relasi Antar Tabel dibawah ini:

4.2.1. Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) digunakan untuk

mengambarkan aliran data entitas dalam suatu sistem.

ERD pada sistem Manajemen Hubungan Pelanggan

pada Tour & Travel Umroh Haji PT Atina Rahmataka Wisata

dapat dilihat pada gambar 4.15 berikut ini.

Gambar 4.15 Entity Relationship Diagram (ERD)

 73

4.2.2. Relasi Antar Tabel

Relasi antar tabel merupakan sebuah aliran data yang

menghubungkan satu tabel dengan tabel lainnya pada sebuah

database sistem Manajemen Hubungan Pelanggan pada Tour

& Travel Umroh Haji PT Atina Rahmataka Wisata

Gambar relasi antar tabel dapat dilihat pada gambar

4.16 berikut ini.

Gambar 4.16 Relasi Tabel

4.3 Rancangan Antarmuka Sistem

 74

Rancangan program yang dibuat, yaitu berupa rancangan antarmuka

sistem. Rancangan antarmuka sistem berisi gambar antarmuka (interface)

setiap menu yang ada di sistem.

Rancangan antarmuka sistem digambarkan sebagai berikut.

4.3.1 Tampilan Awal

Halaman Awal merupakan halaman yang muncul pertama kali

saat mengakses website, dimana pada halaman awal terdapat menut

utama yang dapat diakses langsung oleh pengguna. Tampilan halaman

awal dapat dilihat pada gambar 4.18.

Gambar 4.18 Tampilan Awal

4.3.2 Tampilan Register

Form Regeiste pengguna untuk mendaftar sebagai pengguna

baru. Pada tampilan form pengguna baru pelanggan harus memasukan

 75

Nama, Email, Password, konfirmasi password dapat di lihat pada

gambar 4.19.

Gambar 4.19 Tampilan Register

4.3.3 Tampilan Pelanggan

Halaman pelanggan merupakan halaman yang muncul ketika

pengguna telah mengidentifikasi dirinya sebagai pelanggan. Pada

tampilan halaman pelanggan terdapat menu yang dapat di akses

pelanggan di lihat pada gmabar 4.20.

 76

Gambar 4.20 Tampilan Pelanggan

4.3.4 Tampilan Informasi

Tampilan informasi di gunakan oleh pelanggan untuk melihat

informasi untuk calon jamaah dalam keberangkatan sesuai dengan

pedoman ibada, tata cara pembayaran , persyarakat keberangkatan serta

daftar rekening dapat di lihat pada gambar 4.21.

Gambar 4.21 Tampilan Informasi

 77

4.3.5 Tampilan Destinasi

Tampilan Destinasi di gunakan pelanggan untuk melihat

distinasi wisata yang di sediakan oleh pihak tour travel haji & umroh

dapat di lihat pada gambar 4.22.

Gambar 4.22 Tampilan Destinasi

4.3.6 Tampilan Awal Admin

Halaman admin merupakan halaman yang muncul ketika

pengguna telah mengidentifikasikan dirinya sebagai admin. Pada

tampilan Halaman admin terdapat menu yang dapat diakses admin dapat

di lihat pada gambar 4.23 .

 78

Gambar 4.23 Tampilan Admin

4.3.7 Tampilan Kelola Data Paket

Tampilan kelola data paket admin bisa melakukan pengelolah

data paket yang di berikan oleh pihak tour travel haji & umroh mulai

dari nama paket, lama perjalanan, tempat wisata bisa di lihat pada

gambar 4.24.

Gambar 4.24 Tampilan Kelola Data Paket

 79

4.3.8 Tampilan Kelola Promosi

Tampilan kelola promosi admin bisa memberikan paket

promosi dan potongan harga yang di berikan ke pada calon jamaah

dapat di lihat pada gambar 4.25.

Gambar 4.25 Kelola Data Promosi

 80

4.3.9 Tampilan Pembayaran

Tampilan pembayaran admin bisa melihat siapa saja pelanggan

yang telah melakukan pembayaran ke perusahaan dapat di lihat pada

gambar 4.26.

Gambar 4.26 Tampilan Pembayaran

4.3.10 Tampilan Validasi Pembayaran

Tampilan validasi pembayaran admin bisa melakukan validasi

kepada calon jamaah yang telah membayar serta menolak pembayaran

dapat di lihat pada gambar 4.27.

 81

Gambar 4.27 Tampilan Validasi Pembayaran

4.3.11 Tampilan Data Jamaah

Tampilan data jamaah admin bisa melihat data – data jamaah

dpaat di lihat pada gambar 4.28.

Gambar 4.28 Tampilan Data Jamaah

 82

4.3.12 Tampilan Laporan Data Jamaah

Laporan data jamaah admin dapat melihat daftar pelanggan PT

Atina Rahmataka Wisata pada gambar 4.29.

Gambar 4.29 Tampilan Laporan Data Jamaah

4.13 Tampilan Laporan Pendaftaran Paket

Tampilan laporan pendaftaran paket admin bisa melihat priode

laporan pendaftaran paket dapat di lihat pada gambar 4.30.

Gambar 4.30 Tampilan Laporan Pendaftaran Paket

 83

4.14 Tampilan Awal Pimpinan

Tampilan awal pimpinan merupakan halaman yang muncul

ketika pengguna telah mengidentifikasi dirinya sebagai pimpinan. Pada

tampilan halaman admin terdapat menu yang dapat diakses admin dapat

di lihat pada gambar 4.31.

Gambar 4.31 Tampilan Awal Pimpinan

4.15 Tampilan Laporan Jamaah

Tampilan laporan jamaah pimpinan dapat melihat laporan data

jamaah dapat di lihat pada gambar 4.32.

 84

Gambar 4.32 Tampilan Laporan Jamaah

4.16 Tampilan Laporan Pendaftaran

Tampilan laporan pendaftaran pimpinan dapat melihat laporan

pendaftaran bisa di lihat perpriode dapat di lihat pada gamabar 4.33.

Gambar 4.33 Tampilan Laporan Pendftaran

 85

4.17 Tampilan Laporan

Tampilan laporan pembayaran pimpinan dapat melihat laporan

pembayaran jamaah bisa di lihat dari perpriode dapat di lihat pada

gambar 4.34.

Gambar 4.34 Tampilan Pembayaran