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.
![Text Box: <%@ include file="admin/koneksiDB.jsp" %>
<%//========================== penamaan ======================//
String nis=request.getParameter("nis");
String nama=request.getParameter("nama");
String password=request.getParameter("password");
String kelas=request.getParameter("kelas");
String umur=request.getParameter("umur");
String jenis_kelamin=request.getParameter("jenis_kelamin");
String pilihan1=request.getParameter("pilihan1");
String pilihan2=request.getParameter("pilihan2");
//======================== masukin data ke database =================// boolean salah=false; if(!salah){ try {
String sql="insert into peserta (nis, nama, password, kelas, umur, jenis_kelamin,pilihan1,pilihan2,status)
values (\'"+nis+"\', \'"+nama+"\', \'"+password+"\', \'"+kelas+"\', \'"+umur+"\',\'"+jenis_kelamin+"\',\'"+pilihan1+"\',\'"+pilihan2+"\','2')";
statement.executeUpdate(sql);
response.sendRedirect("index.jsp?page=prediksi");
}catch(Exception ex){out.print("gagal masuk" +ex); }} %>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image005.gif)
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
![Text Box: <%@ include file="admin/koneksiDB.jsp" %>
<%!String username=null; String nama4=null; String password4=null;
%> <%
//========================== penamaan ======================//
username=request.getParameter("username");
nama4=request.getParameter("nama");
password4=request.getParameter("password");
String status=request.getParameter("status");
//======================== panggil data dari database =================//
String sql=""; if(status.equalsIgnoreCase("admin")){
sql="SELECT * FROM user where username='"+username+"' and password='"+password4+"' and level='admin'";
}else if(status.equalsIgnoreCase("guru")){
sql="SELECT * FROM user where username='"+username+"' and password= '"+password4+"'and level='guru'";}else{
sql="SELECT * FROM user where username='"+username+"' and password= '"+password4+"'and level='kepala_sekolah'";}
theResult=statement.executeQuery(sql);if (theResult.next()){
session.setAttribute("user",username);if(status.equalsIgnoreCase("admin"))
out.println("<meta http-equiv= \"refresh\ "content=0; url=admin/index_admin.jsp? nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");
else if(status.equalsIgnoreCase("guru"))
out.println("<meta http equiv= \"refresh\ "content=0; url=admin/index_guru.jsp? nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");
else out.println("<meta http-equiv= \"refresh\" content=0; url=admin/index_kepala.jsp?nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");}else{out.println("<script language=\"javascript\">");
//======================== pemberitahuan kesalahan ====================//
out.println("alert('Maaf, username dan password anda salah\\n'+'Silakan Login Lagi');");out.println("self.location.href=\"index.jsp?page=user\"");
out.println("</script>");
} theResult.close();statement.close(); %>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image008.gif)
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.
![Text Box: <%@ include file="admin/koneksiDB.jsp" %> <%@ include file="waktu.jsp"%><%
//=========================== penamaan ============================//
String nama=request.getParameter("nama");
String email=request.getParameter("email");
String komentar=request.getParameter("komentar");
if(nama.equals("") || email.equals("") || komentar.equals("")){
out.println("Maaf Ada data yang belum diisi<br>");
out.print("<input name=button type=button onclick=self.history.back() value=Isi Kembali>"); }else{
//====================== simpan data ke database ==================//
boolean salah=false;
if(!salah){ try {
String sql="insert into buku_tamu (nama,email,komentar,tanggal) values (\'"+nama+"\',\'"+email+"\',\'"+komentar+"\',\'"+tgl+"\')";
statement.executeUpdate(sql);
out.println("<meta http-equiv=\"refresh\"content=0;url=?page=daftartamu>");
}catch(Exception ex) {out.print("gagal masuk" +ex); }}}%>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image011.gif)
Gambar
4.10 Halaman Baca GuestBook
Berikut ini adalah source code
guestbook.
![Text Box: <%@ include file="koneksiDB.jsp" %>
<h2><i>Daftar Tamu</i></h2> <br><form id="form2" method="post" action="">
<!--====================== penamaan string ======================-->
<% String pertama=request.getParameter("awal"); if (pertama=="0" ||pertama==null) { pertama="0"; } theResult=statement.executeQuery("SELECT FROM buku_tamu limit "+pertama+",8"); while (theResult.next())
{String no=new String(theResult.getString(1)); String nama = new String(theResult.getString(2)); String email = new String(theResult.getString(3)); String komentar = new String (theResult.getString(4));String tangga1=new
String (theResult.getString(5));%>
<!--================= manggil data dari database ==================-->
<tr> <td width="2%" bgcolor="#FFFF66"> <%=no%></td>
<td width="10%" bgcolor="#FFFF66"> <%=nama%></td>
<td width="10%" bgcolor="#FFFF66"> <%=email%></td>
<td width="10%" bgcolor="#FFFF66"> <%=komentar%></td>
<td width="10%" bgcolor="#FFFF66"> <%=tangga1%></td> </tr>
<% } statement.close(); %>
<!--======================= paging ===========================-->
</table><div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; ResultSet theResult3; theResult3=statement2.executeQuery ("SELECT * FROM buku_tamu"); while(theResult3.next()) { i++; } theResult3.close(); double hal=(i/8)+0.99; for(int j=1;j<=hal;j++)
{ int awal=((j-1)*7+j)-1; out.print("<a href='index.jsp? page=daftartamu&awal="+awal+"' target='_self'> "+j+"</a>"); } %> </div> </table> </form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image014.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image016.jpg)
Gambar
4.11 Halaman Baca Berita
Berikut ini adalah source code berita
![Text Box: <%@ include file="admin/koneksiDB.jsp" %>
<h2><marquee behavior="scroll"><i>Berita Hari ini</i></marquee></h2>
<% String pertama=request.getParameter("awal");
if (pertama=="0"||pertama==null) { pertama="0"; }
theResult=statement.executeQuery("SELECT * FROM news limit "+pertama+",2"); while (theResult.next()){ String judul=theResult.getString(2);
String nama_admin=theResult.getString(3);
String tanggal=theResult.getString(4);
String isi=theResult.getString(5); %> <%
//============================= tampilkan =============================-->
out.println("<div align=center><font face=tahoma size=4 color=black> <b> "+judul+"</font></b><br /></div>");
out.println("<div align=center><font face=arial size=2 color=gren> "+nama_admin+"</font></b><br /></div>");
out.println("<div align=center><font face=arial size=2 color=orange> "+tanggal+"</font></b><br /></div>");
out.println("<p class=dropcaps><font face=Times new Roman size=3 color=black> "+isi+"</font></b><br />"); out.println("||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||");
%> <% } statement.close(); %> </table>
<!--============================ paging ==========================-->
<div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; ResultSet theResult3;
theResult3=statement2.executeQuery("SELECT * FROM news");
while(theResult3.next()) { i++; } theResult3.close(); double hal=(i/2)+0.99; for(int j=1;j<=hal;j++) { int awal=((j-1)*1+j)-1;
out.print("<a href='index.jsp?page=berita&awal="+awal+"' target='_self'> "+j+"</a>"); } %> </div> </table>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image017.gif)
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.
![Text Box: <%@ include file="admin/koneksiDB.jsp" %>
<%!String username=null; String nama4=null; String password4=null; %> <%
//========================== penamaan ======================//
username=request.getParameter("username"); nama4=request.getParameter("nama");
password4=request.getParameter("password");
String status=request.getParameter("status");
//======================== panggil data dari database =================//
String sql=""; if(status.equalsIgnoreCase("admin")){
sql="SELECT * FROM user where username='"+username+"' and password='"+password4+"' and level='admin'";
}else if(status.equalsIgnoreCase("guru")){
sql="SELECT * FROM user where username ='"+username+"' and password= '"+password4+"'and level='guru'";}else{
sql="SELECT * FROM user where username='"+username+"' and password= '"+password4+"'and level='kepala_sekolah'";}
theResult=statement.executeQuery(sql);if (theResult.next()){
session.setAttribute("user",username);if(status.equalsIgnoreCase("admin"))
out.println("<meta http-equiv= \"refresh\ "content=0; url=admin/index_admin.jsp? nip="+theResult.getString("nip")+" &nama="+theResult.getString("nama")+">"); else if(status.equalsIgnoreCase ("guru"))out.println("<meta http equiv= \"refresh\ "content=0; url=admin/index_guru.jsp? nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");
else out.println("<meta http-equiv= \"refresh\" content=0; url=admin/index_kepala.jsp?nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");}else{out.println("<script language=\"javascript\">");
//======================== pemberitahuan kesalahan ====================//
out.println("alert('Maaf, username dan password anda salah\\n'+'Silakan Login Lagi');");out.println("self.location.href=\"index.jsp?page=user\"");
out.println("</script>");} theResult.close();statement.close(); %>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image020.gif)
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
![Text Box: <form id="form2" method="post" action="cetak_tanda_peserta.jsp? nip=<%=np%> &nama_petugas=<%=nmx%>">
<% String pertama=request.getParameter("awal");
if (pertama=="0"||pertama==null) { pertama="0"; }
tr=st.executeQuery("SELECT * FROM peserta limit "+pertama+",10");
while (tr.next()){ String id=new String(tr.getString(1));
String nis = new String(tr.getString(2));
String nama= new String(tr.getString(3));
String kelas= new String(tr.getString(5));
String umur= new String(tr.getString(6));
String jenis_kelamin= new String(tr.getString(7));
String pilihan1= new String(tr.getString(8));
String pilihan2= new String(tr.getString(9)); %>
<%--============= mengakses baris data dari tabel ================--%>
<tr><td width="1%" bgcolor="#FFFF66" align="center"><input type="checkbox" name="<%= nis %>" value="<%= nis %>"></td>
<td width="2%" bgcolor="#FFFF66" align="center"><A HREF='?page=editpeserta& id=<%=id%>'><img src="images/b_edit.png"></A></td>
<td width="2%" bgcolor="#FFFF66" align="center"><A HREF='?page=hapuspeserta& id=<%=id%>'><img src="images/b_drop.png"></A></td>
<td width="2%" bgcolor="#FFFF66" align="center"><%=id%></td>
<td width="6%" bgcolor="#FFFF66" align="center"><%=nis%></td>
<td width="10%" bgcolor="#FFFF66"><%=nama%></td>
<td width="6%" bgcolor="#FFFF66" align="center"><%=kelas%></td>
<td width="6%" bgcolor="#FFFF66" align="center"><%=umur%></td>
<td width="6%" bgcolor="#FFFF66" align="center"><%=jenis_kelamin%></td>
<td width="6%" bgcolor="#FFFF66" align="center"><%=pilihan1%></td>
<td width="6%" bgcolor="#FFFF66" align="center"><%=pilihan2%></td>
</tr> <%} st.close(); %>
<!--================================== paging=======================-->
</table><div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; Statement statement3=con.createStatement(); theResult3=statement3.executeQuery("SELECT * FROM peserta");
while(theResult3.next()) { i++; } theResult3.close(); double hal=(i/10)+0.99; for(int j=1;j<=hal;j++){ int awal=((j-1)*9+j)-1; out.print("<a href='index_guru.jsp?page=daftarpeserta&awal="+awal+"' target='_self'> "+j+"</a>"); } %> </div> </table> <div align="center"><input type="submit" name="Submit" value="Cetak Tanda Peserta"></div> </form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image023.gif)
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
![Text Box: <%//========================== penamaan =======================//
String kode_kecerdasan=request.getParameter("kode_kecerdasan");
String jenis_kecerdasan=request.getParameter("jenis_kecerdasan");
boolean salah=false;
if(!salah){ try {
//========================== simpan kedatabase =======================//
String sql="insert into kecerdasan (kode_kecerdasan,jenis_kecerdasan) values (\'"+kode_kecerdasan+"\',\'"+jenis_kecerdasan+"\')";
st.executeUpdate(sql); response.sendRedirect("index_guru.jsp?page=viewkecerdasan");
} catch(Exception ex){ out.print("gagal masuk" +ex); }}%>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image026.gif)
Gambar
4.15 Halaman Kumpulan Jenis Kecerdasan
Berikut ini adalah source code kumpulan
jenis kecerdasan
![Text Box: <form id="form2" method="post" action="">
<% String pertama=request.getParameter("awal"); if (pertama=="0"||pertama==null) { pertama="0"; } tr=st.executeQuery("SELECT * FROM kecerdasan limit "+pertama+",8"); while (tr.next()){ String id=new String(tr.getString(1)); String kode_kecerdasan = new String (tr.getString(2)); String jenis_kecerdasan= new String(tr.getString(3)); %>
<%--================== mengakses baris data dari tabel =================--%>
<tr><td width="2%" bgcolor="#FFFF66"><div align="center"><%=id%></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='? page= editkecerdasan&id=<%=id%>'><img src="images/b_edit.png"></A></div></td> <td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='? page= hapuskecerdasan&id=<%=id%>'><img src="images/b_drop.png"></A></div></td>
<td width="6%" bgcolor="#FFFF66"><div align="center"> <%=kode_kecerdasan%> </div> </td> <td width="20%" bgcolor="#FFFF66"> <divalign="justify"> <%=jenis_kecerdasan%> </div></td> </tr> <% } st.close(); %>
<!--============================= paging =============================-->
</table><div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; Statement statement3=con.createStatement(); ResultSet theResult3; theResult3=statement3.executeQuery("SELECT * FROM kecerdasan"); while(theResult3.next()) { i++; }
theResult3.close(); double hal=(i/8)+0.99; for(int j=1;j<=hal;j++) { int awal=((j-1)*7+j)-1;
out.print("<a href='index_guru.jsp?page=viewkecerdasan&awal="+awal+"' target='_self'> "+j+"</a>"); } %> </div> </table> <center> <a href="?page=inputkecerdasan"> <input type="button" name="inputkecerdasan" value="Input Kecerdasan"> </a> </center> </form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image029.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image031.jpg)
Gambar
4.16 Halaman Input Soal Psikotes
Berikut ini adalah source code input
soal psikotes
![Text Box: <%//======================= penamaan ================================//
String jenis_kecerdasan=request.getParameter("jenis_kecerdasan");
String pertanyaan=request.getParameter("pertanyaan");
boolean salah=false;
if(!salah){ try {
String sql="insert into kuisioner (jenis_kecerdasan,pertanyaan) values (\'"+jenis_kecerdasan+"\',\'"+pertanyaan+"\')";
st.executeUpdate(sql);
response.sendRedirect("index_guru.jsp?page=viewkuisioner");
} catch(Exception ex){
out.print("gagal masuk" +ex); }}%>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image032.gif)
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image034.jpg)
Gambar
4.17 Halaman Kumpulan Soal Psikotes
Berikut ini adalah source code kumpulan
psikotes
![Text Box: <form id="form2" method="post" action="">
<% String pertama=request.getParameter("awal");
if (pertama=="0"||pertama==null) { pertama="0"; }
tr=st.executeQuery("SELECT * FROM kuisioner limit "+pertama+",7"); while (tr.next()){
String id=new String(tr.getString(1));
String kode_pertanyaan = new String(tr.getString(2));
String jenis_kecerdasan = new String(tr.getString(3));
String pertanyaan = new String(tr.getString(4));%>
<%--================= mengakses baris data dari tabel ===================--%>
<tr> <td width="2%" bgcolor="#FFFF66"><div align="center"><%=id%></div></td>
<td width="1%" " bgcolor="#FFFF66"><div align="center"><A HREF='? page=editkuisioner&id=<%=id%>'><img src="images/b_edit.png"></A></div></td>
<td width="1%" bgcolor="#FFFF66"> <div align="center"> <A HREF='? page=hapuskuisioner&id=<%=id%>'><img src="images/b_drop.png"></A></div></td>
<td width="3%" bgcolor="#FFFF66"><div align="center"> <%=kode_pertanyaan%> </div></td>
<td width="3%" bgcolor="#FFFF66"> <divalign="center"> <%=jenis_kecerdasan%> </div></td>
<td width="35%" bgcolor="#FFFF66"> <divalign="justify"> <%=pertanyaan%> </div></td> </tr> <% } st.close(); %>
<!--================================ paging ==============================-->
</table> <div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; Statement statement3=con.createStatement();
theResult3=statement3.executeQuery("SELECT * FROM kuisioner"); while(theResult3.next()) { i++; }theResult3.close(); double hal=(i/7)+0.99; for(int j=1;j<=hal;j++) { int awal=((j-1)*6+j)-1; out.print("<a href='index_guru.jsp?page=viewkuisioner&awal="+awal+"' target='_self'> "+j+"</a>"); } %> </div>
<!--==================== input soal dan cetak soal ===================-->
</table> <center><a href="? page=inputkuisioner"> <input type="button" name="inputkuisioner" value="Input Psikotes"> </a> <a href="cetak_data_soal.jsp"><input type="submit" name="Submit2" value="Cetak Soal Ujian"></a></center></form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image035.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image037.jpg)
Gambar
4.18 Halaman Input Jurusan
Berikut ini adalah source code proses
jurusan
![Text Box: <%
//================================ penamaan ============================//
String kode_jurusan=request.getParameter("kode_jurusan");
String nama_jurusan=request.getParameter("nama_jurusan");
String nilai=request.getParameter("nilai");
boolean salah=false;
if(!salah){ try {
//=========================== simpan ke database =========================//
String sql="insert into jurusan (kode_jurusan,nama_jurusan,nilai) values (\'"+kode_jurusan+"\',\'"+nama_jurusan+"\',\'"+nilai+"\')";
st.executeUpdate(sql);response.sendRedirect("index_guru.jsp?page=viewjurusan");} catch(Exception ex){out.print("gagal masuk" +ex); }}%>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image038.gif)
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image040.jpg)
Gambar
4.19 Halaman Kumpulan Jurusan
Berikut ini adalah source code kumpulan
jurusan
![Text Box: <form id="form2" method="post" action="">
<% String pertama=request.getParameter("awal");
if (pertama=="0"||pertama==null){ pertama="0";}
tr=st.executeQuery("SELECT * FROM jurusan limit "+pertama+",8");
while (tr.next()){ String id=new String(tr.getString(1));
String kode_jurusan = new String(tr.getString(2));
String nama_jurusan= new String(tr.getString(3));
String nilai= new String(tr.getString(4)); %>
<%--================ mengakses baris data dari tabel ===================--%>
<tr> <td width="2%" bgcolor="#FFFF66"><div align="center"><%=id%></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='? page=editjurusan&id=<%=id%>'><img src="images/b_edit.png"></A></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='? page=hapusjurusan&id=<%=id%>'><img src="images/b_drop.png"></A></div></td>
<td width="10%" bgcolor="#FFFF66"><div align="center"> <%=kode_jurusan%> </div></td>
<td width="20%" bgcolor="#FFFF66"><div align="justify"> <%=nama_jurusan%> </div></td>
<td width="6%" bgcolor="#FFFF66"><div align="center"><%=nilai%></div></td> </tr> <% } st.close(); %> </table>
<!--========================== paging =================================-->
<div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; Statement statement3=con.createStatement();
theResult3=statement3.executeQuery("SELECT * FROM jurusan");
while(theResult3.next()){ i++; } theResult3.close(); double hal=(i/8)+0.99; for(int j=1;j<=hal;j++){int awal=((j-1)*7+j)-1; out.print("<a href='index_guru.jsp? page=viewjurusan&awal="+awal+"' target='_self'> "+j+"</a>");}%> </div> </table>
<center><a href="?page=inputjurusan"> <input type="button" name="inputjurusan" value="Input Jurusan"></a></center></form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image041.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image043.jpg)
Gambar
4.20 Halaman Laporan Hasil Siswa
Berikut ini adalah source code laporan
hasil siswa
![Text Box: <script language="JavaScript" type="text/JavaScript">
<!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;}</script>
<form name="form1" method="post"> <table width="100%" border="0" align="center" class="kk"> <tr bgcolor="#F5B039">
<td colspan="6" bgcolor="#99CC33" align="center"><strong>Data Hasil Psikotes Siswa </strong></td></tr>
<tr> <td width="116" colspan="6" align="center"><strong>Pilih Jurusan :</strong> <select name="nama_jurusan" onChange="MM_jumpMenu ('parent',this,0)"> <option></option>
<% if(request.getParameter("nama_jurusan")!=null){
tr = st.executeQuery("SELECT * FROM jurusan where kode_jurusan = '"+request.getParameter("nama_jurusan")+"'");
if (tr.next()) { %>
<option selected><%=tr.getString("nama_jurusan")%></option> <%}}%>
<% trr2 = st2.executeQuery("SELECT * FROM jurusan order by kode_jurusan asc");
while (trr2.next()){
String kode_jurusan=trr2.getString("kode_jurusan");
String nama_jurusan=trr2.getString("nama_jurusan");%>
<option value="?page=laporanpenjurusan&jurusan=<%= kode_jurusan %>"><%= nama_jurusan %></option> <% }%> </select> </form></td> </tr>
<% String kode_jur=request.getParameter("jurusan");
if(kode_jur==null)kode_jur="0";
String jurusan="";
trr3 = st3.executeQuery("SELECT * FROM jurusan where kode_jurusan = '"+kode_jur+"'"); if(trr3.next()){jurusan= trr3.getString("nama_jurusan");} %>
<% trr4 = st4.executeQuery("SELECT * FROM peserta where status='1' and kode_jurusan='"+kode_jur+"' order by nilai desc");
while(trr4.next()){
String id=trr4.getString("id");
String nisx=trr4.getString("nis");
String nama=trr4.getString("nama");
String jk=trr4.getString("jenis_kelamin");
String linguistik=trr4.getString("x1");
String logika=trr4.getString("x2");
String visual=trr4.getString("x3");
String musical=trr4.getString("x4");
String interpersonal=trr4.getString("x5");
String intrapersonal=trr4.getString("x6");
String kinestetik=trr4.getString("x7");
String naturalis=trr4.getString("x8");](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image044.gif)
![Text Box: String bg="";if(nisx.equals(nisx)){ bg="#FFFF99";}{}%>
<tr class="kk" bgcolor="<%=bg%>">
<td align="center"><%= id %></td>
<td width="2%" bgcolor="#FFFF66" align="center"><A HREF='?page=hapuslaporan &id=<%=id%>'> <img src="images/remove.png"></A></td>
<td align="center"><%= nisx %></td>
<td><%= nama %></td>
<td align="center"><%= jk %></td>
<td align="center"><% if(linguistik.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(logika.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td><td align="center"> <% if(visual.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(musical.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %> </td>
<td align="center"><% if(interpersonal.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(intrapersonal.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(kinestetik.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(naturalis.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> <%} %> </table></td></tr>
<table width="22%" align="center">
<tr> <td align="center" colspan="2"><form name="form2" method="post" action="cetak_hasil_ujian.jsp?jurusan=<%= kode_jur %>&nama_jurusan=<%= jurusan %>">
<input type="submit" name="Submit" value="Cetak Data"></form></td><td width="56%" align="center" colspan="3">
<form name="form2" method="post" action="cetak_pengumuman_hasil_ujian.jsp? jurusan=<%= kode_jur %>&nama_jurusan=<%= jurusan %>">
<input type="submit" name="Submit" value="Cetak Pengumuman"> </form> </td> </tr> </table><table>
<tr class="kk"> <td colspan="6" valign="top" align="left"><strong>Keterangan Jenis Kecerdasan:</strong><br>
X1 = Kecerdasan Linguistik <br>
X2 = Kecerdasan Logika-Matematika <br>
X3 = Kecerdasan Visual-Spasial <br>
X4 = Kecerdasan Musical <br>
X5 = Kecerdasan Interpersonal <br>
X6 = Kecerdasan Intrapersonal <br>
X7 = Kecerdasan Kinestetik <br>
X8 = Kecerdasan Naturalis <br>
</td></tr></table>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image045.gif)
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
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image047.jpg)
Gambar
4.21 Halaman Daftar User
Berikut ini adalah source code daftar
user
![Text Box: <form id="form2" method="post" action="cetak_tanda_pegawai.jsp? nip=<%=np%> &nama_petugas=<%=nmx%>">
<% String pertama=request.getParameter("awal");
if (pertama=="0"||pertama==null)
{
pertama="0";
}
tr=st.executeQuery("SELECT * FROM user limit "+pertama+",8");
while (tr.next())
{
String id=new String(tr.getString(1));
String nip = new String(tr.getString(2));
String nama = new String(tr.getString(3));
String username = new String(tr.getString(4));
String jenis_kelamin = new String(tr.getString(6));
String level = new String(tr.getString(7)); %>
<%--=============== mengakses baris data dari tabel =================>
<tr> <td width="1%" bgcolor="#FFFF66"><input type="checkbox" name="<%=nip%>" value="<%=nip%>"></td>
<td width="3%" bgcolor="#FFFF66"><div align="center"><A HREF='?page=edituser& id=<%=id%>'><img src="images/b_edit.png"></A></div></td>
<td width="3%" bgcolor="#FFFF66"><div align="center"><A HREF='?page=hapususer& id=<%=id%>'><img src="images/b_drop.png"></A></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><%=id%></div></td>
<td width="10%" bgcolor="#FFFF66"><div align="center"><%=nip%></div></td>
<td width="10%" bgcolor="#FFFF66"><div align="center"><%=nama%></div></td>
<td width="10%" bgcolor="#FFFF66"><div align="center"><%=username%></div></td>
<td width="10%" bgcolor="#FFFF66"><div align="center"><%=jenis_kelamin%> </div></td>
<td width="10%" bgcolor="#FFFF66"><div align="justify"> <%=level%> </div></td></tr>
<% } st.close(); %>
<!--=========================== paging ===========================-->
</table> <div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; Statement statement3=con.createStatement(); theResult3=statement3.executeQuery("SELECT * FROM user");
while(theResult3.next()){ i++; }theResult3.close(); double hal=(i/8)+0.99;
for(int j=1;j<=hal;j++){ int awal=((j-1)*7+j)-1;
out.print("<a href='index_admin.jsp?page=viewuser&awal="+awal+"' target='_self'> "+j+"</a>"); } %> </div> </table>
<div align="center">
<input type="submit" name="Submit" value="Cetak Tanda Pegawai">
</div> </form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image048.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image050.jpg)
Gambar
4.22 Halaman Tulis Berita
Berikut ini adalah source code tulis
berita
![Text Box: <%//============================= penamaan =============================//
String judul=request.getParameter("judul");
String nama_admin=request.getParameter("nama_admin");
String isi=request.getParameter("isi");
//======================= buat waktu ================================//
Date kalender=new Date();
int date=kalender.getDate();
int month=kalender.getMonth()+1;
int year=kalender.getYear()+1900;
String tanggal=date+"-"+month+"-"+year;
//=========================== koneksi database =======================//
boolean salah=false;
if(!salah){ try {
String sql="insert into news (judul,nama_admin,tanggal,isi) values (\'"+judul+"\',\'"+nama_admin+"\',\'"+tanggal+"\',\'"+isi+"\')";
st.executeUpdate(sql);
response.sendRedirect("index_admin.jsp?page=daftarberita");
}catch(Exception ex){
out.print("gagal masuk" +ex); }} %>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image051.gif)
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image053.jpg)
Gambar
4.23 Halaman Kumpulan Berita
Berikut ini adalah source code kumpulan
berita
![Text Box: <form id="form2" method="post" action="">
<% String pertama=request.getParameter("awal");
if (pertama=="0"||pertama==null){ pertama="0";}
tr=st.executeQuery("SELECT * FROM news limit "+pertama+",7");
while (tr.next()){
String id=new String(tr.getString(1));
String judul = new String(tr.getString(2));
String nama_admin = new String(tr.getString(3));%>
<%--================= mengakses baris data dari tabel ====================--%>
<tr><td width="2%" bgcolor="#FFFF66"><div align="center"><%=id%></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='?page= editberita&id=<%=id%>'><img src="images/b_edit.png"></A></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='? page= hapusberita&id=<%=id%>'><img src="images/b_drop.png"></A></div></td>
<td width="10%" bgcolor="#FFFF66"> <%=judul%></td>
<td width="10%" bgcolor="#FFFF66"><div align="center"> <%=nama_admin%> </div></td> </tr>
<% } st.close();%>
<!--=========================== paging ===========================-->
</table> <div align="center"><font size="2"><strong> Halaman : </strong>
<%double i=0; theResult3=statement3.executeQuery("SELECT * FROM news");
while(theResult3.next()){i++;} theResult3.close();double hal=(i/7)+0.99;
for(int j=1;j<=hal;j++){ int awal=((j-1)*6+j)-1;
out.print("<a href='index_admin.jsp?page=daftarberita&awal="+awal+"' target='_self'> "+j+"</a>");}%> </div> </table>
<center><a href="?page=inputberita"> <input type="button" name="inputberita" value="Input Berita"></a></center></form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image054.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image056.jpg)
Gambar
4.24 Halaman Buku Tamu
Berikut ini adalah source code kumpulan
buku tamu
![Text Box: <form id="form2" method="post" action="">
<% String pertama=request.getParameter("awal");
if(pertama=="0"||pertama==null){pertama="0";}
tr=st.executeQuery("SELECT * FROM buku_tamu limit "+pertama+",5");
while (tr.next()){
String id=new String(tr.getString(1));
String nama = new String(tr.getString(2));
String email= new String(tr.getString(3));
String komentar= new String(tr.getString(4));
String tanggal= new String(tr.getString(5));%>
<%--=============== mengakses baris data dari tabel ===============--%>
<tr><td width="2%" bgcolor="#FFFF66"><div align="center"><%=id%></div></td>
<td width="2%" bgcolor="#FFFF66"><div align="center"><A HREF='? page=hapusbukutamu&id=<%=id%>'><img src="images/b_drop.png"> </A> </div></td>
<td width="6%" bgcolor="#FFFF66"><div align="center"><%=nama%></div></td>
<td width="6%" bgcolor="#FFFF66"><div align="center"><%=email%></div></td>
<td width="20%" bgcolor="#FFFF66"><%=komentar%></td>
<td width="7%" bgcolor="#FFFF66"><div align="center"><%=tanggal%></div></td>
</tr> <% } st.close(); %>
<!--=========================== paging =============================--> </table> <div align="center"><font size="2"><strong> Halaman : </strong>
<% double i=0; Statement statement3=con.createStatement();
theResult3=statement3.executeQuery("SELECT * FROM buku_tamu");
while(theResult3.next()){i++;}theResult3.close();double hal=(i/5)+0.99;
for(int j=1;j<=hal;j++){int awal=((j-1)*4+j)-1;
out.print("<a href='index_admin.jsp?page=viewbukutamu&awal="+awal+"' target='_self'> "+j+"</a>");}%> </div> </table></form>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image057.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image059.jpg)
Gambar
4.25 Halaman Login Kepala Sekolah
Berikut ini adalah source code form
login guru.
![Text Box: <%@ include file="admin/koneksiDB.jsp" %>
<%!String username=null; String nama4=null; String password4=null; %> <%
//========================== penamaan ======================//
username=request.getParameter("username");
nama4=request.getParameter("nama");
password4=request.getParameter("password");
String status=request.getParameter("status");
//======================== panggil data dari database =================//
String sql=""; if(status.equalsIgnoreCase("admin")){
sql="SELECT * FROM user where username='"+username+"' and password='"+password4+"' and level='admin'";
}else if(status.equalsIgnoreCase("guru")){
sql="SELECT * FROM user where username='"+username+"' and password= '"+password4+"'and level='guru'";}else{
sql="SELECT * FROM user where username='"+username+"' and password= '"+password4+"'and level='kepala_sekolah'";}
theResult=statement.executeQuery(sql);if (theResult.next()){
session.setAttribute("user",username);if(status.equalsIgnoreCase("admin"))
out.println("<meta http-equiv= \"refresh\ "content=0; url=admin/index_admin.jsp? nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");
else if(status.equalsIgnoreCase("guru"))
out.println("<meta http equiv= \"refresh\ "content=0; url=admin/index_guru.jsp? nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");
else out.println("<meta http-equiv= \"refresh\" content=0; url=admin/index_kepala.jsp?nip="+theResult.getString("nip")+"&nama="+theResult.getString("nama")+">");}else{out.println("<script language=\"javascript\">");
//======================== pemberitahuan kesalahan ====================//
out.println("alert('Maaf, username dan password anda salah\\n'+'Silakan Login Lagi');");out.println("self.location.href=\"index.jsp?page=user\"");
out.println("</script>");} theResult.close();statement.close(); %>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image060.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image062.jpg)
Gambar
4.26 Halaman Laporan Hasil Siswa
Berikut ini adalah source code laporan
hasil siswa
![Text Box: <script language="JavaScript" type="text/JavaScript">
<!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0eval (targ+". Location ='"+selObj.options[selObj.selectedIndex].value+"'");if (restore) selObj. selectedIndex=0;}</script>
<form name="form1" method="post"> <table width="100%" border="0" align="center" class="kk"> <tr bgcolor="#F5B039">
<td colspan="6" bgcolor="#99CC33" align="center"><strong> Data Hasil Psikotes Siswa </strong></td></tr>
<tr>
<td width="116" colspan="6" align="center"><strong>Pilih Jurusan :</strong> <select name="nama_jurusan" onChange="MM_jumpMenu ('parent',this,0)"> <option></option>
<% if(request.getParameter("nama_jurusan")!=null){
tr = st.executeQuery("SELECT * FROM jurusan where kode_jurusan = '"+request.getParameter("nama_jurusan")+"'");
if (tr.next()) { %>
<option selected><%=tr.getString("nama_jurusan")%></option> <%}}%>
<% trr2 = st2.executeQuery("SELECT * FROM jurusan order by kode_jurusan asc");
while (trr2.next()){
String kode_jurusan=trr2.getString("kode_jurusan");
String nama_jurusan=trr2.getString("nama_jurusan");%>
<option value="?page=laporanpenjurusan&jurusan=<%= kode_jurusan %>"><%= nama_jurusan %></option> <% }%> </select> </form></td> </tr>
<% String kode_jur=request.getParameter("jurusan");
if(kode_jur==null)
kode_jur="0"; String jurusan="";
trr3 = st3.executeQuery("SELECT * FROM jurusan where kode_jurusan = '"+kode_jur+"'"); if(trr3.next()){jurusan= trr3.getString("nama_jurusan");} %>
<% trr4 = st4.executeQuery("SELECT * FROM peserta where status='1' and kode_jurusan='"+kode_jur+"' order by nilai desc");](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image063.gif)
![Text Box: while(trr4.next()){
String id=trr4.getString("id");
String nisx=trr4.getString("nis");
String nama=trr4.getString("nama");
String jk=trr4.getString("jenis_kelamin");
String linguistik=trr4.getString("x1");
String logika=trr4.getString("x2");
String visual=trr4.getString("x3");
String musical=trr4.getString("x4");
String interpersonal=trr4.getString("x5");
String intrapersonal=trr4.getString("x6");
String kinestetik=trr4.getString("x7");
String naturalis=trr4.getString("x8");
String bg="";if(nisx.equals(nisx)){ bg="#FFFF99";}{}%>
<tr class="kk" bgcolor="<%=bg%>">
<td align="center"><%= id %></td>
<td width="2%" bgcolor="#FFFF66" align="center"><A HREF='?page=hapuslaporan &id=<%=id%>'> <img src="images/remove.png"></A></td>
<td align="center"><%= nisx %></td>
<td><%= nama %></td>
<td align="center"><%= jk %></td>
<td align="center"><% if(linguistik.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(logika.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td><td align="center"> <% if(visual.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(musical.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %> </td>
<td align="center"><% if(interpersonal.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(intrapersonal.equals("1")) out.println("<img src='images/check.png'>"); else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(kinestetik.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td>
<td align="center"><% if(naturalis.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> <%} %> </table></td></tr><table>
<tr class="kk"> <td colspan="6" valign="top" align="left"><strong>Keterangan Jenis Kecerdasan:</strong><br>
X1 = Kecerdasan Linguistik <br>
X2 = Kecerdasan Logika-Matematika <br>
X3 = Kecerdasan Visual-Spasial <br>
X4 = Kecerdasan Musical <br>
X5 = Kecerdasan Interpersonal <br>
X6 = Kecerdasan Intrapersonal <br>
X7 = Kecerdasan Kinestetik <br>
X8 = Kecerdasan Naturalis <br> </td></tr></table>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image064.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image066.jpg)
Gambar 4.27 Halaman
Login Siswa
Berikut
ini adalah source code login siswa
![Text Box: <%@ include file="admin/koneksiDB.jsp" %>
<%! String nama=null; String password=null;%>
<% nama=request.getParameter("nama");
password=request.getParameter("password");
theResult = statement.executeQuery("SELECT * FROM peserta where nis='"+nama+"' and password='"+password+"'");
if (theResult.next())
{
session.setAttribute("user",nama);
out.println("<meta http-equiv=\"refresh\"content=0; url=index_siswa.jsp? nis="+theResult.getString("nis")+"&nama="+theResult.getString("nama")+">");
}
else
{
out.println("<script language=\"javascript\">");
out.println("alert('Maaf, NIS dan password anda salah\\n'+'Silakan Login Lagi');");
out.println("self.location.href=\"index.jsp?page=prediksi\"");
out.println("</script>");
}
theResult.close();
statement.close();
%>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image067.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image069.jpg)
Gambar
4.28 Halaman Psikotes MI
Berikut ini adalah source code Psikotes
MI
![Text Box: <%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<%! String[] interpersonal; String[] musical; String[] visualspasial;
String[] logikaMatematika; String[] linguistik; String[] intrapersonal;
String[] kinestetik; String[] naturalis; %>
<!--========================= penamaan =============================-->
<% String nisv = request.getParameter("nis");
String namav = request.getParameter("nama");
int skor = 0; String dir="";
linguistik = request.getParameterValues("x1");
logikaMatematika = request.getParameterValues("x2");
visualspasial = request.getParameterValues("x3");
musical = request.getParameterValues("x4");
interpersonal = request.getParameterValues("x5");
intrapersonal = request.getParameterValues("x6");
kinestetik = request.getParameterValues("x7");
naturalis = request.getParameterValues("x8");
boolean salah2 = false; if (!salah2) { try {
out.println("<strong>Hasil Test " + nisv + " " + namav + "</strong><br/><br/>");
//====================== linguistik =============================//
int cek_linguistik = 0;
if (linguistik != null) { boolean status2 = false;
for (int i = 0; i < linguistik.length; i++) {
cek_linguistik = i;
if (cek_linguistik >= 5) { status2 = true; } else {status2 = false;}}
if(status2 == true) {out.println("<img src='images/check.png'>Kecerdasan Linguistik.<br>");
} else { out.println("<img src='images/b_drop.png'> Kecerdasan Linguistik.<br>");}}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Linguistik.<br>");}
//======================== logika matematika ====================//
int cek_logikaMatematika = 0;
if (logikaMatematika != null) { boolean status2 = false;
for (int i = 0; i < logikaMatematika.length; i++) {
cek_logikaMatematika = i;
if (cek_logikaMatematika >= 5){ status2 = true;} else { status2 = false;}}](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image070.gif)
![Text Box: if (status2 == true) { out.println("<img src='images/check.png'>Kecerdasan Logika Matematika.<br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Logika Matematika.<br>");}}
else { out.println("<img src='images/b_drop.png'> Kecerdasan Logika Matematika.<br>");}
//======================== visual spasial =============================//
int cek_visualspasial = 0;
if (visualspasial != null) { boolean status2 = false;
for (int i = 0; i < visualspasial.length; i++) {
cek_visualspasial = i;
if (cek_visualspasial >= 5) { status2 = true;} else {status2 = false; }}
if (status2 == true) {out.println("<img src='images/check.png'>Kecerdasan Visual Spasial.<br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Visual Spasial<br>");}}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Visual Spasial<br>");}
//============================ musical ===============================//
int cek_musical = 0;
if (musical != null) { boolean status2 = false;
for (int i = 0; i < musical.length; i++) { cek_musical = i;
if (cek_musical >= 5) {status2 = true; } else {status2 = false; }}
if (status2 == true) {out.println("<img src='images/check.png'>Kecerdasan Musical <br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Musical.<br>");}
} else {out.println("<img src='images/b_drop.png'> Kecerdasan Musical.<br>");}
//================================= interpersonal ====================//
int cek_interpersonal = 0;
if (interpersonal != null) {boolean status2 = false;
for (int i = 0; i < interpersonal.length; i++) {cek_interpersonal = i;
if (cek_interpersonal >= 5) {status2 = true; } else {status2 = false; }}
if (status2 == true) {out.println("<img src='images/check.png'>;Kecerdasan Interpersonal.<br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Interpersonal.<br>");}
} else {out.println("<img src='images/b_drop.png'> Kecerdasan Interpersonal.<br>");}
//=============================== intrapersonal ======================//
int cek_intrapersonal = 0;
if (intrapersonal != null) {boolean status2 = false;
for (int i = 0; i < intrapersonal.length; i++) {cek_intrapersonal = i;
if (cek_intrapersonal >= 5) {status2 = true; } else {status2 = false; }}
if (status2 == true) {out.println("<img src='images/check.png'>Kecerdasan Intrapersonal.<br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Intrapersonal.<br>");}}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Intrapersonal.<br>"); }
//================================= kinestetik =====================//
int cek_kinestetik = 0;
if (kinestetik != null) {boolean status2 = false;
for (int i = 0; i < kinestetik.length; i++) {cek_kinestetik = i;
if (cek_kinestetik >= 5) {status2 = true; } else {status2 = false; }}
if (status2 == true) {out.println("<img src='images/check.png'>Kecerdasan Kinestetik.<br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan kinestetik.<br>");}}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Kinestetik.<br>");}
//============================ naturalis ==============================//
int cek_naturalis = 0; if (naturalis != null) {boolean status2 = false;
for (int i = 0; i < naturalis.length; i++) {cek_naturalis = i;
if (cek_naturalis >= 5) {status2 = true; } else {status2 = false; }}
if (status2 == true) {out.println("<img src='images/check.png'>Kecerdasan Naturalis.<br>");}
else {out.println("<img src='images/b_drop.png'> Kecerdasan Naturalis.<br>");](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image071.gif)
![Text Box: }} else {out.println("<img src='images/b_drop.png'> Kecerdasan Naturalis.<br>");}
//===================== manggil data psikotes ====================//
Statement st = connection.createStatement();
String sql = "SELECT * FROM `kuisioner` order by id";
ResultSet rs = st.executeQuery(sql); while (rs.next()) {
String no = new String(rs.getString(1));
String pertanyaan = new String(rs.getString(3));
String jenis_kecerdasan = new String(rs.getString(2));
String cek = request.getParameter(jenis_kecerdasan);
String jenis = request.getParameter("kecerdasan");
if (cek == null) {cek = "0";} else {cek = "1";}
//============================= nyimpan data =======================//
int x1 = 0, x2 = 0, x3 = 0, x4 = 0, x5 = 0, x6 = 0, x7 = 0, x8 = 0;
if (cek_linguistik >= 5) {x1 = 1; }
if (cek_logikaMatematika >= 5) { x2 = 1; }
if (cek_visualspasial >= 5) {x3 = 1; }
if (cek_musical >= 5) {x4 = 1; }
if (cek_naturalis >= 5) {x5 = 1; }
if (cek_kinestetik >= 5) {x6 = 1; }
if (cek_intrapersonal >= 5) {x7 = 1; }
if (cek_interpersonal >= 5) {x8 = 1; }
%>
<%@page import="aplikasi.backpro" %>
<% backpro bp = new backpro();
dir="D:\\anak\\23 februari\\multiple_intellegence";
bp.loadBobot(dir); double temp[] = {x1, x2, x3, x4, x5, x6, x7, x8};
double inp[] = bp.test(temp);
int a1 = bp.konvertOutput(inp[0]);
int a2 = bp.konvertOutput(inp[1]);
String pola = String.valueOf(a1) + "" + String.valueOf(a2);
String has = bp.getHasilFromPola(pola);
String jurK = "";
if (has.equalsIgnoreCase("IPA")) { jurK = "J01";
} else if (has.equalsIgnoreCase("IPS")) {jurK = "J02";
} else if (has.equalsIgnoreCase("Bahasa")) {jurK = "J03";
} else {jurK = "0";}
Statement st3 = connection.createStatement();
String sql3 = "update peserta set status='1',x1='" + x1 + "',x2='" + x2 + "',x3='" + x3 + "',x4='" + x4 + "',x5='" + x5 + "',x6='" + x6 + "',x7='" + x7 + "',x8='" + x8 + "',kode_jurusan='" + jurK + "' where nis='" + request.getParameter("nis") + "'";st3.executeUpdate(sql3); }
out.println("<meta http-equiv=\"refresh\"content=0; url=index_siswa.jsp? page=datahasil&nis="+request.getParameter("nis")+"&dir="+dir+">");
} catch (Exception ex) {out.print("maaf salah" + ex); }}%>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image072.gif)
Berikut
ini adalah source code pengujian
![Text Box: public double[] test(double inputan[]) //untuk pengujian
{ //pada hidden
sb=new StringBuffer();
for(int j=0; j<unit_hidden; j++)
{ double cc=0;
for(int i=0; i<inputan.length; i++){
cc= cc + (inputan[i]*v[i][j]); }
z_in[j] = v0[j] +cc;
z[j] = 1/(1+(double)Math.exp(-z_in[j])); }
double[] out=new double[unit_output];
for(int k=0; k<unit_output; k++){
double cc = 0;
for(int j=0; j<unit_hidden; j++){
cc = cc + z[j]*w[j][k]; }
y_in[k] = w0[k]+cc;
double yy = 1/(1+(double)Math.exp(-y_in[k]));
int l=0;
if(yy>0.5)
l=1;
else
l=0;
out[k]=yy;
String bbb="Output('"+yy+"') "+(double)l+" ";
sb.append(bbb);
// System.out.print("Output('"+yy+"') "+(double)l+" ");
// LogRecord r = new LogRecord(Level.INFO,"Output('"+yy+"') "+(double)l+" ");
// wh.publish(r);
}
sb.append("<br>");
return out; }](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image073.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image075.jpg)
Gambar
4.29 Halaman Laporan Hasil Siswa
Berikut ini adalah source code laporan
hasil siswa
![Text Box: <% theResult2 = statement2.executeQuery("SELECT * FROM peserta where nis='"+nis+"'"); if (theResult2.next()) {
String nisx=theResult2.getString("nis");
String nama=theResult2.getString("nama");
String password=theResult2.getString("password");
String kelas=theResult2.getString("kelas");
String umur=theResult2.getString("umur");
String jenis_kelamin=theResult2.getString("jenis_kelamin");
String pilihan1=theResult2.getString("pilihan1");
String pilihan2=theResult2.getString("pilihan2");
String status2 = theResult2.getString("status");
String x1="0"; String x2="0";String x3="0";String x4="0";String x5="0";
String x6="0";String x7="0";String x8="0";
String kode_jurusan="";
if(status2.equals("0")||(status2.equals("1"))){
x1 = theResult2.getString("x1"); x2 = theResult2.getString("x2");
x3 = theResult2.getString("x3"); x4 = theResult2.getString("x4");
x5 = theResult2.getString("x5"); x6 = theResult2.getString("x6");
x7 = theResult2.getString("x7"); x8 = theResult2.getString("x8");
kode_jurusan = theResult2.getString("kode_jurusan");} %>
<tr> <td width="221" bgcolor="#FFFF99">NIS </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= nisx %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Nama </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= nama %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Password </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= password %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kelas </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= kelas %></td> </tr>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image076.gif)
![Text Box: <tr> <td width="221" bgcolor="#FFFF99">Umur </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= umur %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Jenis Kelamin </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= jenis_kelamin %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Pilihan 1</td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= pilihan1 %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Pilihan 2 </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%= pilihan2 %></td> </tr>
<% if(status2.equals("0")||(status2.equals("1"))){ %>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Linguistik </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x1.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Logika-Matematika </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x2.equals("1"))
out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Visual-Spasial </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x3.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Musical </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x4.equals("1"))
out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Interpersonal </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x5.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Intrapersonal </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x6.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Kinestetik </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x7.equals("1")) out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td> </tr>
<tr> <td width="221" bgcolor="#FFFF99">Kecerdasan Naturalis </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(x8.equals("1"))
out.println("<img src='images/check.png'>");else out.println("<img src='images/b_drop.png'>"); %></td>
</tr><tr> <td width="221" bgcolor="#FFFF99">Status </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <% if(status2.equals("1")) out.println("Sudah Diprediksi");else if(status2.equals("0")) out.println("Sudah Ujian Tapi Belum Diprediksi");%></td> </tr>
<%@ page import="java.sql.*" %>
<% theResult2=statement2.executeQuery("select * from jurusan where kode_jurusan='"+kode_jurusan+"'");
if (theResult2.next()) {
String nama_jurusan=theResult2.getString("nama_jurusan"); %>
<tr> <td width="221" bgcolor="#FFFF99">Jurusan </td>
<td width="10" bgcolor="#FFFF99" align="center">:</td>
<td width="156" bgcolor="#FFFF99"> <%=nama_jurusan%></td> </tr>
<% }}} %> </table>](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image077.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image079.jpg)
Gambar
4.30 Halaman Login Admin
Berikut ini adalah source code login
admin
![Text Box: package aplikasi;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.Statement;
public class loginForm extends javax.swing.JDialog {
Connection con; Koneksi k; petugas petugas;
aplikasi par;
/** Creates new form loginForm */
public loginForm(java.awt.Frame parent, boolean modal) {
super(parent, modal); con=((aplikasi)getOwner()).con; initComponents();
}private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
try{ String u=tUser.getText(); String p=tKode.getText();
if(cekLogin(u,p)){
((aplikasi)getOwner()).initLogin();
this.setVisible(false); }else{ konf.setText("Invalid user......"); }
}catch(Exception e){e.printStackTrace();}}
boolean cekLogin(String u,String p){
try{ String sql="select * from admin where nama='"+u+"' and kode='"+p+"'";
Statement st=con.createStatement();
ResultSet rs=st.executeQuery(sql);
rs.last(); int jml=rs.getRow(); rs.beforeFirst(); rs.next();
if(jml!=0){petugas=new petugas(rs.getString("nama"), rs.getString("alamat"), rs.getString("telepon")); return true; }else{ return false; } }catch(Exception e){e.printStackTrace();} return false;}](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image080.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image082.jpg)
Gambar
4.31 Halaman Pembelajaran Sistem
Berikut ini adalah source code ambil
data pelatihan
![Text Box: private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
int r = jFileChooser1.showOpenDialog(new JFrame());
if (r == JFileChooser.APPROVE_OPTION) {
String name = jFileChooser1.getSelectedFile().getName();
String abs = jFileChooser1.getSelectedFile().getAbsolutePath();
System.out.println(name);
jLabel14.setText(abs); this.l_statusManual.setText(name);
System.out.println(abs);dataReader(abs);
loadPelatihanToTabel();}} String buff="";](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image083.gif)
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.
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image085.jpg)
Gambar
4.32 Halaman Pencatatan Log Error
Berikut adalah source code proses
pembelajaran system
![Text Box: void learn(double x[][],double t[][]){
jumlah_data=x.length;int u=0;
LogRecord r = new LogRecord(Level.WARNING,"Masih dalam proses belajar");
// wh.publish(r);
sb.append("<font color=blue><strong>Pencatatan Error per iterasi</strong></font><br><br>");
do{
//for(int q=0;q<epoh;q++){
//~ itung z_in dan z
// System.out.println(u);
u++;
for(int h=0; h<jumlah_data; h++){
for(int j=0; j<unit_hidden; j++){
//itung sigma xi vij
double jum_xv=0;
for(int i=0; i<unit_input; i++){
double cc=x[h][i]*v[i][j];
jum_xv=jum_xv+cc;
}
z_in[j]=v0[j]+jum_xv;
//itung z
z[j]=1/(1+(double)Math.exp(-z_in[j]));
}
//~ itung y_in dan y (output)
double cxc=0;
for(int k=0; k<unit_output; k++){
double jum_zw=0;
for(int j=0; j<unit_hidden; j++){
double cc=z[j]*w[j][k];
jum_zw=jum_zw+cc;
}
y_in[k]=w0[k]+jum_zw;
y[k]=1/(1+(double)Math.exp(-y_in[k]));
//System.out.println(y[k]);
}
//System.out.println(y[0]);
//ngitung error output dan delta bias dan delta bobot
for(int k=0; k<unit_output; k++){
//error otput
Err_y[k]=(t[h][k]-y[k])*y[k]*(1-y[k]);
//System.out.println(Err_y[k]);
double cc=0;
for(int j=0; j<unit_hidden; j++){
//delta bobot hO
wx[j][k]=alfa*Err_y[k]*z[j];
//delta bias hO
w0x[k]=alfa*Err_y[k];
//System.out.println("delta wx = "+wx[j][k]);
}
//System.out.println("delta w0 = "+w0x[k]);
}
//ngitung error hiden dan delta bias dan delta bobot
for(int j=0; j<unit_hidden; j++){
double cc=0;
for(int k=0; k<unit_output; k++){
cc = cc + (Err_y[k]*w[j][k]);
}
// eror sebelum output / setelah hidden
Err_in[j]=cc;
//System.out.println(Err_in[j]);
// eror hidden (t[h]-y[k])*y[k]*(1-y[k]);
Err_z[j]=Err_in[j]*(z[j])*(1-z[j]);
//System.out.println(Err_z[j]);](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image086.gif)
![Text Box: for(int i=0; i<unit_input; i++){
//delta bobot iH
vx[i][j]=alfa*Err_z[j]*x[h][i];
//System.out.println("delta vx = "+vx[i][j]);
}
//delta bias hidden
v0x[j]=alfa*Err_z[j];
//System.out.println("delta v0 = "+v0x[j]);
//System.out.println(alfa+" "+Err_z[j]+" "+v0x[j]);
}
//update bobot dan bias
//update bobot bias outpuut
for(int j=0; j<unit_hidden; j++){
for(int k=0; k<unit_output; k++){
w[j][k]=w[j][k]+wx[j][k];
//System.out.println("w = "+w[j][k]);
}
} for(int k=0; k<unit_output; k++){
w0[k]=w0[k]+w0x[k];
//System.out.println("w0 = "+w0[k]);
}
//update bobot bias hidden
for(int i=0; i<unit_input; i++){
for(int j=0; j<unit_hidden; j++){
v[i][j]=v[i][j]+vx[i][j];
//System.out.println("v = "+v[i][j]);
}
}
for(int j=0; j<unit_hidden; j++){
v0[j]=v0[j]+v0x[j];
//System.out.println("v0 = "+v0[j]);
}
}
// LogRecord p = new LogRecord(Level.WARNING,String.valueOf(cekStop(x,v0,v,w0,w,t)));
// wh.publish(p);
// System.out.println(cekStop(x,v0,v,w0,w,t));
double dd=cekStop(x,v0,v,w0,w,t);
sb.append("<font color=red>Error "+u+": </font>"+String.valueOf(dd)+"<br>");
//
}
while(cekStop(x,v0,v,w0,w,t)>stopping);
System.out.println("Jumlah epooh: "+u);
LogRecord qw = new LogRecord(Level.INFO,"Jumlah epooh: "+u);
}](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image087.gif)
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
![](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image089.jpg)
Gambar
4.33 Halaman Laporan Hasil Siswa
Berikut adalah source code laporan hasil
siswa
![Text Box: private void jButton5ActionPerformed(java.awt.event.ActionEvent evt) {
String jurn="";
if(jrIPA.isSelected())jurn=jrIPA.getText();
else if(jrIPS.isSelected())jurn=jrIPS.getText();
else jurn=jrBahasa.getText();
try{ Statement st2=con.createStatement();
ResultSet rs2=st2.executeQuery("select * from jurusan where nama_jurusan='"+jurn+"'");rs2.next();
String jur=rs2.getString("kode_jurusan");Statement st=con.createStatement();
String sql="select * from peserta where kode_jurusan='"+jur+"'";
ResultSet rs=st.executeQuery(sql);
rs.last();int jml=rs.getRow();rs.beforeFirst();
if(jml!=0){clearTabel(); while(rs.next()){
String nim=rs.getString("nis");String nama=rs.getString("nama");
String jk=rs.getString("jenis_kelamin");
String pil1=rs.getString("pilihan1");
String pil2=rs.getString("pilihan2");
String hasil=rs.getString("kode_jurusan");
String temp[]={nim,nama,jk,pil1,pil2,jurn};
modelLap.addRow(temp);}}else{JOptionPane.showMessageDialog(this, "Tidak output untuk jurusan "+jur);}}catch(Exception e){e.printStackTrace();}}](file:///C:\Users\Administrator\AppData\Local\Temp\msohtmlclip1\01\clip_image090.gif)
0 komentar:
Posting Komentar