Halaman Nilai Siswa Halaman Login Guru Halaman Utama Guru Halaman Materi

116 Berikut ini potongan listing program bagian soal evaluasi siswa. ResultSet rs = stmt.executeQuerySelect from soal where rownum = 10; try { String s1, s2, s3, s4; int i = 1; while rs.next {out.printlnform name=exam action=result.jsp method=postb + i + . + rs.getString2 + bbrbr; out.printlnimg width=150 height=150 src=DisplayPhotoServlet?id= + rs.getString1 + alt=img p; s1 = rs.getString4; s2 = rs.getString5; s3 = rs.getString6; s4 = rs.getString7; out.printlninput type=radio name=opt + i + value= + s1 + CHECKED + s1 + brbr; out.printlninput type=radio name=opt + i + value= + s2 + + s2 + brbr; out.printlninput type=radio name=opt + i + value= + s3 + + s3 + brbr; out.printlninput type=radio name=opt + i + value= + s4 + + s4 + brbr; i++; }

4.3.4 Halaman Nilai Siswa

Halaman Nilai ini akan muncul ketika siswa menekan menu nilai. Pada halaman ini akan menampilkan tabel daftar nilai hasil pengerjaan soal evauasi siswa. 117 Gambar 4.15 Halaman Nilai Siswa

4.3.5 Halaman Login Guru

Halaman Login ini akan muncul ketika guru menekan link “Login” yang ada di bagian kanan atas pada halaman utama siswa. Pada halaman ini akan menampilkan halaman login guru untuk dapat masuk ke halaman guru yang mana guru dapat mengupdate data-data materi, data soal evaluasi, data siswa, dan melihat nilai siswa. Pada halaman login ini, guru harus memasukkan username dan password lalu menekan tombol “masuk”. 118 Gambar 4.16 Halaman Login Guru Berikut ini potongan listing program bagian validasi login guru. rs = st.executeQueryselect username,password from login where username= + userid + and password= + pwd + ; if rs.next {response.sendRedirectFormUtamaGuru.jsp; } else { out.printlnscriptalertMaaf, Login Gagal Silahkan masukkan data yang benarscript; } out.printlnscriptdocument.location.href=FormLoginGuru.jspscript;

4.3.6 Halaman Utama Guru

Halaman utama guru adalah halaman yang akan muncul ketika guru telah melakukan login dengan memasukkan username dan password lalu mengklik tombol masuk. Pada halaman ini terdapat menu Materi, Soal- soal, Data Siswa dan Data Nilai untuk siswa. Pada halaman utama guru ada menu kecil “Logout” di bagian kanan atas untuk keluar dari 119 halaman guru dan juga pada halaman ini terdapat tanggal dan waktu serta penjelasan tentang sistem ini. Gambar 4.17 Halaman Utama Guru

4.3.7 Halaman Materi

Halaman Materi ini akan muncul berdasarkan sub menu materi yang dipilih guru. Pada menu materi ini, terdapat sub menu update data provinsi, data rumah adat, data pakaian adat, data tarian daerah, data lagu daerah. 120 Gambar 4.18 Halaman Menu Materi

4.3.7.1 Halaman Update Data Provinsi

Halaman Update Data Provinsi ini akan muncul ketika guru memilih dan menekan sub menu “update data provinsi”. Pada halaman ini, ditampilkan combo box untuk nama provinsi, form untuk deskripsi dan tombol browse untuk memilih gambar serta tombol simpan. Selain itu, pada halaman ini juga terdapat tanggal dan waktu serta link “daftar gambar provinsi” di bagian kanan bawah. 121 Gambar 4.19 Halaman Tambah Data Provinsi Berikut adalah potongan listing program bagian insert data materi dan upload gambar. stmt = OraclePreparedStatementconn.prepareStatementinsert into propinsi id,nama,keterangan,image,thumb + values ?,?,?, + EMPTY_IMAGE + , + EMPTY_IMAGE + ; stmt.setString 1, id ; stmt.setString 2, nama ; stmt.setString 3, keterangan ; stmt.executeUpdate; stmt.close; stmt = OraclePreparedStatementconn.prepareStatementselect image,thumb from propinsi where id = ? for update ; stmt.setString 1, id ; rset = OracleResultSetstmt.executeQuery; if rset.next {throw new ServletException new row not found in table ;} image = OrdImagerset.getORAData 1, 122 OrdImage.getORADataFactory; thumb= OrdImagerset.getORAData 2, OrdImage.getORADataFactory; stmt.close;

4.3.7.2 Halaman Update Data Rumah Adat

Halaman Update Data Rumah Adat ini akan muncul ketika guru memilih dan menekan sub menu “update data rumah adat”. Pada halaman ini, ditampilkan form untuk nama rumah adat, form untuk deskripsi dan tombol browse untuk memilih gambar serta tombol simpan. Selain itu, pada halaman ini juga terdapat tanggal dan waktu serta link “daftar gambar rumah adat” di bagian kanan bawah. Gambar 4.20 Halaman Tambah Data Rumah Adat 123

4.3.7.3 Halaman Update Data Pakaian Adat

Halaman Update Data Pakaian Adat ini akan muncul ketika guru memilih dan menekan sub menu “update data pakaian adat”. Pada halaman ini, ditampilkan form untuk nama pakaian adat, form untuk deskripsi dan tombol browse untuk memilih gambar serta tombol simpan. Selain itu, pada halaman ini juga terdapat tanggal dan waktu serta link “daftar gambar pakaian adat” di bagian kanan bawah. Gambar 4.21 Halaman Tambah Data Pakaian Adat

4.3.7.4 Halaman Update Data Tarian Daerah

Halaman Update Data Tarian Daerah ini akan muncul ketika guru memilih dan menekan sub menu “update data tarian daerah”. Pada 124 halaman ini, ditampilkan form untuk nama tarian daerah, form untuk deskripsi dan tombol browse untuk memilih video serta tombol simpan. Pada halaman ini link “daftar gambar tarian daerah” di kanan bawah. Gambar 4.22 Halaman Tambah Data Tarian Daerah Berikut adalah potongan listing program bagian insert data materi dan upload video. stmt = OraclePreparedStatementconn.prepareStatementinsert into tariandaerah id,namaprov,namatarian,keterangan,video + values ?,?,?,?, + EMPTY_VIDEO + ; stmt.setString 1, id ; stmt.setString 2, namaprov ; stmt.setString 3, namatarian ; stmt.setString 4, keterangan ; stmt.executeUpdate; 125 stmt.close; stmt = OraclePreparedStatementconn.prepareStatementselect video from tariandaerah where id = ? for update ; stmt.setString 1, id ; rset = OracleResultSetstmt.executeQuery; if rset.next { throw new ServletException new row not found in table;} video=OrdVideorset.getORAData1,OrdVideo.getORADataFactory; rset.close; stmt.close;

4.3.7.5 Halaman Update Data Lagu Daerah

Halaman Update Data Lagu Daerah ini akan muncul ketika guru memilih dan menekan sub menu “update data lagu daerah”. Pada halaman ini, ditampilkan form untuk nama lagu daerah, form untuk deskripsi dan tombol browse untuk memilih audio serta tombol simpan. Selain itu, pada halaman ini juga terdapat tanggal dan waktu serta link “daftar gambar lagu daerah” di bagian kanan bawah. 126 Gambar 4.23 Halaman Tambah Data Lagu Daerah Berikut adalah potongan listing program bagian insert data materi dan upload audio. stmt = OraclePreparedStatementconn.prepareStatementinsert into lagudaerah id,namaprov,namalagu,keterangan,audio + values ?,?,?,?, + EMPTY_AUDIO + ; stmt = OraclePreparedStatementconn.prepareStatement select audio from lagudaerah where id = ? for update ; stmt.setString 1, id ; audio =OrdAudiorset.getORAData1,OrdAudio.getORADataFactory;

4.3.8 Halaman Soal