PEMBUATAN APLIKASI PELATIHAN UJIAN NASIONAL BERBASIS WEB SMA NEGERI JUMAPOLO TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas SebelasMaret Surakarta Disusun Oleh: FAJAR NIM. M3110055 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET commit 2013 to user i
ii
iii
ABSTRACT Fajar. 2013. DEVELOPING APPLICATION ON WEB-BASED TRAINING NATIONAL EXAM AT HIGH SCHOOL JUMAPOLO. Informatics Diploma Program, Mathematic And Natural Science Faculty, Sebelas Maret University Surakarta. National exam is a test to determine graduation for high school students or equivalent. For some students the national exam is a very scary thing, because they are ill-prepared to carry out a national exam. One of the factors that determine the graduation of students in dealing with the national exam is a national exam training. Training implementation of national examinations there is some things needed to be managed well, such as provision of learning materials are complete, giving matter more varied, and management of student scores better. The purpose of this final project is to make an application web-based training national exam high school jumapolo. Developing an application to a web-based national exam training was done by collecting data, conducting design, and system implementation. This application was developed using the PHP programming language and processed using the MySQL database. As a result of the final project it has been made a national exam training applications of web-based high school Jumapolo which has facilities such as: test data management, materials data management, management of data subjects, teacher data management, and student data management. Keywords: Applications, National Exam, PHP, commit Jumapolo to user High School. iv
ABSTRAK Fajar. 2013. PEMBUATAN APLIKASI PELATIHAN UJIAN NASIONAL BERBASIS WEB SMA NEGERI JUMAPOLO. Program DIII Teknik Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta. Ujian nasional merupakan ujian yang sangat menentukan kelulusan bagi siswa Sekolah Menengah Atas maupun sederajat. Bagi beberapa siswa ujian nasional merupakan hal yang sangat menakutkan, karena mereka kurang persiapan untuk menghadapi ujian nasional. Salah satu faktor yang sangat menentukan kelulusan siswa dalam menghaadapi ujian nasional adalah dengan adanya pelatihan ujian nasional. Dalam pelaksanaan pelatihan ujian nasional ada beberapa hal yang perlu dikelola dengan baik, seperti pemberian materi-materi pelajaran yang lengkap, pemberian soal yang lebih bervariasi, dan pengelolaan nilai siswa yang lebih baik. Tujuan dari Tugas Akhir ini adalah membuat sebuah aplikasi pelatihan ujian nasional berbasis web SMA Negeri Jumapolo. Pembuatan aplikasi pelatihan ujian nasional berbasis web ini dilakukan dengan cara pengumpulan data, perancangan sistem, dan implementasi sistem. Aplikasi ini dikembangkan dengan menggunakan bahasa pemrograman PHP dan diolah dengan menggunakan database MySQL. Sebagai hasil dari tugas akhir adalah dibuatnya aplikasi pelatihan ujian nasional berbasis web SMA Negeri Jumapolo yang memiliki fasilitas seperti : manajemen data ujian, manajemen data materi, manajemen data mata pelajaran, manajemen data pengajar, dan manajemen data siswa. Kata kunci : Aplikasi, Ujian Nasional, PHP,SMA commit Negeri to user Jumapolo. v
HALAMAN MOTTO Anda akan mendapatkan apa yang Anda usahakan, tapi Anda tidak akan mendapatkan apa yang Anda impikan tanpa usaha yang Anda lakukan vi
HALAMAN PERSEMBAHAN Saya persembahkan Tugas Akhir ini kepada : 1. Ayah dan Ibu tercinta, yang telah memberikan semangat dan memberi banyak inspirasi tentang kerja keras kepada saya. 2. Keluarga saya, kakak-kakak saya yang sangat baik kepada saya. 3. Bapak Nanang Maulana,S.Si yang sudah bersedia menjadi dosen pembimbing dan membagikan pengetahuannya. 4. Pada teman-teman baik saya, Faruq, Danu, Ical terima kasih bantuannya dan semua anak TI-A, kalian memang teman terbaik bagi saya. 5. Teman-teman dari Jengglong yang senantiasa memberikan dukungan dan senyuman pada saya. vii
KATA PENGANTAR Assalamu alaykum Warohmatullohi Wabarokatuh. Bismillahirrohmanirrohim, segala puji dan rasa syukur hanya penulis panjatkan ke haribaan Alloh subhanahu wa ta ala, yang telah melimpahkan segala rahmat dan kemudahannya hingga akhirnya penulis mampu menyelesaikan Tugas Akhir dan menuliskan laporannya tepat waktu. Penulisan laporan ini sebagai salah satu syarat untuk mencapai kelulusan Diploma III Teknik Informatika Universitas Sebelas Maret Surakarta. Dalam pelaksanaan Tugas Akhir dan pembuatan laporan ini, penulis banyak merepotkan berbagai pihak. Untuk itu dalam susunan kata yang mungkin tiada berarti ini penulis sampaikan rasa hormat dan menghaturkan rasa terima kasih kepada: 1. Allah SWT yang telah memberikan ridho, bimbingan, berkah, rahmat, hidayah, dan inayah-nya kepada penulis selama mengerjakan tugas akhir. 2. Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D., selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 3. Drs. Y. S. Palgunadi, M.Sc., selaku Ketua Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 4. Bapak Nanang Maulana, S.Si, selaku pembimbing, yang telah benar-benar membantu dan memberikan bimbingan dalam penyusunan laporan Tugas Akhir. 5. Bapak, Ibu, dan keluarga tercinta yang selalu memberikan semangat dan do a tanpa mengenal lelah. 6. Teman-teman Teknik Informatika angkatan 2010, yang telah memberikan semangat dalam menjalani Tugas Akhir dan saat pembuatan laporan.semoga laporan ini dapat berguna bagi pihak-pihak yang membutuhkan. viii
Semoga laporan ini dapat memberikan manfaat serta pengetahuan bagi semua pihak terutama bagi mahasiswa DIII Teknik Informatika Fakultas Matematika Dan Ilmu Pengetahuan Alam Unversitas Sebelas Maret Surakarta. Sekian dari penulis, segala kesalahan penulis dalam penulisan laporan ini, mohon dimaafkan. Wassalamu alaykum Warohmatullohi Wabarokatuh. Surakarta, Juni 2013 Penulis ix
DAFTAR ISI Halaman HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN...iii HALAMAN ABSTRACT... iv HALAMAN ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR TABEL... xiii DAFTAR GAMBAR... xiv BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Peumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan dan manfaat... 2 1.5 Metodologi Penelitian... 3 1.6 Sistematika Penulisan... 3 BAB II LANDASAN TEORI... 5 2.1 Landasan Teori... 5 2.1.1 Data Flow Diagram... 5 2.1.2 Entity Relatinship Diagram... 6 2.1.3 PHP... 7 2.1.4 MySQL... 8 2.1.5 FPDF... 9 2.1.6 Cascanding Style Sheet... 9 2.1.7 SMS (Short Message Service) commit to... user 9 x
2.1.8 Sistem dan Sistem Informasi... 10 BAB III DESAIN DAN PERANCANGAN... 12 3.1 Kebutuhan Alat... 12 3.1.1 Kebutuhan Perangkat Lunak... 12 3.1.2 Kebutuhan Perangkat Keras.... 12 3.2 Deskripsi Umum Sistem... 12 3.2.1 Analisis Kebutuhan Fungsional... 13 3.2.2 Analisis Kebutuhan Non-fungsional... 14 3.3 Perancangan Sistem... 15 3.3.1 Diagram Konteks... 15 3.3.2 DFD Level 0... 16 3.3.3 DFD Level 1 Proses 3... 18 3.3.4 DFD Level 1 Proses 5... 18 3.3.5 DFD Level 1 Proses 6... 19 3.3.6 DFD Level 1 Proses 7... 20 3.3.7 DFD Level 1 Proses 8... 20 3.3.8 DFD Level 1 Proses 9... 21 3.3.9 DFD Level 1 Proses 10... 21 3.3.10 DFD Level 1 Proses 11... 22 3.3.11 DFD Level 2 Proses 12... 23 3.3.12 DFD Level 2 Proses 13... 23 3.3.13 DFD Level 2 Proses 14... 24 3.4 Perancangan Database... 25 3.4.1 Entity Relationship Diagram... 25 3.4.2 Relasi Antar Tabel... 27 3.4.3 Daftar Tabel... 28 3.5 Struktur Halaman Program... 42 3.6 Perancangan Interface... 45 3.6.1 Desain Halaman Index Siswa... 45 3.6.2 Desain Halaman Utama Siswa... 46 3.6.3 Desain Halaman Utama commit Pengajar to user dan Admin... 47 xi
BAB IV IMPLEMENTASI PROGRAM... 48 4.1 Impelemtasi Program... 48 4.1.1 Halaman Index Siswa... 48 4.1.2 Halaman Utama atau Home Siswa... 49 4.1.3 Halaman Modula tau Materi... 50 4.1.4 Halaman Pilih Ujian Bebas... 51 4.1.5 Halaman Pilih Ujian Tryout Sekolah... 53 4.1.6 Halaman Lihat Nilai... 56 4.1.7 Halaman Kirim Pesan ke Admin atau Pengajar... 57 4.1.8 Halaman Index Pengajar... 57 4.1.9 Halaman Kelola Modul... 58 4.1.10 Halaman Kelola Ujian... 59 4.1.11 Halaman Kelola Soal... 60 4.1.12 Halaman Lihat Nilai (Siswa)... 62 4.1.13 Halaman Lihat Pesan Kritikan... 64 4.1.14 Halaman Account... 65 4.1.15 Halaman Home Admin... 66 4.1.16 Halaman Kelola User(Super Admin)... 67 4.1.17 Halaman Kelola Pengajar... 68 4.1.18 Halaman Kelola Siswa... 69 4.1.19 Halaman Kelola Kelas... 70 4.1.20 Halaman Kelola Mata Pelajaran... 71 4.1.21 Halaman Kelola Berita... 71 4.1.22 Halaman Lihat Pesan Kritikan... 72 4.1.23 Halaman Kelola Data Orang Tua Wali... 72 BAB V PENUTUP... 73 5.1 Kesimpulan... 73 5.2 Saran... 73 DAFTAR PUSTAKA... 74 xii
DAFTAR TABEL Halaman 1. Tabel 2.1 Komponen Entity Relationship Diagram... 7 2. Tabel 3.1 Tabel Kebutuhan Fungsional... 13 3. Tabel 3.2 Tabel Kebutuhan Nonfungsional... 14 4. Tabel 3.3 Tabel Admin... 28 5. Tabel 3.4 Tabel Siswa... 30 6. Tabel 3.5 Tabel Pengajar... 30 7. Tabel 3.6 Tabel Kelas... 31 8. Tabel 3.7 Tabel Kategori... 32 9. Tabel 3.8 Tabel Modul... 33 10. Tabel 3.9 Tabel Mata Pelajaran... 34 11. Tabel 3.10 Tabel Ujian... 35 12. Tabel 3.11 Tabel Soal... 36 13. Tabel 3.12 Tabel Nilai... 37 14. Tabel 3.13 Tabel Pesan... 38 15. Tabel 3.14 Tabel Berita... 38 16. Tabel 3.15 Tabel Wali... 39 17. Tabel 3.16 Tabel Outbox... 40 18. Tabel 3.17 Tabel sentitems... 41 xiii
DAFTAR GAMBAR Halaman 1. Gambar 2.1 Simbol Entitas Luar... 5 2. Gambar 2.2 Simbol Aliran Data... 5 3. Gambar 2.3 Simbol Proses... 6 4. Gambar 2.4 Simbol Berkas... 6 5. Gambar 2.5 Model Sistem... 11 6. Gambar 3.1 Diagram Konteks... 15 7. Gambar 3.2 DFD Level 0... 17 8. Gambar 3.3 DFD Level 1 Proses 3... 18 9. Gambar 3.4 DFD Level 1 Proses 5... 19 10. Gambar 3.5 DFD Level 1 Proses 6... 19 11. Gambar 3.6 DFD Level 1 Proses 7... 20 12. Gambar 3.7 DFD Level 1 Proses 8... 21 13. Gambar 3.8 DFD Level 2 Proses 9... 21 14. Gambar 3.9 DFD Level 1 Proses 10... 22 15. Gambar 3.10 DFD Level 1 Proses 11... 22 16. Gambar 3.11 DFD Level 1 Proses 12... 23 17. Gambar 3.12 DFD Level 1 Proses 13... 24 18. Gambar 3.13 DFD Level 1 Proses 14... 24 19. Gambar 3.14 ERD (Entity Relationship Diagram)... 26 20. Gambar 3.15 Relasi Antar Tabel... 27 21. Gambar 3.16 Struktur Halaman Admin... 43 22. Gambar 3.17 Struktur Halaman Pengajar... 44 23. Gambar 3.18 Struktur Halaman Siswa... 45 24. Gambar 3.19 Perancangan Halaman Index Siswa... 46 25. Gambar 3.20 Perancangan Halaman Utama Siswa... 47 26. Gambar 3.21 Perancangan Halaman Utama Admin dan Pengajar... 47 27. Gambar 4.1 Halaman Index Siswa... 48 28. Gambar 4.2 Kesalahan Login Siswa... 49 xiv
29. Gambar 4.3 Halaman Home Siswa... 50 30. Gambar 4.4 Halaman Modul Siswa... 51 31. Gambar 4.5 Halaman Lihat Ujian Bebas... 52 32. Gambar 4.6 Halaman Kerjakan Ujian Bebas... 52 33. Gambar 4.7 Halaman Pilih Ujian Tryout Sekolah... 53 34. Gambar 4.8 Halaman Detail Ujian Tryout Sekolah... 54 35. Gambar 4.9 Konfirmasi Ketika Sudah Pernah Ujian... 54 36. Gambar 4.10 Halaman Ujian Tryout Sekolah Berlangsung... 55 37. Gambar 4.11 Konfirmasi Nilai Siswa... 55 38. Gambar 4.12 Halaman Lihat Nilai(Siswa)... 56 39. Gambar 4.13 Halaman Cetak Nilai (Siswa)... 56 40. Gambar 4.14 Halaman Kirim Pesan Kritikan atau Saran... 57 41. Gambar 4.15 Halaman Index Pengajar... 57 42. Gambar 4.16 Halaman Kelola Modul... 58 43. Gambar 4.17 Form Tambah Modul... 59 44. Gambar 4.18 Halaman Kelola Ujian... 59 45. Gambar 4.19 Form Tambah Ujian... 60 46. Gambar 4.20 Form Tambah Soal... 61 47. Gambar 4.21 Halaman Lihat dan Edit Soal... 62 48. Gambar 4.22 Halaman Pilihan Lihat Nilai... 62 49. Gambar 4.23 Halaman Lihat Nilai (Pengajar)... 63 50. Gambar 4.24 Konfirmasi Re-Aktif Siswa Berhasil... 64 51. Gambar 4.25 Halaman Lihat Pesan Kritikan(Pengajar)... 64 52. Gambar 4.26 Halaman Baca Pesan Kritikan... 65 53. Gambar 4.27 Notifikasi Pesan Kritikan... 65 54. Gambar 4.28 Halaman Account... 66 55. Gambar 4.29 Halaman Home Super Admin... 66 56. Gambar 4.30 Halaman Home Admin Biasa... 67 57. Gambar 4.31 Halaman Kelola User(Super Admin)... 68 58. Gambar 4.32 Edit Data User... 68 59. Gambar 4.33 Halaman Kelola commit Pengajar to... user 69 xv
60. Gambar 4.34 Halaman Kelola Siswa... 69 61. Gambar 4.35 Peringatan Data Belum Lengkap... 70 62. Gambar 4.36 Halaman Kelola Kelas... 70 63. Gambar 4.37 Halaman Kelola Mata Pelajaran... 71 64. Gambar 4.38 Halaman Kelola Berita... 71 65. Gambar 4.39 Halaman Lihat Pesan... 72 66. Gambar 4.40 Halaman Kelola Data Orang Tua Siswa... 72 xvi