4.1 Penjelasan
Program
Pada sub bab ini
menjelaskan tampilan halaman web yang ada dalam sistem. Halaman web terdiri
dari 2 bagian, yaitu halaman pengunjung yang bisa diakses oleh semua orang dan
halaman user yang hanya bisa diakses oleh admin, kepala sekolah, guru dan
siswa.
4.1.1
Menu Pengunjung
Halaman Pengunjung
terdiri dari menu home, prediksi, user, guest book dan news. Adapun penjelasan
halaman – halaman tersebut adalah sebagai berikut:
4.1.1.1 Halaman
Home
Menu home ini merupakan tampilan awal saat progam
dijalankan. Menu home memberikan informasi berupa artikel tentang multiple
intelligence, dimana guru, siswa serta orang tua bisa mengetahui pentingnya
multiple intelligence untuk setiap anak. Desain halaman menu home dapat
dilihat pada Gambar 4.6.
Gambar
4.6 Halaman Home
4.1.1.2 Halaman
Prediksi
Menu prediksi terdiri
dari menu login siswa dan pendaftaran siswa. Pada menu pendaftaran siswa disini
siswa terlebih dahulu harus mendaftarkan dirinya, dengan memasukkan biodata
yang diminta oleh sistem. Adapun desain halaman pendaftaran siswa dapat dilihat
pada gambar 4.7.
Setelah siswa
mendaftarkan dirinya sebelum masuk ke menu psikotes MI siswa terlebih dahulu
harus login sesuai dengan data yang dimasukkan waktu pendaftaran. Apabila data
sesuai maka akan tampil halaman siswa.
Setelah siswa menjawab
semua psikotes MI yang diberikan oleh sistem maka siswa akan mendapatkan hasil
jawaban psikotes MI yaitu penjurusan siswa berdasarkan kecerdasan nya.
Gambar
4.7 Halaman Pendaftaran Siswa
Berikut ini adalah source code
pendaftaran siswa.
4.1.1.3 Halaman
User
Menu User merupakan
halaman login yang digunakan user untuk dapat mengolah data yang ada dihalaman
user. Sebelum login user harus memilih status nya terlebih dahulu. Desain menu
user dapat dilihat pada Gambar 4.8.
Gambar
4.8 Halaman Pilih Login User
Berikut ini adalah source code login
user
4.1.1.4 Halaman
GuestBook
Pada menu buku tamu,
pengunjung dapat mengisikan beberapa saran dan kritik yang berfungsi untuk
perbaikan program dan web dengan mengisi form yang telah tersedia di bagian
kiri halaman. Selain itu, pengunjung dapat membaca saran dan kritik dari
beberapa pengunjung lainnya. Desain halaman input menu buku tamu dapat dilihat
pada Gambar 4.9. dan desain halaman baca buku tamu dapat dilihat pada gambar
4.10.
Gambar
4.9 Halaman Input Guest Book
Berikut ini adalah source code input
guestbook.
Gambar
4.10 Halaman Baca GuestBook
Berikut ini adalah source code
guestbook.
4.1.1.5 Halaman
News
Menu news berfungsi
memberikan informasi kepada pengunjung tentang masalah multiple intelligence
yang ada didalam kehidupan sehari - hari. Desain halaman news dapat dilihat
pada Gambar 4.11.
Gambar
4.11 Halaman Baca Berita
Berikut ini adalah source code berita
4.1.2
Menu Guru
Menu guru terdiri dari halaman
daftar siswa, jenis kecerdasan, soal psikotes, jurusan, laporan hasil siswa,
daftar user, berita, buku tamu dan profile guru. Adapun penjelasan halaman – halaman
tersebut adalah sebagai berikut:
4.1.2.1 Halaman
Login Guru
Halaman login merupakan halaman yang digunakan guru
untuk dapat mengolah halaman guru. Desain halaman login dapat dilihat pada Gambar 4.12
Gambar
4.12 Halaman Login Guru
Berikut ini adalah source code form
login guru.
4.1.2.2 Halaman
Daftar Siswa
Pada menu daftar siswa,
Guru dapat mengolah data siswa yang telah ada didalam system. Desain halaman daftar
siswa dapat dilihat pada Gambar 4.13.
Gambar
4.13 Halaman Daftar Siswa
Berikut ini adalah source code daftar
siswa
4.1.2.3 Halaman
Jenis Kecerdasan
Guru dapat memasukkan jenis
kecerdasan terbaru pada menu jenis kecerdasan. Pada halaman input kecerdasan, guru
dapat menambah jenis kecerdasan baru. Desain halaman input kecerdasan dapat
dilihat pada Gambar 4.14. Sedangkan guru dapat membaca dan mengolah kembali kecerdasan
yang telah ada pada halaman kumpulan jenis kecerdasan. Desain halaman kumpulan jenis
kecerdasan dapat dilihat pada Gambar 4.15.
Gambar
4.14 Halaman Input Jenis Kecerdasan
Berikut ini adalah source code input
jenis kecerdasan
Gambar
4.15 Halaman Kumpulan Jenis Kecerdasan
Berikut ini adalah source code kumpulan
jenis kecerdasan
4.1.2.4 Halaman
Soal Psikotes
Guru dapat memasukkan soal
psikotes terbaru pada menu soal psikotes. Pada halaman input psikotes, guru
dapat menambah soal psikotes baru. Desain halaman input psikotes dapat dilihat
pada Gambar 4.16. Sedangkan guru dapat membaca dan mengolah kembali soal
psikotes yang telah ada pada halaman kumpulan soal psikotes. Desain halaman
kumpulan soal psikotes dapat dilihat pada Gambar 4.17.
Gambar
4.16 Halaman Input Soal Psikotes
Berikut ini adalah source code input
soal psikotes
Gambar
4.17 Halaman Kumpulan Soal Psikotes
Berikut ini adalah source code kumpulan
psikotes
4.1.2.5 Halaman
Jurusan
Guru dapat memasukkan data
jurusan terbaru pada menu jurusan. Pada halaman input jurusan, guru dapat
menambah data jurusan baru. Desain halaman input jurusan dapat dilihat pada
Gambar 4.18. Sedangkan guru dapat membaca dan mengolah kembali data jurusan
yang telah ada pada halaman kumpulan data jurusan. Desain halaman kumpulan jurusan
dapat dilihat pada Gambar 4.19.
Gambar
4.18 Halaman Input Jurusan
Berikut ini adalah source code proses
jurusan
Gambar
4.19 Halaman Kumpulan Jurusan
Berikut ini adalah source code kumpulan
jurusan
4.1.2.6 Halaman
Laporan Hasil Siswa
Pada menu laporan hasil
siswa, Guru dapat mengolah data siswa yang telah mengikuti ujian psikotes.
Serta mencetak data yang telah diperdiksi penjurusan siswa. Desain halaman laporan
hasil siswa dapat dilihat pada Gambar 4.20.
Gambar
4.20 Halaman Laporan Hasil Siswa
Berikut ini adalah source code laporan
hasil siswa
4.1.2.7 Halaman
Daftar User
Pada menu daftar user,
guru dapat mengolah daftar user yang telah ada di dalam sistem. Desain halaman
user dapat dilihat pada gambar 4.21
Gambar
4.21 Halaman Daftar User
Berikut ini adalah source code daftar
user
4.1.2.8 Halaman
Berita
Guru dapat memasukkan
berita terbaru pada menu berita. Desain halaman tulis berita dapat dilihat pada
Gambar 4.22. Sedangkan guru dapat membaca dan mengolah kembali berita yang
telah ada pada halaman kumpulan berita. Desain halaman kumpulan berita dapat
dilihat pada Gambar 4.23.
Gambar
4.22 Halaman Tulis Berita
Berikut ini adalah source code tulis
berita
Gambar
4.23 Halaman Kumpulan Berita
Berikut ini adalah source code kumpulan
berita
4.1.2.9 Halaman
Buku Tamu
Pada menu buku tamu, guru
dapat mengolah buku tamu yang telah ada. Desain halaman menu buku tamu dapat
dilihat pada Gambar 4.24.
Gambar
4.24 Halaman Buku Tamu
Berikut ini adalah source code kumpulan
buku tamu
4.2.3
Menu Kepala Sekolah
Menu kepala sekolah
terdiri dari halaman laporan hasil siswa dan profile kepala sekolah. Adapun
penjelasan halaman – halaman tersebut adalah sebagai berikut:
4.2.3.1 Halaman
Login Kepala Sekolah
Halaman login merupakan halaman yang digunakan kepala
sekolah untuk dapat mengolah halaman kepala sekolah. Desain halaman login dapat
dilihat pada Gambar 4.25.
Gambar
4.25 Halaman Login Kepala Sekolah
Berikut ini adalah source code form
login guru.
4.2.3.2 Halaman
Laporan Hasil Siswa
Pada menu laporan hasil
siswa, kepala sekolah dapat melihat data siswa yang telah mengikuti ujian
psikotes. Desain halaman laporan hasil siswa dapat dilihat pada Gambar 4.26.
Gambar
4.26 Halaman Laporan Hasil Siswa
Berikut ini adalah source code laporan
hasil siswa
4.2.4
Menu Siswa
4.2.4.1
Halaman Login Siswa
Halaman login merupakan halaman yang digunakan siswa
untuk dapat mengolah halaman siswa. Desain halaman login dapat dilihat pada Gambar 4.27.
Gambar 4.27 Halaman
Login Siswa
Berikut
ini adalah source code login siswa
4.2.4.2 Halaman
Psikotes MI
Halaman psikotes MI
merupakan halaman yang digunakan siswa untuk menjawab soal – soal psikotes
untuk memprediksi kecerdasan siswa dan untuk memprediksi jurusan siswa. Desain
halaman psikotes MI dapat dilihat pada gambar 4.28.
Gambar
4.28 Halaman Psikotes MI
Berikut ini adalah source code Psikotes
MI
Berikut
ini adalah source code pengujian
4.2.4.3 Halaman
Laporan Hasil Siswa
Pada menu laporan hasil
siswa, siswa dapat melihat data siswa yang telah mengikuti ujian psikotes.
Desain halaman laporan hasil siswa dapat dilihat pada Gambar 4.29.
Gambar
4.29 Halaman Laporan Hasil Siswa
Berikut ini adalah source code laporan
hasil siswa
4.2.5
Menu Admin
Menu admin terdiri dari
halaman login, pembelajaran system dan laporan hasil siswa. Adapun penjelasan
halaman – halaman tersebut adalah sebagai berikut:
4.2.5.1 Halaman
Login Admin
Halaman login merupakan
halaman yang digunakan admin untuk dapat masuk ke halaman admin. Desain halaman login dapat dilihat pada Gambar 4.30.
Gambar
4.30 Halaman Login Admin
Berikut ini adalah source code login
admin
4.2.5.2 Halaman
Pembelajaran Sistem
Halaman pembelajaran
system merupakan halaman yang digunakan admin untuk mengolah data pelatihan
system, sehingga system dapat belajar dari data yang telah dilatih. Desain
halaman pembelajaran sistem dapat dilihat pada gambar 4.31.
Gambar
4.31 Halaman Pembelajaran Sistem
Berikut ini adalah source code ambil
data pelatihan
Tahap proses pelatihan terdiri dari 2
proses yaitu.
1. Proses
pembelajaran system dilakukan dengan browser file yang telah diisikan data
pelatihan dan disimpan dalam bentuk .txt.
2. Proses
learn yaitu setelah data pelatihan selesai dinputkan maka program akan
melakukan pelatihan berdasarkan pola dan data – data yang telah diinputkan.
Setelah pelatihan selesai maka data – data pelatihan akan disimpan dalam table
pola_pelatihan pada database. Jalannya kinerja proses learn dapat dilihat pada
pencatatan log pada gambar 4.32.
Gambar
4.32 Halaman Pencatatan Log Error
Berikut adalah source code proses
pembelajaran system
4.2.5.3 Halaman
Laporan Hasil Siswa
Halaman laporan hasil
siswa merupakan halaman yang digunakan admin untuk melihat data hasil siswa
yang sudah diprediksi penjurusannya. Desain halaman laporan hasil siswa dapat
dilihat pada gambar 4.33
Gambar
4.33 Halaman Laporan Hasil Siswa
Berikut adalah source code laporan hasil
siswa