Sistem Perancangan Portal Akademik pada SMA Negeri 1 NA IX-X Aek Kota Batu Berbasis Web
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
2012
SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1
NA IX-X AEK KOTA BATU BERBASIS WEB
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
2012
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 Yuni Rahmaida Nasution
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.
Halaman Persetujuan ii
20
22
2.5.2 Web dinamis
21
2.5.1 Web statis
21
2.5 Website
2.4.1 Manfaat internet
22
19
2.4 Internet
18
2.3.2 Perangkat sistem informasi
16
2.3.1 Komponen sistem informasi
16
2.6 Hypertext Markup Language (HTML)
2.7 PHP
15
2.9 Apache
2.12 Macromedia Dreameaver
31
2.11 JavaScript
31
2.10 Cassading Style Sheet (CSS)
30
28
24
2.8 MySQL
27
2.7.3 Sintaks PHP
25
2.7.2 Kelebihan PHP
24
2.7.1 Sejarang singkat PHP
2.3 Sistem Informasi
2.2.5 Pengertian Sistem
Pernyataan iii
1
3
1.4 Metodelogi Penelitian
3
1.3 Batasan Masalah
2
1.2 Identifikasi Masalah
1.1 Latar Belakang
4
1
Bab 1 Pendahuluan
Daftar Gambar xi
Daftar Tabel x
Daftas Isi vii
Abstrak vi
Penghargaan iv
1.5 Maksud dan Tujuan
1.6 Kegunaan Penelitian
14
9
2.2.4 Pengertian Informasi
12
2.2.3 Diagram Alir (flowchart)
10
2.2.2 Pengertian DFD (Data Flow Diagram)
9
2.2.1 Pengertian Data
2.2 Pengertian Data, DFD (Data Flow Diagram), Flowchart (Diagram Alir), Informasi dan Sistem
5
8
2.1.1 Sistem Komputer
7
2.1 Pengertian Komputer
7
5 Bab 2 Landasan Teori
1.7 Sistematika Penulisan
32 Bab 3 Tinjauan SMA Negeri 1 NA IX-X Aek Kota Batu
34
4.2.7 Halaman Agenda
46
4.3.0 Halaman Galeri Foto
46
4.2.9 Halaman Pengumuman
45
4.2.8 Halaman Berita
45
45
46
4.2.6 Halaman Admin
45
4.2.5 Halaman Portal Akademik
44
4.2.4 Halaman Hubungin Kami
44
4.2.3 Halaman Guru dan Siswa
44
4.3 Perancangan Data Flow Diagram (DFD) Website
4.4 Perancangan Diagram Alir (Flowchart)Website
44
70
5.1 Pengertian Implementasi Sistem
73
72 Bab 5 Implementasi Sistem
4.7.2 Pengunjung website
70
4.7.1 Administrator Website
70
4.7 Gambaran Umum Perancangan Sistem
4.6.2 Design header website
48
68
4.6.1 Design halaman home
68
4.4.3 Design Website
49
4.4.2 Merancang Database Server
48
4.4.1 Flowchart Menu Utama
4.2.2 Halaman Profil
4.2.1 Halaman Beranda
3.1 Profil SMA N1 NA IX-X Aek Kota Batu
3.3.3 Tata Usaha
38
3.3.3.1Bidang Sarana dan Prasarana
37
3.3.5 Pembantu Kepala Sekolah
37
3.3.4 Komite Sekolah
37
36
38
3.3.2 Wakil Kepala Sekolah
36
3.3.1 Kepala Sekolah
36
3.3 Uraian Tugas dan fungsi organisasi
35
3.2 Struktur Organisasi
34
3.3.4.2Bidang Kurikulum
3.3.5.3Bidang Kesiswaan
44
40
4.2 Perancangan Halaman Website
41
4.1 Perencanaan dan Perancangan
41
40 Bab 4 Perancangan Sistem
3.4.3 Tujuan Sekolah
40
3.4.2 Misi Sekolah
3.4.1 Visi Sekolah
38
40
3.4 Visi, Misi & Tujuan
39
3.3.8 Guru Pembimbing dan Konseling
39
3.3.7 Wali Kelas
39
3.3.6 Guru
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
6.1 Tabel Sekilasinfo
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
63 Tabel
5.4 Tabel Mainmenu
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
58 Tabel
58 Tabel
Halaman Tabel
53 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
4.6 Tabel Gallery
5.3 Tabel Komentar
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
67
DAFTAR GAMBAR
Halaman
Gambar 3.1 Struktur Organisasi SMA Negeri 1 NA IX-X35 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