3.2.2. Perancangan Interface
3.2.2.1. Operator Sekolah
3.2.2.1.1. Halaman Login
Gambar 3.24 Desain Halaman Login
3.2.2.1.2. Halaman Beranda
Gambar 3.25 Desain Halaman Beranda
3.2.2.1.3. Halaman
Data Sekolah
Gambar 3.26 Desain Halaman Data Sekolah
3.2.2.1.4. Halaman Tambah Data Sekolah
Gambar 3.27 Desain Halaman Tambah Data Sekolah
3.2.2.1.5. Halaman Ubah Data Sekolah
Gambar 3.28 Desain Halaman Ubah Data Sekolah
3.2.2.1.6. Halaman Detail Data Sekolah
Gambar 3.29 Desain Halaman Detail Data Sekolah
3.2.2.1.7. Halaman Data Pendidik
Gambar 3.30 Desain Halaman Pendidik
3.2.2.1.8. Halaman Data Seluruh Pendidik
Gambar 3.31 Desain Halaman Data Seluruh Pendidik
3.2.2.1.9. Halaman Tambah Data Seluruh Pendidik
Gambar 3.32 Desain Halaman Tambah Data Seluruh Pendidik
3.2.2.1.10. Halaman Ubah Data Seluruh Pendidik
Gambar 3.33 Desain Halaman Ubah Data Seluruh Pendidik
3.2.2.1.11. Halaman Data Kepala Sekolah
Gambar 3.34 Desain Halaman Data Kepala Sekolah
3.2.2.1.12. Halaman Tambah Data Kepala Sekolah
Gambar 3.35 Desain Halaman Tambah Data Kepala Sekolah
3.2.2.1.13. Halaman Ubah Data Kepala Sekolah
Gambar 3.36 Desain Halaman Ubah Data Kepala Sekolah
3.2.2.1.14. Halaman Data Guru Wali Kelas
Gambar 3.37 Desain Halaman Halaman Data Guru Wali Kelas
3.2.2.1.15. Halaman
Gambar 3.38 Desain Halaman Tambah Data Guru Wali Kelas
3.2.2.1.16. Halaman Ubah Data Guru Wali Kelas
Gambar 3.38 Desain Halaman Ubah Data Guru Wali Kelas
3.2.2.1.17. Halaman Data Guru Mata Pelajaran
Gambar 3.39 Desain Halaman Data Guru Mata Pelajaran
3.2.2.1.18. Halaman Tambah Data Guru Mata Pelajaran
Gambar 3.40 Desain Halaman Tambah Data Guru Mata Pelajaran
3.2.2.1.19. Halaman Ubah Data Guru Mata Pelajaran
Gambar 3.41 Desain Halaman Ubah Data Guru Mata Pelajaran
3.2.2.1.20. Halaman Peserta Didik
Gambar 3.42 Desain Halaman Peserta Didik
3.2.2.1.21. Halaman Data Peserta Didik
Gambar 3.43 Desain Halaman Data Peserta Didik
3.2.2.1.22. Halaman Tambah Data Peserta Didik
Gambar 3.44 Desain Halaman Tambah Data Peserta Didik
3.2.2.1.23. Halaman Ubah Data Peserta Didik
Gambar 3.45 Desain Halaman Ubah Data Peserta Didik
3.2.2.1.24. Halaman Ubah Data Kelas Peserta Didik
Gambar 3.46 Desain Halaman Ubah Data Kelas Peserta Didik
3.2.2.1.25. Halaman Detail Data Peserta Didik
Gambar 3.47 Desain Halaman Detail Data Kelas Peserta Didik
3.2.2.1.26. Halaman Data Mutasi Masuk
Gambar 3.48 Desain Halaman Data Mutasi Masuk Peserta Didik
3.2.2.1.27. Halaman Tambah Data Mutasi Masuk Peserta Didik
Gambar 3.49 Desain Halaman Tambah Data Mutasi Masuk Peserta Didik
3.2.2.1.28. Halaman Cetak Data Mutasi Masuk Peserta Didik
Gambar 3.50 Desain Halaman Cetak Data Mutasi Masuk Peserta Didik
3.2.2.1.29. Halaman Ubah Data Mutasi Masuk Peserta Didik
Gambar 3.51 Desain Halaman Ubah Data Mutasi Masuk Peserta Didik
3.2.2.1.30. Halaman Data Mutasi Keluar Peserta Didik
Gambar 3.52 Desain Halaman Data Mutasi Keluar Peserta Didik
3.2.2.1.31. Halaman Cetak Data Mutasi Keluar Peserta Didik
Gambar 3.53 Desain Halaman Cetak Data Mutasi Keluar Peserta Didik
3.2.2.1.32. Halaman Ubah Data Mutasi Keluar Peserta Didik
Gambar 3.54 Desain Halaman Ubah Data Mutasi Keluar Peserta Didik
3.2.2.1.33. Halaman Data Kelas
Gambar 3.55 Desain Halaman Data Kelas
3.2.2.1.34. Halaman Tambah Data Kelas
Gambar 3.56 Desain Halaman Data Kelas
3.2.2.1.35. Halaman Data Mata Pelajaran
Gambar 3.57 Desain Halaman Data Mata Pelajaran
3.2.2.1.36. Halaman Tambah Data Mata Pelajaran
Gambar 3.58 Desain Halaman Tambah Data Mata Pelajaran
3.2.2.1.37. Halaman Ubah Data Mata Pelajaran
Gambar 3.59 Desain Halaman Ubah Data Mata Pelajaran
3.2.2.1.38. Halaman Data Kriteria Penilaian
Gambar 3.60 Desain Halaman Data Kriteria Penilaian
3.2.2.1.39. Halaman Data Penilaian
Gambar 3.61 Desain Halaman Penilaian
3.2.2.1.40. Halaman Data Penilaian Tiap Mata Pelajaran
Gambar 3.62 Desain Halaman Data Penilaian Tiap Mata Pelajaran
3.2.2.1.41. Halaman Rekap Seluruh Data Penilaian
Gambar 3.63 Desain Halaman Rekap Seluruh Data Penilaian
3.2.2.1.42. Halaman Data Legger Ganjil
Gambar 3.64 Desain Halaman Legger Ganjil
3.2.2.1.43. Halaman Data Legger Genap
Gambar 3.65 Desain Halaman Legger Genap
3.2.2.1.44. Halaman Data Ekstra Kulikuler dan Absensi
Gambar 3.66 Desain Halaman Data Ekstra Kulikuler dan Absensi
3.2.2.1.45. Halaman Data Sikap Antar Mata Pelajaran
Gambar 3.67 Desain Halaman Data Sikap Antar Mata Pelajaran
3.2.2.1.46. Halaman Data Rapor
Gambar 3.68 Desain Halaman Rapor
3.2.2.1.47. Halaman Data Tanggal Rapor
Gambar 3.69 Desain Halaman Data Tanggal Rapor
3.2.2.1.48. Halaman Tambah Data Tanggal Rapor
Gambar 3.70 Desain Halaman Tambah Data Tanggal Rapor
3.2.2.1.49. Halaman Ubah Data Tanggal Rapor
Gambar 3.71 Desain Halaman Ubah Data Tanggal Rapor
3.2.2.1.50. Halaman Cetak Data Rapor
Gambar 3.72 Desain Halaman Cetak Data Rapor
3.2.2.1.51. Halaman Cetak Cover Data Rapor
Gambar 3.73 Desain Halaman Cetak Data Cover Rapor
3.2.2.1.52. Halaman Cetak Samul Data Rapor
Gambar 3.74 Desain Halaman Cetak Data Sampul Rapor
3.2.2.1.53. Halaman Cetak Data Rapor Semester Ganjil
Gambar 3.75 Desain Halaman Cetak Data Rapor Semester Ganjil
3.2.2.1.54. Halaman Cetak Data Rapor Semester Genap
Gambar 3.76 Desain Halaman Cetak Data Rapor Semester Genap
3.2.2.1.55. Halaman Data Keputusan
Gambar 3.77 Desain Halaman Data Keputusan
3.2.2.1.56. Halaman Data Pengguna Sistem
Gambar 3.78 Desain Halaman Data Pengguna Sistem
3.2.2.1.57. Cetak Data Rapor Semester Genap
Gambar 3.79 Desain Halaman Ubah Data Pengguna Sistem
3.2.2.2. Kepala Sekolah
3.2.2.2.1. Halaman Beranda
Gambar 3.80 Desain Halaman Beranda
3.2.2.2.2. Halaman Data Sekolah
Gambar 3.81 Desain Halaman Data Sekolah
3.2.2.2.3. Halaman Detail Data Sekolah
Gambar 3.82 Desain Halaman Detail Data Sekolah
3.2.2.2.4. Halaman Data Pendidik
Gambar 3.83 Desain Halaman Pendidik
3.2.2.2.5. Halaman Data Seluruh Pendidik
Gambar 3.84 Desain Halaman Data Seluruh Pendidik
3.2.2.2.6. Halaman Data Kepala Sekolah
Gambar 3.85 Desain Halaman Data Kepala Sekolah
3.2.2.2.7. Halaman Data Guru Wali Kelas
Gambar 3.86 Desain Halaman Halaman Data Guru Wali Kelas
3.2.2.2.8. Halaman Data Guru Mata Pelajaran
Gambar 3.87 Desain Halaman Data Guru Mata Pelajaran
3.2.2.2.9. Halaman Data Peserta Didik
Gambar 3.88 Desain Halaman Peserta Didik
3.2.2.2.10. Halaman Data
Gambar 3.89 Desain Halaman Data Peserta Didik
3.2.2.2.11. Halaman Detail Data Peserta Didik
Gambar 3.89 Desain Halaman Data Peserta Didik
3.2.2.2.12. Halaman Data Mutasi Masuk Peserta Didik
Ga
Gambar 3.91 Desain Halaman Data Mutasi Masuk Peserta Didik
3.2.2.2.13. Halaman Data Mutasi Keluar Peserta Didik
Gambar 3.92 Desain Halaman Data Mutasi Keluar Peserta Didik
3.2.2.2.14. Halaman Cetak Data Mutasi Keluar
Gambar 3.93 Desain Halaman Cetak Data Mutasi Keluar Peserta Didik
3.2.2.2.15. Halaman Data Kelas
Gambar 3.94 Desain Halaman Data Kelas
3.2.2.2.16. Halaman Data Mata Pelajaran
Gambar 3.95 Desain Halaman Data Mata Pelajaran
3.2.2.2.17. Halaman Data Kriteria Penilaian
Gambar 3.96 Desain Halaman Data Kriteria Penilaian
3.2.2.2.18. Halaman Data Penilaian
Gambar 3.97 Desain Halaman Penilaian
3.2.2.2.19. Halaman Data Penilaian Tiap Mata Pelajaran
Gambar 3.98 Desain Halaman Data Penilaian Tiap Mata Pelajaran
3.2.2.2.20. Halaman Rekap Data Penliaian
Gambar 3.99 Desain Halaman Rekap Seluruh Data Penilaian
3.2.2.2.21. Halaman Data Legger Ganjil
Gambar 3.100 Desain Halaman Legger Ganjil
3.2.2.2.22. Halaman Data Legger Genap
Gambar 3.101 Desain Halaman Legger Genap
3.2.2.2.23. Halaman Data Ekstrakulikuler dan Sepak bola
Gambar 3.101 Desain Halaman Legger Genap
3.2.2.2.24. Halaman Data Sikap Antar Mata Pelajaran
Gambar 3.103 Desain Halaman Data Sikap Antar Mata Pelajaran
3.2.2.2.25. Halaman Data Rapor
a
Gambar 3.104 Desain Halaman Rapor
3.2.2.2.26. Halaman Tanggal Data Rapor
3.2.2.2.27. Halaman Data Cetak Rapor
Gambar 3.106 Desain Halaman Cetak Data Rapor
3.2.2.2.28. Halaman Data Keputusan
Gambar 3.107 Desain Halaman Data Keputusan
3.2.2.2.29. Halaman Data Data Pengguna Sistem
Gambar 3.109 Desain Halaman Ubah Data Pengguna Sistem
3.2.2.3. Guru Mata Pelajaran
3.2.2.3.1. Halaman Beranda
Gambar 3.110 Desain Halaman Beranda
3.2.2.3.2. Halaman Tambah Data Kriteria Penilaian
Gambar 3.111 Desain Halaman Tambah Data Penilaian
3.2.2.3.3. Halaman Daftar Data Penilaian
Gambar 3.112 Desain Halaman Daftar Data Penilaian
3.2.2.3.4. Halaman Data kriteria Penilaian
Gambar 3.113 Desain Halaman Data Kriteria Penilaian
3.2.2.3.5. Halaman Tambah Data Kriteria Penilaian
Gambar 3.114 Desain Halaman Tambah Data Kriteria Penilaian
3.2.2.3.6. Halaman Tambah Data Kriteria Penilaian
Gambar 3.114 Desain Halaman Tambah Data Kriteria Penilaian
3.2.2.3.7. Halaman Ubah Data Kriteria Penilaian
Halaman Ubah Data Kriteria Penilaian
Gambar 3.115 Desain Halaman Ubah Data Kriteria Penilaian
3.2.2.3.8. Halaman Data Ubah Data Pengguna
Gambar 3.116 Desain Halaman Ubah Data Passsword Pengguna
3.2.2.4. Guru Wali Kelas
3.2.2.4.1. Halaman Beranda
Gambar 3.117 Desain Halaman Beranda
3.2.2.4.2. Halaman Data Peserta Didik
Gambar 3.118 Desain Halaman Data Peserta Didik
3.2.2.4.3. Halaman Detail Data Peserta Didik
Gambar 3.119 Desain Halaman Data Detail Peserta Didik
3.2.2.4.4. Halaman Data Kriteria Penilaian
Gambar 3.120 Desain Halaman Data Kriteria Penilaian
3.2.2.4.5. Halaman Data Ekstrakulikuler dan Absensi
Gambar 3.121 Desain Halaman Data Ekstra Kulikuler dan Absensi
3.2.2.4.6. Halaman Tambah Data Ekstrakulikuler dan Absensi
Gambar 3.122 Desain Halaman Tambah Data Ekstra Kulikuler dan Absensi
3.2.2.4.7. Halaman Ubah Data Ekstrakulikuler dan Absensi
Gambar 3.123 Desain Halaman Ubah Data Ekstra Kulikuler dan Absensi
3.2.2.4.8. Halaman Data Sikap Antar Mata Pelajaran
Gambar 3.124 Desain Halaman Data Sikap Antar Mata Pelajaran
3.2.2.4.9. Halaman Tambah Data Sikap Antar Mata Pelajaran
Gambar 3.125 Desain Halaman Tambah Data Sikap Antar Mata Pelajaran
3.2.2.4.10. Halaman Ubah Data Sikap Antar Mata Pelajaran
Gambar 3.126 Desain Halaman Ubah Data Sikap Antar Mata Pelajaran
3.2.2.4.11. Halaman Data Legger Penilaian
Gambar 3.127 Desain Halaman Legger Penilaian
3.2.2.4.12. Halaman Data Legger Semester Ganjil
Gambar 3.128 Desain Halaman Legger Ganjil
3.2.2.4.13. Halaman Data Legger Semester Genap
Gambar 3.129 Desain Halaman Legger Genap
3.2.2.4.14. Halaman Data Penilaian
Gambar 3.130 Desain Halaman Penilaian
3.2.2.4.15. Halaman Data Penilaian Tiap Mata Pelajaran
Gambar 3.131 Desain Halaman Data Penilaian Tiap Mata Pelajaran
3.2.2.4.16. Halaman Rekap Seluruh Data Penilaian
Gambar 3.132 Desain Halaman Rekap Seluruh Data Penilaian
3.2.2.4.17. Halaman Data Keputusan
Gambar 3.133 Desain Halaman Data Keputusan
3.2.2.4.18. Halaman Cetak Data Rapor
Gambar 3.134 Desain Halaman Cetak Data Rapor
3.2.2.4.19. Halaman Ubah Data Pengguna Sistem
Gambar 3.135 Desain Halaman Ubah Data Pengguna Sistem
184
BAB IV IMPLEMENTASI SISTEM
4.1. Spesifikasi Perangkat Keras dan Perangkat Lunak Perangkat keras yang digunakan untuk menbangun sistem adalah sebagai berikut :
Processor : Intel Core i3
Graphic : ATI Radeon 6730M
Harddisk : 640 GB
Memory : 2 GB
Perangkat Lunak yang digunakan untuk membangun sistem adalah sebagai berikut :
Sistem Operasi : Windows 7 32 bit
Bahasa Pemrograman : PHP
DBMS : MySQL
4.2. Implementasi Basis Data Pada tahap ini dilakukan pembangunan basis data menggunakan MySQL untuk menunjang
sistem yang dibangun. Basis data yang dibangun terdiri dari tabel-tabel yang telah dirancang pada bab sebelumnya. Berikut query yang digunakan untuk membuat database
dengan
nama “kurikulum 2013” beserta tabel-tabel di dalamnya :
Kategori