PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA MEDAN TUGAS AKHIR DIMAS HARDI MULYA 082406040 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2011
PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA MEDAN TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat menyelesaikan studi pada program studi Diploma III Teknik Informatika DIMAS HARDI MULYA 082406040 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2011
PERSETUJUAN Judul : PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA MEDAN Kategori : TUGAS AKHIR Nama : DIMAS HARDI MULYA Nomor Induk Mahasiswa : 082406040 Program Studi : D3 TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Diluluskan di Medan, Juni 2011 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua Pembimbing Prof. Dr. Tulus, M.Si Dr. Saib Suwilo, M.Sc NIP 196209011988031002 NIP 196401091988031004
PERNYATAAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA MEDAN 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 2011 Dimas Hardi Mulya 082406040
PENGHARGAAN Alhamdulillah. Segala puji bagi Allah SWT yang telah memberikan rahmat dan hidayah-nya, sehingga penulis berhasil memyelesaikan tugas akhir yang berjudul Perancangan Sistem Informasi Berbasis Web Yayasan Perguruan SMA Swasta Kesatria Medan ini dapat diselesaikan tepat pada waktunya. Shalawat dan salam semoga selalu dilimpahkan kepada junjungan Nabi besar Muhammad SAW, keluarga, sahabat dan para pengikut sampai akhir zaman. Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara. Dalam tugas akhir ini, penulis banyak mendapat masukan serta dukungan dari berbagai pihak. Secara khusus penulis menyampaikan rasa terima kasih yang sedalamdalamnya kepada Ayahanda Zulharni Dongoran dan Ibunda Yusmidar yang telah mendidik dan membesarkan penulis dengan segala pengorbanan yang tak terhitung nilainya serta kasih sayang yang tulus, juga yang saya sayangi Vivi Kusuma Wardhani yang telah memberikan banyak dukungan dan motivasi kepada penulis dalam menyelesaikan tugas akhir ini. Semoga Tuhan Yang Maha Esa akan membalasnya. Dalam kesempatan ini penulis juga ingin mengucapkan terima kasih kepada: 1. Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara 2. Dr. Marpongahtun, M.Sc. selaku Pembantu Dekan I 3. Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika 4. Syahril Effendi, S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku Ketua dan Sekretaris Program Studi Diploma III Teknik Informatika 5. Dr. Saib Suwilo, M.Sc selaku Dosen Pembimbing tugas akhir yang telah memberikan bimbingan dan pengarahan kepada saya selama menyusun tugas akhir ini 6. Seluruh dosen program studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara yang telah memberikan ilmu pengetahuannya kepada penulis selama masa perkuliahan. 7. Drs. Kusmayadi selaku Kepala Sekolah SMA Swasta Kesatria Medan yang telah memberikan ijin penulis melakukan riset dan membantu memberikan informasi-informasi yang dibutuhkan sampai Website tersebut selesai 8. Yun Jaya Putra Tambunan, S.Pd selaku kepala lab SMA Swasta Kesatria Medan yang sudah memberikan keleluasaan menggunakan fasilitas lab dalam menyusun tugas akhir ini 9. Seluruh guru di SMA Swasta Kesatria Medan
10. Rekan-rekan kuliah khususnya Indrawan Farizki dan M. Rizky Novriandri yang sudah membantu menyelesaikan kesulitan- kesulitan yang dihadapi penulis selama menyusun tugas akhir ini Pada penulisan tugas akhir ini, penulis telah berusaha semaksimal mungkin untuk mencapai kesempurnan. Namun penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan tugas akhir ini. Untuk itu penulis mengharapkan kritik dan saran dari pembaca demi penyempurnaan. Demikian tugas akhir ini saya buat. Semoga tulisan ini bermanfaat bagi kita semua. Medan, Mei 2011 Penulis Dimas Hardi Mulya
ABSTRAK Perancangan Sistem Informasi SMA Swasta Kesatria Medan Berbasis Web ini bertujuan untuk mempermudah proses pencarian atau searching data dan informasi untuk seluruh siswa dan guru SMA Swasta Kesatria Medan, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Swasta Kesatria Medan tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil sekolah, agenda kegiatan, jadwal Kegiatan Belajar Mengajar (KBM) dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah Xampp 1.4.6, Adobe Photoshop CS3, Macromedia Dreamweaver 8 dan Mozilla Firefox sebagai browsernya.
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv vi vii x xi Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Identifikasi Masalah 3 1.3 Maksud dan Tujuan 3 1.4 Metode Penelitian 4 1.5 Batasan Masalah 5 1.6 Sistematika Penulisan 5 Bab 2 Landasan Teori 7 2.1 Konsep Dasar Data, Informasi dan Sistem Informasi 7 2.1.1 Data 7 2.1.2 Informasi 8 2.1.3 Sistem Informasi 9 2.1.3.1 Konsep Dasar Sistem 9 2.1.3.2 Konsep Dasar Informasi 10 2.1.3.3 Konsep Dasar Sistem Informasi 11 2.2 Pengertian Komputer 13 2.3 Pengertian Internet 15 2.3.1 Network 16 2.3.2 Sekilas Mengenai Web 17 2.4 Sejarah Web 17 2.4.1 Aplikasi Web 18 2.4.2 Web Server 19 2.5 Sejarah PHP 19 2.5.1 Kelebihan PHP 21 2.5.2 Kelemahan PHP 22 2.5.3 Penggabungan Script PHP dan HTML 22 2.6 Sejarah MySQL 24 2.7 Pengenalan Macromedia Dreamweaver 8 26 2.7.1 Membuka Program Aplikasi Macromedia Dreamweaver 8 27
Bab 3 Deskripsi Sekolah 28 3.1 Profil Sekolah 28 3.2 Visi dan Misi SMA Swasta Kesatria Medan 29 3.3 Tujuan Sekolah 29 3.4 Sekilas Tentang Sekolah 31 3.5 Struktur Organisasi 32 3.6 Uraian Tugas dan Tanggung Jawab 34 3.6.1 Kepala Sekolah 34 3.6.2 Pembantu Kepala Sekolah 1 (PKS1) 34 3.6.3 Pembantu Kepala Sekolah 2 (PKS2) 34 3.6.4 Pembantu Kepala Sekolah 3 (PKS3) 35 3.6.5 Badan Pembimbing (BP) 35 3.6.6 Tata Usaha 35 3.6.7 Bendahara 35 3.6.8 Guru 36 3.6.1 Wali Kelas 36 Bab 4 Perancangan Sistem 37 4.1 Perencanaan Sistem 37 4.2 Pembuatan Sitemap 38 4.2.1 Flow Chart Halaman Utama 40 4.2.2 Flow Chart Halaman Login Administrator 41 4.2.3 Flow Chart Halaman Profil 42 4.2.4 Flow Chart Halaman Struktur 43 4.2.5 Flow Chart Halaman Ekstrakurikuler 44 4.2.6 Flow Chart Halaman Akademik 45 4.2.7 Flow Chart Halaman Aplikasi 46 4.3 Mendesain Layout Web 47 4.4 Perancangan Halaman Website 48 4.4.1 Design Halaman Home 50 4.4.2 Design Halaman Login Administrator 51 4.4.3 Design Halaman Administrator 52 4.5 Perancangan Database 53 4.6 Algoritma Situs 58 4.6.1 Algoritma Menu Utama 58 4.6.2 Algorima Menu Admin 61 Bab 5 Implementasi Sistem 64 5.1 Pengertian Implementasi Sistem 64 5.2 Tujuan Implementasi Sistem 65 5.3 Komponen-Komponen Kebutuhan Sistem 65 5.4 Instalasi Apache, PHP dan MySQL 67 5.4.1 Instalasi Xampp 1.4.6 67 5.4.2 Menjalankan Xampp 71
Bab 6 Kesimpulan Dan Saran 72 6.1 Kesimpulan 72 6.2 Saran 73 Daftar Pustaka 74 LAMPIRAN
DAFTAR TABEL Halaman Tabel 4.1 Tabel admin 53 Tabel 4.2 Tabel alumni 54 Tabel 4.3 Tabel berita 54 Tabel 4.4 Tabel komentar2 55 Tabel 4.5 Tabel guru 55 Tabel 4.6 Tabel judul 56 Tabel 4.7 Tabel nilai 57
DAFTAR GAMBAR Halaman Gambar 2.1 Lima Komponen Sistem Informasi 12 Gambar 2.2 Tampilan Start Page Macromedia Dreamweaver 8 27 Gambar 3.1 Struktur Organisasi SMA Swasta Kesatria Medan 33 Gambar 4.1 Sitemap situs 39 Gambar 4.2 Flow Chart Halaman Utama 40 Gambar 4.3 Flow Chart Halaman Login Administrator 41 Gambar 4.4 Flow Chart Halaman Profil 42 Gambar 4.5 Flow Chart Halaman Struktur 43 Gambar 4.6 Flow Chart Halaman Ekstrakurikuler 44 Gambar 4.7 Flow Chart Halaman Akademik 45 Gambar 4.8 Flow Chart Halaman Aplikasi 46 Gambar 4.9 Rancangan Halaman Utama 47 Gambar 4.10 Rancangan Halaman Utama Administrator 48 Gambar 4.11 Tampilan Halaman Home 50 Gambar 4.12 Tampilan Halaman Login Administrator 51 Gambar 4.13 Tampilan Halaman Utama Administrator 52 Gambar 5.1 Xampp-win32-1.4.6-installer 67 Gambar 5.2 Pilihan Bahasa Instalasi Xampp 68 Gambar 5.3 Setup Wizard 68 Gambar 5.4 End User License Agreement (EULA) 69 Gambar 5.5 Lokasi Instalasi 69 Gambar 5.6 Setup selesai 70 Gambar 5.7 Menjalankan Xampp 71 Gambar 5.8 Hasil pengujian Xampp di Web Browser 71