Naskah Publikasi PERANCANGAN SISTEM INFORMASI DI PANTI ASUHAN YATIM Perancangan Sistem Informasi Di Panti Asuhan Yatim PKU Muhammadiyah Cabang Blimbing Berbasis Web.
Naskah Publikasi
PERANCANGAN SISTEM INFORMASI DI PANTI ASUHAN YATIM
PKU MUHAMMADIYAH CABANG BLIMBING BERBASIS WEB
Diajukan Untuk Melengkapi dan Memenuhi Syarat Guna Mencapai
Gelar Sarjana Strata Satu Jurusan Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Surakarta
Disusun Oleh:
ADE WISNU WARDANA
NIM :D600 090 024
JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2013
SURAT PERNYATAAN
PUBLIKASI KARYA ILMIAH
Bismillahirrahmanirrohim
Yang bertanda tangan dibawah ini, saya
Nama
: Ade Wisnu Wardana
NIM
: D600 090 024
Fakultas/Jurusan
: Teknik/Industri
Jenis
: Skripsi
Judul
:Perancangan Sistem Informasi Berbasis Web Di
Panti Asuhan Yatim PKU Muhammadiyah cabang
Blimbing
Dengan ini menyatakan bahwa saya menyetujui untuk
Memberikan hak bebas royalti kepada Perpustakaan UMS atas
penulisan karya ilmiah saya, demi pengembangan ilmu pengetahuan.
Memberikan hak menyimpan, mengalih mediakan/mengalih
formatkan, mengelola dalam bentuk pangkalan data (database),
mendistribusikannya, serta menampilkannya dalam bentuk softcopy
untuk kepentingan akademis kepada Perpustakaan UMS, tanpa perlu
meminta ijin dari saya selama tetap mencantumkan nama saya
sebagai penulis/pencipta.
Bersedia dan menjamin untuk menanggung secara pribadi tanpa
melibatkan pihak Perpustakaan UMS, dari semua bentuk tuntutan
hukum yang timbul atas pelanggraan hak cipta dalam karya ilmiah
ini.
Dengan pernyataan ini saya buat dengan sesungguhnya dan semoga dapat
digunakan sebagaimana semestinya.
Surakarta, 29 Oktober 2013
Yang Menyatakan
Ade Wisnu Wardana
PERANCANGAN SISTEM INFORMASI DI PANTI ASUHAN
YATIM PKU MUHAMMADIYAH CABANG BLIMBING
BERBASIS WEB
Ade Wisnu Wardana
Jurusan Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Surakarta
Jl. A. Yani Tromol Pos 1 Pabelan Kartasura Surakarta Jawa Tengah 57162
Email : ade_wisnu_wardana@yahoo.co.id
ABSTRAKSI
Sistem informasi berbasis website sangat dibutuhkan oleh lembaga-lembaga sosial
seperti panti asuhan untuk membantu dalam menyebarkan informasi dan untuk menambah jumlah
donatur melalui internet.
Website ini dirancang dengan menggunakan PHP dan MySQL. Untuk pengujian server
yang di gunakan adalah server local dengan menggunakan XAMPP. Tahapan yang dilakukan
untuk merancang website ini dengan melakukan indentifikasi kebutuhan sistem, perancangan
website, pengujian dan pengembangan website, analisis perancangan sistem, publikasi situs
website.
Perancangan website ini terdapat dua bagian yaitu halaman depan dan halaman
administrator. Halaman depan merupakan halaman yang bisa di akses oleh semua orang,
Sedangkan halaman administrator adalah halaman khusus yang hanya bisa di akses oleh admin
dengan memasukkan username dan password yang fungsinya untuk melakukan proses
penambahan data, merubah data dan menghapus data.
Sistem Informasi Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing berbasis
web ini merupakan media informasi online yang dapat di akses oleh semua orang, Rancangan
sistem informasi ini di rancang untuk memberikan informasi-informasi tentang Panti Asuhan
Yatim PKU Muhammadiyah cabang Blimbing seperti kegiatan panti, daftar anak asuh, daftar
pengurus, berita tetang panti, gallery foto panti, aset panti, kontak serta lokasi panti asuhan, serta
untuk meningkat jumlah donatur Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing
dengan menyediakan sistem untuk menyumbang melalui website ini.
.
KATA KUNCI : MySQL; PHP ; Sistem Informasi; XAMPP
I PENDAHULUAN
1.1 Latar Belakang masalah
Sistem informasi berbasis website sangat dibutuhkan oleh lembaga-lembaga sosial
seperti panti asuhan untuk membantu dalam menyebarkan informasi dan untuk menambah
jumlah donatur melalui internet. Karena dengan adanya website maka informasi akan lebih
efektif dan lebih cepat dalam penyebaranya.
Panti Asuhan Yatim PKU Muhammadiyah cabang blimbing adalah panti asuhan
yang bertugas memberikan pelayanan dan santunan kepada anak-anak yatim piatu dan orang
lanjut usia yang terlantar agar dapat hidup layak dan terawat dalam kehidupan masyarakat.
Selain itu Panti Asuhan Yatim PKU Muhammadiyah cabang blimbing juga mengadakan
kegiatan-kegiatan yang bermanfaat seperti pelatihan-pelatihan guna memberikan bekal untuk
masa depan anak-anak di panti asuhan. Sebagai lembaga sosial yang berbasis panti yang
memiliki berbagai sumber daya perlu mengembangkan diri menjadi panti asuhan yang lebih
progresif guna untuk mengantisipasi dan merespon kebutuhan-kebutuhan panti asuhan yang
terus meningkat.
Agar terlaksannya suatu perubahan yang berdampak lebih baik maka perlu ada suatu
perubahan agar mendapatkan hasil yang lebih baik lagi. Dari latar belakang masalah yang
ada, maka penulis mengangkat tema tenteng “Perancangan Sistem Informasi di Panti Asuhan
PKU Muhammadiyah cabang Blimbing Berbasis Web”.
1.2 Perumusan Masalah
Berdasarkan latar belakang yang ada, maka dapat dirumuskan masalahnya adalah
bagaimana merancang dan membuat sistem informasi di Panti Asuhan Yatim PKU
Muhammadiyah cabang Blimbing berbasis web.
1.3 Batasan Masalah
Agar dalam penelitian ini lebih terarah dan memudahkkan dalam pembahasan, maka
perlu adanya batasan masalah yaitu:
1. Penelitian dilaksanakan di Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing
yang terletak di Wonorejo, RT 04 RW 04 Polokarto, Sukoharjo.
2. Dalam tugas akhir ini perancangan dilakukan untuk menampilkan informasi-informasi
terkait Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing.
3. Sistem informasi berbasis web tersebut dirancang dengan menggunakan perangkat
lunak sebagai berikut: sistem operasi windows 7, microsoft word, macromedia
dreamwiever, PHP dan My SQL dengan XAMP, Coreldraw.
1.4 Tujuan Penelitian
Tujuan dari penelitian dalam tugas akhir ini adalah merancang sistem informasi di
Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing berbasis website guna untuk
memberi informasi kepada masyarakat.
1.5 Manfaat Penelitian
Manfaat yang dapat di ambil dalam tugas akhir ini adalah sebagai berikut :
1. Membantu pihak Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing dalam
memberikan informasi kepada masyarakat sehingga akan meningkatkan jumlah donatur.
2. Memberikan kemudahan bagi masyarakat dalam mendapatkan informasi tanpa harus
datang ke panti asuhan.
3. Mempermudah masyarakat untuk menyumbang.
II LANDASAN TEORI
Sistem merupakan kumpulan dari elemen yang saling berinteraksi dan bekerja sama
untuk memproses sebuah masukan atau input yang di gunakan dalam sebuah sistem serta
mengolah sebuah input tersebut menjadi sebuah keluaran atau output yang di inginkan.
(Kristanto, 2003)
Informasi merupakan sebuah alat yang berfungsi alat pengambil keputusan. Informasi
sendiri merupakan sekumpulan sebuah data yang di proses sehingga menjadi sebuah bentuk
yang lebih bermanfaat dan lebih berarti bagi penerimanya. Data merupakan sumber dari
informasi tersebut di mana data merupakan fakta atau kejadian yang tercatat dalam suatu
gambaran atau objek dari kejadian yang di hadapi (Nugroho,2008)
Sistem informasi merupakan sistem yang di buat oleh manusia yang terdiri
komponen-komponen yang terstruktur untuk mencapai suatu tujuan yaitu memberikan
informasi. Sistem informasi sendiri merupakan kumpulan dari perangkat keras atau perangkat
lunak serta manusia yang mengolah atau memproses data menggunakan perangkat lunak atau
perangkat keras tersebut.
2.1 Desain sistem
Desain sistem merupakan tahapan yang memerlukan suatu keahlian dalam
perencanaan untuk elemen komputer yang memakai sistem yang baru. Ada beberapa alat
yang digunakan dalam desain sistem yaitu DFD(data flow diagram), Context diagram,
ERD (entitas relationship diagram), dekomposisi proses dan lain sebagainya.
3.1.1 DFD (data flow diagram)
DFD adalah suatu model logika data yang dibuat untuk menggambarkan
darimana asal data tersebut, kemana tujuan data tersebut, proses apa yang dilalui
data tersebut, menghasilkan apa proses yang dilalui data tersebut dan dimana data
tersebut di simpan.
3.1.2 DFD leveled
DFD leveled merupakan model yang menggambarkan penurunan dari data
flow diagram. Dalam penurunan level ini merupakan penurunan level ke dalam level
yang lebih rendah dimana penurunan level ini harus mampu menjelaskan proses
tersebut ke dalam spesifikasi proses yang lebih detail.
3.1.3 Context diagram
Diagram kontek merupakan sebuah diagram sederhana yang menggambarkan
hubungan entitas luar, input dan output dari sistem. Diagram kontek di
representasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem.
2.2 Database Mysql
My SQL termasuk jenis RDBS (relational data base management
system).RDBMS sendiri banyak menggunakan istilah seperti tabel, baris dan kolom dalam
melakukan perintah di My SQL. Dalam PHP telah tersedia fungsi untuk koneksi ke data
base dengan sejumlah fungsi untuk melakukann pengaturan baik menghubungkan maupun
memutuskan koneksi dengan server databese My SQL
Data yang ada dalam sebuah tabel berupa field yang berisi nilai dari data tersebut.
Nilai tersebut memiliki sebuah type data sendiri-sendiri dimana type data tesebut meliputi
tipe data numerik, tipe data string dan tipe data date (Kurtiyaningsih dan Rosa, 2011)
2.3 PHP
PHP Hypertext Preprosessor adalah bahasa skrip yang biasa di gunakan dalam
website. Cara penulisan scrip PHP ada dua macam, yaitu Embedded script dan non
embedded script. Dapat dijelaskan bahwa skrip PHP dapat berupa embedded script yaitu
meletakkan tag PHP di antara tag-tag HTML. Sedangakan non embedded script semua tag
HTML diletakkan dalam tag PHP. (Kurtiyaningsih dan Rosa, 2011)
III METODOLOGI PENELITIAN
3.1 Objek Penelitian
Tempat yang di gunakan untuk penelitian adalah Panti Asuhan PKU
Muhammadiyah cabang Blimbing yang terletak di Wonorejo Rt 04 Rw 04, Polokarto
Sukoharjo.
3.2 Teknik Pengumpulan Data
1. Wawancara
Merupakan suatu metode pengumpulan data dengan cara melakukan tanya
jawab dengan pihak-pihak yang terkait dengan Panti Asuhan PKU Muhammadiyah
cabang Blimbing. Tanya jawab ini bertujuan supaya data yang dibutuhkan lebih
lengkap dan jelas. Dimana data data yang di dapat adalah seperti profil panti, sejarah,
visi dan missi, susunuan pengurus, anak asuh, serta kegiatan-kegiatan yang ada serta
data-data penunjang lainya.
2. Dokumentasi
a. Dokumentasi langsung
Merupakan cara pengumpulan data dengan langsung mengambil data
berupa foto atau data lainya langsung dari Panti Asuhan Yatim PKU
Muhammadiyah Cabang Blimbing.
b. Dokumentasi tidak langsung
Merupakan cara pengumpulan data dengan mengambil data berupa foto
atau data lainya dari pengurus Pengurus Panti Asuhan Yatim PKU
Muhammadiyah cabang blimbing.
3. Studi pustaka
suatu cara yang digunakan oleh peneliti dengan cara mencari referensi di
perpustakaan yang berhubungan dengan masalah yang akan di bahas
3.3 Identifikasi Kebutuhan Sistem
Tahapam identifikasi kebutuhan sistem ini adalah untuk mengetahui kebutuhan
dari sistem tersebut seperti data apa saja yang nantinya akan di gunakan dalam sistem
tersebut.
3.4 Perancangan website
Perancangan website ini merupakan tahapan merancang database yang akan di
gunakan menyimpan data dan mendesain website untuk Panti Asuhan Yatim PKU
Muhammadiyah cabang Blimbing.tahapan perancangan adalah seperti berikut:
1. Pengorganisasian web
Pengorganisasian ini berfungsi untuk mempermudah dalam membuat
gambaran atau alur informasi yang jelas mengenai situs web yang akan di buat.
Struktur web Panti Asuhan PKU Muhammadiyah cabang Blimbing dapat di lihat pada
gamabar 3.1
Halaman Utama
Home
2.
Profil
Berita
Kegiatan
Gallery
Contact
Gambar 3.1 Struktur situs web panti asuhan
Desain web
Tahap desain merupakan tahapan membuat aplikasi website dengan
menggunakan dreamweaver dan xampp untuk membantu pengoperasian pada server
lokal serta membantu menghubungkan rangan website dengan database. Dalam
desain web ini terdapat bagian-bagian dalam desain yaitu bagian atas berisi tentang
nama panti asuhan beserta menu-menunya, bagian tengah berisi tentang isi website
dan bagian bawah berisi tentang keterangan hak cipta.
IV PERANCANGAN SISTEM
4.1 Identifikasi Kebutuhan Sistem
Sistem atau prosedur dalam perancangan sistem informasi di panti asuhan yatim
PKU muhammadiyah cabang blimbing adalah sebagai berikut:
1. Context diagram
Input, edit dan delete informasi
panti asuhan, data anak asuh, data
pengurus, data penerima santunan
Informasi panti asuhan, anak asuh,
pengurus, penerima santunan
Konfirmasi publikasi data
Admin
Laporan Data buku tamu
Sistem Informasi
Panti Asuhan Yatim
PKU Muhammadiyah
cabang Blimbing
berbasis web
Donatur
Laporan Konfirmasi Donasi
Konfirmasi publikasi data
Data buku tamu
Konfirmasi Donasi
Pengurus
Konfirmasi publikasi
Gambar 4.1 Context Diagram
Keterangan gambar 4.1 context diagram
a. Admin melakukan konfirmasi kepada pengurus apakah data tersebut dapat di
publikasikan atau tidak, Admin melakukan proses penambahan data, pengubahan
data dan menghapus data anak asuh, pengurus, data penerima santunan dan
informasi tentang panti asuhan.
b. Pengurus memberikan konfirmasi kepada admin apakah data bisa di publikasikan
atau tidak.
c. Donatur akan melihat informasi-informasi terkait panti asuhan seperti anak asuh,
pengurus, penerima santunan, kegiatan-kegiatan panti asuhan. Memberikan donasi
ke panti asuhan melalui via transfer kemudian akan melakukan konfirmasi.
2. Dekomposisi Proses
Sistem Menyumbang
Lihat Informasi
Transfer Uang
Konfirmasi Transfer
INPUT:
INPUT:
INPUT:
- Info Berita
- Nama Anak
- Alamat Anak
- Tempat Tgl Lahir
- Status Anak
- Pendidikan Anak
- Info Panti Asuhan
- Nama
- Jumlah Uang
- Bank
- Tanggal kirim
- Rekening
- Bukti Transfer
- Nama
- Alamat
- Email
- Tanggal Transfer
- Jumlah Transfer
OUTPUT:
OUTPUT:
OUTPUT:
-Info Panti Asuhan
-Data Anak Asuh
-Bukti Transfer
-Data Donatur
-Bukti Konfirmasi
Gambar 4.2 : Dekomposisi Proses
Keterangan Gambar 4.2 : dekomposisi proses adalah sebagai berikut:
a. Calon donatur akan melihat informasi-informasi tentang panti asuhan yatim PKU
muhammadiyah cabang blimbing seperti berita, kegiatan, anak asuh.
b. Calon donatur akan melakukan transfer ke rekening panti asuhan yatim PKU
muhammadiyah cabang blimbing. Mendapatkan bukti transfer
c. Donatur akan melakukan kofirmasi transfer melalui website panti asuhan dengan
menyertakan bukti transfer.
3. Data Flow Diagram level 1
Memberi Konfirmasi
8.0
Konfirmasi
publikasi
Memberi Konfirmasi
Pengurus
Konfirmasi
Konfirmasi
Contact
Lihat Contact
1.0
Mengolah
Contact
Hapus Contact
Edit Contact
Lihat Contact
Hapus Contact
Edit Contact
Input Contact
Lihat Contact
Input Contact
Berita
Input Berita
Input Berita
Edit Berita
Edit Berita
2.0
Mengolah
Informasi Panti
asuhan
Hapus Berita
Lihat Berita
Hapus Berita
Lihat Berita
Lihat Berita
Input Data Anak
Anak Asuh
Edit Data Anak
ADMIN
Hapus Data Anak
Lihat Data Anak
3.0
Mengolah Data
Anak Asuh
Input Anak Asuh
Edit Anak Asuh
Hapus Anak Asuh
Lihat Anak Asuh
Lihat Anak Asuh
Pengurus
Input Data Pengurus
Edit Data Pengurus
Hapus Data Pengurus
Lihat Data Pengurus
4.0
Mengolah Data
Pengurus
Input Data Pengurus
Edit Data Pengurus
Hapus Data Pengurus
Lihat Data Pengurus
Lihat Data Pengurus
Input Foto
Hapus Foto
5.0
Mengolah
Gallery
Lihat Foto
Input Foto
Hapus Foto
Gallery
Lihat Foto
Lihat Foto
6.0
Pembayaran
Bukti Pembayaran
Transfer Uang
Lihat Data Donatur
Hapus Data Donatur
Input Data Donatur
Edit Data Donatur
7.0
Mengolah
donasi
Donatur
Input data / Konfirmasi Transfer
Lihat Data Donatur
Hapus Data Donatur
Donatur
Input Data Donatur
Edit Data Donatur
Lihat Data Aset
Lihat Data Aset
Input Data Aset
Hapus Data Aset
Input Data Aset
9.0
Mengolah
Aset
Hapus Data Aset
Gambar 4.3: data flow diagram level 1
Aset
4. Data Flow Diagram Level 2
Contact
Input Contact
1.1
Input Contact
Input Contact
ADMIN
Edit Contact
Hapus Contact
1.3
Hapus
Contact
Edit Contact
Hapus Contact
1.4
Lihat Contact
Lihat Contact
DONATUR
1.2
Edit Contact
Lihat Contact
Lihat Contact
Berita
Input Berita
2.1
Input Berita
Input Berita
ADMIN
Edit Berita
Hapus Berita
2.3
Hapus Berita
Hapus Berita
2.4
Lihat Berita
Lihat Berita
DONATUR
Edit Contact
2.2
Edit Berita
Lihat Berita
Lihat Berita
Data Anak Asuh
Input Anak Asuh
3.1
Input Anak
Asuh
Input Anak Asuh
ADMIN
Edit Anak Asuh
Edit Anak Asuh
3.2
Edit Anak
Asuh
Hapus Anak Asuh
3.3
Hapus Anak
Asuh
Lihat Anak Asuh
DONATUR
Lihat Anak Asuh
Hapus Anak Asuh
3.4
Lihat Anak
Asuh
Lihat Anak Asuh
Pengurus
4.1
Input Data
Pengurus
Input Data Pengurus
Input Data Pengurus
Edit Data
Pengurus
ADMIN
Edit Data Pengurus
Hapus Data
Pengurus
4.3
Hapus Data
Pengurus
Lihat Data Pengurus
Lihat Data Pengurus
DONATUR
4.2
Edit Data
Pengurus
Hapus Data Pengurus
Lihat Data
Pengurus
4.4
Lihat Data
Pengurus
Gallery
Input Foto
5.1
Input Foto
Input Foto
ADMIN
Edit Foto
Hapus Foto
Edit Foto
5.2
Edit Foto
5.3
Hapus Foto
Hapus Foto
5.4
Lihat Foto
Lihat Foto
Lihat Foto
Lihat Foto
DONATUR
8.1
Konfirmasi
publikasi
Memberi Konfirmasi Publikasi
Konfirmasi Publikasi
Konfirmasi Transfer
7.1
Input Data
Input Data
Input Data
Donatur
ADMIN
Edit Data
7.2
Edit Data
Hapus Data
Edit data
DONATUR
7.3
Hapus Data
Lihat Data
7.4
Lihat Data
Mentransfer uang
Bukti Transfer
Hapus Data
6.1
Membayar
Lihat Data
Hasil Konfirmasi
Hasil Konfirmasi
8.7
Konfirmasi
publikasi
Konfirmasi
Konfirmasi
Pengurus
Aset
91
Input data
Aset
Input data Aset
Input data Aset
ADMIN
9.2
Edit data
Aset
Edit data Aset
Hapus data Aset
9.3
Hapus data
Aset
Hapus data Aset
9.4
Lihat data
Aset
Lihat data Aset
Lihat Foto
DONATUR
Edit data Aset
Lihat data Aset
Gambar 4.4 : Data flow diagram level 2
5. Entitas Relationship Diagram (ERD)
Nama
Alamat
Ranting
Panti Asuhan
Lansia & ATM
Nama
Nama
Alamat
Tempat Tgl lahir
Status Anak
Panti Asuhan
Anak Asuh
Menyumbang
DONATUR
Alamat
No Telp
Pendidikan
No Rekening
Mengirim
BANK
Nama
Alamat
Jumlah
Bank
Tanggal Kirim
Rekening
Cabang
Gambar 4.5 : Entitas Relationship Diagram
4.2 Analisis Kebutuhan Sistem
Berdasarkan identifikasi kebutuhan sistem yang telah dilakukan dengan
menggunakan context diagram, dekomposisi proses, data flow diagram, dan entitas
relationship diagram sebelumnya, maka informasi yang dibutuhkan dalam memberikan
informasi terkait panti asuhan yatim PKU muhammadiyah cabang blimbing dalam
rancangan website ini adalah Data contact, data berita atau info panti asuhan, data anak,
data pengurus, data gallery, data donatur.
4.3 Perancangan Database
Dalam perancangan sistem informasi berbasis web di panti asuhan yatim PKU
Muhammadiyah cabang Blimbing menggunakan SQL ( Structure query language )
yang di gunakan untuk mengakses sebuah database. Dimana tabel-tabel yang digunakan
adalah sebagai berikut:
1 Tabel Administrator
Tabel administrator adalah tabel yang digunakan untuk menyimpan data
admin yang berfungsi untuk login ke halaman adminsitrator. Struktur tabel
administrator dapa di lihat pada tabel 4.1
No
1
2
Tabel 4.1: Tabel Administrator
Nama
Type
Username
Varchar (20)
Password
Varchar (20)
2. Tabel Donatur
Tabel donatur adalah tabel yang digunakan untuk menyimpan data donatur
yaitu data yang sudah di konfirmasi oleh para donatur akan di simpan pada tabel
donatur. Dimana struktur tabel tersebut dapat di lihat pada Tabel 4.2
Tabel 4.2: Tabel Donatur
No
Nama
Type
Extra
No
Int (11)
AUTO_INCREMENT
1
Jenis
Varchar (50)
2
Nama
Varchar (100)
3
Alamat
Varchar (50)
4
Tanggal_transfer
Varchar (50)
5
Rekening
Varchar (50)
6
Jumlah_transfer
Varchar (50)
7
pesan
Text
8
4.4 Perancangan Website
Dalam perancangan website terdapat dua bagian yaitu halaman depan dan
halaman administrator. Halaman depan merupakan halama yang akan di tampilkan atau
di publikasikan, sehingga semua orang bisa mengakses halaman tersebut dengan mudah.
Sedangkan halaman administrator adalah halaman khusus yang hanya bisa di akses oleh
admin dengan memasukkan username dan password yang fungsinya untuk melakukan
proses penambahan data, merubah data dan menghapus data. Dimana rancangan website
dapat di lihat pada gambar 4.6
Gambar 4.6 : Rancangan Halaman Utama
Pada gambar 4.5: Rancangan Halaman Utama merupakan halaman yang akan muncul
pertama kali ketika user atau pengguna mengakses situs website ini. Halaman utama
berisi tentang kata-kata sambutan. Dalam halaman ini terdapat menu-menu cara
menyumbang dan konfirmasi transfer serta menu login yang digunakan untuk masuk ke
halaman administrator oleh admin.
Gambar 4.7: Halaman Cara Menyumbang
Pada halaman cara menyumbang atau gambar 4.7 telah dijelaskan bagaimana cara
menyumbang melalui via transfer ke rekening donasi kemudian diharapkan donatur akan
melakukan konfirmasi transfer melalui website atau nomor contact panti asuhan.
Rancangan halaman konfirmasi transfer dapat di lihat pada gambar 4.15.
Gambar 4.18: Halaman Konfirmasi Transfer
Pada halaman konfirmasi transfer berisi tentang form yang berfungsi untuk melakukan
proses konfirmasi transfer yaitu dengan memilih jenis sumbangan, mengisi nama, alamat,
tanggal transfer, nomer rekening,jumlah transfer, pesan untuk panti asuhan.
4.5 Analisis Perancangan Sistem
Pada perancangan sistem informasi di Panti Asuhan Yatim PKU Muhammadiyah
cabang Blimbing berbasis web ini masih menampilkan rancangan atau desain website
yang masih sederhana. Rancangan website ini sudah menampilkan semua informasi yang
dibutuhkan oleh pengguna seperti informasi kegiatan panti asuhan, daftar anak asuh,
pengurus, penerima santunan, berita panti asuhan gallery dan contact Panti Asuhan Yatim
PKU Muhammadiyah Cabang Blimbing. Dalam rancangan sistem informasi berbasis web
ini terdapat sistem untuk melakukan menyumbang yaitu pengguna membuka alamat
website dan melihat informasi melalui yang di tampilkan, kemudian pengguna melakukan
transfer ke rekening donasi dan memberikan konfirmasi ke panti asuhan melalui website
atau kontak panti asuhan.
V PENUTUP
5.1. Kesimpulan
Berdasarkan dari analisis dan perancangan sistem informasi Panti Asuhan Yatim
PKU Muhammadiyah cabang blimbing berbasis web maka dapat ditarik kesimpulan
sebagai berikut:
1. Sistem informasi panti asuhan yatim pku muhammadiyah cabang blimbing
berbasis web ini merupakan media informasi online yang dapat di akses oleh
semua orang
2.
Rancangan sistem informasi ini di rancang untuk memberikan informasiinformasi tentang Panti Asuhan Yatim PKU Muhammadiyah Cabang Blimbing
seperti kegiatan panti, daftar anak asuh, daftar pengurus, berita tetang panti,
gallery foto panti, aset panti, kontak serta lokasi panti asuhan.
3. Untuk meningkat jumlah donatur panti asuhan yatim pku muhammadiyah cabang
blimbing dengan menyediakan sistem untuk menyumbang melalui website ini.
5.2. Saran
Berdasarkan rancangan sistem informasi panti asuhan yatim pku muhammadiyah
cabang blimbing berbasis web maka penulis memberikan saran sebagai berikut:
1. Pengelola website atau admin diharapkan untuk menggunakan website dengan baik
untuk menjaga nama baik panti asuhan
2. Admin diharapakan melakukan perbaruan/ update Informasi Panti Asuhan Yatim
Pku Muhammadiyah Cabang Blimbing secara rutin agar pengunjung tidak bosan
dengan informasi-informasi yang ada.
3. Melakukan perbaruan tampilan website sehingga tampilan website tidak
membosankan.
DAFTAR PUSTAKA
http//:www.al-dzikro.org, di akses pada tanggal 12 agustus 2013
http//:www.kasihmulisejati.org, di akses pada tanggal 12 Agustus 2013
http//:www.pantiasuhanputri-muhpurwokerto.com,di akses pada tanggal 10 Agustus 2012
Kristanto, A.,2003, “Perancangan Sisitem Informasi dan Aplikasinya”, Edisi pertama, Penerbit
Gava Media, Yogyakarta.
Kustiyaningsih, Y., dan Devie, R.A.,2011, “Pemrograman Basis Data Berbasis Web Dengan
Menggunakan PHP & MySQL”,Edisi Pertama, Graha Ilmu, Yogyakarta.
Kadir, Abdul., 2008,”Dasar Pemrograman Web Dinamis Menggunakan PHP”,Edisi Ketiga,
Penerbit Andi, Yogyakarta.
Mata-Toledo Ramon A. dan Cushman Pauline K, 2004,”Dasar-Dasar Database Relasional”,
Penerbit Erlangga, Jakarta.
Nugroho,B.,2004,”PHP dan My SQL dengan editor Dreamweaver mx”, Edisi Pertama, Penerbit
ANDI, Yogyakarta
Nugroho, B., 2007, “Trik dan Rahasia Membuat Aplikasi Web dengan PHP”, Edisi Pertama,
Penerbit Gava Media, Yogyakarta.
Nugroho, E., 2008,”Sistem Informasi Manajemen”, C.V Andi Offset, Yogyakarta.
Rayendra pratama, henry rossy ardian dan toufan diansah tumbunan, 2011, ” Sistem Informasi
Web
pada
Yayasan
Darul
Aytam
Nusantara”,
sumber
repository.politekniktelkom.ac.id,Di akses 12 maret 2013
Saghyta anggraeni, 2013, “perancangan dan implementasi website sebagai media informasi pada
panti asuhan sinar melati Yogyakarta menggunakan PHP dan MYSQL”, AMIKOM
YOGYAKARTA, sumber repository.amikom.ac.id, di akses pada 12 Maret 2013
Winarno, E., dan Eko, P.U.,2010,” 8 Jam Menaklukkan Internet dan Membuat Website
Sendiri”,Cetakan Pertama,Garailmu, Yogyakarta.
PERANCANGAN SISTEM INFORMASI DI PANTI ASUHAN YATIM
PKU MUHAMMADIYAH CABANG BLIMBING BERBASIS WEB
Diajukan Untuk Melengkapi dan Memenuhi Syarat Guna Mencapai
Gelar Sarjana Strata Satu Jurusan Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Surakarta
Disusun Oleh:
ADE WISNU WARDANA
NIM :D600 090 024
JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2013
SURAT PERNYATAAN
PUBLIKASI KARYA ILMIAH
Bismillahirrahmanirrohim
Yang bertanda tangan dibawah ini, saya
Nama
: Ade Wisnu Wardana
NIM
: D600 090 024
Fakultas/Jurusan
: Teknik/Industri
Jenis
: Skripsi
Judul
:Perancangan Sistem Informasi Berbasis Web Di
Panti Asuhan Yatim PKU Muhammadiyah cabang
Blimbing
Dengan ini menyatakan bahwa saya menyetujui untuk
Memberikan hak bebas royalti kepada Perpustakaan UMS atas
penulisan karya ilmiah saya, demi pengembangan ilmu pengetahuan.
Memberikan hak menyimpan, mengalih mediakan/mengalih
formatkan, mengelola dalam bentuk pangkalan data (database),
mendistribusikannya, serta menampilkannya dalam bentuk softcopy
untuk kepentingan akademis kepada Perpustakaan UMS, tanpa perlu
meminta ijin dari saya selama tetap mencantumkan nama saya
sebagai penulis/pencipta.
Bersedia dan menjamin untuk menanggung secara pribadi tanpa
melibatkan pihak Perpustakaan UMS, dari semua bentuk tuntutan
hukum yang timbul atas pelanggraan hak cipta dalam karya ilmiah
ini.
Dengan pernyataan ini saya buat dengan sesungguhnya dan semoga dapat
digunakan sebagaimana semestinya.
Surakarta, 29 Oktober 2013
Yang Menyatakan
Ade Wisnu Wardana
PERANCANGAN SISTEM INFORMASI DI PANTI ASUHAN
YATIM PKU MUHAMMADIYAH CABANG BLIMBING
BERBASIS WEB
Ade Wisnu Wardana
Jurusan Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Surakarta
Jl. A. Yani Tromol Pos 1 Pabelan Kartasura Surakarta Jawa Tengah 57162
Email : ade_wisnu_wardana@yahoo.co.id
ABSTRAKSI
Sistem informasi berbasis website sangat dibutuhkan oleh lembaga-lembaga sosial
seperti panti asuhan untuk membantu dalam menyebarkan informasi dan untuk menambah jumlah
donatur melalui internet.
Website ini dirancang dengan menggunakan PHP dan MySQL. Untuk pengujian server
yang di gunakan adalah server local dengan menggunakan XAMPP. Tahapan yang dilakukan
untuk merancang website ini dengan melakukan indentifikasi kebutuhan sistem, perancangan
website, pengujian dan pengembangan website, analisis perancangan sistem, publikasi situs
website.
Perancangan website ini terdapat dua bagian yaitu halaman depan dan halaman
administrator. Halaman depan merupakan halaman yang bisa di akses oleh semua orang,
Sedangkan halaman administrator adalah halaman khusus yang hanya bisa di akses oleh admin
dengan memasukkan username dan password yang fungsinya untuk melakukan proses
penambahan data, merubah data dan menghapus data.
Sistem Informasi Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing berbasis
web ini merupakan media informasi online yang dapat di akses oleh semua orang, Rancangan
sistem informasi ini di rancang untuk memberikan informasi-informasi tentang Panti Asuhan
Yatim PKU Muhammadiyah cabang Blimbing seperti kegiatan panti, daftar anak asuh, daftar
pengurus, berita tetang panti, gallery foto panti, aset panti, kontak serta lokasi panti asuhan, serta
untuk meningkat jumlah donatur Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing
dengan menyediakan sistem untuk menyumbang melalui website ini.
.
KATA KUNCI : MySQL; PHP ; Sistem Informasi; XAMPP
I PENDAHULUAN
1.1 Latar Belakang masalah
Sistem informasi berbasis website sangat dibutuhkan oleh lembaga-lembaga sosial
seperti panti asuhan untuk membantu dalam menyebarkan informasi dan untuk menambah
jumlah donatur melalui internet. Karena dengan adanya website maka informasi akan lebih
efektif dan lebih cepat dalam penyebaranya.
Panti Asuhan Yatim PKU Muhammadiyah cabang blimbing adalah panti asuhan
yang bertugas memberikan pelayanan dan santunan kepada anak-anak yatim piatu dan orang
lanjut usia yang terlantar agar dapat hidup layak dan terawat dalam kehidupan masyarakat.
Selain itu Panti Asuhan Yatim PKU Muhammadiyah cabang blimbing juga mengadakan
kegiatan-kegiatan yang bermanfaat seperti pelatihan-pelatihan guna memberikan bekal untuk
masa depan anak-anak di panti asuhan. Sebagai lembaga sosial yang berbasis panti yang
memiliki berbagai sumber daya perlu mengembangkan diri menjadi panti asuhan yang lebih
progresif guna untuk mengantisipasi dan merespon kebutuhan-kebutuhan panti asuhan yang
terus meningkat.
Agar terlaksannya suatu perubahan yang berdampak lebih baik maka perlu ada suatu
perubahan agar mendapatkan hasil yang lebih baik lagi. Dari latar belakang masalah yang
ada, maka penulis mengangkat tema tenteng “Perancangan Sistem Informasi di Panti Asuhan
PKU Muhammadiyah cabang Blimbing Berbasis Web”.
1.2 Perumusan Masalah
Berdasarkan latar belakang yang ada, maka dapat dirumuskan masalahnya adalah
bagaimana merancang dan membuat sistem informasi di Panti Asuhan Yatim PKU
Muhammadiyah cabang Blimbing berbasis web.
1.3 Batasan Masalah
Agar dalam penelitian ini lebih terarah dan memudahkkan dalam pembahasan, maka
perlu adanya batasan masalah yaitu:
1. Penelitian dilaksanakan di Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing
yang terletak di Wonorejo, RT 04 RW 04 Polokarto, Sukoharjo.
2. Dalam tugas akhir ini perancangan dilakukan untuk menampilkan informasi-informasi
terkait Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing.
3. Sistem informasi berbasis web tersebut dirancang dengan menggunakan perangkat
lunak sebagai berikut: sistem operasi windows 7, microsoft word, macromedia
dreamwiever, PHP dan My SQL dengan XAMP, Coreldraw.
1.4 Tujuan Penelitian
Tujuan dari penelitian dalam tugas akhir ini adalah merancang sistem informasi di
Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing berbasis website guna untuk
memberi informasi kepada masyarakat.
1.5 Manfaat Penelitian
Manfaat yang dapat di ambil dalam tugas akhir ini adalah sebagai berikut :
1. Membantu pihak Panti Asuhan Yatim PKU Muhammadiyah cabang Blimbing dalam
memberikan informasi kepada masyarakat sehingga akan meningkatkan jumlah donatur.
2. Memberikan kemudahan bagi masyarakat dalam mendapatkan informasi tanpa harus
datang ke panti asuhan.
3. Mempermudah masyarakat untuk menyumbang.
II LANDASAN TEORI
Sistem merupakan kumpulan dari elemen yang saling berinteraksi dan bekerja sama
untuk memproses sebuah masukan atau input yang di gunakan dalam sebuah sistem serta
mengolah sebuah input tersebut menjadi sebuah keluaran atau output yang di inginkan.
(Kristanto, 2003)
Informasi merupakan sebuah alat yang berfungsi alat pengambil keputusan. Informasi
sendiri merupakan sekumpulan sebuah data yang di proses sehingga menjadi sebuah bentuk
yang lebih bermanfaat dan lebih berarti bagi penerimanya. Data merupakan sumber dari
informasi tersebut di mana data merupakan fakta atau kejadian yang tercatat dalam suatu
gambaran atau objek dari kejadian yang di hadapi (Nugroho,2008)
Sistem informasi merupakan sistem yang di buat oleh manusia yang terdiri
komponen-komponen yang terstruktur untuk mencapai suatu tujuan yaitu memberikan
informasi. Sistem informasi sendiri merupakan kumpulan dari perangkat keras atau perangkat
lunak serta manusia yang mengolah atau memproses data menggunakan perangkat lunak atau
perangkat keras tersebut.
2.1 Desain sistem
Desain sistem merupakan tahapan yang memerlukan suatu keahlian dalam
perencanaan untuk elemen komputer yang memakai sistem yang baru. Ada beberapa alat
yang digunakan dalam desain sistem yaitu DFD(data flow diagram), Context diagram,
ERD (entitas relationship diagram), dekomposisi proses dan lain sebagainya.
3.1.1 DFD (data flow diagram)
DFD adalah suatu model logika data yang dibuat untuk menggambarkan
darimana asal data tersebut, kemana tujuan data tersebut, proses apa yang dilalui
data tersebut, menghasilkan apa proses yang dilalui data tersebut dan dimana data
tersebut di simpan.
3.1.2 DFD leveled
DFD leveled merupakan model yang menggambarkan penurunan dari data
flow diagram. Dalam penurunan level ini merupakan penurunan level ke dalam level
yang lebih rendah dimana penurunan level ini harus mampu menjelaskan proses
tersebut ke dalam spesifikasi proses yang lebih detail.
3.1.3 Context diagram
Diagram kontek merupakan sebuah diagram sederhana yang menggambarkan
hubungan entitas luar, input dan output dari sistem. Diagram kontek di
representasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem.
2.2 Database Mysql
My SQL termasuk jenis RDBS (relational data base management
system).RDBMS sendiri banyak menggunakan istilah seperti tabel, baris dan kolom dalam
melakukan perintah di My SQL. Dalam PHP telah tersedia fungsi untuk koneksi ke data
base dengan sejumlah fungsi untuk melakukann pengaturan baik menghubungkan maupun
memutuskan koneksi dengan server databese My SQL
Data yang ada dalam sebuah tabel berupa field yang berisi nilai dari data tersebut.
Nilai tersebut memiliki sebuah type data sendiri-sendiri dimana type data tesebut meliputi
tipe data numerik, tipe data string dan tipe data date (Kurtiyaningsih dan Rosa, 2011)
2.3 PHP
PHP Hypertext Preprosessor adalah bahasa skrip yang biasa di gunakan dalam
website. Cara penulisan scrip PHP ada dua macam, yaitu Embedded script dan non
embedded script. Dapat dijelaskan bahwa skrip PHP dapat berupa embedded script yaitu
meletakkan tag PHP di antara tag-tag HTML. Sedangakan non embedded script semua tag
HTML diletakkan dalam tag PHP. (Kurtiyaningsih dan Rosa, 2011)
III METODOLOGI PENELITIAN
3.1 Objek Penelitian
Tempat yang di gunakan untuk penelitian adalah Panti Asuhan PKU
Muhammadiyah cabang Blimbing yang terletak di Wonorejo Rt 04 Rw 04, Polokarto
Sukoharjo.
3.2 Teknik Pengumpulan Data
1. Wawancara
Merupakan suatu metode pengumpulan data dengan cara melakukan tanya
jawab dengan pihak-pihak yang terkait dengan Panti Asuhan PKU Muhammadiyah
cabang Blimbing. Tanya jawab ini bertujuan supaya data yang dibutuhkan lebih
lengkap dan jelas. Dimana data data yang di dapat adalah seperti profil panti, sejarah,
visi dan missi, susunuan pengurus, anak asuh, serta kegiatan-kegiatan yang ada serta
data-data penunjang lainya.
2. Dokumentasi
a. Dokumentasi langsung
Merupakan cara pengumpulan data dengan langsung mengambil data
berupa foto atau data lainya langsung dari Panti Asuhan Yatim PKU
Muhammadiyah Cabang Blimbing.
b. Dokumentasi tidak langsung
Merupakan cara pengumpulan data dengan mengambil data berupa foto
atau data lainya dari pengurus Pengurus Panti Asuhan Yatim PKU
Muhammadiyah cabang blimbing.
3. Studi pustaka
suatu cara yang digunakan oleh peneliti dengan cara mencari referensi di
perpustakaan yang berhubungan dengan masalah yang akan di bahas
3.3 Identifikasi Kebutuhan Sistem
Tahapam identifikasi kebutuhan sistem ini adalah untuk mengetahui kebutuhan
dari sistem tersebut seperti data apa saja yang nantinya akan di gunakan dalam sistem
tersebut.
3.4 Perancangan website
Perancangan website ini merupakan tahapan merancang database yang akan di
gunakan menyimpan data dan mendesain website untuk Panti Asuhan Yatim PKU
Muhammadiyah cabang Blimbing.tahapan perancangan adalah seperti berikut:
1. Pengorganisasian web
Pengorganisasian ini berfungsi untuk mempermudah dalam membuat
gambaran atau alur informasi yang jelas mengenai situs web yang akan di buat.
Struktur web Panti Asuhan PKU Muhammadiyah cabang Blimbing dapat di lihat pada
gamabar 3.1
Halaman Utama
Home
2.
Profil
Berita
Kegiatan
Gallery
Contact
Gambar 3.1 Struktur situs web panti asuhan
Desain web
Tahap desain merupakan tahapan membuat aplikasi website dengan
menggunakan dreamweaver dan xampp untuk membantu pengoperasian pada server
lokal serta membantu menghubungkan rangan website dengan database. Dalam
desain web ini terdapat bagian-bagian dalam desain yaitu bagian atas berisi tentang
nama panti asuhan beserta menu-menunya, bagian tengah berisi tentang isi website
dan bagian bawah berisi tentang keterangan hak cipta.
IV PERANCANGAN SISTEM
4.1 Identifikasi Kebutuhan Sistem
Sistem atau prosedur dalam perancangan sistem informasi di panti asuhan yatim
PKU muhammadiyah cabang blimbing adalah sebagai berikut:
1. Context diagram
Input, edit dan delete informasi
panti asuhan, data anak asuh, data
pengurus, data penerima santunan
Informasi panti asuhan, anak asuh,
pengurus, penerima santunan
Konfirmasi publikasi data
Admin
Laporan Data buku tamu
Sistem Informasi
Panti Asuhan Yatim
PKU Muhammadiyah
cabang Blimbing
berbasis web
Donatur
Laporan Konfirmasi Donasi
Konfirmasi publikasi data
Data buku tamu
Konfirmasi Donasi
Pengurus
Konfirmasi publikasi
Gambar 4.1 Context Diagram
Keterangan gambar 4.1 context diagram
a. Admin melakukan konfirmasi kepada pengurus apakah data tersebut dapat di
publikasikan atau tidak, Admin melakukan proses penambahan data, pengubahan
data dan menghapus data anak asuh, pengurus, data penerima santunan dan
informasi tentang panti asuhan.
b. Pengurus memberikan konfirmasi kepada admin apakah data bisa di publikasikan
atau tidak.
c. Donatur akan melihat informasi-informasi terkait panti asuhan seperti anak asuh,
pengurus, penerima santunan, kegiatan-kegiatan panti asuhan. Memberikan donasi
ke panti asuhan melalui via transfer kemudian akan melakukan konfirmasi.
2. Dekomposisi Proses
Sistem Menyumbang
Lihat Informasi
Transfer Uang
Konfirmasi Transfer
INPUT:
INPUT:
INPUT:
- Info Berita
- Nama Anak
- Alamat Anak
- Tempat Tgl Lahir
- Status Anak
- Pendidikan Anak
- Info Panti Asuhan
- Nama
- Jumlah Uang
- Bank
- Tanggal kirim
- Rekening
- Bukti Transfer
- Nama
- Alamat
- Tanggal Transfer
- Jumlah Transfer
OUTPUT:
OUTPUT:
OUTPUT:
-Info Panti Asuhan
-Data Anak Asuh
-Bukti Transfer
-Data Donatur
-Bukti Konfirmasi
Gambar 4.2 : Dekomposisi Proses
Keterangan Gambar 4.2 : dekomposisi proses adalah sebagai berikut:
a. Calon donatur akan melihat informasi-informasi tentang panti asuhan yatim PKU
muhammadiyah cabang blimbing seperti berita, kegiatan, anak asuh.
b. Calon donatur akan melakukan transfer ke rekening panti asuhan yatim PKU
muhammadiyah cabang blimbing. Mendapatkan bukti transfer
c. Donatur akan melakukan kofirmasi transfer melalui website panti asuhan dengan
menyertakan bukti transfer.
3. Data Flow Diagram level 1
Memberi Konfirmasi
8.0
Konfirmasi
publikasi
Memberi Konfirmasi
Pengurus
Konfirmasi
Konfirmasi
Contact
Lihat Contact
1.0
Mengolah
Contact
Hapus Contact
Edit Contact
Lihat Contact
Hapus Contact
Edit Contact
Input Contact
Lihat Contact
Input Contact
Berita
Input Berita
Input Berita
Edit Berita
Edit Berita
2.0
Mengolah
Informasi Panti
asuhan
Hapus Berita
Lihat Berita
Hapus Berita
Lihat Berita
Lihat Berita
Input Data Anak
Anak Asuh
Edit Data Anak
ADMIN
Hapus Data Anak
Lihat Data Anak
3.0
Mengolah Data
Anak Asuh
Input Anak Asuh
Edit Anak Asuh
Hapus Anak Asuh
Lihat Anak Asuh
Lihat Anak Asuh
Pengurus
Input Data Pengurus
Edit Data Pengurus
Hapus Data Pengurus
Lihat Data Pengurus
4.0
Mengolah Data
Pengurus
Input Data Pengurus
Edit Data Pengurus
Hapus Data Pengurus
Lihat Data Pengurus
Lihat Data Pengurus
Input Foto
Hapus Foto
5.0
Mengolah
Gallery
Lihat Foto
Input Foto
Hapus Foto
Gallery
Lihat Foto
Lihat Foto
6.0
Pembayaran
Bukti Pembayaran
Transfer Uang
Lihat Data Donatur
Hapus Data Donatur
Input Data Donatur
Edit Data Donatur
7.0
Mengolah
donasi
Donatur
Input data / Konfirmasi Transfer
Lihat Data Donatur
Hapus Data Donatur
Donatur
Input Data Donatur
Edit Data Donatur
Lihat Data Aset
Lihat Data Aset
Input Data Aset
Hapus Data Aset
Input Data Aset
9.0
Mengolah
Aset
Hapus Data Aset
Gambar 4.3: data flow diagram level 1
Aset
4. Data Flow Diagram Level 2
Contact
Input Contact
1.1
Input Contact
Input Contact
ADMIN
Edit Contact
Hapus Contact
1.3
Hapus
Contact
Edit Contact
Hapus Contact
1.4
Lihat Contact
Lihat Contact
DONATUR
1.2
Edit Contact
Lihat Contact
Lihat Contact
Berita
Input Berita
2.1
Input Berita
Input Berita
ADMIN
Edit Berita
Hapus Berita
2.3
Hapus Berita
Hapus Berita
2.4
Lihat Berita
Lihat Berita
DONATUR
Edit Contact
2.2
Edit Berita
Lihat Berita
Lihat Berita
Data Anak Asuh
Input Anak Asuh
3.1
Input Anak
Asuh
Input Anak Asuh
ADMIN
Edit Anak Asuh
Edit Anak Asuh
3.2
Edit Anak
Asuh
Hapus Anak Asuh
3.3
Hapus Anak
Asuh
Lihat Anak Asuh
DONATUR
Lihat Anak Asuh
Hapus Anak Asuh
3.4
Lihat Anak
Asuh
Lihat Anak Asuh
Pengurus
4.1
Input Data
Pengurus
Input Data Pengurus
Input Data Pengurus
Edit Data
Pengurus
ADMIN
Edit Data Pengurus
Hapus Data
Pengurus
4.3
Hapus Data
Pengurus
Lihat Data Pengurus
Lihat Data Pengurus
DONATUR
4.2
Edit Data
Pengurus
Hapus Data Pengurus
Lihat Data
Pengurus
4.4
Lihat Data
Pengurus
Gallery
Input Foto
5.1
Input Foto
Input Foto
ADMIN
Edit Foto
Hapus Foto
Edit Foto
5.2
Edit Foto
5.3
Hapus Foto
Hapus Foto
5.4
Lihat Foto
Lihat Foto
Lihat Foto
Lihat Foto
DONATUR
8.1
Konfirmasi
publikasi
Memberi Konfirmasi Publikasi
Konfirmasi Publikasi
Konfirmasi Transfer
7.1
Input Data
Input Data
Input Data
Donatur
ADMIN
Edit Data
7.2
Edit Data
Hapus Data
Edit data
DONATUR
7.3
Hapus Data
Lihat Data
7.4
Lihat Data
Mentransfer uang
Bukti Transfer
Hapus Data
6.1
Membayar
Lihat Data
Hasil Konfirmasi
Hasil Konfirmasi
8.7
Konfirmasi
publikasi
Konfirmasi
Konfirmasi
Pengurus
Aset
91
Input data
Aset
Input data Aset
Input data Aset
ADMIN
9.2
Edit data
Aset
Edit data Aset
Hapus data Aset
9.3
Hapus data
Aset
Hapus data Aset
9.4
Lihat data
Aset
Lihat data Aset
Lihat Foto
DONATUR
Edit data Aset
Lihat data Aset
Gambar 4.4 : Data flow diagram level 2
5. Entitas Relationship Diagram (ERD)
Nama
Alamat
Ranting
Panti Asuhan
Lansia & ATM
Nama
Nama
Alamat
Tempat Tgl lahir
Status Anak
Panti Asuhan
Anak Asuh
Menyumbang
DONATUR
Alamat
No Telp
Pendidikan
No Rekening
Mengirim
BANK
Nama
Alamat
Jumlah
Bank
Tanggal Kirim
Rekening
Cabang
Gambar 4.5 : Entitas Relationship Diagram
4.2 Analisis Kebutuhan Sistem
Berdasarkan identifikasi kebutuhan sistem yang telah dilakukan dengan
menggunakan context diagram, dekomposisi proses, data flow diagram, dan entitas
relationship diagram sebelumnya, maka informasi yang dibutuhkan dalam memberikan
informasi terkait panti asuhan yatim PKU muhammadiyah cabang blimbing dalam
rancangan website ini adalah Data contact, data berita atau info panti asuhan, data anak,
data pengurus, data gallery, data donatur.
4.3 Perancangan Database
Dalam perancangan sistem informasi berbasis web di panti asuhan yatim PKU
Muhammadiyah cabang Blimbing menggunakan SQL ( Structure query language )
yang di gunakan untuk mengakses sebuah database. Dimana tabel-tabel yang digunakan
adalah sebagai berikut:
1 Tabel Administrator
Tabel administrator adalah tabel yang digunakan untuk menyimpan data
admin yang berfungsi untuk login ke halaman adminsitrator. Struktur tabel
administrator dapa di lihat pada tabel 4.1
No
1
2
Tabel 4.1: Tabel Administrator
Nama
Type
Username
Varchar (20)
Password
Varchar (20)
2. Tabel Donatur
Tabel donatur adalah tabel yang digunakan untuk menyimpan data donatur
yaitu data yang sudah di konfirmasi oleh para donatur akan di simpan pada tabel
donatur. Dimana struktur tabel tersebut dapat di lihat pada Tabel 4.2
Tabel 4.2: Tabel Donatur
No
Nama
Type
Extra
No
Int (11)
AUTO_INCREMENT
1
Jenis
Varchar (50)
2
Nama
Varchar (100)
3
Alamat
Varchar (50)
4
Tanggal_transfer
Varchar (50)
5
Rekening
Varchar (50)
6
Jumlah_transfer
Varchar (50)
7
pesan
Text
8
4.4 Perancangan Website
Dalam perancangan website terdapat dua bagian yaitu halaman depan dan
halaman administrator. Halaman depan merupakan halama yang akan di tampilkan atau
di publikasikan, sehingga semua orang bisa mengakses halaman tersebut dengan mudah.
Sedangkan halaman administrator adalah halaman khusus yang hanya bisa di akses oleh
admin dengan memasukkan username dan password yang fungsinya untuk melakukan
proses penambahan data, merubah data dan menghapus data. Dimana rancangan website
dapat di lihat pada gambar 4.6
Gambar 4.6 : Rancangan Halaman Utama
Pada gambar 4.5: Rancangan Halaman Utama merupakan halaman yang akan muncul
pertama kali ketika user atau pengguna mengakses situs website ini. Halaman utama
berisi tentang kata-kata sambutan. Dalam halaman ini terdapat menu-menu cara
menyumbang dan konfirmasi transfer serta menu login yang digunakan untuk masuk ke
halaman administrator oleh admin.
Gambar 4.7: Halaman Cara Menyumbang
Pada halaman cara menyumbang atau gambar 4.7 telah dijelaskan bagaimana cara
menyumbang melalui via transfer ke rekening donasi kemudian diharapkan donatur akan
melakukan konfirmasi transfer melalui website atau nomor contact panti asuhan.
Rancangan halaman konfirmasi transfer dapat di lihat pada gambar 4.15.
Gambar 4.18: Halaman Konfirmasi Transfer
Pada halaman konfirmasi transfer berisi tentang form yang berfungsi untuk melakukan
proses konfirmasi transfer yaitu dengan memilih jenis sumbangan, mengisi nama, alamat,
tanggal transfer, nomer rekening,jumlah transfer, pesan untuk panti asuhan.
4.5 Analisis Perancangan Sistem
Pada perancangan sistem informasi di Panti Asuhan Yatim PKU Muhammadiyah
cabang Blimbing berbasis web ini masih menampilkan rancangan atau desain website
yang masih sederhana. Rancangan website ini sudah menampilkan semua informasi yang
dibutuhkan oleh pengguna seperti informasi kegiatan panti asuhan, daftar anak asuh,
pengurus, penerima santunan, berita panti asuhan gallery dan contact Panti Asuhan Yatim
PKU Muhammadiyah Cabang Blimbing. Dalam rancangan sistem informasi berbasis web
ini terdapat sistem untuk melakukan menyumbang yaitu pengguna membuka alamat
website dan melihat informasi melalui yang di tampilkan, kemudian pengguna melakukan
transfer ke rekening donasi dan memberikan konfirmasi ke panti asuhan melalui website
atau kontak panti asuhan.
V PENUTUP
5.1. Kesimpulan
Berdasarkan dari analisis dan perancangan sistem informasi Panti Asuhan Yatim
PKU Muhammadiyah cabang blimbing berbasis web maka dapat ditarik kesimpulan
sebagai berikut:
1. Sistem informasi panti asuhan yatim pku muhammadiyah cabang blimbing
berbasis web ini merupakan media informasi online yang dapat di akses oleh
semua orang
2.
Rancangan sistem informasi ini di rancang untuk memberikan informasiinformasi tentang Panti Asuhan Yatim PKU Muhammadiyah Cabang Blimbing
seperti kegiatan panti, daftar anak asuh, daftar pengurus, berita tetang panti,
gallery foto panti, aset panti, kontak serta lokasi panti asuhan.
3. Untuk meningkat jumlah donatur panti asuhan yatim pku muhammadiyah cabang
blimbing dengan menyediakan sistem untuk menyumbang melalui website ini.
5.2. Saran
Berdasarkan rancangan sistem informasi panti asuhan yatim pku muhammadiyah
cabang blimbing berbasis web maka penulis memberikan saran sebagai berikut:
1. Pengelola website atau admin diharapkan untuk menggunakan website dengan baik
untuk menjaga nama baik panti asuhan
2. Admin diharapakan melakukan perbaruan/ update Informasi Panti Asuhan Yatim
Pku Muhammadiyah Cabang Blimbing secara rutin agar pengunjung tidak bosan
dengan informasi-informasi yang ada.
3. Melakukan perbaruan tampilan website sehingga tampilan website tidak
membosankan.
DAFTAR PUSTAKA
http//:www.al-dzikro.org, di akses pada tanggal 12 agustus 2013
http//:www.kasihmulisejati.org, di akses pada tanggal 12 Agustus 2013
http//:www.pantiasuhanputri-muhpurwokerto.com,di akses pada tanggal 10 Agustus 2012
Kristanto, A.,2003, “Perancangan Sisitem Informasi dan Aplikasinya”, Edisi pertama, Penerbit
Gava Media, Yogyakarta.
Kustiyaningsih, Y., dan Devie, R.A.,2011, “Pemrograman Basis Data Berbasis Web Dengan
Menggunakan PHP & MySQL”,Edisi Pertama, Graha Ilmu, Yogyakarta.
Kadir, Abdul., 2008,”Dasar Pemrograman Web Dinamis Menggunakan PHP”,Edisi Ketiga,
Penerbit Andi, Yogyakarta.
Mata-Toledo Ramon A. dan Cushman Pauline K, 2004,”Dasar-Dasar Database Relasional”,
Penerbit Erlangga, Jakarta.
Nugroho,B.,2004,”PHP dan My SQL dengan editor Dreamweaver mx”, Edisi Pertama, Penerbit
ANDI, Yogyakarta
Nugroho, B., 2007, “Trik dan Rahasia Membuat Aplikasi Web dengan PHP”, Edisi Pertama,
Penerbit Gava Media, Yogyakarta.
Nugroho, E., 2008,”Sistem Informasi Manajemen”, C.V Andi Offset, Yogyakarta.
Rayendra pratama, henry rossy ardian dan toufan diansah tumbunan, 2011, ” Sistem Informasi
Web
pada
Yayasan
Darul
Aytam
Nusantara”,
sumber
repository.politekniktelkom.ac.id,Di akses 12 maret 2013
Saghyta anggraeni, 2013, “perancangan dan implementasi website sebagai media informasi pada
panti asuhan sinar melati Yogyakarta menggunakan PHP dan MYSQL”, AMIKOM
YOGYAKARTA, sumber repository.amikom.ac.id, di akses pada 12 Maret 2013
Winarno, E., dan Eko, P.U.,2010,” 8 Jam Menaklukkan Internet dan Membuat Website
Sendiri”,Cetakan Pertama,Garailmu, Yogyakarta.