SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB
TUGAS AKHIR
YUNI RAHMAIDA NASUTION
092406036
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
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 092406036
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA MEDAN
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 : 092406036
Program Studi : DIPLOMA III TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2012
Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
Prof. Dr. Tulus, M.Si Drs,Rosman Siregar, M.Si NIP. 196209011 198803 1 002 NIP. 19610101071986011001
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 092406036
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 Universitas Sumatera Utara.
2. Bapak Prof. Dr. Tulus, M.Si selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
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 Universitas Sumatera Utara 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.
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 Universitas Sumatera Utara 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
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 1.6.7 dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.
DAFTAR ISI Halaman Persetujuan ii Pernyataan iii Penghargaan iv Abstrak vi
Daftas Isi vii
Daftar Tabel x Daftar Gambar xi Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Identifikasi Masalah 2 1.3 Batasan Masalah 3 1.4 Metodelogi Penelitian 3
1.5 Maksud dan Tujuan 4
1.6 Kegunaan Penelitian 5
1.7 Sistematika Penulisan 5
Bab 2 Landasan Teori 7
2.1 Pengertian Komputer 7
2.1.1 Sistem Komputer 8
2.2 Pengertian Data, DFD (Data Flow Diagram), Flowchart
(Diagram Alir), Informasi dan Sistem 9
2.2.1 Pengertian Data 9
2.2.2 Pengertian DFD (Data Flow Diagram) 10
2.2.3 Diagram Alir (flowchart) 12
2.2.4 Pengertian Informasi 14
2.2.5 Pengertian Sistem 15
2.3 Sistem Informasi 16
2.3.1 Komponen sistem informasi 16
2.3.2 Perangkat sistem informasi 18
2.4 Internet 19
2.4.1 Manfaat internet 20
2.5 Website 21
2.5.1 Web statis 21
2.5.2 Web dinamis 22
2.6 Hypertext Markup Language (HTML) 22
2.7 PHP 24 2.7.1 Sejarang singkat PHP 24 2.7.2 Kelebihan PHP 25 2.7.3 Sintaks PHP 27 2.8 MySQL 28 2.9 Apache 30
2.10 Cassading Style Sheet (CSS) 31
Bab 3 Tinjauan SMA Negeri 1 NA IX-X Aek Kota Batu 34 3.1 Profil SMA N1 NA IX-X Aek Kota Batu 34
3.2 Struktur Organisasi 35
3.3 Uraian Tugas dan fungsi organisasi 36
3.3.1 Kepala Sekolah 36
3.3.2 Wakil Kepala Sekolah 36
3.3.3 Tata Usaha 37
3.3.4 Komite Sekolah 37
3.3.5 Pembantu Kepala Sekolah 37
3.3.3.1Bidang Sarana dan Prasarana 38
3.3.4.2Bidang Kurikulum 38
3.3.5.3Bidang Kesiswaan 38
3.3.6 Guru 39
3.3.7 Wali Kelas 39
3.3.8 Guru Pembimbing dan Konseling 39
3.4 Visi, Misi & Tujuan 40
3.4.1 Visi Sekolah 40
3.4.2 Misi Sekolah 40
3.4.3 Tujuan Sekolah 40
Bab 4 Perancangan Sistem 41
4.1 Perencanaan dan Perancangan 41
4.2 Perancangan Halaman Website 44
4.2.1 Halaman Beranda 44
4.2.2 Halaman Profil 44
4.2.3 Halaman Guru dan Siswa 44
4.2.4 Halaman Hubungin Kami 44
4.2.5 Halaman Portal Akademik 45
4.2.6 Halaman Admin 45
4.2.7 Halaman Agenda 45
4.2.8 Halaman Berita 45
4.2.9 Halaman Pengumuman 46
4.3.0 Halaman Galeri Foto 46
4.3 Perancangan Data Flow Diagram (DFD) Website 46 4.4 Perancangan Diagram Alir (Flowchart)Website 48
4.4.1 Flowchart Menu Utama 48
4.4.2 Merancang Database Server 49
4.4.3 Design Website 68
4.6.1 Design halaman home 68
4.6.2 Design header website 70
4.7 Gambaran Umum Perancangan Sistem 70
4.7.1 Administrator Website 70
4.7.2 Pengunjung website 72
Bab 5 Implementasi Sistem 73
5.2 Tujuan Implementasi Sistem 73
5.3 Komponen Dalam Implementasi Sistem 74
5.4 Instalasi Xampp, PHP, dan MySQL 75
Bab 6 Kesimpulan dan Saran 79
6.1 Kesimpulan 79
6.2 Saran 80
Daftar Pustaka Lampiran A Lampiran B
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
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