SISTEM INFORMASI MANAJEMEN KEUANGAN MASJID AL-

FURQON UNIVERSITAS SAINS AL-QUR’AN (UNSIQ)

BERBASIS WEB

LAPORAN KERJA PRAKTIK

Diajukan sebagai salah satu syarat untuk

memperoleh gelar Ahli Madya

MOHAMAD NGATOILAH

2020160023

PROGRAM STUDI MANAJEMEN INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER (FASTIKOM)

UNIVERSITAS SAINS AL-QUR’AN (UNSIQ) JAWA TENGAH DI

WONOSOBO

2022
 LEMBAR PENGESAHAN

LAPORAN KERJA PRAKTIK

MEMBANGUN SISTEM JASA PEMBUATAN FURNITURE ONLINE
BERBASIS WEB

Telah disetujui dan disahkan

di wonosobo ..,….. 2022

Mengetahui,

Pembimbing

Dimas Prasetyo Utomo, M,Kom

Kepala Program Studi Dekan

Muslim Hidayat, S.Kom., M.Kom. Nasyiin Faqih, S.T., M.T.

ii
 KATA PENGANTAR
Ucapan syukur kepada Allah SWT biqauli Alhamdulillah karena atas karunia
yang di berikan berupa rahmat dan kemudahan kepada saya sehingga dapat
menyelesaikan laporan Kerja Praktek ini dengan lancar tanpa ada halangan apapun.

Saya ucapkan terimakasih kepada orang tua saya yang telah mendoakan saya
di setiap langkah yang saya jalankan dan saya ucapkan terimakasih juga buat kaka
saya yang selalu memberikan semangat terhadap saya sehingga bisa mencapai titik
ini.

Tak terlupakan juga beribu-ribu terimakasih saya ucapkan kepada seluruh

dosen di Fakultas Teknik dan Ilmu Komputer Universitas Sains Alqur’an (UNSIQ)
Jawa Tengah di Wonosobo yang saya hormati. Terlebih kepada beliau bapak Muslim
Hidayat, M.Kom selaku Kaprodi Manajemen Informatika dan beliau bapak Dimas
Prasetyo Utomo, M.Kom selaku pembimbing saya yang telah membimbing saya
dengan teliti, sabar, dan ikhlas dalam proses penulisan laporan ini.

Tentunya tidak akan pernah lupa kepada teman-teman seperjuangan saya

khususnya buat mereka yang tidak pernah bosan mendukung dan memberi semangat
kepada saya.

Berikut ini laporan yang saya tulis sebagaimana telah di tentukan oleh
Fakultas sebagai kewajiban individu setelah melaksanakan Kerja Praktek. Tentunya
bukan lain dan bukan tidak bahwasanya dari awal penulisan sampai akhir pastinya
masih banyak kekurangan dan kesalahan. Oleh karena itu kritik dan saran yang
membangun dari para pembaca sangatlah kami harapkan demi kesempurnaan laporan
ini. Karena Kesempurnaan hanya milik Allah SWT Yang Maha Sempurna.

Akhir kata, saya sampaikan selamat membaca bagi pembaca yang budiman
sekalian. Semoga bermanfaat. Aamiin.

Wonosobo, ..,…2022

Penulis

iii
 DAFTAR ISI

Halaman Awal ............................................................................................................... i

Lembar Pengesahan ..................................................................................................... ii
Kata Pengantar ............................................................................................................ iii
Daftar Isi ..................................................................................................................... iv
Daftar Gambar ............................................................................................................ vii
Daftar Tabel ................................................................................................................. x
BAB 1 Pendahuluan ..................................................................................................... 1
1.1 Latar Belakang ............................................................................................. 1
1.2 Tujuan Kerja Praktek .................................................................................... 2
1.3 Manfaat Kerja Praktek ................................................................................... 3
1.4 Batasan Kerja Praktek .................................................................................. 3
1.5 Identitas Kerja Praktek ................................................................................. 4
1.6 Sistematika Laporan ...................................................................................... 4
BAB II Landasan Teori ................................................................................................ 6
2.1 Pengertian Sistem .......................................................................................... 6
2.1.1 Karakteristik Sistem ............................................................................... 7
2.2 Pengertian Informasi ..................................................................................... 9
2.3 Pengertian Managemen ............................................................................... 10
2.4 Pengertian Sistem Informasi ....................................................................... 12
2.4.1 Komponen Sistem Informasi ............................................................... 12
2.5 Masjid Al-Furqon ........................................................................................ 13
2.1.1 Fungsi dan Peranan Masjid .................................................................. 14
2.6 Website ........................................................................................................ 15
2.6.1 Sejarah Website ......................................................................................... 16
2.6.2 Fungsi Website .......................................................................................... 16
2.6.3 Jenis-jenis Website .................................................................................... 17
2.7 Analisis Sistem ............................................................................................ 17

iv
 2.8 Perangkat Pemodelan Sistem ...................................................................... 17
2.8.1 Unified Modelling Language (UML) ........................................................ 17
2.8.2 Use Case Diagram ..................................................................................... 18
2.8.3 Activity Diagram ....................................................................................... 19
2.8.4 Squence Diagram ....................................................................................... 20
2.8.5 Class Diagram ............................................................................................ 22
2.8.6 Entity Relationship Diagram (ERD) ......................................................... 23
2.9 Perangkat Lunak .......................................................................................... 24
2.9.1 Word Wide Web (WWW) ........................................................................ 24
2.9.2 Uiform Resource Location (URL) ............................................................ 25
2.9.3 Hypertext Preposesor (PHP) ..................................................................... 25
2.9.4 MySQL ..................................................................................................... 25
2.9.5 Laragon ..................................................................................................... 26
2.9.6 HTML (Hyper Text Markup Language) ................................................... 26
2.9.7 Boostrap .................................................................................................... 27
2.9.8 CSS (Cascading Style Sheet) .................................................................... 27
BAB III Gambaran Umum ......................................................................................... 28
3.1 Objek Penelitian ......................................................................................... 28
3.1.1 Masjid Al-Furqon UNSIQ.................................................................... 28
3.1.2 Stuktur Organisasi ................................................................................ 28
3.2 Skema Kerja Paktek .................................................................................... 30
3.3 Metode Pengumpulan Data ......................................................................... 31
3.3.1 Objek Penelitian ................................................................................... 31
3.3.2 Sumber Data ......................................................................................... 31
3.4 Teknik Pengumpulan Data .......................................................................... 32
3.5 Metode Pengembangan Sistem ................................................................... 33
3.5.1 Metode Waterfall (Metode Air Terjun) ............................................... 33
3.6 Jadwal Kerja Prakter ................................................................................... 35
BAB IV Analisis dan Perancangan ............................................................................ 36
4.1 Analisis Sistem yang Sedang Berjalan ........................................................ 36
4.2 Masalah yang Dihadapi ............................................................................... 37
4.3 Solusi Permasalahan .................................................................................... 38

v
 4.4 Analisis Kebutuhan Sistem ......................................................................... 38
4.4.1 Analisis Kebutuhan Fungsional ................................................................. 38
4.4.2 Analisis Kebutuhan Non Fungsional......................................................... 40

4.5 Perencanaan Sistem yang Diusulkan ................................................................ 40

4.5.1 Use Case Diagram………………………………………………………..40
4.5.2 Activity Diagram ....................................................................................... 41
4.5.3 Sequence Diagram ..................................................................................... 50
4.5.4 Class Diagram ............................................................................................ 57
4.6 Perancangan Database ...................................................................................... 58
4.6.1 ERD (Entity Relationship Diagram) .......................................................... 58
4.6.2 relasi Tabel ................................................................................................. 58
4.6.3 Struktur Tabel ............................................................................................ 59
4.7 Perangangan User Interface .............................................................................. 64
BAB V Penutup ......................................................................................................... 74
5.1 Kesimpulan .................................................................................................. 74
5.2 Saran ............................................................................................................ 74

vi
 DAFTAR GAMBAR

Gambar 3.1 Diagram Alur Kerja Praktek .................................................................. 22

Gambar 3.2 Metode Waterfall.................................................................................... 33
Gambar 4.1 Flowmap Diagram .................................................................................. 36
Gambar 4.2 Use Case Diagram .................................................................................. 40
Gambar 4.3 Activity Diagram Registrasi Jama’ah .................................................... 41
Gambar 4.4 Activity Diagram Login ......................................................................... 41
Gambar 4.5 Activity Diagram Donasi Jama’ah ......................................................... 42
Gambar 4.6 Activity Diagram Login Petugas ............................................................ 42
Gambar 4.7 Activity Diagram Pemasukan................................................................. 43
Gambar 4.8 Activity Diagram Pengeluaran ............................................................... 44
Gambar 4.9 Activity Diagram Input Agenda Kegiatan ............................................. 44
Gambar 4.10 Activity Diagram Cetak Laporan ......................................................... 45
Gambar 4.11 Activity Diagram Backup Data ............................................................ 45
Gambar 4.12 Activity Diagram Restore Data ............................................................ 46
Gambar 4.13 Activity Diagram Unggah Foto ............................................................ 46
Gambar 4.14 Activity Diagram Login Admin ........................................................... 47
Gambar 4.15 Activity Diagram Input Data Petugas .................................................. 47
Gambar 4.16 Activity Diagram Input Data User ....................................................... 48
Gambar 4.17 Activity Diagram Input Data Kategori ................................................. 48
Gambar 4.18 Activity Diagram Logout ..................................................................... 49
Gambar 4.19 Sequence Diagram Registrasi Donatur ................................................ 50
Gambar 4.20 Sequence Diagram Login User ............................................................ 50
Gambar 4.21 Sequence Diagram Berdonasi .............................................................. 51
Gambar 4.22 Sequence Diagram Login Admin ......................................................... 51
Gambar 4.23 Sequence Diagram Input Pemasukan ................................................... 52
Gambar 4.24 Sequence Diagram Input Pengeluaran ................................................. 52
Gambar 4.25 Sequence Diagram Cetak Laporan ....................................................... 53
Gambar 4.26 Sequence Diagram Backup Data .......................................................... 53
Gambar 4.27 Sequence Diagram Restore Data .......................................................... 54
vii
Gambar 4.28 Sequence Diagram Kelola Foto Kegiatan ............................................ 54
Gambar 4.29 Sequence Diagram Input Petugas ......................................................... 55
Gambar 4.30 Sequence Diagram Input User.............................................................. 55
Gambar 4.31 Sequence Diagram Kategori................................................................. 56
Gambar 4.32 Sequence Diagram Logout ................................................................... 56
Gambar 4.33 Class Diagram ...................................................................................... 57
Gambar 4.34 ERD (Entity Relationsip Diagram) ...................................................... 58
Gambar 4.35 Relasi Tabel .......................................................................................... 58
Gambar 4.36 Tampilan Halaman Utama ................................................................... 64
Gambar 4.37 Tampilan Halaman Registrasi User...................................................... 64
Gambar 4.38 Tampilan Halaman Donasi ................................................................... 65
Gambar 4.39 Tampilan Halaman Data Keuangan ..................................................... 65
Gambar 4.40 Tampilan Halaman Login Admin dan Petugas .................................... 66
Gambar 4.41 Tampilan Halaman Input Pemasukan .................................................. 66
Gambar 4.42 Tampilan Halaman Input Pengeluaran ................................................ 67
Gambar 4.43 Tampilan Halaman Input Cek Transfer ............................................... 67
Gambar 4.44 Tampilan Halaman Input Agenda Kegiatan ........................................ 68
Gambar 4.45 Tampilan Halaman Upload Foto Kegiatan .......................................... 68
Gambar 4.46 Tampilan Halaman Cetak Laporan ..................................................... 69
Gambar 4.47 Tampilan Halaman Profit .................................................................... 69
Gambar 4.48 Tampilan Halaman Input Petugas ....................................................... 70
Gambar 4.49 Tampilan Halaman Input User ............................................................ 70
Gambar 4.50 Tampilan Halaman Input Kategori ...................................................... 71
Gambar 4.51 Tampilan Halaman Input Backup Data ............................................... 71
Gambar 4.52 Tampilan Halaman Input Restore Data ............................................... 71
Gambar 4.53 Tampilan Halaman Input Data Petugas & User ................................. 72
Gambar 4.53 Tampilan Halaman History ................................................................ 73

viii
 DAFTAR TABEL

Tabel 2.1 Simbol-simbol Use Case ............................................................................ 18

Tabel 2.2 Simbol-simbol Activity Diagram ............................................................... 19
Tabel 2.3 Simbol-simbol Sequence Diagram............................................................. 21
Table 2.4 simbol-simbol Class Diagram .................................................................... 22
Table 2.5 Simbol-simbol ERD .................................................................................. 23
Tabel 3.1 Struktur Organisasi .................................................................................... 29
Tabel 3.2 Jadwal Kerja Praktek ................................................................................. 35
Tabel 4.1 Tabel Admin .............................................................................................. 59
Tabel 4.2 Tabel Petugas ............................................................................................. 59
Tabel 4.3 Tabel User/ Donatur ................................................................................... 60
Tabel 4.4 Tabel Pemasukan ....................................................................................... 60
Tabel 4.5 Tabel Pengeluaran ...................................................................................... 61
Tabel 4.6 Tabel Transfer ............................................................................................ 61
Tabel 4.7 Tabel Agenda ............................................................................................. 62
Tabel 4.8 Tabel Album .............................................................................................. 62
Tabel 4.9 Tabel Dana ................................................................................................. 63
Tabel 4.10 Tabel Kategori.......................................................................................... 63
Tabel 4.11 Tabel History............................................................................................ 63

ix
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan zaman pada masa sekarang ini sangatlah pesat dan semakin
bertambah usianya bumi ini semakin canggih tekhnologinya pula. Dalam
perkembangan tekhnologi ini melingkupi berbagai bidang seperti pendidikan,
politik, ekonomi, social budaya, bisnis, agama, dan di bidang lainnya. Dari
berbagai kalangan telah memanfaatkan teknologi digital sebagai alat
pembantu daam kehidupan sehari-hari ataupun dalam pekerjaan manusia.
Sehingga pekerjaan lebih terasa lebih efisien dan ringan karena bantuan
tekhnologi tersebut. Termasuk di bidang keagamaan ini dalam perekapan data
kas masjid Al-Furqon ini.
Berdasarkan wawancara dengan Bendahara Masjid Al-furqon Unsiq
mendapatkan beberapa keluhan pada manajemen keuangan masjid Al-furqon.
Masalah yang pertama dari bendahara harian ini bertugas mencatat transaksi
keuangan yang beragam, namun dalam pencatatan masih menggunakan
manual dengan mencatat di dalam buku dan dalam menyampaikan laporan ke
bendahara umum ataupun ke ketua ta’mir masjid hanya memfoto dan
mengirimkan melalui Whats App. Sedangkan laporan ke para jamaah dengan
mengumumkan di saat hari jumaat oleh bilal sebelum sholat jum’at di mulai.
Dikarenakan hal itu terkadang sering terjadi kerusakan pada buku ataupun file
yang di whats app tidak dapat di buka.
Kemudian kendala yang di rasakan selanjutnya di rasakan oleh Bendahara
umum di karenakan laporan yang di terima dari bendahara harian hanya dalam
bentuk foto dan buku akan di serahkan setelah satu bulan sekali, sehingga
bendahar umum terpaksa harus membuat kembali semua laporan tersebut
dalam bentuk format Excel agar penyusunan dan rekapan tahunan lebih
mudah, maka dari itu kurang efisien. Pada akhir tahun bendahara umum ini
membuat laporan keuangan tahunan dengan menyusun kembali dan

1
 2

menyatukan setiap transaksi dari laporan bulanan karena begitu banyaknya

transaksi di masjid al-furqon UNSIQ ini. Bendahara umum mengalami
kesulitan dalam menyusun dan menyatukan setiap transaksi secara satu
persatu. Kemudian bendahara umum tidak mempunyai rincian arus keuangan
di setiap pelaksanaan program kegiatan takmir sehingga menjadikan
ketidakjelasan pada arus keuangan pada program kegiatan takmir. Sesuai
dengan perencanaan anggaran atau tidak.
Kemudian dari bendahara umum menyampaikan bahwasanya para jama’ah
yang ingin memberikan donasi ataupun infak kemasjid namun ada dari mereka
yang tidak ingin di sebut namanya dan ada pula dari mereka yang
memperbolehkan namanya untuk di sebut. Selanjutnya dari mereka
menyampaikan ingin mengetahui transaksi pengeluaran masjid Al-Furqon ini
atau yang mereka maksud itu transparasi keuangan masjid ini.
Dengan adanya permasalahan yang ada saat ini dibutuhkan sebuah system
pengendalian manajemen keuangan masjid. Manajemen keuangan masjid
yang di maksud lebih di tekankan pada akuntansi atau pencatatan. Pengurus
masjid membutuhkan sebuah system yang bisa mempermudah dalam
perekapan keuangan dan arus pemasukan atau pengeluaran yang jelas.

1.2 Tujuan
Tujuan dari kerja praktek ini kurang lebihnya sebagai berikut:
1) Mempermudan pengurus dalam melakukan perekapan keuanngan masjid
Al-Furqon UNSIQ.
2) Transparasi keuangan masjid, sehingga keuangan masjid lebih jelas.
3) Sebagai syarat untuk mendapatkan gelar Ahli Madya
 3

1.3 Manfaat
Manfaat yang di harapkan dari si penulis tentang pembuatan rancangan
“Sistem Informasi Manajemen Keuangan Masjid Al-furqon UNSIQ “ ini yaitu
sebagai berikut:
1. Manfaat bagi lembaga keagamaan (Masjid Al-Furqon)
a) Adanya system ini diharapkan mempermudah para pengurus dalam
melakukan perekapan data keuangan masjid.
b) Bagi para jamaa’ah atau donator dapat mengetahui informasi tentang
masjid baik kegiatan atau keuangan masjid.
c) Mempermudah petugas atau pengurus masjid dalam menginfokan
kegiatan kepada para jama’ah masjid Al-furqon UNSIQ.
2. Manfaat bagi Instansi/Lembaga
a) Sebagai bentuk peningkatan akademik dengan pengalaman kerja
praktek yang didapatkan
b) Sebagai tolok ukur dan data banding antara sistem yang berlaku saat
ini dengan kajian yang akan dikaji dalam laporan ini
3. Manfaat bagi penulis
Bagi seorang penulis pastinya memiliki banyak manfaat dan
khikmah yang di dapat dari pembuatan rancangan ini, salah satunya seperti
berikut:
a) Penulis dapat mengaplikasikan dan meningkatkan ilmu yang sudah di
pelajari di bangku kuliah.
b) Meningkatkan wawasan penulis tentang ilmu teknologi yang selalu
mengalami perkembangan.

1.4 Batasan Kerja Praktek

Dalam pembuatan dan perancangan penelitian ini maka memiliki batasan
tertentu sehingga penelitian selanjutnya tidak keluar dari tujuan awal
pembuatan rancangan tersebut sebagai berikut:
 4

a) Laporan keuangan ini di buat hanya untuk mencatat laporan bulanan

dari pemasukan dan pengeluaran yang ada di masjid, selanjutnya
membuat laporan tahunan.
b) Kegiatan takmir hanya mencatat pemasukan dan pengeluaran yang
berkaitan dengan keperluan program kegiatan takmir, juga
menginfrormasikan kegiatan yang ada di masjid.
c) User dapat memberikan donasi bisa melalui pendaftaran akun user dan
mengirimkan bukti transfer melalui web.
1.5 Identitas Kerja Praktek
Waktu pelaksanaan Kerja Praktek ini dilakukan dalam kurun waktu 6
bulan terhitung dari 23 Agustus 2022 sampai 23 Februari 2022. Lokasi
pelaksanaan Kerja Praktek ini di Masjid Al-Furqon UNSIQ yang beralamat di
Kalibeber, Mojotengah, Kabupaten Wonosobo, Jawa Tengah 56351, Masjid
Al-Furqon merupaka masjid kampus UNSIQ yang memiliki banyak kegiatan
dan terdapat dilingkungan orang-orang berpendidikan.

1.6 Sistematika Laporan

Sistematika penulisan laporan ini terbagi menjadi lima bab yaitu :

BAB I PENDAHULUAN

Berisi tentang latar belakang, tujuan kerja praktek, manfaat kerja praktek,
batasan kerja praktek, identitas kerja praktek dan sistematika laporan.

BAB II LANDASAN TEORI

Dalam bab ini berisi kajian teori pendukung dan teori-teori yang
berhubungan dengan tema. Ataupun penelitian-penelitian sejenis.

BAB III TINJAUAN UMUM

Bagian ini berisi tentang gambaran umum perusahaan, system yang sedang
berjalan dan urutan proses penyelesaian permasalahan yang dikaji dari awal
hingga akhir.
 5

BAB IV ANALISIS DAN PEMBAHASAN

Berisi analisis sistem yang berjalan, Usulan solusi atau pemecahan

masalah, perancangan dan rekayasa system sebagai solusi masalah.

BAB V PENUTUP

Bab ini berisikan kesimpulan dan saran. Yakni simpulan-simpulan yang

merupakan rangkuman dari hasil kerja praktek dan saran-saran yang perlu
diperhatikan berdasar keterbatasan-keterbatasan yang ditemukan dan asumsi-
asumsi yang dibuat selama pengembangan model tersebut
 BAB II

LANDASAN TEORI

2.1 Pengertian Sistem

System merupakan istilah dari bahasa Yunani (sustema) yang

memiliki makna suatu perusahaan bermacam-macam hal menjadi suatu
keseluruhan dengan bagian-bagian yang di susun dari dalam. Didalam
sebuah system masing-masing unit dan keseluruhannya sebagai kesatuan
saling bergantung saling menentukan dan membutuhkan. Sistem adalah
sekumpulan komponen yang memiliki hubungan dan saling supoart untuk
mencapai beberapa tujuan.(Agustin, 2018)

Menurut beberapa ahli megartikan system sebagai berikut :

System adalah sejumlah komonen fungsional dengan tertata rapi

yang memiliki tugas atau fungsi yang saling berhubungan dan memiliki
tujuan sama untuk memenuhi proses tertentu.(Gede Endra Bratha, 2022)
Kemudian dari Menurut Robert G. Murdick, dkk “system adalah
seperangkat elemen yang membentuk kegiatan suatu prosedur/bagan
pengolahan yang mencari suatu tujuan atau tujuan-tujuan bersama dengan
mengoprasikan data atau barang pada waktu rujukan tertentu untuk
menghasilkan informasi dan atau energi dan atau barang”. (Robert G.
Murdick, dkk, 1991: 16).

Sistem adalah suatu kumpulan objek atau unsur-unsur atau

bagianbagian yang memiliki arti berbeda-beda yang saling memiliki
hubungan, saling berkerjasama dan saling memengaruhi satu sama lain
serta memiliki keterikatan pada rencana yang sama dalam mencapai suatu
tujuan tertentu pada lingkungan yang kompleks. Suatu sistem dapat
diartikan sebagai satu kesatuan yang terdiri dari dua atau lebih komponen

6
 7

atau subsistem yang berinteraksi untuk mencapai tujuan (Jogiyanto,

1999:683).

Kemudian dari kutipan yang terdapat pada Wikipedia berbahasa

Indonesia, pengertian system dalam pengertian yang paling umum adalah
sekumpulan benda yang memiliki hubungan diantara mereka. Kata system
sendiri berasal dari bahasa Latin “systema” dan bahasa Yunani “sustema”
adalah suatu kesatuan yang terdiri komponen atau elemen yang di
hubungkan bersama untuk memudahkan aliran informasi, materi, atau
energy.

Dapat di simpulkan bahwasanya suatu kumpulan beberapa objek

atau personil yang menyatu atau saling keterkaitan satu sama lainnya yang
memiliki tujuan yang sama. Seperti halnya pada sebuah benda yang sering
kita gunakan atau kita lihat yaitu computer. Komputer ini memiliki system
yang terdiri dari subsistem perangkat keras (hardware), dan subsistem
perangkat lunak (software). Masing-masing subsistem ini terdapat dari
subsistem yang lebih kecil lagi atau terdiri dari beberapa komponen. Dari
keterkaitan subsistem ini saling berinteraksi dan terhubung maka akan
membentuk satu kesatuan sehingga tujuan atau sasaran tersebut tercapai.

2.1.1. Karakteristik Sistem

Pada setiap system pasti memiliki ciri-ciri dan karakter tersendiri,
bahkan ada sebuah system yang memilki keuinikan tersendiri dan ngga di
temukan pada system lain. Sehingga dapat di katakan setiap system
memiliki ciri khas dan karakter tersendiri tergantung dari setiap
developernya. Dari semua itu pada dasarnya menginginkan dan mencapai
tujuan yang sama, yang termasuk di dalamanya terdapat karakteristik
system sebagai beikut :
 8

1. Komponen atau elemen

Pada dasarnya sebuah system pasti memiliki sebuah komponen
yang saling keterkaitan dan saling berhubungan, yang artinya saling
bekerja sama membentuk suatu kesatuan. Elemen atau komponen ini
dapat berupa suatu subsistem atau beagian-bagian dari system.
2. Boundry (Batas Sistem)
Boundry ini merupakan hal yang membatasi antara system yang
satu dengan yang lainnya, atau dengan lingkupan yang lainnya. Batas
system ini menunjukan ruang lingkup dari system tersebut.
3. Lingkungan luar Sistem
Lingkungan luar dari sebuah system adalah segala sesuatu yang
diluar batas dari system.
4. Penghubung
Penghubung (Interface) adalah media yang menghubungkan antara
satu subsistem dengan subsistem yang lainnya. Dengan adanya
penghubung ini memungkinkan sumber-sumber daya mengalir dari
satu subsistem ke subsistem yang lainnya. Output dari satu subsistem
akan menjadi masukan atau input ke subsistem yang lainnya dengan
melalui penghubung. Sehingga bisa jadi satu kesatuan.
5. Masukan Sistem (input)
Masukan system yaitu energi yang dimasukan ke dalam system.
6. Proses atau Pengolahan system
Suatu system pastinya memiliki tahapan atau bagian proses, karna
untk mengolah masukan untuk menjadi keluaran.
7. Keluaran system (output )
Keluaran ini merupan hasil dari proses yang mengolah energy yang
di olah dan diklasifikasikan menjadi keluaran yang berguna.
8. Sasaran
Sebuah system pastinya memiliki sebuah tujuan atau sasaran.
Sasaran dari system ini sangat menentukan sekali masukan yang
 9

dibutuhkan system dan keluaran yang akan dihasilkan system. Suatu

system akan di katakan berhasil apabila mengenai sasaran atau
tujuannya.
2.2 Pengertian Informasi
Di kutip secara etimologi kata informasi berasal dari bahasa inggris
Information. Dan kata information berasal dari bahasa latin (information-)
dari nominatif (informatio): kata benda ini berasal dari kata kerja
informare (untuk menginformasikan) dalam artian “ memberi bentuk pada
pikiran “, ”mengintruksikan”, ”mengajar”, “ untuk mendisiplinkan”.
Informasi adalah sekumpulan data yang di olah menjadi hal yang
berarti bagi penerimanya dan berfungsi dalam pengambilan keputusan saat
ini atau mendatang.(Agustin, 2018)

Pengertian Informasi Menurut Para Ahli :

a. Geogre R. Terry berpendapat bahwa Informasi adalah data penting

yang memberikan pengetahuan yang berguna.
b. Jogianto (2004:8) dalam bukunya yang berjudul Analisis dan
Desain Sistem Informasi, berpendapat bahwa informasi adalah
data yang di olah menjadi bentuk yang lebih berguna bagi yang
menerimanya.
c. Lani Sidharta (1995: 28) berpendapat bahwa informasi adalah data
yang di sajikan dalam bentuk yang berguna untuk membuat
keputusan.
d. Menurut Tata Sutabri, informasi adalah data yang telah
diklasifikasikan atau diolah atau diinterpresentasikan untuk
digunakan dalam proses pengambilan keputusan.
e. Menurut George H. Bodnar (2000: 1) informasi adalah data yang
diolah sehingga dapat dijadikan dasar untuk mengambil keputusan
yang tepat.
 10

f. Azhar Susanto (2004: 46) dalam bukunya Sistem Informasi

Akuntansi, Menyatakan bahwa informasi adalah hasil pengolahan
data yang memberikan arti dan manfaat.
g. Abdul Kadir ( 2002: 31); McFadden dkk (1999) mendefinisikan
informasi sebagai data yang telah di proses sedemikian rupa
sehingga meningkatkan pengetahuan seseorang yang
menggunakan data tersebut.
h. Burch dan Starter menyatakan bahwa informasi adalah
pengumpulan atau pengolahan data untuk memberikan
pengetahuan atau keterangan.
i. Menurut Gordon B. Davis (1991: 28) informasi adalah data yang
telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya
dan bermanfaat bagi pengambilan keputusan saat ini atau
mendatang.
j. Raymond Mc.leod menyatakan bahwa informasi adalah data yang
telah diolah menjadi bentuk yang memiliki arti bagi si penerima
dan bermanfaat bagi pengambilan keputusan saat ini atau
mendatang.

Adapun komponen dari sebuah informasi sebagai berikut :

a. Root of information (Komponen akar), adalah bagian informasi

yang letaknya pada awal keluaran sebuah proses pengolahan data.
Misalnya informasi yang di sampaikan dari pihak awal atau
pertama
b. Bar Of information (Komponen Batang), yaitu bagian informasi
yang di sajikan memerlukan informasi pendukung sehingga root of
information bisa di pahami.
c. Branch of information, adalah komponen informasi yang dapat di
pahami apabila infomasi sebelumnya sudah di pahami.
 11

d. Stik of information, adalah informasi yang bersifat sebagai

pelengkap dari informasi yang lainya. Komponan ini lebih
sederhana dari cabang-cabang informasi.
e. Bud of information, adalah komponen ini bersifat semi-micro,
namun kedudukannya sangatlah penting sehingga dalam jangka
waktu yang akan datang informasi ini akan berkembang dan di
cari-cari oleh pengguna sesuai dengan kebutuhannya.
f. Leaf of Information, adalah komponen informasi yang sebagai
informasi pelindung sehingga bisa menjelaskan kondisi dan situasi
ketika informasi muncul.

Dari keenam komponen diatas dijadikan sebagai syarat sehingga

informasi menjadi berkualitas, yaitu berdasarkan data yang valid, relibel,
utuh akurat, mutakhir, dan sumber pertamanya dapat di percaya sehingga
bisa sebagai dasar pemahaman seseorang sepanjang waktu seiring
perkembangan zaman sebagai pendukung pengambilan keputusan jika di
perlukan.

2.3 Pengertian Manajemen

Dalam pembahasan Manajemen sangatlah luas namun harus

dipahami definisi manajemen. Secara etimologi, kata managemen berasal
dari bahasa inggris; managemen. Berasal dari kata; manage, atau
managiare berarti; melatih kuda dalam melangkah kakinya.(Arifin, 2020)
Manajemen bisa didefinisikan sebagai kemampuan atau
keterampilan untuk mendapatkan hasil dalam sebuah pencapaian tujuan
melalui kegiatan-kegiatan orang lain.(Sudjiman, 2018)
Tak berbeda jauh di jelaskan juga dalam keputusan Siagian (1999)
memberikan penjelasan tentang manajemen sebagai berikut ini:
manajemen yang di gunakan sebagai proses pergerakan orang lain untuk
 12

mendapatkan hasil tertentu dalam rangka pencapaian tujuan yang telah

ditentukan sebelumnya(Adisel, 2019)

Adapun fungsi-fungsi dari manajemen meliputi :

a. Planning (Perencanaan)
b. Organizing (Pengorganisasian)
c. Directing (Pengarahan)
d. Cootdinating (Pengkoordinasian)
e. Controling (Pengawasan)

2.4 Pengertian Sistem Informasi

Sistem Informasi yaitu system yang menyediakan informasi

dengan beberapa cara sehingga bermanfaat bagi penerimanya (Nurlaela,
2019). Di jelaskan juga bahwa sistem informasi merupakan suatu
kombinasi antara manusia, alatteknologi atau fasilitas, media, prosedur dan
pengendalian yang bertujuan menata jaringan komunikasi yang penting
bagi si pengguna ataupun penerima.(Ahmad & Hasti, 2018)
Jadi system informasi merupakan sebuah system yang
menyediakan informasi untuk manajemen dalam pengambilan keputusan
dan juga untuk menjalankan operasional perusahaan. System ini adalah
kombinasi dari orang-orang teknologi informasi dan prosedur-prosedur
yang terorganisasi.

2.4.1 Komponen Sistem Informasi

Ada beberapa komponen yang saling berinteraksi antara satu
dengan yang lainnya untuk mencapai tujuan tersebut, diantaranya
yaitu:
1. Komponen Masukan (Input)
Komponen masukan adalah sebuah data yang masuk ke
dalam Sistem informasi dalam bentuk dokumen dasar.
 13

2. Komponen model
Komponen in terdiri dari kombinasi prosedur, logika, dan
model matematika dengan mengolah data dari basis data dengan
cara yang sudah dirancang supaya mendapatkan hasil yang di
inginkan.
3. Komponen keluaran (Output )
Komponen keluara ini berbentuk informasi yang
berkualitas dan dokumentasi yang berguna untuk semua tingkatan
manajemen dan pemakai system.
4. Komponen teknologi
Komponen ini adalah alat yang di gunakan dalam system
informasi untuk menerima input, menjalankan model, menyimpan
dan mengekses data, menghasilkan dan mengirimkan output dan
memantau pengendalian system.
5. Komponen Basis data
Komponen ini berisi kumpulan data yang saling
berhubungan yang tersimpan di dalam computer dengan
menggunakan software database.
6. Komponen Kontrol Pengendalian
Komponen ini di gunakan untuk menanggulangi gangguan
terhadap system informasi.

2.5 Masjid Al-Furqon

Tempat beribadahnya orang islam yaitu masjid. Kata masjid tidak
di sebut marka (tempat ruku’) atau dengan kata lain misalnya menjadi
rukun shalat. Di dalam Al-Qur’an kata masjid di sebut sebanyak duapuluh
delapan kali. Secara etimologis pengertian masjid merupakan isim makan
dari kata “sajada” – “yasjudu” – “sujudan”, yang memiliki makna tempat
sujud, dalam rangka beribadah kepada Allah SWT atau tempat untung
mengerjakan shalat.(Huda & Fauzi, 2019)
 14

Sedangkan makna kata masjid secara istilah yaitu “tempat sujud”,

adalah tempat ummat muslim mengerjakan sholat, dzikir kepada Allah
Swt, dan segala hal yang berkaitan dengan dakwah Islamiyah.(Rachman,
2018) Secara artian khusus masjid adalah tempat atau bangaunan yang di
gunakan atau di bangun khusus untuk menjalankan ibadah, terutama sholat
berjamaah.
Masjid Al-furqon adalah masjid satu Universitas Sains Al-Qur’an
yang letaknya di dalam kampus Unsiq yang di gunakan untuk kegiatan
sholat berjamaah, kajian-kajian Al-Qur’an, dan kegiatan rutin pengajian
kampus baik secara umum ataupun khusus. Di masjid Al-Furqon ini
terdapat banyak kegiatan yang cukup padat dan sangat menarik.

2.5.1 Fungsi dan Peranan Masjid

Beberapa fungsi masjid pada zaman Rasulullah Saw, di antaranya:

1. Sebagai tempat ibadah umat islam, seperti shalat, dzikir, dan

sebagainya.
2. Sebagai tempat menuntut ilmu umat islam, baik ilmu agama
ataupun ilmu umum.
3. Tempat menyampaikan fatwa pada kaum muslimin, utamanya
untuk memecahkan problematika keumatan saat itu. Baik
problematika agama ataupun persoalan keduniawian.
4. Sebagai tempat mengadili perkara apabila terjadi perselisihan,
pertengkaran, dan permusuhan di antara umat islam, maka harus di
selesaikan, di damaikan, diadili, dan di beri keputusan hukum
dengan adil oleh Rasulullah Saw.
5. Sebagai tempat penyambutan tamu, rombongan, atau utusan.
6. Sebagai tempat melangsungkan pernikahan.
7. Sebagai tempat layanan sosial. Jadi suatu ketika kaum muhajirin
memenuhi kota madinah dan mereka tidak memiliki tempat
 15

tinggal. Sehingga Rasulullah menempatkannya di masjid, dan

memberi nama Ashabush-shuffah.
8. Sebagai tempat latihan perang kaum muslimin baik untuk
pembinaan fisik maupun mental.
9. Sebagai tempat laanan medis atau kesehatan.

Fungsi masjid Al-Furqon saat ini sebagai berikut :

1. Sebagai Sholat berjama’ah baik untuk mahasiswa dan karyawan

Unsiq ataupun buat Umum.
2. Sebagai sholat jum’at yang di laksanakan buat Umum.
3. Sebagai kegiatan kajian kitab yang di laksanakan setiap sholat
dhuhur berjama’ah.
4. Sebagai simaan bagi mahasiswa ataupun dosen.
5. Sebagai pembelajaran Al-Qur’an para mahasiswa.

2.6 Website
Website adalah yang terdiri dari beberapa halaman pada suatu
domain di internet yang di buat dengan tujuan tertentu dan memiliki
keterkaitan serta dapat di akses secara luas melalui halaman depan (home)
melalui browser menggunakan URL website.
Di kutip dari sebuah artikel menurut Rohi Abdulloh, website atau
disingkat web, dapat diartikan sekumpulan halaman yang terdiri dari
beberapa laman yang memuat informasi dalam bentuk digital yang
berwujud text, video, animasi, gambar, dan audio lainnya yang di sediakan
melalui jalur koneksi internet.
 16

2.6.1 Sejarah Website

Awal mula adanya website dimulai pada bulan maret 1989 pada
saat Tim berner lee bekerja di laboratorium Fisika Partikel Eropa atau
yang sering di kenal CERN ( Consei European Pour la Recherce
Newclaire) yang letaknya di Genewa, Swis, mengejukan protocol (suatu
tata cara berkomunikasi) system distribusi informasi diantara para
fisikawan. Sehingga di kenal sebagai protocol World Wide Web dan di
kembangkan oleh World Wide Web Consortium dari sejumlah
organisasi yang berkepentingan.(Ahmia & Belbachir, 2018)
Website dapat dimiliki oleh individu, organisasi, atau perusahaan.
Secara umum sebuah website menampilkan informasi atau satu topik
tertentu, meskipun pada saat ini sudah banyak website yang
menampilkan berbagai informasi dengan topik yang beragam.

2.6.2 Fungsi Website

Website memiliki beberapa fungsi sebagai berikut:

1. Fungsi Informasi. Fungsi Informasi website seperti: News, Profile,

Library, refrensi dan lainnya.
2. Fungsi Komunikasi. Beberapa memberikan fungsi komuniasi,
seperti Chatting, Web base email dan lain-lain.
3. Fungsi Transaksi. Sebuah website bisa di gunakan untuk
melakukan transaksi dan lainnya.
4. Fungsi Intertainmen, Website memiliki fungsi hiburan, seperti
website yang menyediakan game online, music online, dan lainnya.
 17

2.6.3 Jenis- jenis Website berdasarkan sifat atau staylenya:

a. Website Statis
Website statis merupakan website yang contennya sangat
jarang melakukan perubahan. Seperti web profil organisasi. Untuk
Bahasa Pemrogramannya menggunakan HTML dan CSS.
b. Website Dinamis
Website dinamis ini adalah sebuah website yang
menyediakan content atau isinya sering melakukan perubahan.
Untuk bahasa pemrograman yang di gunakan antara lain PHP,
ASP, NET, dan memanfaatkan database MySQL.

2.7 Analisis Sistem

Analisis Sistem adalah sebuah cara , teknik atau metode
pemesahan masalah dengan cara menguraikan system ke dalam
komponen-komponen pembentuknya untuk mengetahui bagaimana
komponen tersebut bekerja dan saling berinteraksi satu sama lain untuk
mencapai tujuan sebuah system.
Analisis system informasi adalah suatu proses pengumpulan dan
menginterpresikan kenyataan yang ada, kejadian yang terjadi,
mendiagnosa persoalan dan menggunakan keduanya untuk memperbaiki
system (Kristanto 2003).

2.8 Perangkat Pemodelan Sistem

2.8.1. Unified Modelling Language (UML)
Unified Modelling Language (UML) adalah suatu alat yang di
gunakan untuk memvisualisasikan dan mendokumentasikan hasil
analisa dan desain yang berisikan sintak dalam memodelkan sebuah
system secara visual. Menurut Julius Hermawan (2003:7) UML adalah
bahasa standar yang di gunakan oleh perancang untuk menghasilkan
perangkat lunak, artifak itu dapat berupa model, deskripsi dari system
 18

perangkat lunak, seperti pada pemodelan bisnis dan system non

perangkat lunak lainnya.
Tujuan UML antara lain sebagai berikut:
1. Memodelkan sebuah system dalam bentuk gambaran.
2. Menggambarkan alur system dari awal sampai akhir.
3. Menggambarkan interaksi yang ada di dalam system dan siapa saja
yang terlibat di dalamnya.

2.8.2. Use Case Diagram

Use Case Diagram memiliki kegunaan untuk mendeskripsikan satu
atau lebih actor dengan system yang akan di buat. Menurut Murat (
2013:57) Diagram use case adalah diagram yang bersifat status yang
memperlihatkan himpunan use case dan actor-aktor. Use Case
memiliki 2 fungsi, yaitu mendefinisikan fitur apa yang harus di
sediakan oleh system dan menyatakan sifat system dari sudut pandang
user.
Berikut adalah beberapa komponen yang ada di dalam Use Case
Diagram :
Tabel 2.1. Simbol-simbol Use Case

No. Simbol Nama Keterangan

1. Actor Aktor merupakan orang,
proses, atau sistem lain
yang berinteraksi dengan
sistem informasi yang akan
dibuat
2 Use Case Use Case merupakan
deskripsi dari beberapa aksi
antara aktor dan sistem
yang akan ditampilkan
3. Association Association merupakan
interaksi penghubung
antara aktor dengan use
case
 19

4. Include Include menggambarkan

bahwa keseluruhan dari
sebuah use case merupakan
fungsionalitas use case
lainnya.
5. Extend Extend menggambarkan
hubungan antar use case
bahwa sebuah use case
merupakan fungsionalitas
use case lainnya apabila
kondisi tertentu terpenuhi
6. Generalization Hubungan dimana objek
anak (descendent) berbagi
perilaku dan struktur data
dari objek yang ada
diatasnya objek induk
(ancestor)

2.8.3. Activity Diagram

Activity Diagram adalah sebuah tipe khusus dari diagram state
yang memperlihatkan aliran dari suatu aktifitas ke aktifitas lainnya
dalam suatu system dan berfungsi untuk menghasilkan proses. Yang
harus di perhatikan di sini adalah bahwa diagram aktivitas
menggambarkan aktivitas system bukan apa yang di lakukan actor, jadi
aktivitas dapat dilakukan oleh system.
Berikut adalah beberapa komponen yang ada di dalam Activity
Diagram :
Tabel 2.2. Simbol-simbol Actifity Diagram

No. Simbol Nama Keterangan

1. Activity Memperlihatkan bagaimana
masing-masing kelas
antarmuka saling berinteraksi
satu sama lain
 20

2. Action State dari sistem yang

mencerminkan eksekusi dari
suatu aksi
3. Initial Bagaimana objek dibentuk
Node atau diawali

4. Activity Bagaimana objek dibentuk

Final dan diakhiri
Node
5. Decision Digunakan untuk
menggambarkan suatu
keputusan / tindakan yang
harus diambil pada kondisi
tertentu
6. Line Digunakan untuk
Connector menghubungkan satu symbol
dengan symbol lainnya

2.8.4. Squence Diagram

Menurut Vidia( 2013:20) Sequnce daiagram dibuat berdasarkan

activity diagram dan class diagram. Sequence diagram
menggambarkan aliran pesan yang terjadi antar kelas yang
dideskripsikan pada class diagram dengan menggunakan operasi yang
dimiliki kelas tersebut, untuk aliran pesan, sequence diagram merujuk
pada alur sistem activity diagram yang telah dibuat sebelumnya.
Berikut adalah beberapa simbol-simbol yang ada pada Squence
Diagram :
 21

Tablel 2.3. Simbol-simbol Squence Diagram

No. Simbol Nama Keterangan

1. Actor Aktor merupakan orang,
proses, atau sistem lain yang
berinteraksi dengan sistem
informasi yang akan dibuat
2. Message Message menyatakan arah
tujuan antara objek lifeline
3. Life Line Lifeline menyatakan kehidupan
suatu objek
4. Message Message return menyatakan
Return arah kembali dalam 1 objek
lifeline
5. Message Message return menyatakan
Return arah kembali antara objek
lifeline
6. Activation Activation menyatakan objek
dalam keadaan aktif dan
berinteraksi
7. Boundary Boundary biasanya berupa tepi
dari sistem seperti interface
atau alat untuk berinteraksi
dengan sistem
8. Control Control merepakan proses
untuk mengatur aliran dari
informasi untuk sebuah
scenario
9. Entity Entity untuk menyimpan data
atau informasi dari proses
sebelumnya
 22

2.8.5. Class Diagram

Class Diagram umumnya tersusun dari elemen class, interface,
dependency, generalization dan association. Diagram kelas adalah
adalah salah satu diagram UML yang menggambarkan kelas-kelas
dalam sebuah sistem dan menghubungkan antara satu dengan yang
lain, seta dimasukan pula atribut dan perasi.
Berikut adalah beberapa simbol-simbol yang ada pada Class
Diagram :

Tabel 2.4. Simbol-simbol Class Diagram

No. Simbol Nama Keterangan

1. Generalization Hubungan dimana
objek anak berbagi
perilaku dan struktur
data dari objek yang ada
di atasnya objek induk
2. Nary Association Upaya untuk
menghindari asosiasi
dengan lebih dari 2
objek
3. Class Himpunan dari objek-
objek yang berbagi
atribut serta operasi
yang sama
4. Collaboration Deskripsi dari urutan
aksi-aksi yang
ditampilkan sistem yang
menghasilkan suatu
hasil yang terukur bagi
suatu aktor
5. Realization Operasi yang benar-
benar dilakukan oleh
suatu objek
6. Dependency Hubungan dimana
perubahan yang terjadi
pada suatu elemen
mandiri akan
 23

mempengaruhi elemen
yang bergantung
padanya elemen yang
tidak mandiri
7. Association Apa yang
menghubungkan antara
objek satu dengan objek
lainnya

2.8.6. Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) atau yang sering di kenal
dengan hubungan diagram hubungan entitas adalah diagram yang
digunakan untuk perancangan suatu database dan menunjukan relasi
antara objek atau entitas beserta atribut-atributnya secara detail.
Berikut adalah beberapa simbol-simbol yang ada pada Class
Diagram :

Table 2.5 Simbol-simbol ERD

Simbol Penjelasan

Entitas, yaitu kumpulan dari

objek yang dapat diidentkasian
secara unik

Relasi, yaitu hubungan yang

terjadi antara salah satu lebih
dari entitas. Jenis hubungannya
antara lain one to one, one to
many, dan many to many

Atribut, yaitu karakteristik dari

entitas atau relasi yang
merupakan penjelasan detail
tentang entitas
 24

Hubungan antara entitas dengan

atributnya dan himpunan entitas
dengan himpunan relasinya

2.9 Perangkat Lunak

2.9.1. World Wide Web (WWW)
World Wide Web (WWW) merupakan bagaian penting dari
internet yang merupakan sebuah system yang di gunakan untuk
mengirimkan dan menyebarkan data yang berupa informas berisi
suara, video, dan gambar ke jaringan yang berskala besar yang dapat
diakses di seluruh dunia.
Peran WWW di internet sangat penting untuk memudahkan
pengguna atau user dalam memakai internet. WWW memiliki
beberapa layanan diantaranya :

1. Web Mail Service

Web mail service digunakan untuk mengirimkan surat
elektronik kepada orang lain atau yang biasa disebut email. Layanan
ini bisa didapatkan secara gratis maupun berbayar.
2. Search Engine
Search engine atau sering disebut mesin pencari merupakan
layanan gratis untuk mencari informasi berdasarkan kata kunci tertentu
yang dimasukkan. Contoh Search Engine yang biasa diunakan adalah
Google.
3. Web Hosting
Web Hosting merupakan tempat untuk menyimpan database
dari sebuah website.
4. Portal
Portal merupakan sebuah layanan di internet dimana terdapat
beberapa layanan sekaligus, misalnya email, news, chatting, tanya
jawab. Salah satu portal yang cukup populer adalah Yahoo.com.
 25

2.9.2. Uniform Resource Location (URL)

Uniform Resource Location (URL) adalah suatu susunan karakter
yang memiliki format standar yang bermakna dan untuk membawa ke
halaman website spesifik yang dituju.
URL ini di gunakan sbagai petunjuk sebuah alamat dari sumber di
internet, yang berupa dokumen, gambar, teks atau file jenis lainnya.
URL ini di buat mengikuti prosedur standarisasi aturan tertentu. URL,
berbeda dengan domain jika diibaratkan doamain adalah letak rumah
pemiliknya. Jadi URL alamat lengkap dari rumah itu.

2.9.3. Hypertext Preposesor (PHP)

PHP kepanjangan dari Hypertext Preposesor adalah bahasa
pemrograman server side yang di digunakan oleh progremer untuk
membuat ataupun mengembangkan website atau aplikasi berbasis web
(website). Website dinamis juga bisa di buat menggunakan PHP degan
artian dapat membuat laman web yang bisa di oprasionalkan
menggunakan data tanpa harus mengubah skrip ataupun kode untuk
menysunnya.
PHP merupakan bahasa pemrograman yang berbentuk skrip yang
diletakan dalam server dan di proses di server kemudian hasilnya di
berikan ke klien, tempat pemakai (user) menggunakan browser. PHP
ini merupakan server side-scripting, sehingga sintaks dan perintah-
perintahnya PHP akan di eksekusi di server, kemudian hasilnya akan
di kirim ke browser dengan format HTML.

2.9.4. MySQL
MySQL merupakan perangkat lunak system atau Relational
Database Management System (RDBMS) yang berbentuk open
source.(Josi, 2017) MySQL adalah database engine atau server
database yang mendukung bahasa database pencarian SQL (Structured
 26

Query Language). Dan SQL adalah konsep pengoprasian database

terutama untuk pemilihan atau seleksi dan pemasukan data yang
kemungkinan pengoprasian data dikerjakan dengan cepat dan mudah
secara otomatis.

2.9.5. Laragon
Laragon merupakan perangkat lunak atau software yang memiliki
bahasa pemrograman PHP, MySQL sebagai tempat penyimpanan
database, serta abache yang berfungsi sebagai web server untuk
membangun local development environment pada sebuah system
Operasi windows.

2.9.6. HTML (Hyper Text Markup Language)

HTML adalah bahasa markup yang di gunakan untuk membuat
halaman dari sebuah website dengan tujuan menampilkan informasi
yang akan di muat di browser internet. HTML ini bisa juga digunakan
untuk input gambar, teks, audio, video dan lainnya di dalam website
tersebut.
HTML (Hyper Text Markup Language) adalah symbol-simbol atau
tag yang disusun didalam sebuah file yang bertujuan untuk
menampilkan halaman pada browser. Tag HTML selalu diawali dan
diakhiri dengan dimana x tag HTML seperti b, I, u, dan lainnya. Dan
ada yang diakhiri dengan tanda.
` HTML terdiri dari struktur yang didalamnya terdapat tag pembuka,
isi, dan penutup. Dan terdapat tag yang merupakan teks khusus berupa
karakter (“ ”), tag ini saling berpasangan yaitu tag pembuka, dan tag
penutup. Struktur yang terakhir yaitu atribut yang memiliki fungsi
menyampaikan informasi tambahan dari elemen dan penulisan diantara
tag pembuka dan tag penutup.
 27

2.9.7. Boostrap
Boostrap ini adalah salah satu framework CSS yang di ciptakan
untuk pengembangan front-end website sehingga lebih mudah dan
cepat. Boostrap ini berisikan juga template desain berbasis HTML dan
CSS untuk bentuk, tipografi, table, tombol, modals,navigasi, korsel
gambar dan yang lainnya, serta plugin JavaScript. Boostrap ini
memiliki beberapa keunggulan yang lain yaitu bisa membuat desain
web responsif. Jadi web responsive ini adalah desain web yang mampu
menyesuaikan diri dimulai dari mobile hingga desktop, sehingga
Boostrap sering di gunakan oleh progremer di seluruh dunia.

2.9.8. CSS (Cascading Style Sheet)

Cascading Style Sheet atau yang sering di singkat dengan CSS
adalah salah satu bahasa desain web (style sheet language) yang di
gunakan untuk mengontrol format tampilan halaman web yang di
tuliskan menggunakan penanda (markup language). Kegunaan dari
CSS yang utama yaitu untuk merancang, merubah, mendesain, dan
membuat halaman lebih menarik untuk di oprasionalkan user. CSS ini
sangatlah berkaitan dengan HTML. Jadi HTML di gunakan untuk
membuat strukturnya, dan CSS untuk mempercantik tampilannya.
 BAB III
GAMBARAN UMUM

3.1. Objek Penelitian

3.1.1 Masjid Al-Furqon UNSIQ
Masjid Al-Furqon ini adalah masjid Kampus
Universitas Sains Al-Qur’an lebih tepatnya beralamatan di
Kalibeber, Kec Mojotengah, Kab Wonosobo, Jawa Tengah,
56351. Masjid Al-Furqon ini sering di gunakan untuk berbagai
macam kegiatan baik kegiatan kampus atau kajian- kajian
lainnya.
Sumber daya yang di dapat dari Masjid Al-Furqon yaitu
dari dana rektorat, kas amal jum’at, dan donator dari para
jama’ah. Proses pendataan keuangan masjid Al-Furqon ini dari
bendahara harian ada yang menggunakan manual, da nada yang
menggunakan excel, namun bagi bendahara umum untuk
laporan tahunan menggunakan excel, sehingga dari pihak
bendahara umum harus kerja dua kali, yaitu untuk membuat
laporan bulanan untuk mempermudah laporan tahunan nanti.

3.1.2 Struktur Organisasi

Di periode yang baru ini masjid Al-Furqon memiliki

struktur organisasi dengan masa jabatan dari tahun 2019-2024,
yaitu sebagai berikut :

28
 29

Tabel 3.1. Struktur Organisasi PSPTI

PENASEHAT
Ketua Dr. KH. Muchotob Hamzah, MM.
Sekertaris Dr. KH Ahsin Wijaya, Alh. M.Ag
Anggota KH.Mufidz Fadly,M.Ag
KH. Mustangin, M.Pd.
KEPENGURUSAN UMUM
Ketua Umum Dr. H. Zaenal Sukawi, MA.
Wakil Ketua Umum H. Joko Wahyono S.P.
Sekertaris Umum Drs. H Noor Aziz, M.Pd.
Wakil Sekertaris Umum Nasiin Fakih, M.T
Bendahara Umum Dr. H. Machfudz, M.Ag.
Badan Pengurus Harian (BPH)
Ketua BPH Dr. M. Ali Mustofa Kamal, AH,M.S.I
Wakil BPH Drs. Moh, Amin, M.Pd.I
Sekertaris BPH Ali Mu’tafi, M.S.I
Wakil Sekertaris BPH M. Soffan Rizki, Alh, M.Pd.
Bendahara BPH Ahmad Zubaedi
Muhammad Ghofir
BIDANG-BIDANG KEMAKMURAN MASJID
A. PENDIDIKAN DAN PELATIHAN
Koordinator Drs. H. Samsul Munir, M,Ag.
Sekertaris K. Fathurrohman, M.Pd.
Anggota Dr. H, Asyhar Kholil, Lc, M.A.
KH. Mukromin, Alh,M.Ag
Smsurrohman S.Ag, M.S.I
B. SARANA DAN PRASARANA
Koordinator Dr. H. Heri Hermanto, M.T.
 30

Sekertaris Hermawan, M.M, M.T.

Anggota H. Ahmad Hafidz, S,Ag
Heri Surahman, S.T.
Santoso, S.E
C. PERINGATAN HARI BESAR ISLAM
Koordinator Dr, H. Mahfudz Junaedi, M.H
Sekertaris Dr, H. Abdul Majid, M.Pd.
Anggota KH. Ahmad Zuhdi, M.Ag.
D. PENGEMBANGAN USAHA DAN DANA
Koordinator Dr.KH. Ngarifin Shiddiq,Alh, M.Pd.
Sekertaris Fakhurrozi, M.Kep.
Anggota Mu’afani, M.T.
Eko Prawoto, M.M
Sutrisno, S.P

3.2. Skema Kerja Praktek

Penelitian ini diawali dengan melakukan studi kasus mengenai

system sehingga menemukan masalah-masalah dan solusi, serta konsep
dan pemahamannya. Selanjutnya melakukan wawancara sekaligus
observasi yakni mengidentifikasi kebutuhan pengguna system untuk
menemukan requirements – requirements yang di butuhkan. Kemudian
melakukan analisis dan perancangan system sampai implementasi dan
ujicoba serta perbaikan system. Untuk tahapan ahirnya si penulis
melakukan dokumentasi dan laporan yang di gambarkan sebagai berikut :
 31

Mulai

Analisis Masalah

Desain dan Perancangan

Penulisan Laporan

Selesai

Gambar 3.1. Diagram Alur Kerja Praktek

3.3. Metode Pengumpulan Data

Metode pengumpulan data yang digunakan penulis dalam
pengembangan Sistem Informasi Manajemen Keuangan Masjid Al-Furqon
UNSIQ ini sebagai berikut :

3.3.1 Objek Penelitian

Objek dari penelitian ini adalah membangun suatu Sistem
Informasi Manajemen Keuangan Masjid Al-Furqon UNSIQ berbasis
Web supaya mempermudah bendahara dalam melakukan pendataan
keuangan masjid Al-Furqon ini.

3.3.2 Sumber Data

Dalam proses laporan ini penulis menggunakan dua sumber yaitu :

a. Data Primer
Data Primer ini dipeoleh secara langsung dengan
melakukan wawancara terhadap informan. Dr. M. Ali Mustofa
Kamal, AH,M.S.I selaku Ketua BPH, Dr. H. Machfudz, M.Ag.
 32

selaku Bendahara Umum, serta Ahmad Zubaedi dan Muhammad

Ghofir selaku Bendahara harian di masjid Al-Furqon yang
digunakan sebagai sumber data primer dalam penulisan ini.

b. Data Sekunder
Data Sekunder dikumpulkan penulis sebagai data
penunjang dari sumber primer. Dalam laporan ini proses pendataan
dan bukti data transaksi keungan digunakan sebagai sumber data
sekunder.

3.4. Teknik Pengumpulan Data

Hal yang pertama kali dilakukan dalam analisis system adalah
mengumpulkan data. Teknik pengumpulan data yang dilakukan dalam
penulisan penelitian ini sebagai berikut :

a. Observasi (Pengamatan)
Teknik observasi ini dilakukan dengan cara pengamatan secara
langsung. Penulis mengamati objek penelitian di tempatnya
menggunakan panca indra yang kemudian dikumpulkan dalam catatan
atau rekaman. Tempat penelitian ini berada di Masjid Al-Furqon
UNSIQ yang beralamatan di Kalibeber, Kec. Mojotengah, Kabupaten
Wonosobo, Jawa Tengah 56351.

b. Studi Pustaka
Teknik pustaka adalah teknik penelitian yang dilakukan dengan
cara mengumpulkan data yang sesuai atau relevan yang dibutuhkan
untuk penelitian dari buku, artikel ilmiah, ataupun sumber kredibel
lainnya yang reliable dan juga sesuai dengan topic yang di teliti.
Teknik ini sering di gunakan oeleh banyak peneliti.
 33

3.5. Metode Pengembangan Sistem

Pengembangan system di dalam system informasi merupakan hal
yang sangat penting yang diartikan menyusun suatu system baru untuk
merubah system yang lama baik secara menyeluruh ataupun memperbaiki
system yang telah ada karena system yang lama mempunyai problem
system. Berdasarkan pengalaman terdahulu metode waterfall adalah
metode yang paling mudah di bangun dengan alasan pengerjaan yang urut
dan linier.

3.5.1. Metode Air Terjun (Waterfall)

Supaya mempermudah dalam proses penyusunan laporan dan
pembuatan perangkat lunak sehingga metode pengembangan system
yang digunakan adalah metode waterfall. Metode waterfall adalah
model klasik yang bersifat sistematis, berurutan dalam membuat
software. Model ini sering di sebut dengan “classic life cycle” atau
metode waterfall, namun sebenarnya memiliki nama asli yaitu “Linear
Sequential Model”.
Berikut adalah tahapan metode pengembangan sistem waterfall
sesuai dengan tahapan kerja praktek :

Gambar 3.2 Metode Waterfall

 34

a. Requirements Analysis (Analisis Kebutuhan)

Analisis kebutuhan perangkat lunak ini di lakukan dengan
intensif untuk menspesufikasikan kebutuhan perangkat lunak agar
dapat dipahami perangkat lunak yag sesuai dengan kebutuhan user.
Informasi ini di peroleh dari hasil wawancara dengan pengurus
masjid Al-Furqon masjid UNSIQ.
b. Desain sistem (Design)
Proses ini dibuat setelah melakukan analisis kebutuhan
perangkat lunak, desain yang dibuat antara lain adalah perancangan
sistem, database, serta desain interface (tampilan antarmuka) dari
website.
c. Pembuatan kode program (Development)
Desain harus ditranslasikan ke dalam program perangkat
lunak. Hasil dari tahap ini adalah program aplikasi sesui dengan
desain yang telah dibuat pada tahap desain.
d. Testing (Pengujian)
Tahapan pengujian ini fokus ke perangkat lunak dari segi
logic dan fungsional serta memastikan bahwa semua bagian sudah
diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan
memastikan keluaran yang dihasilkan sesuai keinginan.
e. Maintenance (Pemeliharaan)
Setelah peranngkat lunak di serahkan ke user tak luput dari
kemungkinan mengalami perubahan karena terjadi kesalahan yang
muncul dan tidak terdeteksi saat pengujian atau adaptasi dengan
lingkungan baru. Proses ini dapat mengurangi proses
pengembangan mulai dari analisis spesifikasi untuk perubahan
aplikasi yang sudah ada tapi tidak membuat yang baru lagi.
 35

3.6. Jadwal Kerja Prakter

Tabel 3.2 Jadwal Kerja Praktek

Tahun 2022
No Kegiatan
Oktober November Desember Januari Februari
1. Pengumpulan
Data

2. Analisis dan
Perencanaan

3. Pembuatan
Laporan
 36

BAB IV

ANALISIS DAN PEMBAHASAN

4.1. Analisis Sistem Berjalan

Berdasarkan sistem yang berjalan saat ini di Masjid Al-Furqon

UNSIQ menggunakan alur proses pendataan keuangan masjid sebagai
berikut :
1. Bendahara harian menghitung uang yang di dapatkan dari kotak amal
jum’at, amal sodakoh makanan, dan pendanaan dari rektorat.
2. Uang tersebut di catat pada buku masing-masing sesuai dengan
kategorinya dan penanggung jawabnya.
3. Bendahara harian setelah mencatat kemudian melaporkan kepada
bendahara umum dan ketua harian dengan memfotonya kemudian di
kirim melalui WhatsApp dan untuk uang amal jum’at bendahara harian
mengirimkan pemasukan amal ke bilal jum’at.
4. Dari bilal jum’at mengumumkan pemerolehan amal juma’at kepada
para jamaah sebelum solat juma’at dimulai.
5. Kemudian dari bendahara umum merekap semuanya baik pemasukan
ataupun pengeluaran untuk di laporkan pada akhir tahun.

36
 37

Gambar 4.1 Flowmap Diagram

4.2. Masalah Yang Dihadapi

Dari hasil analisi yang dilakukan, masalah yang dihadapi pada
sistem yang ada saat ini yaitu kesulitan yang utama pada bendahara umum
yang herus merekap ulang untuk membuat laporan tahunan. Kemudian
laporan yang di sampaikan oleh bendahara harian terkadang mengalami
kerusakan file karna hanya melalui whatsapp. Terkadang dari para jamaah
sering menanyakan pengeluaran keuangan masjid digunakan untuk apa?
Dikarenakan kurangnya transparasi kas masjid. Sehingga masjid Al-
Furqon membutuhkan sistem yang seharusnya sebagai berikut:
a. Dibuatkannya sistem pendataan yang memudahkan bendahara masjid,
baik bendahara umum ataupun bendahara harian.
b. Membuat sistem yang terdapat transparasi keuangan, sehingga para
jama’ah bisa mengetahuinya dan lebih yakin terhadap pihak Ta’mir
masjid Al-Furqon UNSIQ ini.
 38

4.3. Solusi Permasalahan

Dari permasalahan yang di rasakan saat ini, maka akan
memberikan solusi yaitu dengan membuat website sistem informasi
manajemen keungan masjid Al-Furqon UNSIQ yang mempermudah
bendahara dalam melakukan pendataan keuangan masjid dan memudahkan
bendahara umum dalam membuat laporan tahunan.

4.4. Analisis Kebutuhan Sistem

Pada tahapan analisis kebutuhan sistem ini menjelaskan apa saja
yang di butuhkan dalam perancangan sistem informasi manajemen
keuangan masjid Al-Furqon UNSIQ berbasis website. Kebutuhan sistem
yang diusulkan dalam perencanaan sistem adalah sebagai berikut :

4.4.1. Analisis Kebutuhan Fungsional

Pada analisis kebutuhan Fungsional berhubugan dengan
fitur-fitur yang akan di buat pada sistem tersebut. Kebutuhan
fungsional dari perancangan sistem informasi manajemen keuangan
masjid berbasis web adalah sebagai berikut :
1. User ( Donatur /Jama’ah ), hak akses yang dapat di lakukan oleh
user.
a. Registrasi akun donatur
b. Login
c. Masuk menu Home
d. Melihat Agenda Kegiatan
e. Melihat jadwal Adzan
f. Melihat Data Keuangan
g. Melakukan Donasi
h. Menghubungi Contact Person
i. Logout
 39

2. Petugas (Bendahara Harian), hak akses yang dapat oleh bendahara

harian.
a. Login
b. Dashboard
c. Profit
d. Pembayaran
e. Pengeluaran
f. Data Keuangan
g. Laporan Keuangan
h. Agenda & Kegiatan
i. Galeri Foto
j. Backup & Restore
k. Logout
3. Admin (Bendahara Umum), hak akses yang di dapat oleh
bendahara umum.
a. Login
b. Dashboard
c. Data Petugas.
 Input data baru
 Lihat data Petugas
d. Data User
 Input data baru
 Lihat data user
e. Data Kategori
 Input data baru
 Lihat data Kategori.
f. Backup & Restore
g. Cetak Laporan
h. History
i. Logout.
 40

4.4.2. Analisis Kebutuhan Non- Fungsional

Analisis Kebutuhan Non- Fungsional yang di gunakan
dalam Sistem Informasi Manajemen Keuangan Masjid Al-Furqon
UNSIQ berbasis Web adalah sebagai berikut :
a. Kebutuhan Perangkat Lunak
1. Visual Studio Code (Code Editor)
2. Laragon (Web Server)
3. Google Chrome (Web Browser)
b. Kebutuhan Perangkat Keras
1. Processor AMD Ryzen 5 2400G with Radeon Vega
Graphics (8CPUs), ~3.6GHz
2. RAM 8,0 GB
3. Operating System Windows 10 Pro 64-bit
4. Keyboard, Mouse dan Monitor

4.5. Perancangan Sistem yang Diusulkan

Perancangan sistem yang penulis usulkan digambarkan dalam
bentuk penggambaran model dengan UML adalah sebagai berikut :
4.5.1. Use Case Diagram

Gambar 4.2 Use Case Diagram

 41

4.5.2. Activity Diagram

a. Activity Diagram Ragistrasi

Gambar 4.3 Activity Diagram Registrasi Jama’ah

b. Activity Diagram Login

Gambar 4.4 Activity Diagram Login User / Jama’ah

 42

c. Activity Diagram Donasi

Gambar 4.5 Activity Diagram Donasi Jama’ah

d. Activity Diagram Login Petugas

Gambar 4.6 Activity Login Petugas

 43

e. Activity Diagram Input Pemasukan

Gambar 4.7 Activity Input Pemasukan

 44

f. Activity Diagram Input Pengeluaran

Gambar 4.8 Activity Input Pengeluaran

g. Activity Diagram Input Agenda Kegiatan

Gambar 4.9 Activity Input Agenda Kegiatan

 45

h. Activity Diagram Cetak Laporan

Gambar 4.10 Activity Input Agenda Kegiatan

i. Activity Diagram Backup Data

Gambar 4.11 Activity Backup Data

 46

j. Activity Diagram Restore Data

Gambar 4.12 Activity Restore Data

k. Activity Diagram Unggah Foto

Gambar 4.13 Activity Unggah Foto

 47

l. Activity Diagram Login Admin

Gambar 4.14 Activity Login Admin

m. Activity Diagram Input Data Petugas

Gambar 4.15 Activity Input Data Petugas

 48

n. Activity Diagram Input Data User

Gambar 4.16 Activity Input Data User

o. Activity Diagram Input Data Kategor

Gambar 4.17 Activity Input Data Kategori

 49

p. Acktivity Diagram Logout

Gambar 4.18 Activity Logout

 50

4.5.3. Sequence Diagram

a. Sequence Diagram Registrasi Donatur/ Jama’ah

Gambar 4.19 Squence Diagram Registrasi Donatur

b. Sequence Diagram Login

Gambar 4.20 Squence Diagram Login User

 51

c. Sequence Diagram Berdonasi

Gambar 4.21 Squence Diagram Berdonasi

d. Sequence Diagram Login Admin

Gambar 4.22 Squence Diagram Login Admin

 52

e. Sequence Diagram Input Pemasukan

Gambar 4.23 Squence Diagram Input Pemasukan

f. Sequence Diagram Input Pengeluaran

Gambar 4.24 Squence Diagram Input Pengeluaran

 53

g. Sequence Diagram Cetak Laporan

Gambar 4.25 Squence Diagram Cetak Laporan

h. Sequence Diagram Backup Data

Gambar 4.26 Squence Diagram Backup Data

 54

i. Sequence Diagram Restore Data

Gambar 4.27 Squence Diagram Restore Data

j. Sequence Diagram Kelola Foto Kegiatan

Gambar 4.28 Squence Diagram Kelola Foto

 55

k. Sequence Diagram Input Petugas

Gambar 4.29 Squence Diagram Input Petugas

l. Sequence Diagram Input User

Gambar 4.30 Squence Diagram Input User

 56

m. Sequence Diagram Input Kategori

Gambar 4.31 Squence Diagram Input Kategori

n. Sequence Diagram Logout

Gambar 4.32 Squence Diagram Logout

 57

4.5.4. Class Diagram

Gambar 4.33 Class Diagram

 58

4.6. Perancangan Database

4.6.1. ERD (Entity Relationship Diagram)

Gambar 4.34 ERD (Entity Relationsip Diagram)

4.6.2. Relasi Tabel

Gambar 4.35 Relasi Tabel

 59

4.6.3. Struktur Tabel

a. Tabel Admin
Nama Tabel : tbl_Admin
Fungsi : Untuk menyimpan data admin

Tabel 4.1 Tabel Admin

Nama Type Data Panjang Keterangan

Id_admin Char 6 Primary

Nama_admin Varchar 50

Nohp_admin Varchar 13

Alamat_admin Text -

Username_admin Varchar 50

Password_admin Varchar 100

b. Tabel Petugas
Nama Tabel : tbl_petugas
Fungsi : Untuk menyimpan data Petugas

Tabel 4.2 Tabel Petugas

Nama Type Data Panjang Keterangan

Id_petugas Char 6 Primary

Id_admin Char 6 Foreignt Key

No_ktp Int 20

Nama Varchar 50

Alamat Text -

No_hp Int 13

Password Varchar 150

 60

c. Tabel User/Donatur
Nama Tabel : tbl_user
Fungsi : Untuk menyimpan data User atau Donatur

Tabel 4.3 Tabel User

Nama Type Data Panjang Keterangan

Id_user Char 6 Primary

Nama_user Varchar 50

Nohp_user Varchar 13

Alamat_user Text -

Bank_user Varchar 30

Rekening_user Varchar 35

Username_user Varchar 50

Password_user Varchar 100

d. Tabel Pemasukan
Nama Tabel : tbl_pemasukan
Fungsi : Untuk menyimpan data Pemasukan dana

Tabel 4.4 Tabel Pemasukan

Nama Type Data Panjang Keterangan

Id_pemasukan Char 10 Primary

Id_user Char 10 Foreign Key

Id_petugas Char 10 Foreign Key

Nama Varchar 30

Tgl_pemasukan Varchar 15

Totalbayar Bigint 13
 61

e. Tabel Pengeluaran
Nama Tabel : tbl_pengeluaran
Fungsi : Untuk menyimpan data Pengeluaran dana

Tabel 4.5 Tabel Pengeluaran

Nama Type Data Panjang Keterangan

Id_pengeluaran Char 10 Primary

Id_kategori Char 10 Foreign Key

Id_petugas Char 10 Foreign Key

Tgl_pengeluaran Datetime -

Nominal Int 12

Keterangan Text

f. Tabel Transfer
Nama Tabel : tbl_transfer
Fungsi : Untuk menyimpan data Transfer dari para donatur

Tabel 4.6 Tabel Transfer

Nama Type Data Panjang Keterangan

Id_transfer Varchar 10 Primary

Id_user Char 10 Foreign Key

Nama Varchar 50

No_rekening Varchar 30

Nama_bank Varchar 30

jumlah Bigint 15

Tgl_transfer Date

image Varchar 100

status Enum
 62

g. Tabel Agenda
Nama Tabel : tbl_agenda
Fungsi : Untuk menyimpan data agenda kegiatan

Tabel 4.7 Tabel Agenda Kegiatan

Nama Type Data Panjang Keterangan

Id_agenda Int 11 Primary

Id_petugas Char 6 Foreign Key

Judul Varchar 200

Jam_awal Time

Jam_akhir Time

Tgl_awal Date

Tgl_akhir Date

keterangan Text

h. Tabel Album
Nama Tabel : tbl_album
Fungsi : Untuk menyimpan data foto-foto kegiatan pada
masjid

Tabel 4.8 Tabel Album

Nama Type Data Panjang Keterangan

Id_album Int 11 Primary

Id_petugas Char 6 Foreign Key

File_name Varchar 90

Tgl_upload Date -
 63

i. Tabel Dana
Nama Tabel : tbl_dana
Fungsi : Untuk menyimpan data jumlah dana yang ada

Tabel 4.9 Tabel dana

Nama Type Data Panjang Keterangan

Id_dana Int 10 Primary

Id_Kategori Char 10 Foreign Key

Total Bigint 15

j. Tabel Kategori
Nama Tabel : tbl_kategori
Fungsi : Untuk menyimpan data Kategori

Tabel 4.10 Tabel Kategori

Nama Type Data Panjang Keterangan

Id_kategori Char 10 Primary

Nama_kategori Varchar 50

k. Tabel Histori
Nama Tabel : tbl_log
Fungsi : Untuk menyimpan data History yang di lakukan
petugas

Tabel 4.11 Tabel History

Nama Type Data Panjang Keterangan

Aktivitas Varchar 255

Pelaku_aktivitas Varchar 255

Tanggal_aktivitas Datetime

Detail_aktivitas Varchar 255

 64

4.7. Perancangan User Interface

Perancangan User Interface ini digunakan untuk memudahkan
dalam proses implementasi sistem supaya bisa sesuai dengan rancangan
awal yang akan di gunakan.
a. Tampilan Halaman Utama

Gambar 4.36 Tampilan Halaman Utama

b. Tampilan Halaman Registrasi User

Gambar 4.37 Tampilan Halaman Registrasi User

 65

c. Tampilan Halaman Donasi

Gambar 4.38 Tampilan Halaman Donasi

d. Tampilan Halaman Data Keuangan

Gambar 4.39 Tampilan Halaman Data Keuangan

 66

e. Tampilan Halaman Login Admin Dan Petugas

Gambar 4.40 Tampilan Halaman Login Admin dan Petugas

f. Tampilan Halaman Input Pemasukan

Gambar 4.41 Tampilan Halaman Input Pemasukan

 67

g. Tampilan Halaman Input Pengeluaran

Gambar 4.42 Tampilan Halaman Input Pengeluaran

h. Tampilan Halaman Cek Transfer

Gambar 4.43 Tampilan Halaman Cek Transfer

 68

i. Tampilan Halaman Input Agenda Kegiatan

Gambar 4.44 Tampilan Halaman Input Agenda Kegiatan

j. Tampilan Halaman Upload Foto Kegiatan

Gambar 4.45 Tampilan Halaman Upload Foto Kegiatan

 69

k. Tampilan Halaman Cetak Laporan

Gambar 4.46 Tampilan Halaman Cetak Laporan

l. Tampilan Halaman Profit

Gambar 4.47 Tampilan Halaman Profit

 70

m. Tampilan Halaman Input Petugas

Gambar 4.48 Tampilan Halaman Input Petugas

n. Tampilan Halaman Input User

Gambar 4.49 Tampilan Halaman Input User

 71

o. Tampilan Halaman Input Kategori

Gambar 4.50 Tampilan Halaman Input Kategori

p. Tampilan Halaman Backup Data

Gambar 4.51 Tampilan Halaman Backup Data

 72

q. Tampilan Halaman Restore Data

Gambar 4.52 Tampilan Halaman Restore Data

r. Tampilan Halaman Cetak Data Petugas & User

Gambar 4.53 Tampilan Halaman Cetak Data Petugas & User

 73

s. Tampilan Halaman History

Gambar 4.54 Tampilan Halaman History

 74

BAB V

PENUTUP

5.1. Kesimpulan
Berdasarkan hasil penelitian yang telah disampaikan oleh penulis
pada pembahasan sebelumnya, maka penelitian memiliki beberapa
kesimpulan sebagai berikut :
1. Penerapan sistem informasi menagemen keuangan masjid Al-Furqon
UNSIQ berbasis web dapat menggantikan proses manual yang sangat
di butuhkan untuk pendataan keuangan masjid supaya lebih mudah dan
transparan
2. Sistem informasi menagemen keuangan masjid Al-Furqon UNSIQ
berbasis web dapat meminimalisir kesalahan dan kelalaian dalam
proses pendataan keuangan masjid.
3. Penerapan sistem informasi menagemen keuangan masjid Al-Furqon
UNSIQ berbasis web ini juga mempermudah bagi admin dan petugas
dalam pembuatan laporan baik bulanan ataupun tahunan.

5.2. Saran
Penulisan laporan penelitian ini dari awal hingga akhir masih jauh
dari kata sempurna. Kritik dan saran yang membangun sangat di butuhkan
bagi penulis. Maka dari hal itu, banyak kekurangan dan ketidaksesuaian
penulis mengharapkan bimbingan baik kritik maupun sarannya.

74
 75

DAFTAR PUSTAKA

Adisel. (2019). Manajemen Sistem Informasi Pembelajaran. Carbohydrate

Polymers, 6(1), 5–10.

Agustin, H. (2018). Sistem Informasi Manajemen Menurut Prespektif Islam.

Jurnal Tabarru’: Islamic Banking and Finance, 1(1), 63–70.
https://doi.org/10.25299/jtb.2018.vol1(1).2045

Ahmad, R. F., & Hasti, N. (2018). Sistem Informasi Penjualan Sandal Berbasis
Web. Jurnal Teknologi Dan Informasi, 8(1), 67–72.
https://doi.org/10.34010/jati.v8i1.911

Ahmia, M., & Belbachir, H. (2018). p, q-Analogue of a linear transformation

preserving log-convexity. Indian Journal of Pure and Applied Mathematics,
49(3), 549–557. https://doi.org/10.1007/s13226-018-0284-5

Arifin, M. (2020). Manajemen pembelajaran pendidikan jarak jauh untuk

millenial. In Kumpulan Penelitian dan Pengabdian Dosen.

Gede Endra Bratha, W. (2022). Literature Review Komponen Sistem Informasi

Manajemen: Software, Database Dan Brainware. Jurnal Ekonomi
Manajemen Sistem Informasi, 3(3), 344–360.
https://doi.org/10.31933/jemsi.v3i3.824

Huda, M., & Fauzi, A. (2019). Sistem pengelolaan wakaf masjid produktif
perspektif Hukum Islam (studi kasus di masjid Islamiyah Nalumsari Jepara).
Jurnal At-Tamwil, 1(2), 27–46. https://ejournal.iai-
tribakti.ac.id/index.php/perbankan/article/view/1058

Josi, A. (2017). Penerapan Metode Prototyping Dalam Membangun Website Desa

(Studi Kasus Desa Sugihan Kecamatan Rambang). Jti, 9(1), 50–57.

Rachman, T. (2018). Manajemen Badan Kemakmuran Masjid (BKM) Dalam

Pengembangan Dakwah Islamiyah. Angewandte Chemie International
 76

Edition, 6(11), 951–952., 1(1), 10–27.

Sudjiman, P. E. S. dan L. S. (2018). KOMPUTER DALAM PROSES

PENGAMBILAN KEPUTUSAN Paul Eduard Sudjiman dan Lorina Siregar
Sudjiman COMPUTER BASED MANAGEMENT INFORMATION
SYSTEM. Jurnal TeIKa, 8, 55–67.
https://jurnal.unai.edu/index.php/teika/article/view/2327