TUGAS AKHIR YUNI RAHMAIDA NASUTION

Transkripsi

1 SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB TUGAS AKHIR YUNI RAHMAIDA NASUTION PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012

2 SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya YUNI RAHMAIDA NASUTION PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012

3 PERSETUJUAN Judul : SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB Kategori : TUGAS AKHIR Nama : YUNI RAHMAIDA NASUTION Nomor Induk Mahasiswa : Program Studi : DIPLOMA III TEKNIK INFORMATIKA Departemen Fakultas : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2012 Komisi Pembimbing : Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus, M.Si Drs,Rosman Siregar, M.Si NIP NIP

4 PERNYATAAN SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX- X AEK KOTA BATU BERBASIS WEB 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 2012 Yuni Rahmaida Nasution

5 PENGHARGAAN Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Teknik Informatika pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB. Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terima kasih kepada : 1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 2. Bapak Prof. Dr. Tulus, M.Si selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam. 3. Bapak Syahril Efendi S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan sekretaris program studi Diploma III Teknik Informatika Fakultas MIPA yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan. 4. Ibu Drs, Rosman Siregar, M.Si selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.

6 5. Bapak Drs. Yusri Hamonangan Selaku kepala sekolah SMA Negeri 1 NA IX-X Aek Kota Batu yang telah mengizinkan penulis melakukan penelitian dan membantu penulis selama penelitian. 6. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam khususnya program studi DIII Teknik Informatika yang telah benyak memberikan ilmu selama perkuliahan. 7. Ayahanda Chaidir Nasution dan Ibunda Ratma atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materi yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang. 8. Seluruh rekan mahasiswa Jurusan DIII Teknik Informatika khususnya kekasihku tersayang, dan teman-teman yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya. Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya. Medan, Juni 2012 Yuni Rahmaida Nasution

7 ABSTRAK Sistem Perancangan Portal Akademik Pada SMA Negeri 1 NA IX-X Aek Kota Batu Berbasis Web ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMA Negeri 1 NA IX-X Aek Kota Batu, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Negeri 1 NA IX-X Aek Kota Batu tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari Xampp dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

8 DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftas Isi Daftar Tabel Daftar Gambar ii iii iv vi vii x xi Bab 1 Pendahuluan Latar Belakang Identifikasi Masalah Batasan Masalah Metodelogi Penelitian Maksud dan Tujuan Kegunaan Penelitian Sistematika Penulisan 5 Bab 2 Landasan Teori Pengertian Komputer Sistem Komputer Pengertian Data, DFD (Data Flow Diagram), Flowchart (Diagram Alir), Informasi dan Sistem Pengertian Data Pengertian DFD (Data Flow Diagram) Diagram Alir (flowchart) Pengertian Informasi Pengertian Sistem Sistem Informasi Komponen sistem informasi Perangkat sistem informasi Internet Manfaat internet Website Web statis Web dinamis Hypertext Markup Language (HTML) PHP Sejarang singkat PHP Kelebihan PHP Sintaks PHP MySQL Apache Cassading Style Sheet (CSS) JavaScript Macromedia Dreameaver 32

9 Bab 3 Tinjauan SMA Negeri 1 NA IX-X Aek Kota Batu Profil SMA N1 NA IX-X Aek Kota Batu Struktur Organisasi Uraian Tugas dan fungsi organisasi Kepala Sekolah Wakil Kepala Sekolah Tata Usaha Komite Sekolah Pembantu Kepala Sekolah Bidang Sarana dan Prasarana Bidang Kurikulum Bidang Kesiswaan Guru Wali Kelas Guru Pembimbing dan Konseling Visi, Misi & Tujuan Visi Sekolah Misi Sekolah Tujuan Sekolah 40 Bab 4 Perancangan Sistem Perencanaan dan Perancangan Perancangan Halaman Website Halaman Beranda Halaman Profil Halaman Guru dan Siswa Halaman Hubungin Kami Halaman Portal Akademik Halaman Admin Halaman Agenda Halaman Berita Halaman Pengumuman Halaman Galeri Foto Perancangan Data Flow Diagram (DFD) Website Perancangan Diagram Alir (Flowchart)Website Flowchart Menu Utama Merancang Database Server Design Website Design halaman home Design header website Gambaran Umum Perancangan Sistem Administrator Website Pengunjung website 72 Bab 5 Implementasi Sistem Pengertian Implementasi Sistem 73

10 5.2 Tujuan Implementasi Sistem Komponen Dalam Implementasi Sistem Instalasi Xampp, PHP, dan MySQL 75 Bab 6 Kesimpulan dan Saran Kesimpulan Saran 80 Daftar Pustaka Lampiran A Lampiran B

11 DAFTAR TABEL Halaman Tabel 2.1 Simbol-simbol Data Flow Diagram 11 Tabel 2.2 Simbol-simbol Flowchart 12 Tabel 4.1 Tabel Agenda 50 Tabel 4.2 Tabel Album 51 Tabel 4.3 Tabel Banner 51 Tabel 4.4 Tabel Berita 52 Tabel 4.5 Tabel Download 53 Tabel 4.6 Tabel Gallery 54 Tabel 4.7 Tabel Guru 54 Tabel 4.8 Tabel Halamanstatis 55 Tabel 4.9 Tabel Hubungi 56 Tabel 5.0 Tabel Identitas 56 Tabel 5.1 Tabel Katajelek 57 Tabel 5.2 Tabel Kategori 57 Tabel 5.3 Tabel Komentar 58 Tabel 5.4 Tabel Mainmenu 58 Tabel 5.5 Tabel Modul 59 Tabel 5.6 Tabel Mp 60 Tabel 5.7 Tabel Nilai 60 Tabel 5.8 Tabel Pegawai 61 Tabel 5.9 Tabel Pengumuman 61 Tabel 6.0 Tabel Poling 63 Tabel 6.1 Tabel Sekilasinfo 63 Tabel 6.2 Tabel Shoutbox 64 Tabel 6.3 Tabel Siswa 64 Tabel 6.4 Tabel Statistik 65 Tabel 6.5 Tabel Submenu 66 Tabel 6.6 Tabel Tag 66 Tabel 6.7 Tabel Templates 67 Tabel 6.8 Tabel User 67

12 DAFTAR GAMBAR Halaman Gambar 3.1 Struktur Organisasi SMA Negeri 1 NA IX-X 35 Gambar 4.1 Struktur Website 43 Gambar 4.2 Diagram Konteks Website 47 Gambar 4.3 Flowchart Menu Utama 49 Gambar 4.8 Tampilan Halaman Home 57 Gambar 4.9 Tampilan Header Website 58 Gambar 4.10 Tampilan Halaman Administrator 59 Gambar 5.1 Instalasi XAMPP 76 Gambar 5.2 Menentukan Direktori Instalasi Xampp 77 Gambar 5.3 Proses Instalasi Xampp 77 Gambar 5.4 Instalasi Xamp Selesai 78