RANCANG BANGUN APLIKASI PENDAFTARAN CALON JAMAAH HAJI BERBASIS WEBSITE PADA KBIH AL HIDAYAH SURABAYA
KERJA PRAKTIK
Program Studi S1 Sistem Informasi
Oleh:
AFIF FATHURRAHMAN 18410100058
FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA
2021
ii
LAPORAN KERJA PRAKTIK
RANCANG BANGUN APLIKASI PENDAFTARAN CALON JAMAAH HAJI BERBASIS WEBSITE PADA KBIH AL HIDAYAH SURABAYA
Diajukan sebagai salah satu syarat untuk menyelesaikan mata kuliah Kerja Praktik
Disusun Oleh:
Nama : Afif Fathurrahman NIM 18410100058 Program : S1 (Strata Satu) Jurusan : Sistem
Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA
2021
ABSTRAK
Kelompok Bimbingan Ibadah Haji Al Hidayah atau yang biasa disebut KBIH Al Hidayah adalah sebuah lembaga yayasan sosial Islam yang pada dasarnya bergerak dibidang layanan ibadah Haji dan Umrah.
Permasalahan yang terjadi pada KBIH Al Hidayah yaitu sistem pendaftaran yang masih menggunakan metode manual menggunakan kertas formulir pendaftaran. Kesulitan dalam pengolahan data menyebabkan sering terjadinya kesalahan pencatatan data dan sering terjadinya kehilangan berkas dokumen calon jamaah.
Untuk membantu mengatasi masalah tersebut, diperlukan suatu aplikasi Pendaftaran Calon Jamaah Haji pada KBIH Al-Hidayah yang dapat membantu proses pendaftaran calon jamaah, membantu pengelolaan data tentang pendaftar dan menyimpan berkas dokumen pendaftar pada KBIH Al-Hidayah, sehingga proses pendaftaran peserta dapat lebih efektif dan efisien.
Setelah menerapkan aplikasi ini maka proses pendaftaran calon jamaah haji pada KBIH Al-Hidayah dapat dilakukan secara efektif. Proses pendaftaran calon jamaah haji yang dulu masih menggunakan kertas formulir sekarang sudah bisa dilakukan melalui online sehingga mengurangi penggunaan kertas. Adanya laporan pendaftaran calon jamaah haji membantu petugas untuk mengelola data pendaftar yang ada.
Kata Kunci : Pendaftaran, Pengelolaan Data, Ibadah Haji
KATA PENGANTAR
Puji syukur ke hadirat Tuhan Yang Maha Esa karena dengan rahmat, hidayat, serta anugerah-Nya penulis dapat menyelesaikan Laporan Kerja Praktik yang berjudul “Rancang Bangun Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website Pada KBIH Al Hidayah Surabaya” dengan tepat waktu.
Dalam usaha menyelesaikan penulisan Laporan Kerja Praktik ini Penulis ingin menyampaikan ucapan terima kasih yang sebesar besarnya kepada semua pihak yang telah membantu dalam pelaksanaan dan pembuatan Laporan Kerja Praktik ini kepada:
1. Allah SWT, karena dengan Rahmat dan hidayahnya penulis dapat menyelesaikan Laporan Kerja Praktik ini.
2. Orang Tua dan Keluarga penulis yang telah memberikan dorongan dan bantuan baik moral maupun materi sehingga penulis dapat menempuh dan menyelesaikan Kerja Praktik serta Laporan ini.
3. Kepada Bapak Erwin Sutomo, S.Kom., M.Eng. Selaku dosen pembimbing yang selalu membimbing penulis dengan sabar memberikan dukungan dan kemudahan dalam pelaksanaan Kerja Praktik ini.
4. Pihak KBIH Al Hidayah khususnya Bapak M. Risa Fahmi yang selalu membantu dan memberikan informasi serta izin kepada penulis untuk dapat melaksanakan Kerja Praktik dengan lancar.
5. Kepada Bapak Wahyu Priastoto selaku Koordinator Kerja Praktik di Universitas Dinamika yang selalu membantu dalam pengurusan kebutuhan dokumen untuk Kerja Praktik dari awal hingga akhir.
6. Teman - teman seperjuangan Sistem Informasi angkatan 8 serta rekan- rekan pengurus Himpunan Mahasiswa S1 Sistem Informasi Universitas Dinamika.
Penulis berharap semoga laporan ini dapat berguna dan bermanfaat untuk menambah wawasan bagi pembacanya. Penulis juga menyadari dalam penulisan laporan ini banyak terdapat kekurangan. Oleh karena itu penulis sangat mengharapkan saran dan kritik untuk memperbaiki kekurangan dan berusaha untuk lebih baik lagi.
Surabaya, 8 Juli 2021
Penulis
DAFTAR ISI
Halaman
ABSTRAK ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR TABEL ... x
DAFTAR GAMBAR ... xi
DAFTAR LAMPIRAN ... xiii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Perumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan ... 3
1.5. Manfaat ... 3
1.6. Sistematika Penulisan ... 4
BAB II GAMBARAN UMUM INSTANSI ... 5
2.1. Gambaran Umum KBIH Al Hidayah ... 5
2.2. Logo KBIH Al-Hidayah ... 5
2.3. Visi dan Misi ... 5
2.4. Struktur Organisasi ... 6
BAB III LANDASAN TEORI ... 7
3.1. Aplikasi ... 7
3.2. Website ... 7
3.3. PHP ... 8
3.4. MySQL ... 9
3.5. Analisa Sistem ... 9
3.6. Desain Sistem/Perancangan Sistem ... 10
BAB IV DESKRIPSI KERJA PRAKTIK ... 11
4.1. Analisis Sistem yang Telah Berjalan ... 11
4.2. Analisis Sistem yang Diusulkan ... 12
4.2.1. Perancangan Kebutuhan Sistem ... 13
4.2.2. Perancangan Desain Sistem ... 22
4.3. Implementasi Sistem ... 35
BAB V PENUTUP ... 39
5.1. Kesimpulan ... 39
5.2. Saran ... 39
DAFTAR PUSTAKA ... 40
LAMPIRAN...41
DAFTAR TABEL
Tabel 4.1 Admin ... 26
Tabel 4.2 User ... 26
Tabel 4.3 Userdatajamaah ... 27
Tabel 4.4 Provinces ... 28
Tabel 4.5 Regencies ... 28
Tabel 4. 6 District ... 29
Tabel 4.7 Villages ... 29
DAFTAR GAMBAR
Gambar 2.1 Logo KBIH Al-Hidayah ... 5
Gambar 2. 2 Struktur Organisasi KBIH Al-Hidayah ... 6
Gambar 4. 1 Diagram proses pendaftaran calon jamaah ... 12
Gambar 4. 2 Use Case Diagram Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah ... 13
Gambar 4.3 Activity Diagram Login Pegawai ... 14
Gambar 4.4 Activity Diagram Login User ... 15
Gambar 4.5 Activity Diagram Register User ... 16
Gambar 4.6 Activity Diagram Daftar Calon Jamaah ... 17
Gambar 4.7 Activity Diagram kelola formulir ... 19
Gambar 4.8 Activity Diagram kelola user terdaftar ... 20
Gambar 4.9 Activity Diagram kelola admin ... 21
Gambar 4.10 Context Diagram Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah ... 22
Gambar 4.11 Class Diagram Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah ... 23
Gambar 4.12 Conceptual Data Model Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah ... 24
Gambar 4.13 Physical Data Model Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah ... 25
Gambar 4.14 Desain halaman login admin dan user ... 30
Gambar 4.15 Desain halaman daftar user ... 30
Gambar 4.16 Desain halaman dashboard user ... 31
Gambar 4.17 Desain Halaman Pendaftaran Calon Jamaah ... 31
Gambar 4.18 Desain halaman dashboard admin ... 32
Gambar 4.19 Desain halaman kelola formulir ... 32
Gambar 4.20 Desain halaman kelola user ... 33
Gambar 4.21 Desain halaman kelola admin ... 33
Gambar 4.22 Desain halaman detail pendaftar ... 34
Gambar 4.23 Halaman login user dan admin ... 35
Gambar 4.24 Halaman daftar user ... 35
Gambar 4.25 Halaman dashboard user ... 35
Gambar 4.26 Halaman pendaftaran calon jamaah ... 36
Gambar 4.27 Halaman dashboard admin ... 36
Gambar 4.28 Halaman kelola formulir ... 37
Gambar 4.29 Halaman kelola user ... 37
Gambar 4.30 Halaman kelola admin ... 37
Gambar 4.31 Halaman detail pendaftar ... 38
DAFTAR LAMPIRAN
Lampiran 1 Surat Balasan Instansi / Perusahaan...41
Lampiran 2 Kartu Bimbingan...42
Lampiran 3 Biodata Penulis...43
Lampiran 4 Form KP-5 (Garis Besar Rencana Kerja Mingguan)...44
Lampiran 5 Form KP-6 (Log Harian Dan Catatan Perubahan Acuan Kerja)...45
Lampiran 6 Form KP-7 (Kehadiran Kerja Praktik)...46
1 BAB I PENDAHULUAN 1.1. Latar Belakang Masalah
Pembinaan calon jemaah haji adalah salah satu tugas pokok Departemen Agama yang dalam hal ini Direktorat Jenderal Bimbingan Masyarakat Islam dan menyelenggarakan haji, di mana dalam pelaksanaan tugas ini pemerintah telah memberikan peluang kepada masyarakat dalam hal ini KBIH untuk berpartisipasi sebagai mitra pemerintah dalam pembimbingan calon jemaah/jemaah haji. Upaya pemerintah dalam peningkatan pelayanan haji secara terus menerus dibuktikan secara baik dan teratur, terbukti menerapkan pola pengaturan baru dengan memudahkan sistem perijinan Kelompok Bimbingan Ibadah Haji (KBIH).
KBIH Al-Hidayah adalah lembaga Sosial Keagamaan yang bertujuan untuk membina calon haji dengan mengadakan bimbingan kelompok dengan menyertakan seorang pembimbing yang terampil dan berpengalaman dari tanah air hingga ke Tanah Suci Makkatul Mukarromah dan kembali lagi ke tanah air, dengan harapan dapat mengurangi kebingungan, kekalutan jamaah haji, di samping itu bertujuan untuk menghantarkan jamaah menjadi haji mabrur.
Untuk proses pendaftaran calon jamaah haji KBIH Al-Hidayah saat ini masih menggunakan proses manual yaitu pendaftar datang ke tempat pendaftaran dengan membawa berkas yang dibutuhkan kemudian mengambil formulir pendaftaran dan mengisi formulir tersebut. Setelah itu
formulir dan berkas diberikan ke pegawai untuk dilakukan pengecekan dan registrasi calon jamaah haji KBIH Al-Hidayah.
Hal ini menyebabkan kinerja pihak administrasi KBIH Al-Hidayah tidak efisien. Kesulitan dalam pengolahan data menyebabkan sering terjadinya kesalahan pencatatan data dan sering terjadinya kehilangan berkas dokumen calon jamaah dikarenakan penyimpanan berkas dokumen tersebut masih diletakkan ke dalam lemari dan rak besar.
Sehingga untuk membantu mengatasi masalah tersebut, maka diperlukan suatu aplikasi Pendaftaran Calon Jamaah Haji pada KBIH Al-Hidayah yang dapat membantu proses pendaftaran calon jamaah, membantu pengelolaan data tentang pendaftar dan menyimpan berkas dokumen pendaftar pada KBIH Al-Hidayah, sehingga proses pendaftaran peserta dapat lebih efektif dan efisien.
1.2. Perumusan Masalah
Berdasarkan latar belakang permasalahan di atas, dapat dirumuskan permasalahan yang ada yaitu bagaimana merancang bangun Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website pada KBIH Al- Hidayah Surabaya.
1.3. Batasan Masalah
Batasan masalah pada Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website pada KBIH Al-Hidayah Surabaya sebagai berikut:
1) Aplikasi pendaftaran calon jamaah haji berbasis website 2) Aplikasi ditujukan kepada pendaftar dan admin.
3) Aplikasi ini hanya mencakup pendaftaran akun, pendaftaran calon jamaah haji dan input berkas yang dapat dilakukan pendaftar dan kelola akun pendaftar, kelola admin, dan kelola formulir yang dapat dilakukan admin.
1.4. Tujuan
Tujuan dari kerja praktik ini adalah untuk merancang bangun Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website pada KBIH Al- Hidayah Surabaya di mana sistem terdiri atas proses pendaftaran, penyimpanan berkas dan laporan data pendaftar pada KBIH Al-Hidayah.
1.5. Manfaat
Beberapa manfaat yang diperoleh dari penulis dapat dikelompokkan sebagai berikut:
1) Bagi Pendaftar
i) Mempermudah proses dan waktu dalam pendaftaran ii) Mengurangi biaya untuk mencetak fotokopi berkas 2) Bagi Petugas
i) Memberikan kemudahan untuk mengelola dokumen dan berkas secara online
ii) Mengurangi proses pencatatan yang dilakukan secara manual
1.6. Sistematika Penulisan
BAB I PENDAHULUAN
Bab ini menjelaskan tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan dan manfaat yang bisa didapat dari kerja praktik ini.
BAB II GAMBARAN UMUM
Bab ini menjelaskan tentang profil dan struktur lembaga KBIH Al-Hidayah. Gambaran umum ini digunakan untuk menjelaskan tentang sejarah, visi dan misi dalam lembaga.
BAB III LANDASAN TEORI
Bab ini menjelaskan tentang teori yang berkaitan dengan penyelesaian laporan.
BAB IV DESKRIPSI KERJA PRAKTIK
Bab ini menjelaskan tentang pekerjaan yang dilakukan selama kerja praktik, yakni analisis sistem yang sedang berjalan, analisis sistem yang diusulkan, dan implementasi sistem.
BAB V PENUTUP
Bab penutup ini membahas tentang kesimpulan dari seluruh isi laporan yang telah dibuat. Penutup juga berisi saran yang bisa diberikan terkait dengan pengembangan aplikasi di
masa mendatang.
BAB II
GAMBARAN UMUM INSTANSI 2.1. Gambaran Umum KBIH Al Hidayah
KBIH Al-Hidayah adalah lembaga Sosial Keagamaan yang bertujuan untuk membina calon haji dengan mengadakan bimbingan kelompok dengan menyertakan seorang pembimbing yang terampil dan berpengalaman dari tanah air hingga ke Tanah Suci Makkatul Mukarromah dan kembali lagi ke tanah air, dengan harapan dapat mengurangi kebingungan, kekalutan jamaah haji, di samping itu bertujuan untuk menghantarkan jamaah menjadi haji mabrur.
2.2. Logo KBIH Al-Hidayah
Gambar 2.1 Logo KBIH Al-Hidayah 2.3. Visi dan Misi
Visi :
“Terwujudnya KBIH yang mampu melayani dan membimbing jemaah haji menjadi haji Mabrur”.
Misi :
1) Membantu kemudahan proses pendaftaran haji khususnya bagi bapak/ibu yang sibuk
2) Menyediakan sarana prasarana untuk memudahkan jamaah haji dalam pelaksanaan ibadah haji
3) Membina ibadah haji dengan mengadakan bimbingan kelompok dengan menyertakan seorang pembimbing yang terampil dan berpengalaman
2.4. Struktur Organisasi
Gambar 2. 2 Struktur Organisasi KBIH Al-Hidayah
BAB III LANDASAN TEORI 3.1. Aplikasi
Ada banyak pengertian mengenai aplikasi menurut beberapa ahli yaitu : 1) Menurut Henry (2004,12), “Aplikasi adalah suatu unit perangkat
lunak yang dibuat untuk melayani kebutuhan akan beberapa aktivitas seperti perniagaan, pelayanan masyarakat, periklanan atau semua proses yang dilakukan manusia”.
2) Menurut Janer (2004,12), “Aplikasi adalah suatu unit perangkat lunak yang dibuat untuk melayani kebutuhan akan beberapa aktivitas seperti system perniagaan, pelayanan masyarakat, periklanan atau semua proses yang dilakukan manusia”.
3) Menurut Supriyanto (2005,2), Aplikasi adalah program yang memiliki aktivitas pemrosesan perintah yang diperlukan untuk melaksanakan permintaan pengguna dengan tujuan tertentu.
3.2. Website
Secara umum, website (web) dipahami sebagai sekumpulan halaman yang terdiri atas beberapa laman yang berisi informasi dalam bentuk digital baik itu teks, gambar, animasi yang disediakan melalui jalur internet sehingga dapat diakses dari seluruh dunia yang memiliki koneksi internet. Sejumlah definisi atau pengertian website menurut para ahli kami sebagai berikut:
1) Website adalah kumpulan halaman web yang saling terhubung dan file-filenya saling terkait. Web terdiri dari page atau halaman, dan
kumpulan halaman yang dinamakan homepage. Homepage berada pada posisi teratas, dengan halaman-halaman terkait berada di bawahnya. Biasanya setiap halaman di bawah homepage disebut child page, yang berisi hyperlink ke halaman lain dalam web (Gregorius, 2000).
2) Website merupakan fasilitas internet yang menghubungkan dokumen dalam lingkup lokal maupun jarak jauh. Dokumen pada website disebut dengan web page dan link dalam website memungkinkan pengguna bisa berpindah dari satu page ke page lain (hyper text), baik di antara page yang disimpan dalam server yang sama maupun server di seluruh dunia. Pages diakses dan dibaca melalui browser seperti Netscape Navigator, Internet Explorer, Mozila Firefox, Google Chrome dan aplikasi browser lainnya (Hakim, 2004).
3.3. PHP
Menurut (Arief, 2011), PHP adalah Bahasa server side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis.
Karena PHP merupakan server side scripting maka sintak dan perintah- perintah PHP akan di eksekusi di server kemudian hasilnya akan dikirimkan ke browser dengan format HTML.
Sedangkan menurut (Nugroho, 2006) “PHP atau singkatan dari Personal Home Page merupakan bahasa skrip yang tertanam dalam HTML untuk dieksekusi bersifat server side”. PHP termasuk dalam open source
product, sehingga source code PHP dapat diubah dan didistribusikan secara bebas.
3.4. MySQL
Menurut (Arief, 2011) “MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengolahan datanya”.
MySQL merupakan database yang pertama kali didukung oleh bahasa pemrograman script untuk internet (PHP dan Perl). MySQL dan PHP dianggap sebagai pasangan software pembangun aplikasi web yang ideal. MySQL lebih sering digunakan untuk membangun aplikasi berbasis web, umumnya pengembangan aplikasinya menggunakan bahasa pemrograman script PHP.
3.5. Analisa Sistem
Analisa sistem menurut Jogiyanto Hartanto dalam bukunya yang berjudul Analisis dan Desain Sistem Informasi 2005 “sistem merupakan penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan - permasalahan, kesempatan - kesempatan, hambatan - hambatan yang diharapkan sehingga dapat diusulkan perbaikan- perbaikan”. Langkah-langkah Analisa Sistem menurut (Jogiyanto, 2005) meliputi :
1) Mengidentifikasi Masalah
2) Memahami Kerja dari Sistem yang ada 3) Menganalisa Sistem
4) Membuat Laporan Hasil Analisis 3.6. Desain Sistem/Perancangan Sistem
Tahap setelah analisis dari siklus pengembangan sistem adalah desain sistem. “Menurut John Burch dan Gary Grudnitski dalam bukunya (Jogiyanto, 2005), bahwa Desain Sistem adalah berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi”. Tujuan dari desain sistem ini adalah memenuhi kebutuhan pemakai sistem serta memberikan gambaran yang jelas dan lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat.
BAB IV
DESKRIPSI KERJA PRAKTIK 4.1. Analisis Sistem yang Telah Berjalan
Sistem yang sedang berjalan dilakukan oleh beberapa pelaku, yaitu pendaftar yang akan melakukan pendaftaran sebagai calon jamaah ke lembaga dengan membawa berkas yang nantinya akan diberikan kepada pegawai lembaga.
Pegawai akan memberikan formulir pendaftaran anggota kelompok bimbingan ibadah Haji Al-Hidayah dan pendaftar akan mengisi formulir pendaftaran tersebut serta memberikan berkas kepada pegawai. Setelah berkas dan formulir pendaftaran diterima pegawai, pegawai akan melakukan pengecekan berkas apakah sudah sesuai atau belum. Jika pendaftar belum memenuhi syarat berkas akan dikembalikan dan harus dilengkapi lagi, dan jika sudah memenuhi syarat berkas akan disimpan lembaga dan pendaftar diterima sebagai peserta kelompok bimbingan ibadah Haji Al-Hidayah Surabaya.
Berdasarkan proses sistem yang sudah ada dan sedang berjalan saat ini, maka dapat dibuatkan sistem sebagai berikut:
Gambar 4. 1 Diagram proses pendaftaran calon jamaah 4.2. Analisis Sistem yang Diusulkan
Tahapan ini merupakan tahap yang dilakukan penulis untuk merancang sistem yang diusulkan guna membuat sistem yang baru, agar masalah-masalah yang terdapat pada sistem yang lama dapat teratasi. Dari hasil analisis sistem yang berjalan, maka dirancang suatu sistem untuk
memudahkan pendaftar dalam mendaftar sebagai anggota jamaah ibadah Haji dan Umah kepada lembaga, sistem ini dilengkapi database yang berfungsi sebagai media penyimpanan data-data.
4.2.1. Perancangan Kebutuhan Sistem
Perancangan sistem yang akan dibuat sebagai berikut:
1) Use Case Diagram
Berikut adalah model use case diagram sistem yang akan diusulkan:
Gambar 4. 2 Use Case Diagram Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah
2) Activity Diagram
Berikut adalah Activity Diagram sistem yang akan diusulkan di KBIH Al-Hidayah sebagai berikut:
i. Activity Diagram Login Pegawai
Aktivitas ini dilakukan oleh pegawai untuk masuk ke dalam dashboard admin aplikasi. Gambar 4.3 di bawah ini adalah Activity Diagram Login Pegawai yang diusulkan:
Gambar 4.3 Activity Diagram Login Pegawai Pada gambar 4.3 diatas terdapat aktivitas pegawai
masuk ke Halaman login dan memasukkan email dan password. Sistem akan memvalidasi username dan
password yang dimasukkan. Jika email dan password telah sesuai dan terdaftar dalam database, pegawai dapat masuk kedalam dashboard admin.
ii. Activity Diagram Login User
Aktivitas ini dilakukan oleh user / pendaftar untuk masuk ke dalam dashboard user aplikasi.
Gambar 4.4 di bawah ini adalah Activity Diagram Login User yang diusulkan:
Gambar 4.4 Activity Diagram Login User Pada gambar 4.4 di atas terdapat aktivitas user masuk ke Halaman login dan memasukkan email dan password. Sistem akan memvalidasi username dan
password yang dimasukkan. Jika email dan password telah sesuai dan terdaftar dalam database, pegawai dapat masuk kedalam dashboard user.
iii. Activity Diagram Register User
Aktivitas ini dilakukan oleh user / pendaftar untuk mendaftar akun pada aplikasi. Gambar 4.5 di bawah ini adalah Activity Diagram Register User yang diusulkan:
Gambar 4.5 Activity Diagram Register User Pada gambar 4.5 di atas terdapat aktivitas user
masuk ke Halaman register dan memasukkan email dan password. Sistem akan memverifikasi username
dan password yang dimasukkan. Apabila sistem tidak mendeteksi email dan password di database, register berhasil dan user diarahkan ke halaman login. Apabila sistem mendeteksi email dan password telah digunakan, sistem akan menolak register dan meminta email serta password akun yang baru.
iv. Activity Diagram Daftar Calon Jamaah
Aktivitas ini dilakukan oleh user / pendaftar untuk mendaftar sebagai anggota jamaah KBIH Al- Hidayah pada aplikasi. Gambar 4.6 di bawah ini adalah Activity Diagram Daftar Calon Jamaah yang diusulkan:
Gambar 4.6 Activity Diagram Daftar Calon Jamaah
Pada gambar 4.6 di atas terdapat aktivitas user masuk ke Halaman pendaftaran dan mengisi form pendaftaran yang tersedia. Sistem akan memverifikasi form, apabila sistem mendeteksi terdapat input yang kosong, sistem akan memberitahu user untuk mengisi form yang masih kosong. Kemudian user menekan tombol konfirmasi untuk menyimpan data ke Database.
v. Activity Diagram Kelola Formulir
Aktivitas ini dilakukan oleh pegawai untuk mengelola formulir pendaftaran user pada aplikasi.
Gambar 4.7 di bawah ini adalah Activity Diagram kelola formulir yang diusulkan:
Gambar 4.7 Activity Diagram kelola formulir Pada gambar 4.7 di atas terdapat aktivitas Pegawai membuka halaman formulir dan mengelola formulir pendaftaran calon jamaah. Pegawai dapat menekan tombol konfirmasi untuk verifikasi berhasil dan disimpan ke database apabila syarat dan ketentuan terpenuhi, dan menekan tombol tolak konfirmasi apabila syarat dan ketentuan tidak terpenuhi. Formulir yang ditolak akan kembali ke user untuk diperbaiki kembali. Selain itu pegawai
dapat melihat detail formulir pendaftaran dan mencetak formulir tersebut.
vi. Activity Diagram Kelola User Terdaftar
Aktivitas ini dilakukan oleh pegawai untuk mengelola user yang terdaftar pada aplikasi. Gambar 4.8 di bawah ini adalah Activity Diagram kelola formulir yang diusulkan:
Gambar 4.8 Activity Diagram kelola user terdaftar Pada gambar 4.8 diatas terdapat aktivitas Pegawai
membuka halaman user dan mengelola user yang terdaftar. Admin dapat menghapus akun terdaftar tersebut.
vii. Activity Diagram Kelola Admin
Aktivitas ini dilakukan oleh pegawai untuk mengelola mengelola data admin yang terdaftar pada aplikasi. Gambar 4.9 di bawah ini adalah Activity Diagram Kelola User Terdaftar yang diusulkan:
Gambar 4.9 Activity Diagram kelola admin Pada gambar 4.9 di atas terdapat aktivitas Pegawai membuka halaman admin dan mengelola admin yang terdaftar. Admin dapat menambahkan akun admin dan menghapus akun admin tersebut.
4.2.2. Perancangan Desain Sistem 1) Context Diagram
Context Diagram di bawah ini menjelaskan tentang alur sistem yang telah terkomputerisasi. Context Diagram dapat dilihat pada gambar 4.10.
Gambar 4.10 Context Diagram Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah 2) Class Diagram
Class Diagram merupakan sebuah class yang menggambarkan struktur dan penjelasan objek, class, paket serta hubungan satu sama lain. Adapun class diagram yang diusulkan pada gambar 4.11 sebagai berikut.
Gambar 4.11 Class Diagram Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah 3) Conceptual Data Model
Conceptual Data Model (CDM) Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah yang diusulkan sebagai berikut:
Gambar 4.12 Conceptual Data Model Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah
Gambar di atas merupakan Conceptual Data Model (CDM) dari Aplikasi Pendaftaran Calon Jamaah Haji Al- Hidayah yang terdiri atas 7 tabel yang saling terhubung satu dengan lainnya. 7 tabel tersebut yaitu user, userdatajamaah, admin, provinces, regencies, districts, dan village. Masing- masing tabel yang ada memiliki Primary Key (PK) sendiri.
4) Physical Data Model
Physical Data Model (PDM) merupakan rancangan database tahap akhir yang akan diterapkan pada aplikasi.
Pada PDM, primary key (PK) yang terhubung dengan tabel lainnya akan berubah menjadi menjadi foreign key (FK) yang berfungsi sebagai penghubung dengan tabel lainnya.
Physical Data Model (PDM) yang diusulkan Aplikasi
Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah ditunjukkan pada gambar berikut:
Gambar 4.13 Physical Data Model Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah 5) Struktur Tabel
Struktur tabel untuk Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website KBIH Al Hidayah sebagai berikut:
i. Tabel Admin
Nama Tabel : admin Primary Key : adminid Foreign Key : -
Fungsi : Menyimpan data Admin
Tabel 4.1 Admin
Name Data Type
adminid (PK) Integer
adminemail Variable Character(50) adminpassword Variable Character(50)
ii. Tabel User
Nama Tabel : user Primary Key : userid Foreign Key : -
Fungsi : Menyimpan data Akun User
Tabel 4.2 User
Name Data Type
userid (PK) Integer
useremail Variable Character(50) userpassword Variable Character(50)
tgldaftar Timestamp
iii. Tabel Userdatajamaah
Nama Tabel : userdatajamaah Primary Key : userdataid Foreign Key : userid
Fungsi : Menyimpan data user yang telah mengisi form pendaftaran
Tabel 4.3 Userdatajamaah
Name Data Type
userdataid (PK) Integer
userid (FK) Integer
nosiskohat Variable Character(20) nodaftardepag Variable Character(20) namalengkap Variable Character(50) ayahnama Variable Character(50) tempatlahir Variable Character(20)
tanggallahir date
alamat text
telepon Variable Character(15)
kodepos Variable Character(5)
provinsi Variable Character(30)
kota Variable Character(30)
kecamatan Variable Character(30) kelurahan Variable Character(30) pendidikan Variable Character(5) pekerjaan Variable Character(15) namamahrom Variable Character(50) ukuranbaju Variable Character(5)
foto Variable Character(99)
scansetoranonh Variable Character(99) scanktpksk Variable Character(99)
status Variable Character(30)
tglkonfirmasi date
iv. Tabel Provinces
Nama Tabel : provinces Primary Key : province_id Foreign Key : -
Fungsi : Menyimpan data Provinsi Tabel 4.4 Provinces
Name Data Type
provice_id (PK) Char(2)
name Varchar(255)
v. Tabel Regencies
Nama Tabel : regencies Primary Key : regency_id Foreign Key : province_id
Fungsi : Menyimpan data Kabupaten / Kota
Tabel 4.5 Regencies
Name Data Type
regency_id (PK) Char(4) province_id (FK) Char(2)
name Varchar(255)
vi. Tabel Districts
Nama Tabel : districts Primary Key : district_id Foreign Key : regency_id
Fungsi : Menyimpan data Kecamatan
Tabel 4. 6 District
Name Data Type
district_id (PK) Char(7) regency_id (FK) Char(4)
name Varchar(255)
vii. Tabel Villages
Nama Tabel : villages Primary Key : village_id Foreign Key : district_id
Fungsi : Menyimpan data Kelurahan Tabel 4.7 Villages
Name Data Type
village_id (PK) Char(10) district_id (FK) Char(7)
name Varchar(255)
6) Desain Antarmuka Pengguna
i. Halaman Login Admin dan User
Gambar 4.14 Desain halaman login admin dan user ii. Halaman Daftar User
Gambar 4.15 Desain halaman daftar user
iii. Halaman Dashboard User
Gambar 4.16 Desain halaman dashboard user iv. Halaman Pendaftaran Calon Jamaah
Gambar 4.17 Desain Halaman Pendaftaran Calon Jamaah
v. Halaman Dashboard Admin
Gambar 4.18 Desain halaman dashboard admin vi. Halaman Kelola Formulir
Gambar 4.19 Desain halaman kelola formulir
vii. Halaman Kelola User
Gambar 4.20 Desain halaman kelola user viii. Halaman Kelola Admin
Gambar 4.21 Desain halaman kelola admin
ix. Halaman Detail Pendaftar
Gambar 4.22 Desain halaman detail pendaftar
4.3. Implementasi Sistem
1) Halaman Login User dan Admin
Gambar 4.23 Halaman login user dan admin 2) Halaman Daftar User
Gambar 4.24 Halaman daftar user 3) Halaman Dashboard User
Gambar 4.25 Halaman dashboard user
4) Halaman Pendaftaran Calon Jamaah
Gambar 4.26 Halaman pendaftaran calon jamaah 5) Halaman Dashboard Admin
Gambar 4.27 Halaman dashboard admin
6) Halaman Kelola Formulir
Gambar 4.28 Halaman kelola formulir 7) Halaman Kelola User
Gambar 4.29 Halaman kelola user 8) Halaman Kelola Admin
Gambar 4.30 Halaman kelola admin
9) Halaman Detail Pendaftar
Gambar 4.31 Halaman detail pendaftar
BAB V PENUTUP 5.1. Kesimpulan
Pada Rancang Bangun Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website pada KBIH Al Hidayah Surabaya dapat diambil beberapa kesimpulan sebagai berikut:
1. Aplikasi ini membantu melakukan pendaftaran calon jamaah haji menggunakan website sehingga dapat mempermudah pendaftar.
2. Aplikasi ini membantu lembaga dalam pengelolaan data dan menghasilkan laporan-laporan yang dibutuhkan, seperti laporan pendaftaran calon jamaah dan biodata calon jamaah.
5.2. Saran
Dalam menyelesaikan kerja praktik (KP), beberapa gagasan muncul sebagai suatu saran yang dapat menjadikan Aplikasi Pendaftaran Calon Jamaah Haji Berbasis Website pada KBIH Al Hidayah Surabaya menjadi lebih baik diantaranya adalah sebagai berikut:
1. Pembuatan website sebaiknya menggunakan framework agar struktur coding dan input/output data menjadi lebih baik.
Berdasarkan aplikasi yang telah dibuat, maka dapat dikembangkan lagi menjadi website yang memiliki beberapa fitur / menu yang bermanfaat bagi calon jamaah haji seperti tata cara melakukan ibadah haji, informasi dan berita tentang haji, dan lain-lain.
DAFTAR PUSTAKA
Arief, M. (2011). Pemrograman Web Dinamis Menggunakan Php dan Mysql.
Yogyakarta: Penerbit ANDI.
Gregorius, A. (2000). Membuat Homepage Interaktif Dengan CGI/Perl. Jakarta:
PT. Elex Media Koputindo.
Hakim, L. (2004). Cara Mudah Memadukan Web Desain dan Web Programming.
Jakarta: PT Elex Media Komputindo.
Jogiyanto, H. (2005). Analisis & Desain Sistem Informasi Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Penerbit ANDI.
Nugroho, A. (2006). E-commerce. Bandung: Informatika Bandung.
