PERANCANGAN WEBSITE SMP NEGERI 3 LUBUK PAKAM TUGAS AKHIR DESY LESTARI PULUNGAN 092406161 PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012
PERANCANGAN WEBSITE SMP NEGERI 3 LUBUK PAKAM TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer DESY LESTARI PULUNGAN 092406161 PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012
PERNYATAAN PERANCANGAN WEBSITE PEMERINTAHAN KOTA PADANGSIDIMPUAN TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya. Medan, Mei 2012 DESY LESTARI PULUNGAN 092406161
PENGHARGAAN Alhamdulillah, puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat-nya hingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan tepat pada waktunya. Tugas Akhir ini disusun guna memenuhi salah satu syarat kelulusan pada Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam dengan judul PERANCANGAN WEBSITE SMP NEGERI 3 LUBUK PAKAM. Dalam penulisan Tugas Akhir ini, penulis banyak mendapat masukan dan bimbingan serta dorongan dari berbagai pihak. Dalam kesempatan ini penulis mengucapkan terimakasih yang sebesar-besarnya kepada: 1. Bapak Drs. Pangeran Sianipar, M.Si selaku pembimbing Tugas Akhir penulis yang ikut serta membantu penulis dalam menyelesaikan Tugas Akhir ini. 2. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika di. 3. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 4. Para Staff/Pengajar Jurusan D-3 Teknik Informatika FMIPA USU. 5. Ayahanda H. M. Darwin Pulungan dan Ibunda Hj. Lailan Daulay yang selalu setia mencurahkan kasih sayang, dukungan moril dan dukungan spiritual. Serta telah menjadi guru yang terbaik di sepanjang usia.
6. Abanganda Rahmat Julianto Pulungan, kakanda Irma Julianti Pulungan, Nelpa Ida Sari Pulungan, Sri Wahyunita Pulungan, Ade Sukma Astriyani Pulungan, serta adinda Ilham Syah Rizky Pulungan yang menjadi tempat berbagi keluh kesah dan yang selalu memberikan motivasi selama ini. 7. Seluruh teman-teman KOM C Angkatan 2009 yang tidak dapat disebutkan namanya satu per satu khususnya kepada Komting yang selalu setia memberikan informasi dan masukan.
ABSTRAK Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan website ini bertujuan untuk memudahkan siswasiswi, guru, pegawai, serta masyarakat untuk mendapatkan informasi mengenai SMP Negeri 3 Lubuk Pakam. Website ini dikembangkan menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Untuk itu penulis akan membahas Perancangan Website SMP Negeri 3 Lubuk Pakam. Sistem ini meliputi modul-modul masukan dan keluaran data yang berkaitan dengan siswa, guru, dan profil sekolah tersebut.
DAFTAR ISI Halaman PERSETUJUAN ii PERNYATAAN iii PENGHARGAAN iv ABSTRAK v DAFTAR ISI vi DAFTAR TABEL viii DAFTAR GAMBAR ix BAB 1 PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Perumusan Masalah 2 1.3 Batasan Masalah 2 1.4 Maksud dan Tujuan Penelitian 2 1.5 Metodologi Penelitian 3 1.6 Tinjauan Pustaka 5 1.7 Sistematika Penulisan 5 BAB 2 LANDASAN TEORI 7 2.1 Pengertian Komputer 7 2.2 Sistem Komputer 8 2.3 Pengertian Informasi dan Sistem Informasi 9 2.3.1 Pengertian Informasi 9 2.3.2 Pengertian Sistem Informasi 9 2.4 Data dan Database Management 10 2.4.1 Data 10 2.4.2 Database Management System (DBMS) 10 2.5 Syarat-Syarat Merancang Sistem Informasi Berbasis Web 11 2.6 Internet 12 2.7 Web Server 12 2.8 HyperText Markup Language (HTML) 13 2.8.1 Pendahuluan HTML 13 2.8.2 Bagian-Bagian HTML 13 2.9 Pengenalan Personal Home Page (PHP) 14 2.9.1 Sejarah PHP 14 2.9.2 Kelebihan dan Kelemahan PHP 15 2.9.3 Penggabungan Script PHP dan HTML 16 2.10 MySQL 17
2.11 Data Flow Diagram (DFD) 19 2.12 Diagram Alir (Flowchart) 19 2.13 Cascading Style Sheet (CSS) 20 2.14 Macromedia Dreamweaver 8 20 2.14.1 Memulai Dreamweaver 8 20 2.14.2 Area Kerja Pada Dreamweaver 8 21 2.14.3 Menu Bar Area Kerja 22 BAB 3 DESKRIPSI SINGKAT SMP NEGERI 3 LUBUK PAKAM 24 3.1 Profil Sekolah 24 3.2 Struktur Organisasi 25 3.3 Visi dan Misi SMP Negeri 3 Lubuk Pakam 26 3.3.1 Visi 26 3.3.2 Misi 26 3.4 Uraian Tugas dan Fungsi Organisasi 27 3.4.1 Kepala Sekolah 27 3.4.2 Wakil Kepala Sekolah 27 3.4.3 Guru 28 3.4.4 Wali Kelas 28 3.4.5 Guru Pembimbing dan Konseling 28 3.4.6 Pustakawan Sekolah 28 3.4.7 Pengelola Laboratorium 29 3.4.8 Kepala Tata Usaha 29 3.5 Data Siswa 29 3.6 Data Ruang Belajar 30 3.7 Data Guru 30 BAB 4 PERANCANGAN SISTEM 31 4.1 Perancangan Sistem 31 4.2 Metode Pengembangan Sistem 31 4.3 Metode Perancangan 32 4.4 Hasil Perancangan 33 4.4.1 Bagan Berjenjang 33 4.4.2 Diagram Konteks (Contex Diagram) 33 4.5 Perancangan Database 33 4.5.1 Tabel Berita 33 4.6 Rancangan Antarmuka (Interface) 42 4.7 Algoritma 42 BAB 5 IMPLEMENTASI SISTEM 45 5.1 Definisi Implementasi Sistem 45 5.2 Komponen Utama dalam Sistem 45 5.3 Tujuan Implementasi Sistem 46
5.4 Pemeliharaan Sistem 46 5.5 Demonstrasi Program 47 5.5.1 Halaman Utama 47 5.5.2 Halaman Profil 48 5.5.3 Halaman Agenda 48 5.5.4 Halaman Berita 49 5.5.5 Halaman Download 49 5.5.6 Halaman Galeri Foto 50 5.5.7 Halaman Hubungi Kami 50 BAB 6 KESIMPULAN DAN SARAN 51 6.1 Kesimpulan 51 6.2 Saran 52 DAFTAR PUSTAKA 53 LAMPIRAN A LISTING PROGRAM LAMPIRAN B SURAT - SURAT
DAFTAR TABEL Halaman Tabel 4.1 Berita 34 Tabel 4.2 Agenda 34 Tabel 4.3 Album 34 Tabel 4.4 Banner 35 Tabel 4.5 Download 35 Tabel 4.6 Galeri 36 Tabel 4.7 Halaman Statis 36 Tabel 4.8 Identitas 36 Tabel 4.9 Kata Jelek 37 Tabel 4.10 Kategori 37 Tabel 4.11 Komentar 37 Tabel 4.12 Main Menu 38 Tabel 4.13 Modul 38 Tabel 4.14 Poling 38 Tabel 4.15 Sekilas Info 39 Tabel 4.16 Shoutbox 39 Tabel 4.17 Statistik 39 Tabel 4.18 Sub Menu 40 Tabel 4.19 Tag 40 Tabel 4.20 Templates 40 Tabel 4.21 User 41 Tabel 4.22 Hubungi 41
DAFTAR GAMBAR Halaman Gambar 5.5.1 Halaman Utama 47 Gambar 5.5.2 Halaman Profil 48 Gambar 5.5.3 Halaman Agenda 48 Gambar 5.5.4 Halaman Berita 49 Gambar 5.5.5 Halaman Download 49 Gambar 5.5.6 Halaman Galeri Foto 50 Gambar 5.5.7 Hubungi Kami