SISTEM INFORMASI BERBASIS WEB DI PANTI ASUHAN UMAR BIN KHATTAB MUHAMMADIYAH CABANG LUBUK PAKAM TUGAS AKHIR WAY YANTONO SAING 072406052 PROGRAM STUDI D3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERSETUJUAN Judul : SISTEM INFORMASI BERBASIS WEB DI PANTI ASUHAN UMAR BIN KHATTAB Kategori Nama : TUGAS AKHIR : WAY YANTONO SAING Nomor Induk Mahasiswa : 072406052 Programstudi Departeman Fakultas : DIPLOMA III ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Mei 2010 Departemen Matematika FMIPA USU Pembimbing Dr. Saib Suwilo,M.Sc Drs. Pangeran Sianipar, Ms NIP. 196401091988031004 NIP. 194702081974031001
PERNYATAAN SISTEM INFORMASI BERBASIS WEB DI PANTI ASUHAN UMAR BIN KHATTAB MUHAMMADIYAH CABANG LUBUK PAKAM TUGAS AKHIR Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Mei 2010 Way Yantono Saing 072406052
PENGHARGAAN Puji dan syukur penulis ucapkan kepada Allah SWT. Karena atas rahmat dan hidayah-nya, tugas akhir ini dapat diselesaikan dengan baik. Sholawat dan salam senantiasa disampaikan kepada Nabi Muhammad SAW. Ucapan terima kasih saya sampaikan kepada Bapak Drs. Pangeran Sianipar, Ms. selaku dosen pembimbing yang banyak memberi panduan dan penuh kepercayaan kepada saya unutk menyempurnakan Tugas Akhir ini. Panduan ringkas dan padat serta professional telah diberikan kepada saya agar penulis dapat menyelesaikan tugas ini. Ucapan terima kasih juga diberikan kepada Bapak Dr. Saib Suwilo, MSc, Selaku ketua pelaksana Program D3 Ilmu Komputer FMIPA USU, Bapak Dr. Eddy Marlianto, MSc, selaku Dekan FMIPA USU, semua dosen pada Departemen Matematika FMIPA USU, pegawai di FMIPA USU, rekan-rekan kuliah dan pengurus, pengasuh panti asuhan umar bin khattab, yang telah mengizinkan saya untuk riset di panti asuhan tersebut, teman-teman yang akan selalu saya sayangi dan rindukan yang selalu memberikan dukungan dan semangat kepada saya mulai dari awal sampai akhir dalam pembuatan Tugas Akhir ini. Akhirnya tidak terlupakan kepada Bapak tercinta yang telah menghadap keharibaan Allah SWT. Do a kami akan selalu menyertaimu, meskipun perjuangan saya tidak dapat ibunda saksikan secara langsung kupersembahkan sepenuh hati Tugas Akhir ini untukmu ibunda tercinta, perjuanganmu luar biasa untuk membesarkan dan menyekolahkan kami. Semoga Allah SWT. Akan membalasnya.
ABSTRAK Kajian ini bertujuan untuk membangun suatu sistem informasi berbasis web dari suatu panti asuhan yang berada di Lubuk Pakam. Sistem ini dikembangkan menggunakan bahasa pemrograman Macromedia Dreamweaver 8, Apache, PHP, MySQL, Adobe Photoshop CS, dan Browser Mozilla Firefox. Sistem ini bekerja memasukkan dan menyimpan data serta menampilkan info dari panti asuhan tersebut. Sehingga masyarakat luas akan lebih mudah mengetahui informasi yang akan disajikan oleh pihak panti asuhan.
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi ix x BAB I PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 perumusan Masalah 2 1.3 Pembatasan Masalah 3 1.4 Maksud dan Tujuan 3 1.5 Metode Penelitian 4 1.6 Sistematika Penulisan 6 BAB 2 TINJAUAN TEORITIS 8 2.1 Data dan Informasi 8 2.1.1 Pengertian data 8 2.1.2 Pengertian informasi 9 2.2 Sistem dan Sistem Informasi 10 2.2.1 Pengertian sistem 10 2.2.2 Pengertian sistem informasi 12 2.3 Pengertian Komputer 13 2.3.1 Komponen-komponen computer 16 2.4 Pengertian Data Flow Diagram (DFD) 19
2.4.1 Diagram alir (Flowchart) 21 2.5 Pengertian Singkat Internet 23 2.6 Pengenalan Web 27 2.5.1 Metodologi Pembangunan Situs web 27 2.5.2 Proses Perancangan situs Web 29 2.7 HTML (Hyper Text Markup Language) 30 2.8 PHP 36 2.8.1 Sejarah PHP 36 2.8.2 Kelebihan-Kelebihan PHP 37 2.8.3 Sintaks PHP 39 2.8.4 Koneksi PHP dengan MySQL 40 2.8.5 Hubungan PHP dengan HTML 44 2.8.6 Upload Database MySql 46 2.9 MySQL 46 2.10 Macromedia Dreamwever 50 2.10.1 Workspace dreamweaver 51 2.10.2 HTML dan dreamweaver 55 BAB 3 DESKRIPSI PANTI ASUHAN 57 3.1 Latar Belakang Berdirinya Panti Asuhan 57 3.2 Visi Panti Asuhan Umar Bin Khattab 58 3.3 Misi Panti Asuhan Umar Bin Khattab 58 3.4 Program-program Panti Asuhan 58 3.4.1 Sistem pembinaan 59 3.4.2 Struktur organisasi 60 BAB 4 PERANCANGAN SISTEM 61 4.1 Perencanaan dan Perancangan 61
4.2 Mendesain Layout/Templete 64 4.3 Mempersiapkan Database server 64 4.4 Membangun Halaman Situs Web 67 4.5 Perancangan Data Flow Diagram (DFD) 70 4.5.1 Flowchart Menu Utama 71 4.6 Design Website 72 4.6.1 Design halaman beranda 72 4.6.2 Design halaman lokasi 73 4.6.3 Design halaman galeri 73 4.6.4 Design halaman kebutuhan 74 4.6.5 Design halaman donatur 74 4.6.6 Design halaman data anak asuh 75 4.6.7 Design halaman ucapan terimakasih 75 4.6.8 Administrator website 78 4.6.9 Pengunjung website 77 BAB 5 IMPLEMENTASI SISTEM 79 5.1 Pengertian Implementasi Sistem 79 5.2 Tujuan Implementasi Sistem 79 5.3 Spesifikasi Sistem 80 5.4 Instalasi Apache, PHP, MySQL 80 5.5 Pengujian Browser 84 5.6 Melakukan Upload dan Database 85 BAB 6 KESIMPULAN DAN SARAN 87 6.1 Kesimpulan 87 6.2 Saran 88 DAFTAR PUSTAKA 89 LAMPIRAN 89
DAFTAR GAMBAR Halaman Gambar 2.1 Workspace dreamweaver 51 Gambar 2.2 Property inspector untuk text 53 Gambar 2.3 Property inspector untuk image 54 Gambar 2.4 Files Panel 54 Gambar 2.5 View Selector 54 Gambar 3.1 Struktur Organisasi 60 Gambar 4.1 Struktur Website 63 Gambar 4.2 Tampilan Dreamweaver 69 Gambar 4.3 Diagram Konteks Website 70 Gambar 4.4 Flowchart Menu Utama 71 Gambar 4.5 Tampilan Halaman Beranda 72 Gambar 4.6 Tampilan Halaman Lokasi 73 Gambar 4.7 Tampilan Halaman Galeri 73 Gambar 4.8 Tampilan Halaman Kenutuhan 74 Gambar 4.9 Tampilan Halaman Donatur 74 Gambar 4.10 Tampilan Halaman Data Anak Asuh 75 Gambar 4.11 Tampilan Halaman Ucapan Terimakasih 75 Gambar 4.12 Tampilan Halaman Administrator 76 Gambar 5.1 Tampilan http://localhost/tugas Akhir/index.php 85
DAFTAR TABEL Halaman Tabel 2.1 Simbol-simbol Data Flow Diagram 20 Tabel 2.1 Simbol-simbol Flowchart 21 Tabel 2.1 Simbol-simbol Flowchart 21 Tabel 4.1 Admin 65 Tabel 4.2 Ucapan Terimakasih 65 Tabel 4.3 Susunan Pengurus 66 Tabel 4.4 Data anak asuh 66