UNIVERSITAS ISLAM LAMONGAN (UNISLA)

FAKULTAS TEKNIK
PROGRAM STUDI TEKNIK SIPIL
PROGRAM STUDI TEKNIK ELEKTRO
PROGRAM STUDI TEKNIK INFORMATIKA

: SK.BAN PT.Nomor :014/BAN-PT/Ak-XIV/S1/VII/2011

: SK.BAN PT.Nomor :014/BAN-PT/Ak-XIV/S1/VII/2011
: SK.BAN PT.Nomor :016/BAN-PT/Ak-XIV/S1/VII/2011

Veteran No. 53 A Telp. (0322) 324706, Fax. (0322) 324706, 316221 Lamongan

PROPOSAL SKRIPSI
NIM

: 110910628

Nama

: ZAINAL MUTTAQIN

Program Studi : TEKNIK INFORMATIKA

Judul Skripsi

: RANCANG BANGUN SISTIM INFORMASI

ADMINISTRASI PONDOK PESANTREN AL AMIN
SITUBONDO DENGAN PHP

Pembimbing I

: Nurul Fuad S.Kom I ______________________tgl :

Pembimbing II : Nama Pembimbing II ______________________

{diisi setelah proposal disetujui}

Mengetahui,
Ketua Program Studi

( __________________________)
{diisi setelah proposal disetujui}

BAB I
PENDAHULUAN
1.1 Latar Belakang
Pada saat ini perkembangan informasi telah berkembang dengan sangat
pesat, oleh karena itu sudah banyak pula perusahaan-perusahaan atau
instansi-instansi yang menggunakan sistem informasi administrasi untuk
meningkatkan pelayanan denga baik.
Adapun cara untuk meningkatkan pengolahan keuangan sebua pondok
pesantren ialah dengan cara membangun sistem informasi administrasi yang
baik. Dan syarat untuk membangun sistem informasi administrasi yang baik
yaitu adanya kecepatan dan keakuratan untuk memperoleh informasi data
yang dibutuhkan. Komputer adalah suatu alat yang dapat menyimpan data,
mengolah data, dan memberikan informasi data yang diinginkan secara tepat
dan akurat yang berguna bagi pondok pesantren untuk kemudahan
mengkakulasi data keuangan.
Pada Pondok Pesantren Al Amin sumberkolak Situbondo, pencatatan
dan pengolahan data keuangan donatur, data kbutuhan santri beserta
keuangan kegiatan belajar, masih dilakukan dengan menggunakan tulisan
tangan. Hal ini dapat dikatakan kurang efektif dan efisien, dikarenakan sulit
untuk mencatat dan menghitung banyaknya keuangan dalam pesantren yang
ada, banyaknya kebutuhan pada pesantren, maupun besarnya jumlah
pengeluaran kebutuhan santri. Banyaknya jumlah keuangan yang dikelolah,
pencatatan kebutuhan donatur dan tingkat banyaknya pengeluaran yang
dibutuhkan dapat mengakibatkan pengelolah pondok pesantren mengalami
kesulitan untuk mengelola dan menghitung pemasukan donatur, pengeluaran
biaya belajar santri, dan perolehan penjualan secara cepat, tepat, dan efisien.
Berdasarkan uraian yang ada di atas, maka penulis mencoba untuk
menyusun Skripsi dengan judul Rancang Bangun Sistim Informasi
Administrasi Pondok Pesantren Al-Amin Situbondo Dengan PHP.
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah di atas, penulis merumuskan
permasalahan sebagai berikut :
1. Bagaimana suatu pesantern dapat mengolah data dengan mudah, tepat,
dan teratur ?
2. Bagaimana membangun suatu sistem informasi administrasi
pencatatan dan pengolahan data keuangan donatur, data kbutuhan
santri beserta keuangan kegiatan belajar santri, sistem informasi
administrasi tersebut dapat membantu memasukkan data administrasi
pesantren dengan terkomputerisasi?
3. Bagaimana membuat suatu laporan pendapatan donatur dan
pencatatan dan pengolahan data keuangan donatur, data kbutuhan
santri beserta keuangan kegiatan belajar santri?

1.3 Batasan Masalah

Permasalahan dibatasi pada pembuatan sistem informasi administrasi :
1. Data donatur, data pemasukan donatur, data pengeluaran donatur.
2. Kebutuhan pesantren,
3. Besrta kebutuhan kegiatan belajar santri, data santri, pembayaran uang
gedung, pembayaran buku kegiatan belajar, penbayaran seragam,
pembayaran SPP (pembayaran asrama, pembayaran air, listrik, dan
kegiatan belajar).
4. Dan penyediaan fasilitas-fasilitas lainnya yang dapat mempermudah dalam
pembuatan laporan keuangan.
1.4 Tujuan Penelitian
Adapun tujuan penulisan skripsi ini adalah :
1. Menyediakan interface yang dapat mempermudah user dalam mengolah
data data keuangan donatur kebutuhan pesantren, besrta kebutuhan
kegiatan belajar santri.
2. Menyediakan sarana untuk admin dalam proses pengolahan dan
penampilan data administrasi pondok pesantren, serta pencatatan dan
pengolahan data data keuangan donatur kebutuhan pesantren, besrta
kebutuhan kegiatan belajar santri.
1.5 Manfaat
Adapun manfaat penyusunan skripsi ini adalah :
1. Sebagai sarana untuk mempermudah pengelolaan dalam proses
pengolahan dan penampilan data administrasi pondok pesantren, serta
pencatatan dan pengolahan data keuangan donatur kebutuhan pesantren,
besrta kebutuhan kegiatan belajar santri, di Pondok Pesantren Al-Amin
Situbondo.
2. Mengubah pengelolaan data data dalam proses pengolahan dan
penampilan data administrasi pondok pesantren, serta pencatatan dan
pengolahan data keuangan donatur, kebutuhan pesantren, besrta
kebutuhan kegiatan belajar santri menjadi terkomputerisasi.

BAB II
TINJAUAN PUSTAKA
2.1 Tinjauan Pustaka Pertama
Rayendra Pratama (2011) seorang Mahasiswa Program Studi Manajemen
Informatika Politeknik Telkom Bandung, Menyatakan bahwa Yayasan Darul
Aytam Nusantara adalah suatu yayasan yang di bangun oleh alumni ESQ
Jakarta sebagai Total action para alumni ESQ. Yayasan ini berdiri pada tahun
2010 dan menaungi 21 anak yatim yang berada di sekitar lingkungan menara
165 Jakarta. Hingga saat ini Yayasan Darul Aytam Nusantara dikembangkan
oleh para relawan yang datang dari berbagai latar belakang, seperti :
Dokter,Pendidik, pegawai Negeri dan swasta, mahasiswa, dan sebagainya.
satu hal yang sama diantaranya adalah tekad untuk membantu anak yatim
piatu di lingkungan menara 165 Jakarta.
Yayasan Darul Aytam Nusantara membiayai kegiatannya sendiri dan dari
donatur. Dana dikumpulkan dari masyarakat yang peduli dan ingin membantu
anak-anak yatim piatu. Penyaluran donasi dari donatur kepada anak yatim
dilakukan 2 kali dalam sebulan. Tempat dilaksanakannya penyaluran donasi
di menara 165 Jakarta. Dengan cara mendatangkan anak yatim ke menara 165
Jakarta.
Pendataan yang di lakukan oleh Yayasan Darul Aytam Nusan pencataan
di buku seperti pendataan pemasukan dan pengeluaran yayasan dan pendataan
anak yatim. Namun pendataan pemasukan dan pengeluaran tidak di rekap
dalam satu buku dan pendataan anak yang di lakukan kurang maksimal
karena datanya yang menyebar di orang yang berbeda. Sehingga donatur
kesulitan mencari informasi tentang anak yatim yang di bawah naungan
Yayasan Darul Aytam Nusantara. Untuk pendataan dotatur, yayasan tidak ada
pendataan donatur. Sehingga yayasan kesulitan untuk mencari pemasukan
dari donatur yang sering memberi donasi.
Sedangkan suatu sistem memiliki sifat-sifat atau unsur-unsur tertentu
untuk dapat memahami atau mengembangkan suatu sistem, maka perlu
membedakan unsur-unsur dari sistem yang membentuknya, berikut ini
karateristik sistem yang dapat membedakan suatu sistem dengan sistem yang
lainnya.
Element sistem (elements)
Batasan sistem (boundary)
Lingkungan luar (envirounment)
Penghubung sistem (interface)
Masukan sistem (input)
Keluaran sistem (output)
Pengolahan sistem (procces)
Sasaran sistem (obyektive)
Dengan mengikuti panduan di atas diharapkan dapat menbuat aplikasi
sistem informasi administrasi donatur yang dinamis dan solid.
4

2.2 Tinjauan Pustaka Lain

Iqbal Muhammad Salman, (Jakarta, Maret 2011), Fakultas Sains Dan
Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta, menyatakan
bahwa Yayasan Griya Yatim dan Dhuafa ini adalah suatu lembaga atau
organisasi yang bergerak dalam bidang sosial keagamaan. Dengan semakin
banyaknya data yang tersimpan tercatat setelah 2 tahun berdiri dari tahun
2009 Yayasan ini sudah memiliki 4 cabang asrama dan telah memiliki 288
anak asuh non mukim dan 40 anak asuh berstatus mukim serta telah memiliki
800 anggota donatur yang telah terdaftar. Dengan banyaknya data tersebut
telah menyulitkan pihak Yayasan dalam mengelola seluruh data yang
diterima sehingga mengakibatkan terjadinya penumpukan berkas. Dari
permasalahan tersebut mendorong untuk merancang suatu sisem dengan
memanfaatkan teknologi komputer khususnya dalam penggunaan internet
yang diolah dengan suatu manajemen sistem informasi yang akurat,
perancangan sistem ini bertujuan untuk membantu meningkatkan pelayanan
pada Yayasan Griya Yatim dalam mengelola data donatur serta proses dan
laporan-laporan yang terkait secara sistematis. Oleh karena itu perancangan
sistem ini dibuat dengan berbasis web untuk memudahkan pihak Yayasan
dalam mengelola data-data yang dibutuhkan. Dalam penelitian ini dilakukan
dengan menggunakan metode pengembangan sistem OOAD (Object
Oriented Analysis Design) oleh Mathiansen et. dengan bahasa pemodelan
UML (Unified Modeling language). Selain itu tools yang digunakan dalam
perancangan sistem ini adalah dengan menggunakan bahasa pemrograman
PHP, dan database MySQL untuk penyimpanan data. Hasil dari penelitian ini
yang berupa sistem informasi manajemen dana pengelolaan donatur berbasais
web, diharapkan dapat membantu kinerja pada Yayasan Griya Yatim dalam
meningkatkan pelayanannya terhadap donatur dan memberikan informasiinformasi yang akurat untuk diberikan kepada donatur yang membutuhkan.
2.3

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 penerjemah
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.
XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends,
yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development
Team) & Tim Dukungan (Support Team).
Bagian Penting XAMPP
Mengenal bagian XAMPP yang biasa digunakan pada umumnya.

htdoc adalah folder tempat meletakkan berkas-berkas yang akan

dijalankan, seperti berkas PHP, HTML dan skrip lain.
phpMyAdmin merupakan bagian untuk mengelola basis data MySQL
yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan
alamat http://localhost/phpMyAdmin, maka akan muncul halaman
phpMyAdmin.
Kontrol Panel yang berfungsi untuk mengelola layanan (service)
XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).

Untuk tampilan localhost/phpMyAdmin, bisa kita lihat sebagai berikut.

Untuk
membukanya,
buka
browser
lalu
ketikkan
alamat
http://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin.

Gambar 2.1 Tampilan Utama Pada LocalhostPhpMyadmin

Kontrol Panel yang berfungsi untuk mengelola layanan (service)
XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).

Gambar 2.2 Tampilan Utama Kontrol Panel XAMPP

2.3 MACROMEDIA DREAMWEAVER 8

Macromedia Dreamweaver adalah program untuk membuat dan
mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs.
Dreamweaver menyediakan banyak perangkat yang berkaitan dengan
pengkodean dan fitur seperti HTML, CSS, JavaScript, PHP, ASP,
ColdFusion, dan XML.
Area Kerja Dreamweaver 8
Halaman Awal

Gambar 2.3 Halaman Awal Dreamweaver 8

Menu Di Dreamweaver
Pada halaman awal Dreamweaver 8 terdapat beberapa menu yang dapat
dipilih :
Open a Recent Item
Pada menu ini akan ditampilkan beberapa file yang sebelumnya pernah
kita buka dengan menggunakan Dreamweaver 8. Atau di paling bawah ada
Open yang dapat digunakan untuk membuka file yang lain.
Create New
Pada menu ini kita dapat memilih dokumen baru apa yang akan kita buat
dengan menggunakan Dreamweaver 8. Ada banyak pilihan, diantaranya
HTML, ColdFusion, PHP, ASP, JavaScript, CSS.
Create From Samples
Pada menu ini kita dapat membuat file berdasarkan contoh yang sudah
diberikan oleh Dreamweaver.

Halaman Utama Dreamweaver 8

Gambar 2.4 Halaman Utama Dreamweaver 8

Keterangan :
1. Toolbar Dokumen
Toolbar dokumen digunakan untuk mengubah tampilan dan mengakses
fungsi-fungsi penting secara cepat dan mudah. Pada toolbar dokumen
terdapat menu untuk berpindah antar dokumen kerja window dan
mengatur tampilan area kerja. Untuk mengatur tampilan kita bisa memilih
Code, Split dan Design.
2. Menu Utama
Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja
pada Dreamweaver.
3. Insert Bar

Gambar 2.5 Insert Bar

Insert bar merupakan tempat semua perangkat kerja (tombol) tang
digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis
tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.
Tab Common
] Berisi semua tombol yang sering atau umum digunakan untuk
membuat halaman web. Tombol yang ada di Tab Common antara lain
Hyperlink, Email Link, Named Anchor, Table, Images.
Tab Layout

Tab layout digunakan untuk membuat layout halaman web. Terdapat

tiga jenis layout yang dapat dipilih, yaitu Standard, Expanded dan
Layout.
Untuk Standard view tampilan dokumen seperti biasa (berupa
garis-garis tabel)
Untuk Expanded view menampilkan border tabel yang
direnggangkan sehingga semua rancangan tabel dapat dilihat
dengan jelas baik itu baris dan kolomnya.
Untuk Layout view rancangan tabel ditampilkan sebagai kotakkotak yang dapat di-drag, dan diatur ulang ukurannya dengan
mudah.
Tab Form
Tab form digunakan untuk membuat elemen dalam form, misalnya
saja textarea, textfield, radio button, checkbox
Tab Text
Tab text digunakan untuk membuat pengaturan text. Misalnya saja
membuat text italic, strong, underline, h1.
Tab HTML
Tab HTML digunakan untuk membuat garis
horizontal,
menambahkan meta tag dalam tag <head>, dan frame.
Tab Application
Tab application digunakan jika aplikasi kita sudah berhubungan
dengan suatu bahasa pemrograman dan sebuah database.
Tab Flash elements
Tab flash elements digunakan untuk memasukkan elemen flash dalam
dokumen yang kita buat.
4. Code View
Code View digunakan untuk melihat kode HTML dari halaman web yang
sedang kita buat.
5. Panel Properties
Panel properties merupakan panel yang digunakan untuk melihat dan
mengubah property dari semua objek yang ada di area kerja. Masingmasing objek mempunyai property yang berbeda. Untuk melihat property
dari objek yang diinginkan, seleksi dulu objek tersebut.
6. Design View
Design View digunakan untuk melihat tampilan web dari kode HTML
yang kita buat.
Panel Group
Panel group terdiri dari beberapa panel yang digunakan sebagai window
pembantu untuk bekerja di Dreamweaver. Terdapat lima buah panel yaitu
Design, Code, Application, Tag Inspector dan Files.
Pada panel Files berisi semua files (html, image, swf) jika anda telah
mendefinisikan suatu site ke dalam area kerja Dreamweaver.

 Pada panel code berisi semua penjelasan dari tag-tag HTML dan cara
penggunaanya.
Panel Design berisi format-format CSS yang ada pada dokumen yang
sedang dikerjakan.

2.4 Perangkat Lunak Acuan

Halaman login pada sistiem informasi pada Yayasan Darul Aytam
Nusantara, merupakan halaman awal yang harus diisi terlebih dahulu oleh
user atau donatur untuk dapat melakukan akses pada aplikasi ini.

Gambar 4.1Halaman Login Donatur

Berikut ini adalah aktivitas penggunaan yang dapat dilakukan oleh user
pada halaman login :
a. Home
b. Profil
c. Data Anak Yatim
d. Data Donatur
e. Data Donasi
f. Log Out

10

BAB III
ANALISA DAN DESAIN SISTEM
3.1 Diagram Kontext (Context Diagram)
Diagram konteks disini merupakan gambaran keseluruhan dari suatu
sistem informasi administrasi. Diagram konteks yang merupakan gambaran
dari sistem informasi Manajemen Administrasi Pondok Pesantren Al - Amin
Situbondo adalah sebagai berikut :

Gambar 3.1 Diagram Kontext

Di dalam diagram konteks sistem informasi administrasi pada pesantren
ini terdapat tiga entitas, yaitu, admin, user, dan yayasan (kepala yayasan).
Admin memberikan data donatur, data santri dan memberikan hak akses
pada user, ke dalam sistem, yang selanjutnya akan diproses. Dan laporan
keseluruhan yang meliputi kbutuhan donatur, laporan pendapatan hasil
donasi, dan laporan biaya kebutuhan santri, yang akan diberikan kepada
Yayasan.

11

Data Flow Diagram (DFD) Level 0

Update laporan

View laporan

Gambar 3.2 DFD Level 0

Pada Data Flow Diagram level 0 ini terdapat 4 proses, antara lain:

12

1. Proses 1.0 yaitu proses pengimputan data donatur . daftar identitas

donatur, nominal yang diberikan oleh donatur, untuk dsesuakan berapa
yang dberikan oleh donatur, kemudian di simpan di dalam suatu file yaitu
file donatur.
2. Proses 2.0 yaitu proses pencatatan donatur, nominal yang dibetikan oleh
donatur. Di dalam proses ini dilakukan kegiatan pencatatan nama donatur,
nominal yang diberikan. Setelah dicatat, data disimpan dalam file donatur.
3. Proses 3.0 yaitu proses transaksi pembayaran donatur. Di dalam proses ini
data donatur barang yang berupa nama donatur, jumlah yang dberikan oleh
donatur dan total pembayaran perbulan akan diolah sehingga
menghasilkan bukti pembayaran yang akan diberikan kepada donatur.
Kemudian data dari seluruh pembayaran penjualan akan diberikan ke
proses 4.0 untuk dibuat laporannya.
4. Proses 4.0 yaitu proses pembuatan laporan. Seluruh data pembayaran
donatur, jumlah total kseluruan hasil dari pembayaran donatur kemudian
diolah untuk dibuat laporannya. Laporan yang dihasilkan berupa laporan
penjualan barang keseluruhan yang akan diberikan kepada yayasan.
Data Flow Diagram (DFD) Level 1
Sedangkan pada Proses 1 masih dapat dijabarkan sebagai berikut :

Gambar 3.3 DFD Level 1 proses 1

Gambar 3.4 DFD Level 1 proses 2

13

Gambar 3.5 DFD Level 1 proses 3

Gambar 3.6 DFD Level 1 proses Laporan

14

3.2 Input dan Output

Dari rancangan latar belakang dan sistem yang dibahas di atas maka
input dan output dari aplikasi sistem informasi administrasi tersebut adalah
sebagai berikut:
1. Admin
input data santri
input data kebutuhan
input data donatur
input data donasi
input data fiktur lain
2. User/Pegawai
input data donasi
input kebutuhan
Data keluaran yang dihasilkan dari inputan dia atas adalah:
1. Admin
laporan data santri
laporan data kebutuhan
laporan data donatur
laporan data donasi
laporan data fiktur lain
3. User/Pegawai
laporan data donasi
laporan kebutuhan

3.3 Fitur Utama

Ada beberapa fiture utama yang dirancang dalam pembuatan sistem
informasi administrasi ini diantaranya ialah:
sistem
home

home

profile

profile

Data santri

Data santri

Data donatur

Data donatur

login

Data donasi

Login admin
home

Data keuangan
Data user
logout

15

Crud_posting

profile

Crud_profile

Data santri

Crud_ santri

Data donatur

Crud_donatur

Data donasi

Crud_ donasi

Data keuangan

Crud_keuangan

Data user

Crud_user

Gambar 3.1 Fiture utama halaan utama sistem administrasi

DAFTAR PUSTAKA
Adam Lala, Andhie dan Indrajit Eko Richardus, Dr, 2002, Database Server
PostgreSQL, PT. Elex Media Komputindo, Universitas Ahmat Dahlan.
Jakarta.
Nugroho.Bunafit. 2004. PHP & mySQL dengan Editor Dreamveaver 8.
Penerbit Andi. Apache Friends, XAMPP, 1 Oktober 2012, Yogyakarta,
http://id.wikipedia.org/wiki/XAMPP.
Adobe

Systems,
Adobe
Dreamweaver,
http://id.wikipedia.org/wiki/Adobe_Dreamweaver

April 22, 2012,

Rayendra Pratama, 2011, Hery Rossy Andrian, Sistem Informasi Darul Aytam
Mnusantara, Program Studi Manajemen Informatika Politeknik Telkom
Bandung.
Iqbal Muhammad Salman, (Jakarta, Maret 2011), Fakultas Sains Dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta, Sistem Informasi
Manajemen Dana Pengelolaan Donatur Berbasis Web Pada Yayasan Griya
Yatim Dan Dhuafa (Studi Kasus : Cabang Asrama Griya Bintaro)

16

LEMBAR NOTULEN SEMINAR PROPOSAL

Penguji 1 : _______________

Penguji 2 : _______________

Penguji 3 : _______________

17

18