PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI PANTI ASUHAN AL-WASHLIYAH TANJUNG MULIA MEDAN BERBASIS WEB
LAPORAN TUGAS AKHIR
Disusun Sebagai Salah Satu Syarat untuk Menyelesaikan Program Pendidikan Diploma 3
oleh
MUSKHAYANA NIM. 1005102031
PROGRAM STUDI MANAJEMEN INFORMATIKA JURUSAN TEKNIK ELEKTRO POLITEKNIK NEGERI MEDAN MEDAN 2013
ABSTRAK Teknologiinformasiberkembangsesuaidengankebutuhanmanusiaakankemudahan, kecepatandankeakuratandalammendapatkaninformasi. Salah satuteknologiinformasi yang berkembangdenganpesatadalahteknologiinternet yang mampumenyajikaninformasisecaracepatdanakurat.World Wide Web (WWW) yang lebihdikenaldengan web, merupakansalahsatulayanan yang didapatolehpemakaikomputer yang terhubungke internet.Web memudahkanpengguna internet berinteraksidenganpelaku internet lainnyadanmenelusuriinformasi di internet.PantiAsuhan Al-Washliyahmerupakansebuahlembaga yang bergerak di bidangpendidikan.Pantiasuhan Al-Washliyahinimerupakanpendidikanyang termasuk di provinsi Sumatera Utara, LembagaPendidikanPantiAsuhan AlWashliyahmerupakansebuahlembagapendidikanyang berkembangpesat, namundalam proses publikasimaupunsisteminformasi yang digunakanmasihsecara manual, halinimenyebabkanmasihbanyakdonatur/pennyumbanng yang tidakmengetahuitentangpantiasuhandannkeberadaanpantiasuhantersebutsehinggaku rangnyadonatur/penyumbang di pantiasuhantersebut.Denganmelihatpermasalahan di ataspenulismencobamembahasdanmembuatsuatusisteminformasidimananantinyasist eminidapatdigunakanuntukmemberi kemudahandalampengolahan data danmemperolehinformasi yang cepatdanakurat.Sistem informasi ini dibuat dengan merancang DFD (Data Flow Diagram), input, output, database, kamus data, user interface, dan algoritma pemrograman. Hasil dari rancangan tersebut telah diimplementasikan ke dalam script PHP dan digunakan MySQL sebagai manajemen database sehingga dihasilkan sistem informasi Panti Asuhan Al-Washliyah yang memudahkan penyajian informasi mengenai Panti Asuhan Al-Washhliyah Tanjung Mulia Medann tersebut.
KATA PENGANTAR Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan Rahmat dan Karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul “Perancangan Sistem Informasi Pantii Asuhan AlWashliyah Tanjung Mulia Medan Berbasis Web”. Tugas Akhir ini disusun sebagai syarat untuk menyelesaikan Pendidikan Program Diploma 3 Program Studi Manajemen Informatika Jurusan Teknik Elektro Politeknik Negeri Medan. Tugas Akhir ini dapat penulis susun dengan baik karena banyak masukan dan dukungan dari berbagai pihak baik berupa informasi, doa, dana, arahan dan bimbingan. Oleh karena itu penulis mengucapkan terima kasih kepada: 1. M.Syahruddin, ST.,MT, selaku Direktur Politeknik Negeri Medan. 2. Ir. Rina Anugrahwaty, M.T. selaku Ketua Jurusan Teknik Elektro Politeknik Negeri Medan. 3. Roslina, M.I.T. selaku Kepala Program Studi Manajemen Informatika Politeknik Negeri Medan. 4. Ismael S.kom, selaku dosen wali MI-6A yang selalu memberi dukungan dalam menyelesaikan Laporan Tugas Akhir ini. 5. Hikmah Adwin Adam,S.kom.,M.kom, selaku dosen pembimbing penulis, atas segala bimbingan dan waktu yang telah diberikan sehingga penulis dapat menyelesaikan Laporan Tugas Akhir ini.
6. Kepada Pengurus Panti Asuhan Al-Washlliyah Tanjung Mulia Medan yang telah bersedia memberikan izin kepada penulis untuk melakukan riset dan memberikan data yang diperlukan oleh penulis. 7. Keluarga Penulis, Ayahanda dan Ibunda sebagai orang tua penulis yang tiada henti memberikan dukungan, kasih sayang, doa, nasihat, dan biaya selama penulis kuliah. Serta kepada abang-abang, dan kakak-kakak penulis dan adik penulis, terimakasih atas doa, dukungan, semangat, dan saran – sarannya. 8. Ariama Susanti, selaku Administrasi Program Studi Manajemen Informatika Politeknik Negeri Medan, yang telah banyak membantu penulis untuk keperluan administrasi laporan Tugas Akhir ini. 9. Rekan-rekan penulis Mahasiswa MI-6A yang telah memberikan motivasi kepada penulis sehingga penulis dapat menyelesaikan Laporan Tugas Akhir ini Penulis menyadari masih banyak kekurangan dalam penyusunan Laporan Tugas Akhir ini. Untuk itu penulis mengharapkan kritik dan saran dari berbagai pihak yang bersifat membangun demi penyempurnaan Laporan Tugas Akhir ini. Semoga Laporan Tugas Akhir ini bermanfaat bagi pembaca pada umumnya. Medan, Agustus 2013 Penulis,
Muskhayana 1005102031
DAFTAR ISI LEMBAR PERSETUJUAN ......................................................................... i LEMBAR PENGESAHAN ......................................................................... ii ABSTRAK ................................................................................................... iii KATA PENGANTAR ................................................................................. iv DAFTAR ISI ............................................................................................... vii DAFTAR GAMBAR .................................................................................... x DAFTAR TABEL ..................................................................................... xiii
BAB 1 PENDAHULUAN 1.1 Latar Belakang ............................................................................ 1 1.2 Perumusan Masalah .................................................................... 2 1.3 Batasan Masalah.......................................................................... 3 1.4 Tujuan dan Manfaat Tugas Akhir ................................................ 3 1.5 Teknik Pengumpulan Data .......................................................... 4 1.6 Perancangan dan Pembuatan Sistem ........................................... 5 1.7 Sistematika Penulisan ................................................................. 5 BAB 2 TINJAUAN PUSTAKA 2.1 Landasan Teori ......................................................................... 8 2.2 Sistem ....................................................................................... 8 2.3 Informasi .................................................................................. 9 2.4 Sistem Informasi .................................................................... 10 2.5 Panti Asuhan .......................................................................... 10 2.5 Aplikasi Web .......................................................................... 11 26 World Wide Web ..................................................................... 12 27 Web Browser ........................................................................... 13 28 HTTP (Hiper Text Transfer Protocol) ..................................... 14 29 TCP/IP (Transmission Control ................................................. 14 2.10 PHP (Personal Home Page)................................................... 14 2.11 Database (Basis Data) ........................................................... 16 2.12MySQL................................................................................... 19 2.13 Dreamweaver CS5 ................................................................ 20 2.14 HTML (Hypertext Markup Language) ................................. 21 2.15 Flowchart .............................................................................. 21 2.16 Data Flow Diagram (DFD) ................................................... 23
2.17 Sejarah Panti Asuhan............................................................ 25 BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Yang Sedang Berjalan ..................................... 31 3.2 Database.................................................................................... 43 3.3 Kamus Data .............................................................................. 48 3.4 Entity Relationship Diagram .................................................... 59 3.5 Struktur Tabel .......................................................................... 50 3.6 Rancangan User Interface ......................................................... 56 3.7 Rancangan User Interface Input ............................................... 64 3.8 Rancangan struktur User Interface ........................................... 69 3.9 Flowchart Pemrograman........................................................... 70 BAB 4 HASIL DAN PEMBAHASAN 4.1 Pembahasan Hasil Sistem ......................................................... 72 4.2 Halaman Login Admin ............................................................. 79 4.3 Halaman Input Kategori Tutorial .............................................. 83 4.4 Studi Kelayakan Sistem ............................................................ 87 4.5 Kelebihan dan Kekuragan Sistem............................................. 88 BAB 5 SIMPULAN DAN SARAN 5.1 Simpulan .................................................................................. 90 5.2 Saran ......................................................................................... 90 DAFTAR PUSTAKA ................................................................................. 92 LAMPIRAN ................................................................................................ 93
DAFTAR GAMBAR Gambar
Halaman
2.1 Hirarki Data dalam Database ................................................................. 17 2.2 Relasi Database One to One................................................................... 18 2.3 Relasi Database One to Many ................................................................ 19 2.4 Relasi Database Many to One ................................................................ 19 2.5Relasi Database Many to Many .............................................................. 19 2.6BaganStruktur Panti Asuhan Al-Washliyah ........................................... 30 3.1 Diagram Konteks Yang SedangBerjalan ............................................... 31 3.2 Diagram Konteks Yang Diusulkan ........................................................ 33 3.3 DFD Level 0 Sistem Yang Diusulkan .................................................... 34 3.4 DFD Level 1 Olah Admin ...................................................................... 35 3.5 DFD Level 1 OlahKategori Tutorial ...................................................... 35 3.6 DFD Level 1 Olah Tutorial .................................................................... 36 3.7 DFD Level 1 OlahBerita ........................................................................ 37 3.8 DFD Level 1 Olah Agenda .................................................................... 38 3.9 DFD Level 1 OlahAnakAsuh ................................................................. 38
3.10 DFD Level 1 OlahPengasuh ................................................................ 39 3.11 DFD Level 1 Olah AlbumFoto ............................................................ 40 3.12 DFD Level 1 OlahGaleriFoto............................................................... 40 3.13 DFD Level 1 OlahPenyumbang ........................................................... 41 3.14 Unnormal ............................................................................................. 43 3.15 Normal pertama.................................................................................... 44 3.16 Normal KeDua ..................................................................................... 45 3.17 Normal KeTiga..................................................................................... 46 3.18 Entity Relationship Diagram ................................................................ 48 3.19 TabelRelasi ........................................................................................... 54 3.20 Rancangan Output Data Admin ........................................................... 55 3.21 Rancangan Output Kategori Tutorial ................................................... 55 3.22 Rancangn Output Data Tutorial ........................................................... 56 3.23 Rancangan Output Data Berita............................................................. 56 3.24 Rancangan Output Data Agenda .......................................................... 57 3.25 Ranccangan Output Data AnakAsuh ................................................... 57 3.26 Rancangan Output Data Pengasuh ....................................................... 58
3.27 Rancangan Output Data Album ........................................................... 58 3.28 Rancangan Output Data Galeri ............................................................ 59 3.29 Rancangan Output Data Penyumbang ................................................. 59 3.30 Rancangan OutputHalamanUtama ....................................................... 60 3.31 Rancangan Output HalamanTentang Kami ......................................... 61 3.32 Rancangan Output StrukturOrganisasi ................................................. 62 3.33 Rancangan User Interface Input Halaman Admin ............................... 63 3.34 RancanganUser Interface Input Kategori Tutorial ............................... 63 3.35 RancanganUser Interface Input Tutorial .............................................. 64 3.36 Rancangan User Interface Input Berita ................................................ 64 3.37 Rancangan User Interface Input Agenda ............................................. 65 3.38 Rancangan User Intterface Input ProfilAnakAsuh .............................. 65 3.39 Rancangan User Interface Input Anakasuh .......................................... 66 3.40 RancanganUser Interface Input Pengasuh ........................................... 67 3.41 Rancangan User Interface Input Penyumbang ..................................... 67 3.42 StrukturHalaman Admin ...................................................................... 68 3.43 Struktur User interface HalamanUtma ................................................. 68
3.44 Flowchart Halaman Admin .................................................................. 69 3.45 Flowchart HalamanUtama ................................................................... 71 4.1 Halaman Home....................................................................................... 72 4.2 HalamanTentangPantiAsuhan Al-Washliyah ........................................ 73 4.3 HalamanStrukturOrganisasi ................................................................... 74 4.4 VisiMisiPantiAsuhan Al-Washliyah ...................................................... 75 4.5 HalamanBerita........................................................................................ 76 4.6 Halaman Agenda .................................................................................... 77 4.7 HalamanBeritaTerkini ............................................................................ 78 4.8 HalamanLogin Admin............................................................................ 79 4.9 HalamanHome Admin ........................................................................... 80 4.10 HalamanAdmin .................................................................................... 80 4.11 Halaman Tutorial Pelajaran.................................................................. 80 4.12 HalamanBerita Agenda ........................................................................ 81 4.13 Halaman Data AnakAsuhdanPangasuh/Guru ...................................... 82 4.14 HalamanGaleriFoto .............................................................................. 82 4.15 HalamanPenyumbang .......................................................................... 83
4.16 Halaman Input Kategori Tutorial ......................................................... 83 4.17 Halaman Input Berita Agenda .............................................................. 84 4.18 Halaman Input AnakAsuh-pengasuh ................................................... 84 4.19 Halaman Input GaleriFoto ................................................................... 85 4.20 Halaman Input Penyumbang ................................................................ 85 4.21 Halaman Input Album .......................................................................... 86 4.22 Halaman Input Album Foto ................................................................. 86
DAFTAR TABEL Tabel
Halaman
2.1Simbol-simbol Flowchart ........................................................................ 21 2.2 Simbol-simbol Data Flow Diagram (DFD)............................................ 24 3.1 Admin.................................................................................................... 49 3.2 Agenda ................................................................................................... 50 3.3 Album Foto ............................................................................................ 50 3.4 AnakAsuh ............................................................................................... 50 3.5 Berita ...................................................................................................... 51 3.6 BukuTamu .............................................................................................. 51 3.7 GaleriFoto .............................................................................................. 51 3.8 Kategori Tutorial .................................................................................... 52 3.9 Pengasuh ................................................................................................ 52 3.10 Penyumbang ......................................................................................... 52 3.11 ProfilAnakAsuh ................................................................................... 53 3.12 Tutorial ................................................................................................. 53