PERANCANGAN SISTEM INFORMASI AKADEMIK BE

PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA
MAN 1 MEDAN

TUGAS AKHIR

RIZKI AMALIA GULTOM
062406143

DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2009

Universitas Sumatera Utara

PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA
MAN 1 MEDAN

TUGAS AKHIR


Diajukan sebagai salah satu syarat dalam menyelesaikan
Pendidikan Program Studi D – 3 Ilmu Komputer

RIZKI AMALIA GULTOM
062406143

DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2009

Universitas Sumatera Utara

PERSETUJUAN

Judul

Kategori
Nama

Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas

:PERANCANGAN SISTEM INFORMASI
AKADEMIK BERBASIS WEB PADA MAN 1
MEDAN
: TUGAS AKHIR
: RIZKI AMALIA GULTOM
: 062406143
: D3 ILMU KOMPUTER
: MATEMATIKA
:MATEMATIKA DAN ILMU PENGETAHUAN
ALAM UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juni 2009

Diketahui / Disetujui oleh :
Departemen Matematika FMIPA USU

Ketua,

Pembimbing

Dr. Saib Suwilo, M.Sc

Dr. Saib Suwilo, M.Sc

NIP. 131796149

NIP. 131796149

Universitas Sumatera Utara

PERNYATAAN

PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA
MAN 1 MEDAN

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 2009

RIZKI AMALIA GULTOM
062406143

Universitas Sumatera Utara

PENGHARGAAN

Puji dan syukur yang sebesar-besarnya penulis ucapkan kepada Allah SWT atas
segala berkat, ridho, kekuatan, pengetahuan, dan kemudahan yang telah Allah SWT
berikan kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini dengan
baik dan tepat pada waktunya. Tugas akhir ini merupakan salah satu syarat untuk
dapat menyelesaikan pendidikan di D-3 Ilmu Komputer FMIPA USU.


Adapun judul dari tugas akhir ini adalah “Perancangan Sistem Informasi
Akademik Berbasis Web Pada Man 1 Medan”.

Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada pihak
yang telah membimbing, mengarahkan, membantu, dan memberikan semangat kepada
penulis dalam menyelesaikan tugas akhir ini. Penulis mengucapkan terima kasih
kepada:

1. Bapak Dr. Eddy Marlianto, M.Sc, selaku Dekan FMIPA USU.
2. Bapak Dr Sutarman, Msc, selaku pembantu dekan 1 FMIPA USU.
3. Bapak Dr. Saib Suwilo, M.Sc, selaku Ketua Jurusan Program Studi D – 3 Ilmu
Komputer FMIPA USU dan selaku Dosen Pembimbing Tugas Akhir penulis
yang selama ini telah memberikan motivasi, bimbingan dan arahan kepada
penulis dalam proses penyelesain tugas akhir penulis.
4. Bapak Burhanuddin S.Ag.M.pd, selaku Kepala Man 1 Medan yang telah
memberikan kesempatan dan kepercayaan kepada penulis untuk melakukan
riset di Man 1 Medan
5. Bapak Ariyansyah dan ibu Masniari, S.Ag yang telah membantu penulis
memperoleh data-data yang penulis perlukan dalam menyelesaikan tugas akhir

ini.

Universitas Sumatera Utara

6. Seluruh Dosen Pengajar Program Studi D-3 Ilmu Komputer Fakultas MIPA
Univesitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat
kepada penulis selama masa perkuliahan.
7. Ucapan terima kasih yang tiada akhir buat Ayahanda, Ibunda, dan adik-adik
tercinta yang senantiasa memberikan dukungan moril, material, semangat, dan
kasih saying kepada penulis serta mendoakan penulis agar lancar dalam segala
urusan.
8. Teman-teman seangkatan Penulis teristimewah buat Zulfirman Tanjung,
Henny ‘rindang’, Cita Rapiadi, Marnay Sinurat, dan Lanna Sari atas
persahabatan, pengorbanan, pengertian, dan perhatiannya selama ini. Astri,
Eva, Chaky Yudistira, Santikayani, Juli, khoir’uden’, lela, aan dan teman–
teman seangkatan yang tidak bisa penulis sebutkan satu per satu.

Akhirnya, penulis hanya bisa memanjatkan do’a semoga Allah SWT akan
membalas semua kebaikan semua pihak. Amin.


Medan,

Mei 2009

Penulis

Universitas Sumatera Utara

Universitas Sumatera Utara

ABSTRAK

Kajian ini bertujuan untuk membangun suatu sistem informasi akademik berbasis web
pada Man 1 Medan. Aplikasi ini dikembangkan dengan menggunakan perangkat
lunak Macromedia Dreamweaver 8, AppServ 2.5.10 yang terdiri dari Apache web
server 2.2.8, PHP 2.5.6, MySQL 5.0.51b, PhpMyadmin Database Manager 2.10.3,
Adobe Photoshop Cs 3, CSS dan browser Mozilla Firefox. Aplikasi web ini bekerja
untuk dapat melakukan pencarian, penginputan, pengeditan, pendeletan data siswa,
nilai, absensi dan guru. Siswa dapat melihat langsung data nilai dan absensinya
sedangkan guru dapat menginput nilai dan absensi langsung ke dalam database

melalui user login masing-masing. Tujuan sistem informasi akademik ini adalah untuk
menyajikan dan memberikan kemudahan dalam meng-update informasi mengenai
data akademik seperti data siswa, data nilai, data absensi, dan data guru serta
memberikan informasi kepada masyarakat umum tentang Man 1 Medan.

Universitas Sumatera Utara

Universitas Sumatera Utara

DAFTAR ISI

Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Tabel
Daftar Gambar
Bab 1 Pendahuluan
1.1 Latar Belakang

1.2 Identifikasi Masalah
1.3 Ruang LingkupMasalah
1.4 Maksud dan Tujuan
1.5 Metodologi Penelitian
1.6 Sistematika Penulisan
Bab 2 Tinjauan Teori
2.1 Konsep Dasar Sistem Informasi
2.1.1 Sistem
2.1.2 Informasi
2.1.3 Sistem Informasi
2.2 Sekilas Tentang Komputer
2.3 Pengenalan Internet
2.3.1 WWW (World Wide Web)
2.3.2 HTTP (Hypertext Transfer Protocol)
2.3.3 Browser
2.3.4 Domain
2.3.5 URL (Uniform Resource Locater)
2.4 HTML
2.5 PHP (Hypertext Preprocessor)
2.6 MySQL

2.7 Cascading Style Sheet (CSS)
2.8 Data Flow Diagram (DFD)
2.9 Flowchart (Diagram Alir)
2.10 Entity Relationship Diagram (ERD)
2.11 JavaScript
2.12 Macromedia Dreamweaver

Halaman
ii
iii
iv
vi
vii
ix
x
1
1
3
4
5

5
6
9
9
9
10
10
11
13
15
16
17
17
19
20
21
24
27
27
29
30
32
32

Universitas Sumatera Utara

Bab 3 Gambaran Tentang Man 1 Medan
3.1 Sejarah
3.2 Visi dan Misi
3.2.1 Visi
3.2.2 Misi
3.3 Struktur Organisasi
3.4 Uraian Tugas dan Fungsi Struktur Oganisasi
3.4.1 Kepala Madrasah
3.4.2 Kepala Urusan Tata Usaha
3.4.3 Pembantu Kepala Madrasah (PKM)
3.4.3.1 PKM Kurikulum
3.4.3.2 PKM Kesiswaan
3.4.3.3 PKM Sarana / Prasarana
3.4.4 Penjab
3.4.4.1 Penjab Laboratorium
3.4.4.2 Penjab Perpustakaan
3.4.5 Koordinator BP/BK
3.4.6 Wali Kelas

33
33
35
35
35
36
37
37
37
38
38
39
40
40
40
41
41
42

Bab 4 Perancangan Sistem
4.1 Perancangan Sistem
4.2 Data Flow Diagram (DFD)
4.3 Kamus data
4.4 Perancangan Database
4.4.1 Tabel Siswa
4.4.2 Tabel Kelas Aktif
4.4.3 Tabel Admin
4.4.4 Tabel Guru
4.4.5 Tabel Data Kelas
4.4.6 Tabel Data Materi
4.5 Flowchart Sistem
4.5.1 Flowchart Login Admin
4.5.2 Flowchart Menu Admin
4.5.3 Flowchar Pencarian Data Siswa Pada Menu Admin
4.5.4 Flowchart Menambah Data
4.5.5 Flowchart Mengedit Data
4.5.6 Flowchart Login Guru
4.5.7 Flowchart Menu Guru
4.5.9 Flowchart Data Nilai dan Absensi
4.5.9 Flowchart Login Siswa
4.5.10 Flowchart Menu Siswa

44
44
44
48
49
49
50
52
52
53
53
54
54
55
56
57
57
58
59
60
61
62

Bab 5 Implementasi Sistem
5.1 Pengertian Implementasi Sistem
5.2 Tujuan Implementasi Sistem
5.3 Komponen-Komponen Kebutuhan Sistem

64
64
64
65

Universitas Sumatera Utara

5.3.1 Perangkat Keras (Hardware)
5.3.2 Perangkat Lunak (Software)
5.3.3 Perangkat Manusia (Brainware)
Bab 6 Penutup
6.1 Kesimpulan
6.2 Saran
Daftar Pustaka
Lampiran - Lampiran

65
65
68
69
69
70

Universitas Sumatera Utara

Universitas Sumatera Utara

DAFTAR TABEL

Halaman
Tabel 2.1 Sintax dasar PHP
Tabel 2.2 Simbol-Simbol Data Flow Diagram
Tabel 2.3 Simbol-Simbol Flowchart
Tabel 2.4 Simbol-Simbol ERD
Tabel 4.1 Struktur Tabel Data Siswa
Tabel 4.2 Struktur Tabel Kelas Aktif
Tabel 4.3 Struktur Tabel Data Admin
Tabel 4.4 Struktur Tabel Data Guru
Tabel 4.5 Struktur Tabel Data Kelas
Tabel 4.6 Struktur Tabel Data Materi

22
28
29
31
50
51
52
52
53
53

Universitas Sumatera Utara

DAFTAR GAMBAR

Halaman
Gambar 2.1 Output File Contoh.php
Gambar 3.1 Struktur Organisasi Man 1 Medan
Gambar 4.1 Diagram konteks sistem yang sedang berjalan saat ini
Gambar 4.2 Diagram Level Konteks Sistem Informasi Akademik Man 1 Medan
Gambar 4.3 Data Flow Diagram Level 0 sistem yang sedang berjalan saat ini
Gambar 4.4 Data Flow Diagram Level 0 sistem Informasi Akademik
Gambar 4.5 Flowchart Login Admin
Gambar 4.6 Flowchart Menu Admin
Gambar 4.7 Flowchart Data Siswa Pada Menu Admin
Gambar 4.8 Flowchart Menambah Data
Gambar 4.9 Flowchart Mengedit Data
Gambar 4.10 Flowchart Login Guru
Gambar 4.11 Flowchart Menu Guru
Gambar 4.12 Flowchart Data Nilai dan Absensi
Gambar 4.13 Flowchart Login Siswa
Gambar 4.14 Flowchart Menu Siswa
Gambar 5.1 Tampilan antar muka Sistem Operasi Windows XP
Gambar 5.2 Tampilan antar muka Macromedia Dreamweaver 8
Gambar 5.3 Tampilan antar muka AppServ
Gambar 5.4 Tampilan antar muka Mozilla Firefox

24
36
44
45
46
47
54
55
56
57
58
59
60
61
62
63
66
66
67
68

Universitas Sumatera Utara