PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA MEDAN TUGAS AKHIR DIMAS HARDI MULYA 082406040
PERANCANGAN SISTEM INFORMASI BERBASIS WEB
YAYASAN PERGURUAN SMA SWASTA KESATRIA
MEDAN
TUGAS AKHIR
DIMAS HARDI MULYA
082406040
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2011
PERANCANGAN SISTEM INFORMASI BERBASIS WEB
YAYASAN PERGURUAN SMA SWASTA KESATRIA
MEDAN
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat menyelesaikan studi pada program studi Diploma III Teknik Informatika
DIMAS HARDI MULYA
082406040
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2011
PERSETUJUAN
Judul : PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA MEDAN Kategori : TUGAS AKHIR Nama : DIMAS HARDI MULYA Nomor Induk Mahasiswa : 082406040 Program Studi : D3 TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2011
Komisi Pembimbing : Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua Pembimbing Prof. Dr. Tulus, M.Si Dr. Saib Suwilo, M.Sc NIP 196209011988031002 NIP 196401091988031004
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BERBASIS WEB YAYASAN PERGURUAN SMA SWASTA KESATRIA 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, Mei 2011 Dimas Hardi Mulya 082406040
PENGHARGAAN
Alhamdulillah. Segala puji bagi Allah SWT yang telah memberikan rahmat dan hidayah-Nya, sehingga penulis berhasil memyelesaikan tugas akhir yang berjudul
Perancangan Sistem Informasi Berbasis Web Yayasan Perguruan SMA Swasta Kesatria Medan ini dapat diselesaikan tepat pada waktunya. Shalawat dan salam
semoga selalu dilimpahkan kepada junjungan Nabi besar Muhammad SAW, keluarga, sahabat dan para pengikut sampai akhir zaman.
Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara. Dalam tugas akhir ini, penulis banyak mendapat masukan serta dukungan dari berbagai pihak.
Secara khusus penulis menyampaikan rasa terima kasih yang sedalam- dalamnya kepada Ayahanda Zulharni Dongoran dan Ibunda Yusmidar yang telah mendidik dan membesarkan penulis dengan segala pengorbanan yang tak terhitung nilainya serta kasih sayang yang tulus, juga yang saya sayangi Vivi Kusuma Wardhani yang telah memberikan banyak dukungan dan motivasi kepada penulis dalam menyelesaikan tugas akhir ini. Semoga Tuhan Yang Maha Esa akan membalasnya.
Dalam kesempatan ini penulis juga ingin mengucapkan terima kasih kepada: 1.
selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara 2. elaku Pembantu Dekan I 3. elaku Ketua Departemen Matematika 4. Syahril Effendi, S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku Ketua dan
Sekretaris Program Studi Diploma III Teknik Informatika 5. Dr. Saib Suwilo, M.Sc selaku Dosen Pembimbing tugas akhir yang telah memberikan bimbingan dan pengarahan kepada saya selama menyusun tugas akhir ini 6. Seluruh dosen program studi Diploma III Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara yang telah memberikan ilmu pengetahuannya kepada penulis selama masa perkuliahan.
7. Drs. Kusmayadi selaku Kepala Sekolah SMA Swasta Kesatria Medan yang telah memberikan ijin penulis melakukan riset dan membantu memberikan informasi-informasi yang dibutuhkan sampai Website tersebut selesai 8. Yun Jaya Putra Tambunan, S.Pd selaku kepala lab SMA Swasta Kesatria
Medan yang sudah memberikan keleluasaan menggunakan fasilitas lab dalam menyusun tugas akhir ini
9. Seluruh guru di SMA Swasta Kesatria Medan
10. Rekan-rekan kuliah khususnya Indrawan Farizki dan M. Rizky Novriandri yang sudah membantu menyelesaikan kesulitan- kesulitan yang dihadapi penulis selama menyusun tugas akhir ini
Pada penulisan tugas akhir ini, penulis telah berusaha semaksimal mungkin untuk mencapai kesempurnan. Namun penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan tugas akhir ini. Untuk itu penulis mengharapkan kritik dan saran dari pembaca demi penyempurnaan.
Demikian tugas akhir ini saya buat. Semoga tulisan ini bermanfaat bagi kita semua.
Medan, Mei 2011 Penulis
Dimas Hardi Mulya
ABSTRAK
Perancangan Sistem Informasi SMA Swasta Kesatria Medan Berbasis Web ini bertujuan untuk mempermudah proses pencarian atau searching data dan informasi untuk seluruh siswa dan guru SMA Swasta Kesatria Medan, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Swasta Kesatria Medan tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil sekolah, agenda kegiatan, jadwal Kegiatan Belajar Mengajar (KBM) dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah Xampp 1.4.6, Adobe Photoshop CS3, Macromedia Dreamweaver 8 dan Mozilla Firefox sebagai browsernya.
DAFTAR ISI Halaman Persetujuan ii Pernyataan iii Penghargaan iv Abstrak vi Daftar Isi vii Daftar Tabel x Daftar Gambar xi
Bab 1 Pendahuluan
1
1.1 Latar Belakang
1
1.2 Identifikasi Masalah
3
1.3 Maksud dan Tujuan
3
1.4 Metode Penelitian
4
1.5 Batasan Masalah
5
1.6 Sistematika Penulisan
5 Bab 2 Landasan Teori
7
2.1 Konsep Dasar Data, Informasi dan Sistem Informasi
7
2.1.1 Data
7
2.1.2 Informasi
8
2.1.3 Sistem Informasi
9
2.1.3.1 Konsep Dasar Sistem
9
2.1.3.2 Konsep Dasar Informasi
10
2.1.3.3 Konsep Dasar Sistem Informasi
11
2.2 Pengertian Komputer
13
2.3 Pengertian Internet
15
2.3.1 Network
16
2.3.2 Sekilas Mengenai Web
17
2.4 Sejarah Web
17
2.4.1 Aplikasi Web
18
2.4.2 Web Server
19
2.5 Sejarah PHP
19
2.5.1 Kelebihan PHP
21
2.5.2 Kelemahan PHP
22
2.5.3 Penggabungan Script PHP dan HTML
22
2.6 Sejarah MySQL
24
2.7 Pengenalan Macromedia Dreamweaver 8
26
2.7.1 Membuka Program Aplikasi Macromedia Dreamweaver 8
27
Bab 3 Deskripsi Sekolah
4.4 Perancangan Halaman Website
52
4.4.3 Design Halaman Administrator
51
4.4.2 Design Halaman Login Administrator
50
4.4.1 Design Halaman Home
48
47
53
4.3 Mendesain Layout Web
46
4.2.7 Flow Chart Halaman Aplikasi
45
4.2.6 Flow Chart Halaman Akademik
44
4.2.5 Flow Chart Halaman Ekstrakurikuler
4.5 Perancangan Database
4.6 Algoritma Situs
4.2.4 Flow Chart Halaman Struktur
5.3 Komponen-Komponen Kebutuhan Sistem
71
5.4.2 Menjalankan Xampp
67
5.4.1 Instalasi Xampp 1.4.6
67
5.4 Instalasi Apache, PHP dan MySQL
65
65
58
5.2 Tujuan Implementasi Sistem
64
5.1 Pengertian Implementasi Sistem
64
61 Bab 5 Implementasi Sistem
4.6.2 Algorima Menu Admin
58
4.6.1 Algoritma Menu Utama
43
28
3.1 Profil Sekolah
3.6 Uraian Tugas dan Tanggung Jawab
34
3.6.3 Pembantu Kepala Sekolah 2 (PKS2)
34
3.6.2 Pembantu Kepala Sekolah 1 (PKS1)
34
3.6.1 Kepala Sekolah
34
32
35
3.5 Struktur Organisasi
31
3.4 Sekilas Tentang Sekolah
29
3.3 Tujuan Sekolah
29
3.2 Visi dan Misi SMA Swasta Kesatria Medan
28
3.6.4 Pembantu Kepala Sekolah 3 (PKS3)
3.6.5 Badan Pembimbing (BP)
4.2.3 Flow Chart Halaman Profil
4.1 Perencanaan Sistem
41
4.2.2 Flow Chart Halaman Login Administrator
40
4.2.1 Flow Chart Halaman Utama
38
4.2 Pembuatan Sitemap
37
37
35
36 Bab 4 Perancangan Sistem
3.6.1 Wali Kelas
36
3.6.8 Guru
35
3.6.7 Bendahara
35
3.6.6 Tata Usaha
42
Bab 6 Kesimpulan Dan Saran
72
6.1 Kesimpulan
72
6.2 Saran
73 Daftar Pustaka
74 LAMPIRAN
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel admin53 Tabel 4.2 Tabel alumni
54 Tabel 4.3 Tabel berita
54 Tabel 4.4 Tabel komentar2
55 Tabel 4.5 Tabel guru
55 Tabel 4.6 Tabel judul
56 Tabel 4.7 Tabel nilai
57
DAFTAR GAMBAR
47 Gambar 4.10 Rancangan Halaman Utama Administrator
71 Gambar 5.8 Hasil pengujian Xampp di Web Browser
70 Gambar 5.7 Menjalankan Xampp
69 Gambar 5.6 Setup selesai
69 Gambar 5.5 Lokasi Instalasi
68 Gambar 5.4 End User License Agreement (EULA)
68 Gambar 5.3 Setup Wizard
67 Gambar 5.2 Pilihan Bahasa Instalasi Xampp
52 Gambar 5.1 Xampp-win32-1.4.6-installer
51 Gambar 4.13 Tampilan Halaman Utama Administrator
50 Gambar 4.12 Tampilan Halaman Login Administrator
48 Gambar 4.11 Tampilan Halaman Home
46 Gambar 4.9 Rancangan Halaman Utama
Halaman
45 Gambar 4.8 Flow Chart Halaman Aplikasi
44 Gambar 4.7 Flow Chart Halaman Akademik
43 Gambar 4.6 Flow Chart Halaman Ekstrakurikuler
42 Gambar 4.5 Flow Chart Halaman Struktur
41 Gambar 4.4 Flow Chart Halaman Profil
40 Gambar 4.3 Flow Chart Halaman Login Administrator
39 Gambar 4.2 Flow Chart Halaman Utama
33 Gambar 4.1 Sitemap situs
27 Gambar 3.1 Struktur Organisasi SMA Swasta Kesatria Medan
12 Gambar 2.2 Tampilan Start Page Macromedia Dreamweaver 8
Gambar 2.1 Lima Komponen Sistem Informasi71