SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP ESA PRAKARSA LANGKAT TUGAS AKHIR YUNITA SILVIA BATUBARA

Transkripsi

1 SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP ESA PRAKARSA LANGKAT TUGAS AKHIR YUNITA SILVIA BATUBARA PROGRAM STUDI DIII TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2011

2 SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP ESA PRAKARSA LANGKAT TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya YUNITA SILVIA BATUBARA PROGRAM STUDI DIII TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2011

3 ii PERSETUJUAN Judul : SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP ESA PRAKARSA LANGKAT Kategori : TUGAS AKHIR Nama : YUNITA SILVIA BATUBARA Nomor Induk Mahasiswa : Program Studi : DIPLOMA III TEKNIK KOMPUTER Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2011 Diketahui / Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus, M.Si Syahriol Sitorus, S.Si, M.IT NIP NIP

4 iii PERNYATAAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP ESA PRAKARSA TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2011 YUNITA SILVIA BATUBARA NIM :

5 iv PENGHARGAAN Bismillahirrahmanirrahim. Alhamdulillahirabbilalamin, puji dan syukur penulis panjatkan kehadirat Allah SWT, Tuhan Yang Maha Pemurah dan Maha Penyanyang. Karena berkat limpahan karunia-nya tugas akhir ini berhasil diselesaikan dalam waktu yang telah ditetapkan. Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada berbagai pihak atas segala kritik dan saran yang membangun demi terselesaikannya penulisan tugas akhir ini. Terima kasih yang sebesar besarnya penulis sampaikan kepada: 1. Bapak Syahriol Sitorus, S.Si, M.IT selaku dosen pembimbing dan Sekretaris Program Studi D3 Tehnik Informatika yang telah memberikan bimbingan dan arahan kepada penulis dalam penyelesaian tugas akhir 2. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 3. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam. 4. Bapak Syahril Efendi, S.SI M.IT selaku Ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam 5. Seluruh Staf Pengajar dan Pegawai Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam. 6. Terkhusus penulis ucapkan terima kasih yang sebesar-besarnya kepada kedua orang tua penulis Ayahanda Yunan Haris Batubara dan Ibunda Maria Sitepu, dan yang dengan keikhlasan dan ketulusan hatinya membesarkan, mendidik, memberikan doa restu, cinta kasih, pengorbanan, dan dukungan baik dukungan moril maupun materil yang diberikan kepada penulis, dan Kakanda Yona Elisa Batubara yang selalu memberi semangat dalam penyelesaian tugas akhir ini. 7. Buat teman-teman seperjuangan mahasiswa D3 Ilmu Komputer, icha, wita, hedi,solihin dan teman-teman yang lainnya yang tidak dapat saya tuliskan namanya satu persatu terutama teman-teman di kelas komputer A stambuk 2008, terimakasih atas dukungannya dalam membantu dalam menyelesaikan Tugas Akhir ini.

6 v Semoga tugas akhir ini membawa manfaat bagi pembaca dan bagi penulis serta dapat memotivasi penulis untuk meningkatkan ilmu pengetahuan sebagai bekal di masa yang akan datang. Semoga Allah SWT senantiasa memberikan rahmat dan hidayahnya. Amin. Medan, Mei 2011 Yunita Silvia Batubara

7 vi ABSTRAK Tulisan ini bertujuan untuk membangun sebuah aplikasi website yang dinamis. Sistem perancangan dalam membangun website SMP ESA PRAKARSA LANGKAT ini dikembangkan dengan menggunakan software yakni adobe fireworks CS5, Adobe Dreamweaver CS5, Apache2Triad dan PHP serta web browser Internet Explorer 6.0. Tujuan dari aplikasi web ini adalah mempermudah proses pencarian data dan informasi untuk seluruh siswa dan guru yang mengalami kesulitan dalam memperoleh data atau informasi

8 vii DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv vi vii x xi BAB 1 BAB 2 Pendahuluan 1.1 Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Pnelitaian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan 4 Landasan Teori 2.1 Pengertian Komputer Pengertian Sistem Pengertian Sistem Komputer Pengertian Informasi Sistem Informasi Sejarah internet Mengenal Situs Website Web Browser Web Server Istilah-istilah yang harus diketahui Pengenalan HTML Pengenalan PHP (Pre Hypertxt Prepage) MySQL Pengertian Akademik Adobe Dreamweaver CS Adobe Fireworks CS Macromedia Flash 20

9 viii BAB 3 BAB 4 BAB 5 BAB 6 Sekilas Tentang SMP Esa Prakarsa Langkat 3.1 Indentitas Sekolah Struktur Organisasi Visi Misi Sekolah Visi Sekolah Misi Sekolah Motto Sekolah Tujuan Sekolah Uraian Tugas dan Fungsi Organisasi Kepala Sekolah Wakil Kepala Sekolah Tata Usaha Pembantu Kepala Sekolah Bidang Saran Prasarana Bidang Kurikulum Bidang Kesiswaan Guru Wali Kelas Guru Pembimbing dan Konseling Data Flow Diagram SMP Esa Prakarsa 27 Perancangan Sistem 4.1 Perencanaan dan Perancangan Sistem Perancangan Data Flow Diagram Diagram Konteks Data Flow Diagram Level Data Flow Diagram Level Perancangan Struktur Database ERD Algoritma Program Desain Dialog Desain Halaman Utama 47 Implementasi Sistem 5.1 Pengertian Implementasi Sistem Tujuan Implementasi Sistem Spesifikasi Sistem Perangkat Keras (hardware) Perangkat Lunak ( Software) Sumber Daya Manusia (Brainware) Instalasi Software Tampilan Website 57 Kesimpulan dan Saran 6.1 Kesimpulan Saran 62

10 ix Daftar Pustaka 63 Lampiran A : Surat-surat Lampiran B : Listing Program

11 x DAFTAR TABEL Halaman Tabel 4.1 Admin 33 Tabel 4.2 Data Guru 34 Tabel 4.3 Data Pegawai 34 Tabel 4.4 Data Siswa 35 Tabel 4.5 Kelas 35 Tabel 4.6 Berita 35 Tabel 4.7 Buku Tamu 36

12 xi DAFTAR GAMBAR Halaman Gambar 2.1 Tampilan Awal Adobe Dreamweaver CS5 18 Gambar 2.2 Tampilan Awal Adobe Fireworks CS5 19 Gambar 2.3 Tampilan Macromedia Flash 20 Gambar 3.1 Struktur Organisasi 22 Gambar 3.2 Diagram Konteks SMP Esa Prakarsa 27 Gambar 4.1 Diagram Konteks 30 Gambar 4.2 Data Flow Diagram Level 0 31 Gambar 4.3 Data Flow Diagram Level 1 32 Gambar 4.4 Relasi Antar Tabel Database 36 Gambar 4.5 Entity Relationship Diagram 37 Gambar 4.6 Flowchart Halaman Utama 39 Gambar 4.7 Flowchart Halaman Admin 40 Gambar 4.8 Flowchart Halaman Berita 41 Gambar 4.9 Flowchart Halaman Data Siswa 42 Gambar 4.10 Flowchart Halaman Galeri 43 Gambar 4.11 Flowchart Halaman Data Guru 44 Gambar 4.12 Flowchart Halaman Fasilitas 45 Gambar 4.13 Flowchart Halaman Buku Tamu 46 Gambar 4.14 Halaman Menu Utama 47 Gambar 4.15 Halaman Administrator 48 Gambar 5.1 Instalasi Apache2Triad 52 Gambar 5.2 Menentuka Direktori Instalasi Apache2Triad 53

13 xii Gambar 5.3 Masukkan Password Instalasi Apache2Triad 53 Gambar 5.4 Autentifikasi Instalasi Apache2Triad 54 Gambar 5.5 Proses Instalasi Apache2Triad 54 Gambar 5.6 Proses Instalasi Apache2Triad 55 Gambar 5.7 Proses Instalasi Apache2Triad 55 Gambar 5.8 Proses Instalasi Apache2Triad 56 Gambar 5.9 Instalasi Apache2Triad Sukses 56 Gambar 5.10 Tampilan Halaman Home 57 Gambar 5.11 Tampilan Halaman Data Siswa 57 Gambar 5.12 Tampilan Halaman Berita 58 Gambar 5.13 Tampilan Halaman Admin 58 Gambar 5.14 Tampilan Halaman Data Guru 59 Gambar 5.15 Tampilan Halaman Buku Tamu 60