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,
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
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
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
DAFTAR ISI
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.10 Cassading Style Sheet (CSS) 31
2.11 JavaScript 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
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol Data Flow Diagram 11
Tabel 2.2 Simbol-simbol Flowchart 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
