SISTEM INFORMASI AKADEMIK
ONLINE
PADA
SMP NEGERI 31 PALEMBANG
LAPORAN AKHIR
Disusun Sebagai Persyaratan Untuk Menyelesaikan Penddidikan Diploma III Manajemen Informatika
Politeknik Negeri Sriwijaya
Oleh :
Adela Puspita Sari 061330801311
JURUSAN MANAJEMEN INFORMATIKA
POLITEKNIK NEGERI SRIWIJAYA
iii
MOTTO DAN PERSEMBAHAN
MOTTO :
“Perdebatan hanyalah akan membawa pada pertikaian dan
menghilangkan cahaya ilmu dari dalam hati serta mengeraskan hati dan
melahirkan kedengkian.” (Imam Malik)
“Jangan pernah mencintai seseorang yang tidak mencintai Allah SWT.
Jika Allah SWT saja ia tinggalkan apalagi hanya seorang dirimu.” (Imam
As Syafi’i)
Pengorbanan, perjuangan dan kesabaran adalah langkah untuk menuju
kesuksesanmu.
KU PERSEMBAHKAN UNTUK :
Tuhan Yang Maha Esa Dia-lah Allah SWT hanya kepada-Nya hamba
berserah diri dan meminta pertolongan atas semua cobaan yang tengah
hamba hadapi karena hanya dengan izin-Nya hamba bisa melewati
mendoakan ku dan selalu memberi ku motivasi hingga saat ini.
Guru-guru dan juga semua dosen yang telah memberikan kami ilmu
yang sangat bermanfaat bukan hanya ilmu pelajaran tetapi juga ilmu
dalam menjalani kehidupan.
Teman-teman terbaikku yang senantiasa mendengarkan keluh kesah ku
ketika aku dalam kesulitan. Terima kasih atas saran dan motivasinya
selama ini.
Orang spesial dalam hidupku terima kasih selama ini telah setia
menemani dan membantu hampir semua kesulitan yang aku hadapi.
Seseorang yang akan selalu menjadi motivasi terbesar untukku dan
iv
Semua orang yang sangat berjasa bagiku semoga kalian semua
mendapatkan balasan kebaikan yang setimpal dari Allah SWT. Amin
v
ABSTRACT
Academic system procedure on SMPN 31 Palembang almost everything is still done manually, ranging from data processing students, data processing teachers, data processing students scores, timetables until the delivery of information academic just announced by means of paper to put leaflets magazine wall school or sometimes announced by loudspeakers. Academic system procedure still manual is sometimes produce information that less fast, right, and accurate especially in data processing students scores. Hence writers making of a system of academic information online at SMPN 31 Palembang using language programming PHP (Hypertext Preprocessor) and MySQL Database to ease in data processing and information dissemination academic to students, teachers, and also the parents of students / guardian.
vi
ABSTRAK
Prosedur sistem akademik pada SMP Negeri 31 Palembang hampir semuanya masih dilakukan secara manual, mulai dari pengolahan data siswa, pengolahan data guru, pengolahan data nilai siswa, jadwal pelajaran sampai dengan penyampaian informasi akademik yang hanya diumumkan dengan cara menempelkan selembaran kertas ke majalah dinding yang ada di sekolah ataupun terkadang diumumkan lewat pengeras suara. Prosedur sistem akademik yang masih manual ini terkadang menghasilkan informasi yang kurang cepat, tepat, dan akurat terutama dalam pengolahan data nilai siswa. Oleh karena itu penulis membuat suatu Sistem Informasi Akademik Online pada SMP Negeri 31 Palembang menggunakan bahasa pemrograman PHP (Hypertext Preprocessor) dan database MySQL untuk mempermudah dalam pengolahan data dan penyampaian informasi akademik kepada para siswa, guru, dan juga orang tua / wali siswa.
vii
KATA PENGANTAR
Puji Syukur penulis ucapkan kepada Allah SWT karena penulis dapat
menyelesaikan Laporan Akhir yang berjudul “Sistem Informasi Akademik Online
pada SMP Negeri 31 Palembang”. Mulai dari tahapan pelaksanaan hingga
pnyusunan laporan terasa berat, namun berkat bimbingan para dosen, akhirnya
laporan ini dapat terselesaikan meskipun jauh dari kata sempurna.
Adapun tujuan dari penyusunan Laporan Akhir ini adalah sebagai syarat
untuk menyelesaikan pendidikan Diploma Tiga (DIII) pada Jurusan Manajemen
Informatika di Politeknik Negeri Sriwijaya Palembang.
Pada kesempatan kali ini, penulis mengucapkan terima kasih kepada semua
pihak yang telah berusaha meluangkan waktu untuk memberikan bimbingan dalam
penyusunan laporan ini sehingga dapat terselesaikan sesuai dengan yang diharapkan
terutama kepada :
1. Allah SWT yang telah memberikan petunjuk, rahmat dan hidayah-Nya.
2. Kedua Orang Tua dan keluarga saya tercinta yang selama ini telah
memberikan doa dan dukungannya.
3. Saudara-saudara penulis yang telah memberikan semangat dan bantuannya.
viii
10.Bapak Sony Oktapriandi, S.Kom., M.Kom selaku Sekretaris Jurusan
Manajemen Informatika.
11.Bapak Ir. Zulkarnaini, M.T. selaku Dosen Pembimbing I dari Laporan Akhir
ini.
12.Ibu Ida Wahyuningrum, S.E., M.Si. selaku Dosen Pembimbing II dari
Laporan Akhir ini.
13.Seluruh dosen pengajar dan staff administrasi Jurusan Manajemen
Informatika Politeknik Negeri Sriwijaya Palembang.
14.Bapak Suparmin, S.Pd. selaku Kepala Sekolah SMP Negeri 31 Palembang.
15.Ibu Dra. Niswati selaku Wakil Kepala Sekolah bagian Kurikulum pada SMP
Negeri 31 Palembang.
16.Ibu Hamisah, S.Pd. selaku Wakil Kepala Sekolah bagian Kesiswaan pada
SMP Negeri 31 Palembang.
17.Ibu Desy Tri Ferawati, S.Pd. selaku Staf Operator Sekolah pada SMP Negeri
31 Palembang.
18.Teman-teman seperjuangan di Jurusan Manajemen Informatika khususnya
kelas 6 ID.
19.Semua pihak yang telah membantu menyelesaikan Laporan Akhir ini
Semoga mendapatkan balasan yang baik dari Allah SWT dan penulis
berharap Laporan Akhir ini dapat bermanfaat bagi semua pihak yang membacanya.
Palembang, Juli 2016
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
HALAMAN PENGESAHAN ... ii
MOTTO DAN PERSEMBAHAN ... iii
ABSTRAK ... v
ABSTRACT ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
1.4. Tujuan dan Manfaat Pembuatan Sistem ... 3
1.4.1. Tujuan Pembuatan Sistem ... 3
1.4.2. Manfaat Pembuatan Sistem ... 3
1.5. Metodologi Penelitian ... 3
1.5.1. Lokasi Penelitian ... 3
1.5.2. Teknik Pengumpulan Data ... 4
1.6. Sistematika Penulisan ... 4
BAB II
TINJAUAN PUSTAKA
... 62.1. Teori Umum ... 6
2.1.1. Pengertian Komputer ... 6
2.1.2. Pengertian Perangkat Keras ... 6
2.1.3. Pengertian Perangkat Lunak (Software) ... 6
2.1.4. Pengertian Data ... 7
2.1.5. Pengertian Internet ... 7
2.1.6. Pengertian Aplikasi ... 7
x
2.2.4. Karakterisitik Sistem ... 10
2.2.5. Metodologi Pengembangan Sistem ... 11
2.2.6. Pengertian Informasi ... 16
2.2.7. Pengertian Sistem Informasi ... 16
2.2.8. Pengertian Akademik ... 16
2.2.9. Pengertian Sekolah Menengah Pertama (SMP) ... 17
2.2.10. Pengertian Online ... 17
2.2.11. Pengertian Sistem Informasi Akademik Online pada SMP Negeri 31 Palembang ... 17
2.3. Teori Khusus ... 17
2.3.1. ERD(Entity Relationship Diagram) ... 17
2.3.2. DFD(Data Flow Diagram) ... 19
2.4.3. Pengertian PHP (Hypertext Preprocessor) ... 33
2.4.4. Teknik Menulis Script PHP ... 33
2.4.5. Fungsi PHP MySQL ... 35
2.4.6. Pengertian CSS (Cascading Style Sheet) ... 36
2.4.7. Pengertian HTML (Hyper Text Markup Language) .. 36
2.4.8. Pengertian XAMPP ... 37
xi
BAB III
GAMBARAN UMUM PERUSAHAAN
... 383.1. Sejarah Singkat SMP Negeri 31 Palembang ... 38
3.2. Visi, Misi dan Tujuan SMP Negeri 31 Palembang ... 39
3.2.1. Visi ... 39
3.2.2. Misi ... 39
3.2.3. Tujuan Sekolah ... 39
3.3. Struktur Organisasi SMP Negeri 31 Palembang ... 40
3.4. Tugas Kepala Sekolah ... 41
3.5. Tugas Wakil Kepala Sekolah Selaku Kurikulum ... 41
3.6 Tugas Wakil Kepala Sekolah Selaku Kesiswaan ... 42
3.7. Tugas Wakil Kepala Sekolah Selaku HUMAS ... 42
3.8. Tugas Wakil Kepala Sekolah Selaku Sarana dan Prasarana .. 43
3.9. Tugas Guru ... 43
3.10. Prosedur Sistem yang Sedang Berjalan ... 44
BAB IV HASIL DAN PEMBAHASAN ... 47
4.1. Hasil ... 47
4.1.1. Studi Kelayakan ... 47
4.1.2. Metodologi Pengembangan Sistem ... 48
4.1.2.1. Identifikasi dan Seleksi Proyek ... 48
4.1.2.2. Inisiasi dan Perencanaan Proyek ... 48
4.1.2.3. Tahapan Analisis ... 49
4.1.2.4. Implementasi ... 49
4.1.2.5. Pemeliharaan ... 50
4.1.3. Data Flow Diagram (DFD) ... 51
4.1.4. Blockchart ... 53
4.1.5. Flowchart Admin Tata Usaha ... 54
4.1.6. Flowchart Admin Kurikulum ... 55
4.1.7. Flowchart Guru/Wali Kelas ... 56
4.1.8. Flowchart Staf Operator Sekolah ... 57
4.1.9. Flowchart Siswa ... 58
4.1.10. Entity Relationship Diagram (ERD) ... 59
xii
4.2. Pembahasan ... 66
4.2.1. Rancangan Tabel ... 66
4.2.2. Desain Rancangan Masukan ... 71
4.2.2.1. Rancangan Halaman Home ... 71
4.2.2.2. Rancangan Halaman Jadwal Pelajaran ... 72
4.2.2.3. Rancangan Halaman Pengumuman ... 72
4.2.2.4. Rancangan Halaman Berita ... 73
4.2.2.5. Rancangan Halaman Kalender Akademik .... 73
4.2.2.6. Rancangan Halaman Login ... 74
4.2.2.7. Rancangan Halaman Input Data Siswa ... 75
4.2.2.8. Rancangan Halaman Lihat Data Siswa ... 76
4.2.2.9. Rancangan Halaman Laporan Data Siswa .... 77
4.2.2.10. Rancangan Halaman Input Data Guru ... 78
4.2.2.11. Rancangan Halaman Lihat Data Guru ... 79
4.2.2.12. Rancangan Halaman Laporan Data Guru ... 80
4.2.2.13. Rancangan Halaman Input Data Wali Kelas ... 81
4.2.2.14. Rancangan Halaman Lihat Data Wali Kelas ... 82
4.2.2.15. Rancangan Halaman Laporan Data Wali Kelas ... 82
4.2.2.16. Rancangan Halaman Input Jadwal Pelajaran ... 84
4.2.2.17. Rancangan Halaman Lihat Jadwal Pelajaran ... 85
4.2.2.18. Rancangan Halaman Laporan Jadwal Pelajaran ... 86
4.2.2.19. Rancangan Halaman Input Nilai Siswa ... 87
4.2.2.20. Rancangan Halaman Lihat Nilai Siswa ... 88
4.2.2.21. Rancangan Halaman Laporan Nilai Siswa.. 89
4.2.2.22. Rancangan Halaman Input Pengumuman ... 90
4.2.2.23. Rancangan Halaman Input Berita ... 91
xiii
4.2.3. Tampilan Program ... 92
4.2.3.1. Tampilan Halaman Beranda ... 92
4.2.3.2. Tampilan Halaman Profil ... 92
4.2.3.3. Tampilan Halaman Halaman Berita ... 93
4.2.3.4. Tampilan Halaman Pengumuman ... 93
4.2.3.5. Tampilan Halaman Kalender Akademik... 94
4.2.3.6. Tampilan Halaman Halaman Jadwal Pelajaran ... 94
4.2.3.7. Tampilan Halaman Login ... 95
4.2.3.8. Tampilan Halaman Input Data Siswa ... 95
4.2.3.9. Tampilan Halaman Rekap Data Siswa ... 96
4.2.3.10. Tampilan Halaman Input Data Guru ... 96
4.2.3.11. Tampilan Halaman Rekap Data Guru ... 97
4.2.3.12. Tampilan Halaman Input Pengumuman ... 97
4.2.3.13. Tampilan Halaman Input Berita ... 98
4.2.3.14. Tampilan Halaman Rekap Data Berita ... 98
4.2.3.15. Tampilan Halaman Input Data Wali Kelas ... 99
4.2.3.16. Tampilan Halaman Rekap Data Wali Kelas ... 99
4.2.3.17. Tampilan Halaman Input Jadwal Pelajaran ... 100
4.2.3.18.Tampilan Halaman Rekap Data Jadwal Pelajaran ... 100
4.2.3.19. Tampilan Halaman Input Nilai Siswa ... 101
4.2.3.20. Tampilan Halaman Rekap Data Nilai Siswa ... 101
4.2.3.21. Tampilan Halaman Input Kalender Akademik ... 102
4.2.3.22. Tampilan Halaman Rekap Data Kalender Akademik ... 102
xiv
BAB V PENUTUP ... 104
5.1 Kesimpulan ... 104
5.2 Saran ... 104
DAFTAR PUSTAKA
xv
DAFTAR TABEL
Halaman
Tabel 2.1. Simbol-Simbol ERD ... 18
Tabel 2.2. Simbol-Simbol DFD ... 20
Tabel 2.3 Simbol-Simbol Block Chart ... 22
Tabel 2.4. Simbol-Simbol Systems Flowchart ... 25
Tabel 2.5. Simbol-Simbol Program Flowchart ... 28
Tabel 2.6. Simbol-Simbol Process Flowchart ... 30
Tabel 2.7. Simbol-Simbol Kamus Data ... 31
Tabel 3.1. Data Ruangan SMP Negeri 31 Palembang ... 38
Tabel 4.1. Rancangan Tabel Data Siswa ... 66
Tabel 4.2. Rancangan Tabel Data Guru ... 67
Tabel 4.3. Rancangan Tabel Data Kelas ... 68
Tabel 4.4. Rancangan Tabel Data Wali Kelas... 68
Tabel 4.5. Rancangan Tabel Data Mata Pelajaran ... 68
Tabel 4.6. Rancangan Tabel Data Jadwal Pelajaran ... 68
Tabel 4.7. Rancangan Tabel Data Nilai ... 69
Tabel 4.8. Rancangan Tabel Berita ... 70
Tabel 4.9. Rancangan Tabel Pengumuman ... 70
Tabel 4.10. Rancangan Tabel Kalender ... 70
Tabel 4.11. Rancangan Tabel TU ... 70
Tabel 4.12. Rancangan Tabel Operator ... 71
xvi
DAFTAR GAMBAR
Halaman
Gambar 2.1. Siklus Pengolahan Data ... 8
Gambar 2.2. Model Hubungan Elemen-Elemen Sistem ... 9
Gambar 2.3. Logo MySQL ... 32
Gambar 2.4. Logo PHP (Hypertext Preprocessor) ... 33
Gambar 2.5. Logo XAMPP ... 37
Gambar 2.6. Logo Adobe Dreamweaver CS5 ... 37
Gambar 3.1. Struktur Organisasi SMP Negeri 31 Palembang ... 40
Gambar 3.2. Prosedur Sistem yang Sedang Berjalan ... 44
Gambar 4.1. Diagram Konteks ... 51
Gambar 4.2. Diagram Level 0 Siklus Sistem Informasi Akademik ... 52
Gambar 4.3. Blockchart ... 53
Gambar 4.4. Flowchart Admin Tata Usaha ... 54
Gambar 4.5. Flowchart Admin Kurikulum ... 55
Gambar 4.6. Flowchart Guru/Wali Kelas ... 56
Gambar 4.7. Flowchart Staff Operator Sekolah ... 57
Gambar 4.8. Flowchart Siswa ... 58
Gambar 4.9. Entity Relationship Diagram (ERD) ... 59
Gambar 4.11. Rancangan Halaman Beranda ... 71
Gambar 4.12. Rancangan Halaman Jadwal Pelajaran ... 72
Gambar 4.13. Rancangan Halaman Pengumuman ... 72
Gambar 4.14. Rancangan Halaman Berita ... 73
Gambar 4.15. Rancangan Halaman Kalender Akademik ... 73
Gambar 4.16. Rancangan Halaman Login ... 74
Gambar 4.17. Rancangan Halaman Input Data Siswa ... 75
Gambar 4.18. Rancangan Halaman Lihat Data Siswa ... 76
Gambar 4.19. Rancangan Halaman Laporan Data Siswa... 77
Gambar 4.20. Rancangan Halaman Input Data Guru Baru ... 78
Gambar 4.21. Rancangan Halaman Lihat Data Guru ... 79
Gambar 4.22. Rancangan Halaman Laporan Data Guru ... 80
Gambar 4.23. Rancangan Halaman Input Data Wali Kelas ... 81
xvii
Gambar 4.25. Rancangan Halaman Laporan Data Wali Kelas ... 83
Gambar 4.26. Rancangan Halaman Input Jadwal Pelajaran... 84
Gambar 4.27. Rancangan Halaman Lihat Jadwal Pelajaran... 85
Gambar 4.28. Rancangan Halaman Laporan Jadwal Pelajaran ... 86
Gambar 4.29. Rancangan Halaman Input Nilai Siswa ... 87
Gambar 4.30. Rancangan Halaman Lihat Nilai Siswa ... 88
Gambar 4.31. Rancangan Halaman Laporan Nilai Siswa ... 89
Gambar 4.32. Rancangan Halaman Input Pengumuman ... 90
Gambar 4.33. Rancangan Halaman Input Berita ... 91
Gambar 4.34. Rancangan Halaman Input Kalender Akademik ... 91
Gambar 4.35. Tampilan Halaman Beranda ... 92
Gambar 4.36. Tampilan Halaman Profil ... 92
Gambar 4.37. Tampilan Halaman Berita ... 93
Gambar 4.38. Tampilan Halaman Pengumuman ... 93
Gambar 4.39. Tampilan Halaman Kalender Akademik ... 94
Gambar 4.40. Tampilan Halaman Jadwal Pelajaran ... 94
Gambar 4.41. Tampilan Halaman Login ... 95
Gambar 4.42. Tampilan Halaman Input Data Siswa ... 95
Gambar 4.43. Tampilan Halaman Rekap Data Siswa ... 96
Gambar 4.44. Tampilan Halaman Input Data Guru ... 96
Gambar 4.45. Tampilan Halaman Rekap Data Guru ... 97
Gambar 4.46. Tampilan Halaman Input Pengumuman ... 97
Gambar 4.47. Tampilan Halaman Input Berita ... 98
Gambar 4.48. Tampilan Halaman Rekap Data Berita ... 98
Gambar 4.49. Tampilan Halaman Input Data Wali Kelas ... 99
Gambar 4.50. Tampilan Halaman Rekap Data Wali Kelas ... 99
Gambar 4.51. Tampilan Halaman Input Jadwal Pelajaran ... 100
Gambar 4.52. Tampilan Halaman Rekap Data Jadwal Pelajaran ... 100
Gambar 4.53. Tampilan Halaman Input Nilai Siswa ... 101
Gambar 4.54. Tampilan Halaman Rekap Data Nilai Siswa ... 101
Gambar 4.55. Tampilan Halaman Input Kalender Akademik ... 102
Gambar 4.56. Tampilan Halaman Rekap DataKalender Akademik ... 102
