SISTEM INFORMASI BERBASIS WEB DI PANTI ASUHAN UMAR BIN KHATTAB MUHAMMADIYAH CABANG LUBUK PAKAM TUGAS AKHIR WAY YANTONO SAING

Transkripsi

1 SISTEM INFORMASI BERBASIS WEB DI PANTI ASUHAN UMAR BIN KHATTAB MUHAMMADIYAH CABANG LUBUK PAKAM TUGAS AKHIR WAY YANTONO SAING PROGRAM STUDI D3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

2 PERSETUJUAN Judul : SISTEM INFORMASI BERBASIS WEB DI PANTI ASUHAN UMAR BIN KHATTAB Kategori Nama : TUGAS AKHIR : WAY YANTONO SAING Nomor Induk Mahasiswa : 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 NIP

3 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

4 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.

5 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.

6 DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi ix x BAB I PENDAHULUAN Latar Belakang perumusan Masalah Pembatasan Masalah Maksud dan Tujuan Metode Penelitian Sistematika Penulisan 6 BAB 2 TINJAUAN TEORITIS Data dan Informasi Pengertian data Pengertian informasi Sistem dan Sistem Informasi Pengertian sistem Pengertian sistem informasi Pengertian Komputer Komponen-komponen computer Pengertian Data Flow Diagram (DFD) 19

7 2.4.1 Diagram alir (Flowchart) Pengertian Singkat Internet Pengenalan Web Metodologi Pembangunan Situs web Proses Perancangan situs Web HTML (Hyper Text Markup Language) PHP Sejarah PHP Kelebihan-Kelebihan PHP Sintaks PHP Koneksi PHP dengan MySQL Hubungan PHP dengan HTML Upload Database MySql MySQL Macromedia Dreamwever Workspace dreamweaver HTML dan dreamweaver 55 BAB 3 DESKRIPSI PANTI ASUHAN Latar Belakang Berdirinya Panti Asuhan Visi Panti Asuhan Umar Bin Khattab Misi Panti Asuhan Umar Bin Khattab Program-program Panti Asuhan Sistem pembinaan Struktur organisasi 60 BAB 4 PERANCANGAN SISTEM Perencanaan dan Perancangan 61

8 4.2 Mendesain Layout/Templete Mempersiapkan Database server Membangun Halaman Situs Web Perancangan Data Flow Diagram (DFD) Flowchart Menu Utama Design Website Design halaman beranda Design halaman lokasi Design halaman galeri Design halaman kebutuhan Design halaman donatur Design halaman data anak asuh Design halaman ucapan terimakasih Administrator website Pengunjung website 77 BAB 5 IMPLEMENTASI SISTEM Pengertian Implementasi Sistem Tujuan Implementasi Sistem Spesifikasi Sistem Instalasi Apache, PHP, MySQL Pengujian Browser Melakukan Upload dan Database 85 BAB 6 KESIMPULAN DAN SARAN Kesimpulan Saran 88 DAFTAR PUSTAKA 89 LAMPIRAN 89

9 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 Akhir/index.php 85

10 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