SISTEM MONITORING PENGOLAHAN DATA PONDOK

PESANTREN NURUL WAFA DI DESA DEMUNG,KECAMATAN

BESUKI, KABUPATEN SITUBONDO BERBASIS WEB FRONT END
MENGGUNAKAN LARAVEL 8.0

PROPOSAL SKRIPSI
Diajukan untuk Memenuhi Persyaratan Menyelesaikan Studi Strata Satu

(S-1) dan Memperoleh Gelar Sarjana Komputer (S. Kom.)

OLEH :

Ahmad Turmudzi
NIM : 1821500021

PROGRAM STUDI TEKNOLOGI

FAKULTAS TEKNIK UNIVERSITAS NURUL JADID
PAITON PROBOLINGGO
TAHUN 2022
A. Latar Belakang
Pesatnya kemajuan teknologi yang sudah merambat kesemua bidang, serta pola
kehidupan masyarakat yang sudah relatif maju, dapat dipastikan hampir semua orang saat ini
sudah memanfaatkan teknologi internet sebagai media penyampaian suatu informasi. Untuk
mendapatkan informasi yang dibutuhkan, kita tidak perlu membuang waktu dan tenaga untuk
datang ke tempat yang memiliki informasi tersebut, melainkan kita dapat memperoleh
informasi hanya dengan mengakses internet dari manapun dan kapanpun asalkan tersedia
layanan internet. Pondok pesantren nurul wafa mencoba menyesuaikan diri dengan
perkembangan teknologi saat ini, salah satunya dengan memanfaatkan teknologi informasi
sebagai media untuk membantu proses penerimaan dan pengelolaan data-data penting yang
masih menggunakan Microsoft Office, Khususnya data santri.Untuk menunjang proses
berlangsungnya suatu penerimaan santri baru dan santri boyong, pengelolaan data santri dan
biaya administrasi yang harus di lunaskan di Pondok Pesantren nurul wafa, untuk lebih
menjaga keamanan data dari kerusakan, kehilangan, maupun hal-hal yang tidak di inginkan

Dalam mengolah data seringkali cara yang digunakan tergolong lambat dan
menghabiskan banyak waktu untuk memprosesnya, juga pembayaran bulanan sehingga
memakan waktu cukup lama. maka peneliti mengusulkan suatu Sistem Informasi Pondok
Pesantren yang berbasiskan web yang menggunakan bahasa pemrograman laravel 8.0 dan
MySQL sebagai databasenya,frontend sebagai tampilannya dan chatbot telegram sebagai
notifnya, di mana website tersebut akan menampilkan informasi ke handphone android wali
santri yang sudah terinstal aplikasi telegram. Dengan begitu wali santri dapat mengetahui
data administrasi dan informasi tentang Pondok Pesantren Nurul Wafa.

B. Rumusan Masalah
1. bagaimana sistem pengolahan data di pondok pesantren Nurul Wafa demung,
Besuki, Situbondo ?
2. apakah masih ada keluhan dalam menjalankan sistem di pondok pesantren Nurul
Wafa Demung, Besuki, Situbondo ?
3. bagaimana tingkat kepatuhan pada aturan santri sistem di pondok pesantren Nurul
Wafa Demung, Besuki, Situbondo ?

C. Tujuan
Tujuan penelitian ini yaitu berfokus pada merubah sistem data santri manual menjadi
sebuah sistem aplikasi bebrbasi online dengan melakukan absensi menggunakan front end,
agar data tersebut bisa berjalan dengan cepat dan kondusif, beserta dalam pengelolaan data
dengan mudah dan cepat.
D. Manfaat Penelitian
Adapun manfaat penelitian ini adalah sebagai berikut :
1. Memudahkan admin dalam melakukan pengelolaan data santri
2. Memudahkan admin dalam menyampaikan suatu informasi yang penting
3. Memudahkan wali santri dalam melakukan administrasi pembayaran
4. Dengan adanya aplikasi ini meminilisir kehilangan data dan kepalsuan data, sehingga
data yang di ambil sudah real sesuai data yang dilakukan oleh guru dan staf.
E. Batasan Masalah
Adapun batasan masalah dalam penelitian aplikasi pengelolaan data santri
1. Aplikasi ini nantinya di bangun menggunakan freamwork Laravel 8.0 (sebagai
tampilan), Node js (sebagai pembuatan data base ), Android dan chatbot telegram
(sebagai notif informasi).
2. Aplikasi ini bersifat online
3. Adanya fitur fitur yang nantinya akan mempermudah dalam mengelola data dan
pembayaran administrasi dimana kami akan menampilkan virtual account
F. Penelitian Terkait
Sebelum Penelitian ini dilakukan ada beberapa penelitiann yang berkaitan dengan
penelitian ini, di antara lain sebagai berikut :
Penelitian yang dilakukan oleh Elsa Eliana , Myrna Dwi Rahmatya,2019 dengan judul
“PERANCANGAN SISTEM INFORMASI ADMINISTRASI PADA PONDOK PESANTREN
PEMBANGUNAN SUMUR BANDUNG” dalam penelitian tersebut PONDOK PESANTREN
PEMBANGUNAN SUMUR BANDUNG sebagai studi kasus dimana system aplikasi
administrasi di pondok tersebut sedang berjalan dengan menggunakan media kertas
sebagai arsip dan komputer pada aplikasi pengolah angka (work sheet). Penyimpanan
yang tidak tertata dengan baik akan rawan terhadap kehilangan dan kerusakan data,
khusunya yang berbentuk dokumen/arsip. sehinnga mudah terjadi kerusakan pada
buku agenda administrasi dari kertas yang terbatas, adanya permasalahan tersebut
maka dibutuhkanlah sebuah teknologi informasi yang dapat membantu dalam
memonitoring data-data administrasi sehingga data akan lebih mudah di Kelola,
maka dari itu akan membuat sebuah perancangan system informasi administrasi
berbasi Web(Elsa Eliana & Myrna Dwi Rahmatya 2019).
 Untuk penelitian selanjutnya yang dilakukan oleh Ahmad Bagus Setiawan, Juli
Sulaksono, dan Resty Wulanningrum,2019 yang berjudul “PENERAPAN SISTEM
INFORMASI BERBASIS WEBSITE DI PONDOK PESANTREN KOTA KEDIRI” dalam
penelitian tersebut PONDOK PESANTREN KOTA KEDIRI sebagai studi kasus dalam
penelitian tersebut sistem pendataan masih menggunakan buku induk merupakan dana utama
yang sekarang masih di terapkan. sehinnga mudah terjadi kerusakan pada buku agenda
Dengan adanya Sistem Informasi berbasis website di Pondok Pesantren, pengurus pondok
dapat mengetahui data Santri, rekap pembayaran, kurikulum dan data gedung yang dimiliki
oleh pondok pesantren, hal ini berkaitan dengan pengembangan teknologi di pondok
pesantren, untuk mewujudkan integrasi data santri. (Ahmad Bagus Setiawan, Juli Sulaksono,
dan Resty Wulanningrum 2019)

G. Landasan Teori
1. Apliksai
Menurut (Juansyah Andi, 2015) pengertian aplikasi menurut istilah adalah
suatu program yang sudah siap digunakan yang di buat untuk melaksanakan suatu
tugas tertentu dan di rancang untuk menyelesaikan suatu permaslahan, juga
digunakan oleh suatu sasaran yang akan di tuju. Menurut kamus computer
eksekutif aplikasi mempunyai arti yaitu suatu cara untuk menyelsaikan suatu
permaslahan yang menggunakan salah satu Teknik pemrosesan data yang di
harapakan. Pengertian aplikasi menurut kamus besar Bahasa Indonesia “Aplikasi
Adalah penerapan dari rancangan system untuk mengelola data yang
menggunakan aturan atau ketetuan di setiap Bahasa pemrograman tertentu.
2. Data
Data Merupakan salah satu bentuk nyata yang menggambarkan suatu kejadian,
kejadian itu sendiri adalah sesuatu yang terjadi di saat tertentu, pengertian lain
dari sebuah data adalah, sebuah fajta dari suatu pernyataan yang berasala dari
kenyataan, dimana pernyataan itu merupakan hasil dari pengukuran atau yang
sudah di amati, data dapat berupa angka, huruf, symbol, khusus, atau
anggota ,atau juga yang lainya yang berkaitan dengan data.(Kaharu & Sakirna ,
2015).

3. JavaScript
 JavaScript Adalah Bahasa pemrograman yang bisa membuat internet lebih
bekerja, Bahasa ini sangat ringat dan bersifat dinamis, dan dapat diarahkan untuk
oriented programing maupun functional programing.

4. Freamwork Laravel
Laravel adalah Sebuah Web freamwork , yang bersifat open source dan
digunakan luas untuk mengembangkan aplikasi web yang cepat dan mudah,
Laravel dibuat oleh Taylor Otwel pada tahun 2011, Frewaork ini mengikuti
penulisan Oriented Programing Yang memliki arsitektur MVC(Model View
Controller).
1. Model, Model Mewakili struktur data yang di dalamnya terdiri dari fungsi-
fungsi yang berhubungan dengan databse.
2. View, View Merupakan bagian yang mengatur tampilan di bagian
pengguna.
3. Controller, Controller Meruapakan Bagian yang menjembatani antara
Model dan View.

5. Database
Basis data atau database adalah kumpulan terintegrasi dari elemen data yang
secara logika saling berhubungan. Basis data mencatat dan mengonsolidasikan
berbagai catatan yang dahulu disimpan dalam file-file terpisah kedalam satu
gabungan umum elemen data yang menyediakan data yang menyediakan data
untuk banyak aplikasi. Jadi, basis data berisi berbagai elemen data yang
mendeskripsikan berbagai entitas dan hubungan antar entitas MENDELEY
CITATION PLACEHOLDER 0.
6. Kualitatif
Menurut McCusker, K., & Gunaydin, S. (2015), metode kualitatif digunakan
untuk menjawab pertanyaan tentang “apa (what)”, “bagaimana (how)”, atau
“mengapa (why)” atas suatu fenomena
7. XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program, Fungsinya adalah sebagai
server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP
Server, MySQL, database, dan penerjemahan bahasa yang ditulis dengan bahasa
 pemrograman PHP dan Perl, Nama XAMPP merupakan singkatan dari X (empat
sistem operasi apapun), Apache, MySQL, PHP dan Perl, Program ini tersedia
dalam GNU General Public License dan bebas, merupakan web server yang
mudah digunakan yang dapat melayani tampilan halaman web yang dinamis
(Renaldi V. Palit, 2015).
8. CSS
Cascading Style Sheet (CSS) adalah salah satu Bahasa untuk mengatur
tampilan dalam web yang berfungsi memisahkan antara lain desain dengan
content. CSS dapat di tuluus untuk mendefinisikan ulang tag-tag HTML atau
pundengan menambah atribut id dan class pada tag HTML (Arip Aryanto, 2012).
9. Node.js
Node.js adalah runtime environment untuk JavaScript yang bersifat open-
source dan cross-platform. Dengan Node.js kita dapat menjalankan kode JavaScript
di mana pun, tidak hanya terbatas pada lingkungan browser.
10. HTML
HTML (Hyper Text Mak-up Language) adalah suatu Bahasa yang digunakan
untuk menulis halaman web, html di rancanag untuk digunakan tanpa tergantung
pada suatu platform tertentu platfrom independent(Arip Aryanto, 2012).

11. Flowchart
Flowchart merupakan simbol-simbol pekerjaan yang menunjukkan bagan
aliran proses yang saling terhubung, setiap simbol flowchart melambangkan
pekerjaan dan instruksi. Simbol-simbol flowchart adalah standar yang ditentukan
oleh Amerika National Standart Institute Inc. Simbol-simbol yang digunakan
dalam flowchart adalah sebagai berikut;
Tabel 1. Flowchart

No. Gambar Keterangan

Flow Direction Symbol(connecting line),

simbol yang digunaka untuk menghubungkan
antara simbol yang satu dengan yang lain
1.

Terminator simbol, simbol untuk permulaan

 2. atau akhir dari suatu kegiatan

Connector Symbol, simbol untuk keluar masuk

atau penyambungan proses pada
3. lembar/halaman yang sama

Connector Symbol, simbol untuk keluar masuk

atau penyambungan proses pada
4. lembar/halaman yang berbeda

Processing Symbol, simbol menunjukan

pengolahan yang dilakukan oleh komputer
5.

Simbol Manual Operation, Simbol yang

menunjukkan pengolahan yang tidak dilakukan
6. oleh komputer

Simbol Decision, Simbol pemilihan proses

berdasarkan kondisi yang ada
7.

Simbol input-output, Simbol yang menyatakan

proses tanpa tergntung dengan jenis
8. peralatannya

9. Simbol Manual Input, simbol untuk pemasukan

data secara manual on-line keyboard

Simbol Preparation, simbol untuk

mempersiapkan penyimpanan yang akan
10
digunakan sebagai tempat pengolahan di dalam
storage

Simbol Predeflne proses, simbol untuk

pelaksanaan suatu bagian(sub-program)/
 11. prosedure

Simbol Display, simbol yang menyatakan

peralatan output yang digunakan yaitu layar,
12.
plotter, printer dan sebagainya

Simbol disk and On-line Storage, simbol yang

menyatakan input yang berasal dari disk atau
13.
disimpan ke disk

Simbol magmatik tipe unit, simbol yang

menyatakan input berasal dari pita magnetik
14.
atau output disimpan ke pita magnetik

Simbol Punch Card, Simbol yang menyatakan

bahwa input berasal dari kartu atau output
15.
ditulis ke kartu

Simbol Dokumen, simbol yang menyatakan

input berasal dari dokumen dalam bentuk
16.
kertas atau ouput dicetak ke kertas

H. Metode Penelitian
Metode yang dilakuka dalam penelitian ini yaitu menggunakan metode
kualitatif meliputi :
1. Metode Pengumpulan Data
Merupakan suatu metode pengumpulan data meliputi tatap muka dan
tanya jawab langsung antara pewawancara dengan responden (sumber data)
dengan kepala pengurus pondok pesantren Nurul wafa, dengan langsung
memberikan arahan dan informasi-informasi yang berkaitan dengan aplikasi
pondok pesantren, dan juga data- data yang dibutuhkan, maka dari itu data akan
dikumpulkan jika dalam penelitian sudah jelas.
Berikut metode yang digunakan dalam proses pengumpulan data:

1. Teknik Observasi
Pengamatan langsung suatu kegiatan yang sedang di lakukan, melalui
observasi penganalisis dapat langsung mendapatkan pandangan-pandangan
mengenai permasalahan yang ada, melihat langsung keterkaitan diantara para
pembuat keputusan di dalam institusi, memahami pengaruh latar belakang fisik
terhdapa para pembuat keputusan, menafsirkan pesan-pesan yang dikirim oleh
pembuat.
2. Teknik Wawancara
Mewawancarai atau tanya jawab langsung dengan Narasumber atau
responden yang berhubungan dengan permasalahn yang akan di teliti.
3. Study Pustaka (Literatur)
Yaitu penulisan tugas akhir ini penulis mengambil refrensi dari jurnal, buku-
buku dan literatur lainya yang berhubungan dengan pembahasan masalah tersbut
yang akan di teliti saat ini.

2. Metode Pengembangan Sistem

Metode yang digunakan dalam pengembangan system ini yaitu dengan
menggunakan metode model waterfall.

Analysis

Design

Coding

T esting

Maintenance

1. Analisa Kebutuhan (Analysis)

 Langkah ini Merupakan Analisa terhadap kebutuhan system
pengumpulan data dalam tahap ini bisa melakukan sebuah penelitian, yaitu
wawancara, observasi dan studi literatur. System analisis yang akan
menggali informasi sebanyak-banyaknya dari user sehingga akan tercipta
sebuah system yang di inginkan.
2. Design Sistem (Design)
Tahap ini ialah merancang dengan Flowchart, DFD, ERD dan Bagan
Jenjang. Sehingga bagaimana memberi gambaran kepada user dan dalam
pembuatan user interface yang baik dan menarik.
3. Penulisan Code (Coding)
Aktifitas pada tahap ini ialah proses pengkodean system,. Penulisan
coding pada program yang akan dibuat merupakan tahap penerjemahan
Bahasa manusia dengan perintah-perintah yang dapat di mengerti oleh
komputer sehingga dalam proses ini bisa dapat menghasil sebuah system
baru.
4. Uji Coba (testing)
Setelah selesai semua dalam proses, dari segi anlisa, design, dan juga
pengkodean siste, maka perlu adnya uji coba atau resting pada program
tersebut, tujuanya untuk menemukan kelemahan, atau kekurangan yang
ada di program tersebut, dan jugam menghindari yang Namanya hacking,
dan juga tidak ada ada error atau kesalah di program.
I. Jadwal
No Kegiatan Bulan

Desember Januari Februari Maret

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. Pengumpulan data &

Observasi

2. Analisa sistem yang

ada

3. Perancangan sistem
 4. Pembuatan Program

5. Testing Program

J. Daftar pustaka

Eliana, E., & Rahmatya, M. D. (2019). Perancangan Sistem Informasi Administrasi pada
Pondok Pesantren Pembangunan Sumur Bandung. Jurnal Teknologi dan Informasi, 9(1), 1-
11.
https://ranahresearch.com/metode-penelitian-dan-jenis-metode-penelitian/
https://ranahresearch.com/metode-waterfall/
https://www.djkn.kemenkeu.go.id/artikel/baca/12773/Memahami-Metode-Penelitian-
Kualitatif.html
https://www.dicoding.com/blog/apa-itu-node-js/