ANALISA DAN DESAIN SISTEM

III.1.3. Pemodelan Proses Data Flow Diagram III.1.3.1. Diagram Konteks Diagram konteks menggambarkan hubungan input output antara sistem dengan dunia luarnya kesatuan luar. Berikut ini adalah gambar diagram konteks dari sistem informasi administrasi panti asuhan. Sistem Informasi Administrasi Panti Asuhan B Staff Administrasi data user, data anak, data jenis biaya, data biaya anak, data prestasi akademik, data prestasi bakat, data donatur, data transaksi donasi, user name, password A Suster Kepala rekapitulasi data anak, rekapitulasi data prestasi akademik, rekapitulasi data prestasi bakat, rekapitulasi data donatur data anak, data prestasi akademik, data prestasi bakat, data donatur, user name, password A Suster Kepala B Staff Administrasi rekapitulasi data anak, rekapitulasi data biaya anak, rekapitulasi data prestasi akademik, rekapitulasi data prestasi bakat, rekapitulasi data donatur, rekapitulasi data transaksi donasi Gambar 3.7. Diagram Konteks III.1.3.2. Diagram Berjenjang 25 5.1.p Memasukkan data prestasi akademik 5.2.p Mengubah data prestasi akademik 5.3.p Menghapus data prestasi akademik 5.4.p Mencari data prestasi akademik 5.5.p Rekapitulasi data presasi akademik 5 Pengolahan Data Prestasi Akademik 1.1.p Memasukkan data user 1.2.p Mengubah data user 1.3.p Menghapus data user 1.4.p Mencari data user 1 Pengolahan Data User Sistem Informasi Administrasi Panti Asuhan 2.1.p Memasukkan data anak 2.2.p Mengubah data anak 2.3.p Menghapus data anak 2.4.p Mencari data anak 2.5.p Rekapitulasi data anak 2 Pengolahan Data Anak 7.1.p Memasukkan data donatur 7.2.p Mengubah data donatur 7.3.p Menghapus data donatur 7.4.p Mencari data donatur 7.5.p Rekapitulasi data donatur 7 Pengolahan Data Donatur 3.1.p Memasukkan data jenis biaya 3.2.p Mengubah data jenis biaya 3.3.p Menghapus data jenis biaya 3.4.p Mencari data jenis biaya 3 Pengolahan Data Jenis Biaya 6.1.p Memasukkan data prestasi bakat 6.2.p Mengubah data prestasi bakat 6.3.p Menghapus data prestasi bakat 6.4.p Mencari data prestasi bakat 6.5.p Rekapitulasi data presasi bakat 6 Pengolahan Data Prsetasi Bakat 8.1.p Memasukkan data transaksi donasi 8.2.p Mengubah data transaksi donasi 8.3.p Menghapus data transaksi donasi 8.4.p Mencari data transaksi donasi 8.5.p Rekapitulasi data transaksi donasi 8 Pengolahan Data Transaksi Donasi 4.1.p Memasukkan data biaya anak 4.2.p Mengubah data biaya anak 4.3.p Menghapus data biaya anak 4.4.p Mencari data biaya anak 4 Pengolahan Data Biaya Anak 4.5.p Rekapitulasi data biaya anak Gambar 3.8. Diagram Berjenjang III.1.3.3. Overview Diagram Gambar 3.9. Overview Diagram A Suster Kepala B Staff Administrasi 1 Pengolahan data user 2 Pengolahan data anak 3 Pengolahan data jenis biaya 7 Pengolahan data donatur 8 Pengolahan data transaksi donasi 5 Pengolahan data prestasi akademik D1 data user Id_Anak, Nama_Anak,Tahun_Masuk, TempatLahir_Anak, TglLahir_Anak Agama, Jenis_Kelamin, Umur, Jenjang_SaatIni, Kelas, Nama_Ortu, Alamat_Ortu, NoTelp_Ortu, Pekerjaan_Ortu, Tahun_Keluar, Keterangan, Foto_Anak D2 data anak Id_Anak, Nama_Anak,Tahun_Masuk, TempatLahir_Anak, TglLahir_Anak Agama, Jenis_Kelamin, Umur, Jenjang_SaatIni, Kelas, Nama_Ortu, Alamat_Ortu, NoTelp_Ortu, Pekerjaan_Ortu, Tahun_Keluar, Keterangan, Foto_Anak data user baru data anak baru Id_JenisBiaya, Nama_Biaya, Jumlah_Biaya D3 data jenis biaya Id_Donatur, Nama_Donatur, Alamat_Donatur, Pekerjaan_Donatur, Alamat_Email, No_Telp D7 data donatur Id_Donatur, Nama_Donatur, Alamat_Donatur, Pekerjaan_Donatur, Alamat_Email, No_Telp A Suster Kepala D8 data transaksi donasi Id_PrestasiAkade mik, Id_Anak, Semester, Ranking, Nilai_RataRata, Status_Kenaikan Id_PrestasiAkadem ik, Id_Anak, Semester, Ranking, Nilai_RataRata, Status_Kenaikan D5 data prestasi data jenis biaya baru data donatur baru data transakasi donasi baru data prestasi akademik baru data jenis biaya data anak data transaksi donasi data prestasi akademik Rekapitulasi data donatur Rekapitulasi data transaksi donasi data user Id_User, Nama_Lengkap, User_Name, Password, Status Rekapitulasi data anak Rekapitulasi data prestasi akademik data donatur Id_Donasi, Id_Donatur, Tgl_Transaksi, Jenis_Sumbangan, Bentuk_Sumbangan, Jml_Barang, Satuan, Harga_Satuan, Jml_Uang data user Rekapitulasi data anak data jenis biaya Rekapitulasi data prestasi akademik Rekapitulasi data donatur D2 data anak D3 data jenis biaya D2 data anak A Suster Kepala B Staff Administrasi 4 Pengolahan data biaya anak 6 Pengolahan data prestasi bakat Id_BiayaAnak, Id_Anak, Id_JenisBiaya, Tanggal_Pembayaran D4 data biaya anak Id_Prestasi_Bakat, Id_Anak, Prestasi_Bakat, Waktu D6 data prestasi bakat data biaya anak baru data prestasi bakat baru data prestasi bakat Rekapitulasi data biaya anak data biaya anak Rekapitulasi data prestasi bakat Id_prestasiBakat, Id_Anak, Prestasi_Bakat, Waktu Rekapitulasi data prestasi bakat Gambar 3.10. Lanjutan Overview Diagram III.1.3.4. DFD Level 1 Proses 1 Gambar 3.11. DFD Level 1 Proses 1 Id_User, Nama_Lengkap, User_Name, Password, Status 1.1.p Memasukkan data user 1.2.p Mengubah data user 1.3.p Menghapus data user 1.4.p Mencari data user data user baru data user baru data user data user A Suster Kepala Id_ User data user baru data user data user D1 data user III.1.3.5. DFD Level 1 Proses 2 Gambar 3.12. DFD Level 1 Proses 2 D2 data anak 2.1.p Memasukkan data anak 2.2.p Mengubah data anak 2.3.p Menghapus data anak 2.4.p Mencari data anak 2.5.p Rekapitulasi data anak data anak baru data anak baru data anak data anak A Suster Kepala B Staff Adminis trasi Id_Anak, Nama_Anak, Tahun_Masuk, TempatLahir_Anak, TglLahir_Anak, Agama, Jenis_Kelamin, Umur, Jenjang_SaatIni, Kelas, Nama_Ortu, Alamat_Ortu, Pekerjaan_Ortu, Tahun_Keluar, Keterangan Id_ Anak data anak data anak baru data anak data anak data anak III.1.3.6. DFD Level 1 Proses 3 Id_JenisBiaya, Nama_Biaya, Jumlah_Biaya 3.1.p Memasukkan data jenis biaya 3.2.p Mengubah data jenis biaya 3.3.p Menghapus data jenis biaya 3.4.p Mencari data jenis biaya data jenis biaya baru D3 data jenis biaya data jenis biaya baru data jenis biaya data jenis biaya A Suster Kepala Id_ Jenis Biaya data jenis biaya baru data jenis biaya Gambar 3.13. DFD Level 1 Proses 3 III.1.3.7. DFD Level 1 Proses 4 Gambar 3.14. DFD Level 1 Proses 4 D4 data biaya anak data biaya anak baru data biaya anak baru data biaya anak data biaya anak A Suster Kepala Id_JenisBiaya, Id_Anak, Nama_Anak, Id_JenisBiaya, Nama_Biaya, Tanggal_Pembayaran Id_Bi ayaA nak data biaya anak baru data biaya anak data biaya anak data biaya anak data biaya anak Id_JenisBiaya, Id_Anak, Nama_Anak, Id_JenisBiaya, Nama_Biaya, Tanggal_Pembayaran 4.1.p Memasukkan data biaya anak 4.2.p Mengubah data biaya anak 4.3.p Menghapus data biaya anak 4.4.p Mencari data biaya anak 4.5.p Rekapitulasi data biaya anak III.1.3.8. DFD Level 1 Proses 5 Gambar 3.15. DFD Level 1 Proses 5 5.5.p Rekapitulasi data prestasi akademik D5 data prestasi akademik 5.1.p Memasukkan data prestasi akademik 5.2.p Mengubah data prestasi akademik 5.3.p Menghapus data prestasi akademik 5.4.p Mencari data prestasi akademik data biaya prestasi akademik baru data prestasi akademik baru data prestasi akademik A Suster Kepala B Staff Adminis trasi Id_Anak, Nama_Anak, Jenjang_SaatIni, Semester, Ranking, Nilai_RataRata, Status_Kenaikan Id_Presta siAkade mik data prestasi akademik baru data prestasi akademik data prestasi akademik data prestasi akademik Id_Anak, Nama_Anak, Jenjang_SaatIni, Semester, Ranking, Nilai_RataRata, Status_Kenaikan data prestasi akademik data prestasi akademik III.1.3.9. DFD Level 1 Proses 6 Gambar 3.16. DFD Level 1 Proses 6 data prestasi bakat 6.1.p Memasukkan data prestasi bakat 6.2.p Mengubah data prestasi bakat 6.3.p Menghapus data prestasi bakat 6.4.p Mencari data prestasi bakat 6.5.p Rekapitulasi data prestasi bakat data prestasi bakat baru D6 data prestasi bakat data prestasi bakat baru A Suster Kepala B Staff Adminis trasi Id_Prestasi Bakat Id_Anak, Nama_Anak, Jenjang_SaatIni, Prestasi_Bakat, Waktu data prestasi bakat baru data prestasi bakat data prestasi bakat data prestasi bakat data prestasi bakat data prestasi bakat Id_Anak, Nama_Anak, Jenjang_SaatIni, Prestasi_Bakat, Waktu III.1.3.10. DFD Level 1 Proses 7 Gambar 3.17. DFD Level 1 Proses 7 7.1.p Memasukkan data donatur 7.2.p Mengubah data donatur 7.3.p Menghapus data donatur 7.4.p Mencari data donatur 7.5.p Rekapitulasi data donatur data donatur baru D7 data donatur data donatur baru data donatur A Suster Kepala B Staff Adminis trasi Id_Donatur, Nama_Donatur, Alamat_Donatur, Pekerjaan_Donatur Id_ Dona tur data donatur data donatur data donatur data donatur data donatur data donatur Id_Donatur, Nama_Donatur, Alamat_Donatur, Pekerjaan_Donatur III.1.3.11. DFD Level 1 Proses 8 Gambar 3.18. DFD Level 1 Proses 8 D8 data transaksi donasi data transaksi donasi 8.1.p Memasukkan data transaksi donasi 8.2.p Mengubah data transaksi donasi 8.3.p Menghapus data transaksi donasi 8.4.p Mencari data transaksi donasi 8.5.p Rekapitulasi data transaksi donasi data transaksi donasi baru data transaksi donasi baru A Suster Kepala Id_ Dona si Id_Donasi, Nama_Donatur, Tgl_Transaksi, Jenis_Sumbangan, Bentuk_Sumbangan, Satuan data transaksi donasi baru data transaksi donasi data transaksi donasi data transaksi donasi data transaksi donasi Id_Donasi, Nama_Donatur, Tgl_Transaksi, Jenis_Sumbangan, Bentuk_Sumbangan, Satuan data transaksi donasi III.1.4. Pemodelan Data III.1.4.1. Conceptual Design Database ER Diagram Gambar 3.19. Conceptual Design Database ER Diagram Id_User PK data user Nama_Lengkap User_Name Password Status Alamat_Email Harga_Satuan Pekerjaan_ Donatur memiliki data donatur Id_Donatur PK Nama_Donatur No_Telp Alamat_Donatur data transaksi donasi Id_Donasi PK Tgl_Transaksi Jenis_Sumbangan Bentuk_Sumbangan Jml_Barang Satuan Jml_Uang Id_PrestasiAk ademik PK TempatLahir_Anak Tahun_Masuk Ranking Nama_Biaya memiliki Waktu Pekerjaan_ Ortu Foto_Anak Keterangan Tahun_Keluar Jumlah_Biaya punya data anak Id_Anak PK Nama_Anak Agama Jenis_Kelamin Umur Jenjang_Saa tIni Kelas Nama_ Ortu Alamat _Ortu data jenis biaya Id_JenisBiaya PK memiliki Tanggal_Pembayaran TglLahir_Anak NoTelp_Ortu Nilai_RataRata data prestasi akademik Id_Biaya Anak Semester Status_Kenaikan data prestasi bakat Prestasi_Bakat Id_PrestasiBakat PK III.2. Desain Sistem Desain sistem dapat diartikan sebagai tahap setelah analisis dari siklus pengembangan sistem, pendefinisian dari kebutuhan-kebutuhan fungsional, persiapan untuk rancang bangun implementasi, menggambarkan bagaimana suatu sistem dibentuk, yang dapat berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi, termasuk menyangkut mengkonfigurasi dari komponen- komponen perangkat lunak dan perangkat keras dari suatu sistem. Tujuan dari desain sistem yaitu untuk memenuhi kebutuhan pemakai system, dan untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap kepada pemrogram computer dan ahli-ahli teknik lainnya yang terlibat. III.2.1. Desain Basis Data III.2.1.1. Desain Logikal Basis Data Gambar 3.20. Desain Logikal Basis Data Data user Id_User Nama_Lengkap User_Name Password Status Data jenis biaya Id_JenisBiaya Nama_Biaya Jumlah_Biaya Data donatur Id_Donatur Nama_Donatur Alamat_Donatur Pekerjaan_Donatur Alamat_Email No_Telp Data transaksi donasi Id_Donasi Id_Donatur Tgl_Transaksi Jenis_Sumbangan Bentuk_Sumbangan Jml_Barang Satuan Harga_Satuan Jml_Uang Data anak Id_Anak Nama_Anak Tahun_Masuk TempatLahir_Anak TglLahir_Anak Agama Jenis_Kelamin Umur Jenjang_SaatIni Kelas Nama_Ortu Alamat_Ortu NoTelp_Ortu Pekerjaan_Ortu Tahun_Keluar Keterangan Foto_Anak Data prestasi akademik Id_PrestasiAkademik Id_Anak Semester Ranking Nilai_RataRata Status_Kenaikan Data prestasi bakat Id_PretasiBakat Id_Anak Prestasi_Bakat Waktu Data biaya anak Id_BiayaAnak Id_Anak Id_JenisBiaya Tanggal_Pembayaran III.2.1.2. Desain Fisikal Basis Data Basis data yang telah dirancang beserta entitas-entitas dan atribut- atributnya adalah sebagai berikut : III.2.1.2.1. Tabel Data user Tabel data user adalah tabel yang berisi data user yang bisa login masuk ke dalam sistem. III.2.1.2.2. Tabel Data anak Tabel data anak adalah tabel yang berisi data diri anak yang ada di panti asuhan. Field Tipe Data Panjang Data Keterangan Id_User Varchar 10 Primary Key, Not Null Nama_Lengkap Varchar 40 Nama lengkap user User_Name Varchar 20 User name yang akan digunakan untuk login Password Varchar 60 Password yang akan digunakan untuk login Status Varchar 20 Status user, sebagai administrator atau sebagai user biasa Tabel 3.3. Desain Fisikal Basis Data untuk Tabel Data user Field Tipe Data Panjang Data Keterangan Id_Anak Char 10 Primary Key, Not Null Nama_Anak Varchar 40 Nama lengkap anak Tahun_Masuk Varchar 4 Tahun masuk anak ketika pertama kali masuk ke panti asuhan TempatLahir_Anak Varchar 40 Tempat lahir anak TglLahir_Anak Date Tanggal lahir anak III.2.1.2.3. Tabel Data jenis biaya Tabel data jenis biaya berisi data jenis-jenis biaya yang harus dibayarkan anak. III.2.1.2.4. Tabel Data biaya anak Tabel data biaya anak berisi data biaya anak. Agama Varchar 20 Agama anak Jenis_Kelamin Char 10 Jenis kelamin anak Umur Int 5 Umur anak Jenjang_SaatIni Varchar 10 Jenjang pendidikan yang ditempuh anak saat ini Kelas Varchar 5 Kelas anak Nama_Ortu Varchar 40 Nama orang tua anak Alamat_Ortu Varchar 70 Alamat orang tua anak NoTelp_Ortu Varchar 20 Nomor telepon orangtua Pekerjaan_Ortu Varchar 20 Pekerjaan orang tua anak Tahun_Keluar Varchar 20 Tahun keluar si anak Keterangan Varchar 70 Keterangan posisi si anak saat ini Foto_Anak Varchar 30 Foto anak Tabel 3.4. Desain Fisikal Basis Data untuk Tabel Data anak Field Tipe Data Panjang Data Keterangan Id_JenisBiaya Varchar 10 Primary Key, Not Null Nama_Biaya Varchar 30 Nama jenis biaya Jumlah_Biaya Decimal 12,0 Harga nominal biaya Tabel 3.5. Desain Fisikal Basis Data untuk Tabel Data jenis biaya Field Tipe Data Panjang Data Keterangan Id_BiayaAnak Varchar 10 Primary Key, Not Null Id_Anak Varchar 40 Nomor id anak III.2.1.2.5. Tabel Data prestasi akademik Tabel data prestasi akademik berisi data prestasi akademik anak. III.2.1.2.6. Tabel Data prestasi bakat Tabel data prestasi bakat berisi data prestasi bakat yang dipunyai anak. Id_JenisBiaya Varchar 20 Nomor id jenis biaya yg dibayarkan Tanggal_Pembayaran Date 60 Tanggal terjadi pembayaran Tabel 3.6. Desain Fisikal Basis Data untuk Tabel Data biaya anak Field Tipe Data Panjang Data Keterangan Id_PrestasiAkademik Varchar 10 Primary Key, Not Null Id_Anak Varchar 10 Nomor id anak Semester Varchar 5 Semester yang ditempuh anak Ranking Varchar 5 Ranking yang diraih anak Nilai_RataRata Varchar 10 Nilai rata-rata anak dalam raport Status_Kenaikan Varchar 20 Naik kelas, tidak naik kelas, atau belum kenaikan Tabel 3.7. Desain Fisikal Basis Data untuk Tabel prestasi akademik Field Tipe Data Panjang Data Keterangan Id_PrestasiBakat Varchar 20 Primary Key, Not Null Id_Anak Varchar 10 Nomor id anak Prestasi_Bakat Varchar 50 Prestasi bakat yang dipunyai anak Waktu Date Waktu anak mendapatkan pernghargaan atas bakatnya Tabel 3.8. Desain Fisikal Basis Data untuk Tabel prestasi bakat III.2.1.2.7. Tabel Data donatur Tabel data donatur berisi data diri donatur. III.2.1.2.8. Tabel Data transaksi donasi Tabel data transaksi donasi berisi data ketika ada donatur yang mendonasi bantuan untuk panti asuhan. Field Tipe Data Panjang Data Keterangan Id_Donatur Varchar 10 Primary Key, Not Null Nama_Donatur Varchar 40 Nama lengkap donatur Alamat_Donatur Varchar 70 Alamat donatur Pekerjaan_Donatur Varchar 20 Pekerjaan donatur Alamat_Email Varchar 50 Alamat email donatur No_Telp Varchar 20 Nomor telepon donatur Tabel 3.9. Desain Fisikal Basis Data untuk Tabel Data donatur Field Tipe Data Panjang Data Keterangan Id_Donasi Varchar 10 Primary Key, Not Null Id_Donatur Varchar 10 Nomor id donatur Tgl_Transaksi Date Tanggal terjadi transaksi donasi Jenis_Sumbangan Varchar 40 Jenis sumbangan yang diberikan, uang tunai, uang melalui bank atau barang Bentuk_Sumbangan Varchar 30 Bentuk sumbangan dalam wujud apa Jml_Barang Varchar 30 Jumlah barang yang disumbangkan Satuan Varchar 30 Satuan barang yang disumbangkan Harga_Satuan Varchar 10 Harga satuan barang yang disumbangkan Jml_Uang Decimal 12,2 Jumlah jika semua diuangkan Tabel 3.10. Desain Fisikal Basis Data untuk Tabel Data transaksi donasi III.2.2. Desain Antarmuka III.2.2.1. Use Case : Login Gambar 3.21. Desain Antarmuka Halaman Login Gambar 3.22. Desain Antarmuka Halaman Utama Administrator SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL PASSWORD USER NAME Login Aplikasi Login SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data User Menu Pengolahan Data Anak Menu Pengolahan Data Jenis Biaya Menu Pengolahan Data Biaya Anak Menu Pengolahan Data Prestasi Akademik Menu Pengolahan Data Prestasi Bakat Menu Pengolahan Data Donatur Menu Pengolahan Data Transaksi Donasi Petunjuk Penggunaan Sistem Informasi Keluar Sistem Gambar 3.23. Desain Antarmuka Halaman Utama User III.2.2.2. Use Case : Pengolahan Data User Gambar 3.24. Desain Antarmuka Halaman Tambah Data User SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Anak Menu Pengolahan Data Prestasi Akademik Menu Pengolahan Data Prestasi Bakat Menu Pengolahan Data Donatur Petunjuk Penggunaan Sistem Informasi Keluar Sistem SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data User Tambahkan data user Tambah data user 0001 Tambah data user ID User Nama Lengkap User Name Password Status  Administrator Gambar 3.25. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data User SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data User Cari, ubah hapus data user Cari, ubah, hapus data user Cari Tabel data user  ID User  = OPERASI UBAH HAPUS III.2.2.3. Use Case : Pengolahan Data Anak Gambar 3.26. Desain Antarmuka Halaman Tambah Data Anak Gambar 3.27. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Anak SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Anak Tambahkan data anak Tambah data anak 0001 ID Anak Tambah data anak Nama Lengkap Tahun Masuk Alamat Orang Tua Nama Orang Tua Pekerjaan Orang Tua Tempat Lahir Agama Jenis Kelamin  Budha  Laki-laki Jenjang Pendidikan Saat Ini Kelas  1 Tanggal Lahir Tahun Keluar Keterangan Foto Anak  1989  SD  Buruh  Belum Keluar  23  Agustus  2012 Browse Nomor Telepon Orang Tua SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Anak Cari, ubah hapus data anak Cari, ubah, hapus data anak Cari Tabel data anak  ID Anak  = OPERASI UBAH HAPUS Gambar 3.28. Desain Antarmuka Halaman Laporan Semua Data Anak Panti Asuhan III.2.2.4. Use Case : Pengolahan Data Jenis Biaya Gambar 3.29. Desain Antarmuka Halaman Tambah Data Jenis Biaya SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Anak Laporan Semua Data Anak Panti Asuhan ST. Thomas Laporan Semua Data Anak Panti Asuhan Cetak Tabel data anak SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Jenis Biaya Tambahkan data jenis biaya Tambah data jenis biaya 0001 Tambah data jenis biaya ID Jenis Biaya Nama Biaya Jumlah Biaya Gambar 3.30. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Jenis Biaya III.2.2.5. Use Case : Pengolahan Data Biaya Anak Gambar 3.31. Desain Antarmuka Halaman Tambah Data Biaya Anak SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Jenis Biaya Cari, ubah hapus data jenis biaya Cari, ubah, hapus data jenis biaya Cari Tabel data jenis biaya  ID Jenis Biaya  = OPERASI UBAH HAPUS SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Biaya Anak Tambahkan data biaya anak Tambah data biaya anak 0001 Tambah data biaya anak ID Biaya Anak ID Anak ID Jenis Biaya Tanggal Pembayaran  0001 - SPP - SMK - AK - 85.000  0001 - Feri Yulianus - SMK  23  Agustus  2012 Gambar 3.32. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Biaya Anak Gambar 3.33. Desain Antarmuka Halaman Laporan Semua Data Biaya Anak Panti Asuhan SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Biaya Anak Cari, ubah hapus data biaya anak Cari, ubah, hapus data biaya anak Cari Tabel data biaya anak  ID Biaya Anak  = OPERASI UBAH HAPUS SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Biaya Anak Laporan Semua Data Biaya Anak Panti Asuhan ST. Thomas Laporan Semua Data Biaya Anak Panti Asuhan Cetak Tabel data biaya anak Gambar 3.34. Desain Antarmuka Halaman Laporan Total Biaya Per Anak Periode Tertentu Gambar 3.35. Desain Antarmuka Halaman Laporan Total Biaya Per Nama Biaya Periode Tertentu SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Biaya Anak Total Biaya Per Anak Total Biaya Per Anak Periode Tertentu Total Biaya Anak Nama Anak Rentang Tanggal Sampai Tanggal  0001 - Feri Yulianus - SMK  23  Agustus  2012  23  Februari  2012 SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Biaya Anak Total Biaya Per Nama Biaya Total Biaya Per Nama Biaya Periode Tertentu Total Biaya Nama Biaya Rentang Tanggal Sampai Tanggal  0001 - SPP - SMK - AK  23  Agustus  2012  23  Februari  2012 Gambar 3.36. Desain Antarmuka Halaman Laporan Total Semua Biaya Periode Tertentu III.2.2.6. Use Case : Pengolahan Data Prestasi Akademik Gambar 3.37. Desain Antarmuka Halaman Tambah Data Prestasi Akademik SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Biaya Anak Total Semua Biaya Total Semua Biaya Periode Tertentu Total Semua Biaya Total Rentang Tanggal Sampai Tanggal  Semua Biaya  23  Agustus  2012  23  Februari  2012 SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Prestasi Akademik Tambahkan data prestasi akademik anak Tambah data prestasi akademik 0003 Tambah data prestasi akademik ID Prestasi Akademik ID Anak Semester Nilai Rata-Rata  1  0001 - Feri Yulianus - SMK  1  Belum Kenaikan Ranking Status Kenaikan Gambar 3.38. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Prestasi Akademik Gambar 3.39. Desain Antarmuka Halaman Laporan Semua Data Prestasi Akademik Anak SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Prestasi Akademik Cari, ubah hapus data prestasi akademik anak Cari, ubah, hapus data prestasi akademik Cari Tabel data prestasi akademik  ID Prestasi Akademik  = OPERASI UBAH HAPUS SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Prestasi Akademik Laporan Semua Data Prestasi Akademik Anak Panti Asuhan ST. Thomas Laporan Semua Data Prestasi Akademik Anak Cetak Tabel data prestasi akademik III.2.2.7. Use Case : Pengolahan Data Prestasi Bakat Gambar 3.40. Desain Antarmuka Halaman Tambah Data Prestasi Bakat Gambar 3.41. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Prestasi Bakat SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Prestasi Bakat Tambahkan data prestasi bakat anak Tambah data prestasi bakat 0001 Tambah data prestasi bakat ID Prestasi Bakat ID Anak Prestasi Bakat  0001 - Feri Yulianus Waktu  2012  Januari  01 SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Prestasi Bakat Cari, ubah hapus data prestasi bakat anak Cari, ubah, hapus data prestasi bakat Cari Tabel data prestasi bakat  ID Prestasi Bakat  = OPERASI UBAH HAPUS Gambar 3.42. Desain Antarmuka Halaman Laporan Semua Data Prestasi Bakat Anak III.2.2.8. Use Case : Pengolahan Data Donatur Gambar 3.43. Desain Antarmuka Halaman Tambah Data Donatur SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Prestasi Bakat Laporan Semua Data Prestasi Bakat Anak Panti Asuhan ST. Thomas Laporan Semua Data Prestasi Bakat Anak Cetak Tabel data prestasi bakat SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Donatur Tambahkan data donatur Tambah data donatur 0001 Tambah data donatur ID Donatur Nama Lengkap Alamat Pekerjaan Email Nomor Telepon Gambar 3.44. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Donatur Gambar 3.45. Desain Antarmuka Halaman Laporan Semua Data Donatur SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Donatur Cari, ubah hapus data donatur Cari, ubah, hapus data donatur Cari Tabel data donatur  ID Donatur  = OPERASI UBAH HAPUS SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Donatur Laporan Semua Data Donatur Laporan Semua Data Donatur Cetak Tabel data donatur III.2.2.9. Use Case : Pengolahan Data Transaksi Donasi Gambar 3.46. Desain Antarmuka Halaman Tambah Data Transaksi Donasi Barang dan Uang SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Transaksi Donasi Tambahkan data transaksi donasi barang Tambah data transaksi donasi barang 0003 Tambah transaksi ID Donasi ID Donatur Tanggal Transaksi Jenis Sumbangan Bentuk Jumlah Barang Satuan  0001 - Winda  7  Agustus  2012  Barang  Biji Jumlah Uang Harga Satuan SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Transaksi Donasi Tambahkan data transaksi donasi uang Tambah data transaksi donasi uang 0003 Tambah transaksi ID Donasi ID Donatur Tanggal Transaksi Jenis Sumbangan  0001 - Winda  7  Agustus  2012  Uang melalui Bank Jumlah Uang Gambar 3.47. Desain Antarmuka Halaman Cari, Ubah, dan Hapus Data Transaksi Donasi Gambar 3.48. Desain Antarmuka Halaman Laporan Transaksi Donasi Periode Tertentu SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Transaksi Donasi Cari, ubah hapus data transaksi donasi Cari, ubah, hapus data transaksi donasi Cari Tabel data transaksi donasi  ID Donasi  = OPERASI UBAH HAPUS SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Transaksi Donasi Laporan Transaksi Donasi Laporan Transaksi Donasi Periode Tertentu Rekap Transaksi Donasi Rekapitulasi Transaksi Donasi Rentang Tanggal Sampai Tanggal  Rekap Transaksi Donasi  23  Agustus  2012  23  Februari  2012 Gambar 3.49. Desain Antarmuka Halaman Laporan Semua Transaksi Donasi Gambar 3.50. Desain Antarmuka Halaman Laporan Saldo SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Transaksi Donasi Laporan Semua Data Transaksi Donasi Laporan Semua Transaksi Donasi Cetak Tabel data transaksi donasi SISTEM INFORMASI ADMINISTRASI PANTI ASUHAN ST. THOMAS NGAWEN, GUNUNGKIDUL Menu Pengolahan Data Transaksi Donasi Laporan Saldo Laporan Saldo Hitung Saldo Rentang Tanggal Sampai Tanggal  23  Agustus  2012  23  Februari  2012 59

BAB IV IMPLEMENTASI SISTEM

IV.1. Struktur Menu Sistem

Struktur menu sistem menggambarkan menu-menu dan proses dari sistem yang dapat dilakukan oleh pengguna dengan hak akses masing- masing. Pengolahan Data User Memasukkan Data User Menghapus Data User Mencari Data User Mengubah Data User Pengolahan Data Anak Mengubah Data Anak Menghapus Data Anak Mencari Data Anak Memasukkan Data Anak Rekapitulasi Data Anak Pengolahan Data Jenis Biaya Mengubah Data Jenis Biaya Menghapus Data Jenis Biaya Mencari Data Jenis Biaya Memasukkan Data Jenis Biaya Pengolahan Data Biaya Anak Mengubah Data Biaya Anak Menghapus Data Biaya Anak Mencari Data Biaya Anak Memasukkan Data Biaya Anak Rekapitulasi Data Biaya Anak Gambar 4.51. Struktur Menu Sistem Pengolahan Data Donatur Mengubah Data Donatur Menghapus Data Donatur Mencari Data Donatur Memasukkan Data Donatur Rekapitulasi Data Donatur Pengolahan Data Transaksi Donasi Memasukkan Data Transaksi Donasi Mengubah Data Transaksi Donasi Menghapus Data Transaksi Donasi Mencari Data Transaksi Donasi Rekapitulasi Data Transaksi Donasi Pengolahan Data Prestasi Akademik Mengubah Data Prestasi Akademik Menghapus Data Prestasi Akademik Mencari Data Prestasi Akademik Memasukkan Data Prestasi Akademik Rekapitulasi Data Prestasi Akademik Pengolahan Data Prestasi Bakat Mengubah Data Prestasi Bakat Menghapus Data Prestasi Bakat Mencari Data Prestasi Bakat Memasukkan Data Prestasi Bakat Rekapitulasi Data Prestasi Bakat Gambar 4.52. Lanjutan Struktur Menu Sistem

IV.2. Tampilan Program dan Penjelasan

Pada bagian ini dijelaskan jalannya sistem informasi dan potongan- potongan script yang digunakan.

IV.2.1. Koneksi Database

Untuk dapat mengakses database, maka harus dilakukan koneksi. Perintah yang digunakan untuk mengkoneksikan adalah : active_group = default; active_record = TRUE; db[default][hostname] = localhost; db[default][username] = root; db[default][password] = root; db[default][database] = pastthomas; db[default][dbdriver] = mysql; db[default][dbprefix] = ; db[default][pconnect] = TRUE; db[default][db_debug] = TRUE; db[default][cache_on] = FALSE; db[default][cachedir] = ; db[default][char_set] = utf8; db[default][dbcollat] = utf8_general_ci; db[default][swap_pre] = ; db[default][autoinit] = TRUE; db[default][stricton] = FALSE;

IV.2.2. Halaman Login

Gambar 4.53. Implementasi Halaman Login Untuk bisa masuk ke dalam sistem, user harus melakukan login terlebih dahulu, gambar di atas adalah gambar halaman untuk login. Setelah user memasukkan user name dan password, maka halaman di atas akan melakukan pengecekan data apakah data yang dimasukkan valid, dan apakah termasuk administrator atau user biasa. Jika valid, maka akan masuk ke halaman sistem yang sesuai dengan hak akses masing-masing. Ada dua macam hak akses, yaitu administrator dan user. Perintah yang digunakan untuk mengecek validitas login adalah : function login{ usr=this-input-postusr; pwd=this-input-postpwd; this-load-librarysession; this-session-sess_create; cari=this-db-queryselect from `data user` where User_Name=.usr. and Password=.pwd. limit 1; jns=cari-row; if cari-num_rows0 { if jns-Status==Administrator{ newdata = array username = this-input-postusr, masuk = TRUE, jenis = Administrator; this-session-set_userdatanewdata; redirectadmin,refresh; } if jns-Status==User{ newdata = array username = this-input-postusr, masuk = TRUE, jenis = User; this-session-set_userdatanewdata; redirectuser,refresh; } } else { echo scriptwindow.alertANDA GAGAL LOGIN, SILAHKAN CEK PASSWORD ANDA ;window.history.backscript; } } Pertama kali akan dicari apakah ada di dalam tabel data user, jika ada dan pada kolom status berisikan Administrator, maka akan lari ke file admin.php, jika pada kolom status berisikan User, maka akan lari ke file user.php, jika tidak ada dalam tabel data user, akan muncul peringatan.

IV.2.3. Halaman Administrator

Pada halaman ini, administrator diberi hak untuk melakukan pengolahan terhadap semua data administrasi yang ada di panti asuhan.