Page |1

SURAT PERNYATAAN SESUAI PANDUAN PENULISAN

Yang bertanda tangan dibawah ini, saya:

Nama Mahasiswa : Irvan Ali Robbani
NIM : 161080200094
Program Studi : Informatika
Fakultas : Sains dan Teknologi

MENYATAKAN bahwa, artikel ilmiah sayadengan rincian :

Judul : Sistem Informasi Yayasan Ibnu Aji Qur’ani Berbasis Web
(Study Kasus di Yayasan Ibnu Aji Qur’ani di Desa Sambungrejo
Kecamatan Sukodono)
Kata Kunci : Sistem informasi, yayasan, web, php

TELAH:
1. Disesuaikan dengan petunjuk penulisan dari jurnal ilmiah di Universitas Muhammadiyah
Sidoarjo. Berdasarkan Surat Keputusan Rektor UMSIDA tentang Standar Penulisan
Karya Tulis Ilmiah dan Plagiarisme di Universitas Muhammadiyah Sidoarjo.
2. Lolos uji cek kesamaan sesuai ketentuan yang berlaku di Universitas Muhammadiyah
Sidoarjo.

Serta BELUM PERNAH dan TIDAK AKAN dikirimkan ke jurnal ilmiah manapun, tanpa
seizin dari Pusat Pengembangan Publikasi Ilmiah UMSIDA.
Demikian pernyataan dari saya, untuk dipergunakan sebagaimana mestinya. Terima Kasih

Mengetahui, Sidoarjo, (01/09/2020)

DosenPembimbing

(Dr. Hindarto, S.Kom., MT.) (Irvan Ali Robbani)

NIP: 197307302005011002 NIM. 161080200094
2|Page

SISTEM INFORMASI YAYASAN IBNU AJI QUR’ANI BERBASIS WEB

(STUDY KASUS DI YAYASAN IBNU AJI QUR’ANI DI DESA
SAMBUNGREJO KECAMATAN SUKODONO)
¹ Irvan Ali Robbani , ² Dr. Hindarto, S.Kom., MT
Mahasiswa Fakultas Sains dan Teknologi, Program Studi Informatika
Universitas Muhammadiyah Sidoarjo.
¹ 161080200094@umsida.ac.id , ² Hindarto@umsida.ac.id

Abstrack. The development of the world of information technology today is increasingly fast, various kinds of
activities that have been carried out with the help of computers, will provide many benefits and benefits for
processing, storing, searching for data. With a computer that contains part of human activity proves all the work that
was originally complicated is now increasingly easy to facilitate a variety of activities that can be done easily. This
system application uses a MySQL database as a flexible and dynamic storage for programming languages using
PHP and supported by other programming languages HTML (Hyper Text Markup Language), CSS (Casecodding
Style Sheets) and XAMPP Control Panel with Apache as a web server. With this web-based information system
application, the wider community can get to know the Ibnu Aji Qur'an Foundation with good quality and attract
public interest.

Keywords : information Systems , foundation, web, php

Abstrak. Perkembangan dunia teknologi informasi saat ini melaju semakin pesat, macam-macam kegiatan sudah
dilakukan dengan bantuan komputer , akan memberi banyak dampak maupun manfaat diantaranya dalam mengolah,
menyimpan, mencari data. Dengan adanya komputer yang mengandung sebagian aktifitas manusia membuktikan
bahwa semua pekerjaan yang awalnya rumit kini menjadi lebih mudah untuk diselesaikan berbagai macam aktivitas
yang banyak dapat di lakukan dengan mudah. Aplikasi sistem ini menggunakan database MySQL sebagai tempat
penyimpanan yang fleksibel dan dinamis untuk bahasa pemrograman menggunakan PHP dan di dukung bahasa
program lainya HTML (Hyper Text Markup Language), CSS (Casecodding Style Sheets) dan XAMPP control
Panel dengan Apache sebagai web server. Dengan adanya aplikasi sistem informasi berbasis web tersebut
masyarakat luas dapat mengenal yayasan ibnu aji qur’ani secara baik dari segi kualitas yang diajarkan dan menarik
minat masyarakat.

Kata Kunci : sistem informasi , yayasan , web , php

I. PENDAHULUAN
Di dunia ini perkembangan ilmu pengetahuan dan teknologi sudah semakin cepat, salah satunya di bidang
komputerisasi.Saat ini komputer memegang peranan dalam memperubah penyelesaian suatu pekerjaan untuk
meningkatkan efisien kerja serta meningkatkan kreatifitas dan aktivitas pegawai yang memiliki skill dan
kemampuan yang bagus[1].
Yayasan Raudhatul Madinah perlu melakukan pengembangan sistem. Karena Yayasan ini belum menggunakan
teknologi informasi dalam melakukan promosi. Adapun yang perlu dikembangkan adalah sistem publikasi
Yayasan yang lebih maju, dimana promosi Yayasan hanya di lakukan dengan cara manual dengan menyebarkan
brosur – brosur sehingga menyebabkan terbatasnya ruang promosi Yayasan. Serta informasi yang didapat Yayasan
umumnya memakan waktu yang relatif lama [2]
Salah satunya Yayasan Ibnu Aji Qur’ani bertempat di jl. Salak Besuk, Sambungrejo - Sukodono.
Didirikan oleh pendiri I bapak Masduqi dan pendiri II oleh ibu Masalahah Alfalah Aji, S.Pd. Yayasan Ibnu Aji
Qur’ani lembaga yang mengelola Pendidkan Usia Dini (PAUD), Taman Pendidikan Al Qur’an (TPQ), Madrasah
Diniah (MADIN), Majlis Ta’lim. Berdasarkan permasalahan yayasan masih menggunakan promosi dengan
metode dari orang ke orang. Dengan menggunakan sistem informasi ini masyarakat dapat mengetahui segala
informasi kegiatan di Yayasan Ibnu Aji Qur’ani, baik kegitan PAUD, TPQ, MADIN, Majlis Ta’lim. Sehingga
dapat menarik minat untuk bergabung di Yayasan Ibnu Aji Qur’ani. .

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 Page |3

II. METODE

Dalam penelitian ini penulis menggunakan metode SDLC (Systems Development Life Cycle, Siklus Hidup
Pengembangan Sistem).SDLC juga merupakan metodologi umum dalam pengembangan sistem yang menandai
kemajuan usaha analisis dan desain[3].
Setelah melakukan wawancara & observasi ke Yayasan Ibnu Aji Qur’ani maka di buatlah sistem informasi
Yayasan Ibnu Aji Qur’ani. Pengembangan sistem informasi yang berbasis komputer dapat merupakan tugas
kompleks yang membutuhkan banyak sumber daya dan dapat memakan waktu untuk menyelesaikannya.Proses
pengembangan sistem melewati
beberapa tahapan dari mulai sistem itu direncanakan sampai dengan sistem tersebut di terapkan, dioperasikan, dan
dipelihara.Daur atau siklus hidup dari pengembangan sistem merupakan suatu bentuk yang digunakan untuk
menggambarkan tahapan utama dan langkahlangkah di dalam tahapan tersebut dalam proses pengembangannya.

2.1 Flowchart
Flowchart adalah penyajian yang sistematis tentang proses dan logika dari kegiatan penanganan informasi atau
penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu
program. Flowchart menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang
lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian [4].
2.2 DFD ( data flow diagram )
DFD adalah: suatu model logika data atau proses yang dibuat untuk menggambarkan: darimana asal data, dan
kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut, dan
interaksi antara data yang tersimpan, dan proses yang dikenakan pada data tersebut[5].
2.3 Relasi basis data (Relation database)
Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak,
pendefinisian basis data meliputi spesifikasi dari tipe data, struktur, dan batasan dari data atau informasi yang akan
disimpan[6].
Basis data diartikan sebagai markas atau gedung, sedangkan data merupakan reprentasi fakta dunia nyata
yang mewakili suatu objek seperti manusia (pegawai, siswa, pembeli, pelanggan), barang, konsep, keadaan dan
sebagainya yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya[7].
2.4Mysql
MySQL (baca: mai-se-kyu-el) merupakan software yang tergolong database server dan bersifat Open Source
menyatakan bahwa software ini dilengkapi dengan source code (kode yang dipakai untuk membuat MySQL), selain
itu tentu saja bentuk executable-nya atau kode yang dapat dijalankan secara langsung dalam sistem operasi, dan bisa
diperoleh dengan cara mengunduh di internet secara gratis. Hal menarik lainnya adalah MySQL juga bersifat
multiplatform. MySQL dapat dijalankan pada berbagai sistem operasi[8].
2.4PHP
PHP adalah Hypertext Preprocessor itu bahasa untuk pemrograman berbasis web. Jadi, PHP itu adalah bahasa
program yang digunakan untuk membuat aplikasi berbasis web.
Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web
dinamik dengan cepat[9].

III. HASIL DAN PEMBAHASAN

3.1 Bahan Dan Alat Perlengkapan
Dalam merancang system ini, penulis ,menggunakan alat dan bahan sebagai bertikut:
1. Data-data & kurikulum yayasan Ibnu Aji Qur’ani.
2. Perangkat Lunak ( software ) yang akan di pergunakan:
a) Sistem Operasi Windows 10
b) XAMPP
c) MySQL/PHPmySQL ( database )
d) Webbrowser Mozilla Firefox
3. Perangkat Keras ( Hardware ) yang akan di pergunakan:

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.

4|Page
a) Procressor Intel Core i5 (2.5 GHz)
b) Besar Memori 4GB
c) Monitor dengan resolusi HD 1366 X 768 px

3.2 Metodologi Pengumpulan Data

Metode Pengumpulan Data yang digunakan dalam penelitian ini adalah :
a) Observasi.
Yaitu dengan melakukan pengamatan langsung terhadap sistem kerja dan pencatatan secara cermat dan
sistematis guna mengumpulkan data-data dan diperoleh informasi yang dibutuhkan.
b) Wawancara.
pengumpulan data dengan cara mengadakan wawancara langsung dengan pihak terkait yang berkaitan
dengan masalah yang sedang diteliti[10].
c) Metode Kepustakaan.
Dalam menyelesaikan penulisan laporan proposal skripsi, penulis juga mengumpulkan data dengan
menggunakan buku-buku, membaca, dan mencatat semua hal-hal yang berkaitan dengan penulisan laporan
proposal skripsi.
Metode untuk mendapatkan informasi dan data dari beberapa sumber (literatur) atau buku yang
diperlukan untuk kebutuhan analisis sesuai dengan permasalahan yang di hadapi.
3.3 Desain Sistem
Perancangan sistem informasi berbasis web ini di harapkan dapat memberi informasi terkait kegiatan di
yayasan ini dan menarik minat masyarakat untuk bergabung..

3.3.1 Flowchart
Di bawah ini merupakan garis besar jalanya program untuk admin memasukkan username dan password.
Selanjutnya ke menu utama memilih menu berita, pengguna, agenda, pengumuman, download, galeri, guru dam
siswa, komentar. Berikut flowchart admin dari perancangan system:

Gambar 1. Flowchart Admin

Alur flowchart admin pada system ini sebagai Untuk user garis besar jalanya program masuk melalui alamat
web dan pilih menu yang ada di web tersebut. Menu yang tersedia profil, guru, siswa, berita, pengmuman, agenda,
galeri, download dan hubungi kami. Berikut flowchart user dari perancangan system:

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 Page |5

Gambar 2. Flowchart user

3.3.2 Data Flow diagram ( DFD )

Data Flow diagram ( DFD ) disini menjelaskan proses yang dibuat untuk menggambarkan dari mana asal
data dan kemana tujuan data yang di keluaran dari sistem, dimana data di simpan, proses apa yang menghasilkan
data tersebut, dan interaksi antara data yang tersimpan serta proses yang dikenakan pada data tersebut. Berikut DFD
dari perancangan system dari DFD level 0 sampai DFD level 1 :

Gambar 3. DFD level 1

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.

6|Page

Gambar 4. DFD level 1

3.3.3 Desain Relasi Tabel Database

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 Page |7

Gambar 5. Desain Relasi Tabel Database

3.4 Aplikasi Sistem Informasi Yayasan Ibnu Aji Berbasis Web

Setelah selesasi merancang sistem dengan metode SDLC maka angkah selanjutnya adalah mengimplementsi
dan membahas sistem yang di butuhkan dalam sistem informasi ini. Sistem Informasi Yayasan Ibnu Aji Berbasis
Web ini menggunakan bahasa pemrograman PHP dan database menggunakan MySQL, dalam apikasi ini terdapat 2
Menu yaitu menu Admin dan menu User. Admin dapat login dengan user name & password tetapi user tidak perlu
login untuk mengetahui isi sistem informasi tersebut

Gambar 6 menu Login User

Form Menu Admin

Menu admin akan bisa masuk apabila username & password telah tervalidasi dan masuk ke menu utama.

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.

8|Page

Gambar 8 menu utama Admin

Form Menu Berita
Menu berita dimana admin dapat menulis berita yang akan di unggah di sistem informasi untuk disajikan
ke user

Gambar 9 menu berita

Form Menu Pengguna
Menu pengguna admin dapat menambah dan menghapus admin yang login dalam pengelolaan sistem
informasi.

Gambar 10 menu pengguna

Form Menu Agenda

Menu agenda admin dapat menambah agenda yayasan yang akan di laksanakan.

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 Page |9

Gambar 11 menu agenda

Form Menu Pengumuman
Menu pengumuman admin dapat menambahkan pengumuman yang akan di sampaikan terhadap user.

Gamba 12 menu pengumuman

Form Menu Download

Menu download admin dapat mengunggah file berupa foto, video, dan text.

Gamba 13 menu download

Form Menu Gallery
Menu galerry admin dapat menambah dan menghapus foto – foto kegiatan yayasan sehingga user sistem
informasi.

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.

10 | P a g e

Gamba 14 menu gallery

Form Menu Data Guru
Menu data guru admin dapat memberi informsi guru mengajar di yayasan ini.

Gambar 15 menu data guru

Form Menu Data Siswa
Menu data siswa admin dapat menambahkan siswa dan memberi informasi yang belajar di yayasan ini.

Gambar 16 menu data siswa

Form Menu utama User

Menu utama ini adalah login user tidak perlu memasukkan username dan password karena bersifat bebas
untuk umum.

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 P a g e | 11

Gambar 17 menu utama user

Form Menu Profil User
Form menu profil ini di isi informasi seputar susunan pengurus yayasan agar user dapat mengetahui
informasi terkait yayasan ini.

Gambar 18 menu profil user

Form Menu Guru

Form menu guru ini di isi informasi penggajar yang mengajar di yayasan ini.

Gambar 19 menu guru

Form Menu Siswa
Form menu siswa ini diisi informasi siswa yang belajar di yayasan ini.

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.

12 | P a g e

Gambar 20 menu data siswa

Form Menu Berita
Form menu berita ini terdapat informasi dan pekembangan yayasan yang disajikan untuk user

Gambar 21 menu berita

Form Menu Pengumuman
Form menu pengumuman memuat isi pengumana bagi user .

Gamabr 21 menu pengumuman

Form Menu Agenda
Form menu agenda memuat isi agenda bagi user

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 P a g e | 13

Gambar 22 menu agenda

Form Menu Downlad
Menu download ini berguna bagi user yang ingin mengunduh informasi yang terdapat di menu download

Gambar 23 menu download

Form Menu Contact
Menu Contact ini berguna utuk mengetahui contact person yang akan di tuju jika ingin bergabung dengan
yayasan.

Gambar 24 menu contact

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.

14 | P a g e

VII. KESIMPULAN
A. KESIMPULAN
Berdasarkan hasil penelitian dan pembahasan, berdasarkan sistem aplikasi sistem informasi yayasan ibnu
aji qur’ani berbasis web study kasus di ( yayasan ibnu aji qur’ani di desa sambungrejo kecamatan sukodono) dapat
disimpulkan sebagai berikut :
1. Berdasarkan hasil penelitian sistem aplikasi sistem informasi yayasan ibnu aji qur’ani baru pertama kali
dan menggunkana aplikasi yang berasal dari web

2. Sistem informasi ini mempermudah mempublikasikan kegiatan yang terdapat di yayasan ibnu aji qur’ani
ini supaya masyarakat umum dapat mengetahui

B. SARAN
Penulis menyadari bahwa dalam melakukan perancangan serta implemetasi dan pembahasan sistem ini,
masih terdapat kekurangan maupun kelemahan. Maka saran-saran yang dapat penulis berikan demi menujang
perbaikan sistem. Sebagai berikut:
1. Memberi halaman tambah kelas untuk menambah jumah kelas

2. Memberi link social media berupa icon supaya mempermudah untuk melihat segala social media yang
di miliki yayasan tersebut.

3. Menu sign out di navbar sebelah kiri tidak bisa digunakan.

Copyright ©2020 Author [Irvan Ai Robbani] Universitas Muhammadiyah Sidoarjo.

 P a g e | 15

REFERENSI

[1] D. R. Amarullah, Adam, and Herlawati, “Sistem Informasi Penerimaan Siswa Baru Pada
PAUD Ath – Thoyyibah Bekasi Selatan,” Inf. Manag. Educ. Prof., vol. 3, no. 1, pp. 63–
72, 2018.
[2] nanda jarti, “Sistem Informasi Publikasi Yayasan Raudhatul Madinah Sawahlunto
Dengan Menggunakan Bahasa Pemrograman Php Desain Website,” vol. 4, pp. 142–156,
2018, doi: 10.31227/osf.io/zt6c7.
[3] K. Händel, “Alkoholwirkung in der Resorptionsphase.,” Ther. Ggw., vol. 111, no. 5, pp.
756-757 passim, 1972.
[4] P. Soepomo, “Membangun Aplikasi Autogenerate Script ke Flowchart untuk Mendukung
Business Process Reengineering,” Membangun Apl. Autogenerate Scr. Ke Flowchart
Untuk Mendukung Bus. Process Reengineering, vol. 1, no. 2, pp. 448–456, 2013, doi:
10.12928/jstie.v1i2.2555.
[5] R. 2014 Afyenni, “Perancangan Data Flow Diagram untuk Sistem Informasi Sekolah
(Studi Kasus Pada SMA Pembangunan Laboratorium UNP),” Teknoif, vol. 2, no. 1, pp.
35–39, 2014.
[6] M. A. Husaini and W. Dwi P, “Sistem Informasi Geografis (Sig) Pemetaan Sekolah
Berbasis Web Di Kecamatan Wonodadi Kabupaten Blitar,” Antivirus J. Ilm. Tek. Inform.,
vol. 11, no. 1, pp. 50–64, 2017, doi: 10.35457/antivirus.v11i1.198.
[7] E. P. Membara, L. Yulianti, and I. Kanedi, “Sistem Informasi Akademik Smp Negeri 2
Talang Empat Berbasis Web,” Media Inform., vol. 10, no. 1, pp. 72–80, 2014.
[8] E. Prasetyo, “Rancang Bangun Sistem Informasi Sekolah Tinggi Ilmu Ekonomi
Rahmanyah Kabupaten Musi Banyuasin Berbasis Website,” J. Inform., vol. 1, no. 2, pp.
19–30, 2015.
[9] N. A. Y. Ramadhani, “Pembangunan Sistem Informasi Penerimaan Siswa Baru Di
Sekolah Menengah,” J. Speed – Sentra Penelit. Eng. dan Edukasi, vol. 3, no. 3, pp. 35–43,
2011, [Online]. Available:
https://s3.amazonaws.com/academia.edu.documents/32265940/664-1248-1-SM.pdf?
response-content-disposition=inline%3B filename
%3DPEMBANGUNAN_SISTEM_INFORMASI_PENERIMAAN.pdf&X-Amz-
Algorithm=AWS4-HMAC-SHA256&X-Amz-
Credential=AKIAIWOWYYGZ2Y53UL3A%2F20190802%2Fus.
[10] M. Nuh, “Pembangunan Sistem Informasi Presensi Siswa Pada Sekolah Menegah Atas
( Sma ) Negeri 1 Rembang,” vol. 10, no. 1, pp. 104–108, 2013.

Copyright ©2020 Author [Irvan Ali Robbani] Universitas Muhammadiyah Sidoarjo.