244
Gambar Halaman Gerakan Cari Nama Utama
Berikut ini potongan listing program bagian halaman bunyi cari nama utama.
2.13 Gerakan Cari Nama
Halaman Gerakan Cari Nama akan muncul ketika user menekan menu gambar Cari Gerakan Nama di halaman Utama Cari. Halaman Gerakan
Cari Nama ini berisi form untuk input kata kunci pencarian data gerakan berdasarkan nama gerakan dan tabel untuk menampilkan daftar data
gerakan yang dicari.
Gambar Halaman Gerakan Cari Nama data ada
form action=GerakanCariNama.jsp tablebrtrtdinput type=text name=nama_vi placeholder=Masukkan
nama Gerakaninputtd tda href=GerakanCariNama.jsp?nama_vi==
album.getNama_vi input type=submit value=Telusuriinputatdtrtableform
245
Gambar Halaman Gerakan Cari Nama data tidak ada
Berikut ini potongan listing program bagian proses cari data gerakan berdasarkan nama dan menampilkan data gerakan yang dicari.
pcentertable align=center width=10 String id = request.getParameternama_vi;
try { album. cariGerakanNama
id; if album.fetch {
centerph4font color=blackData Isyarat Gerakan dengan nama font font color=red= id
font font color=blacktidak ada fonth4pcenter return;
} } finally {
album.release; }
try {
album. cariGerakanNama
id; int rowCount = 0;
while album.fetch { rowCount++;
trtd headers=nama_vi bgcolor=F0F8FFfont color=blackh6 =
VideoQuery.escapeHtmlStringalbum.getNama_vih6fonttd td headers=videoa href=VideoDetail.jsp?id== album.getId_vi
img src=imagesplay.png alt=cgerak width=30 height=30atd }
table align=center width=100 trtd scope=col colspan=1 align=centerfont color=336699h6bi
if rowCount == 0 { out.printlnTidak ada data; } else {
out.printlnKlik video ; }
ibh6fonttdtrtable String dbConnErrMsg = null;
246
2.14 Utama Materi
Halaman utama materi akan muncul ketika user menekan menu “Materi” yang ada di bagian deretan menu sistem. Pada halaman ini akan
ditampilkan jenis materi yang ada pada sistem, yaitu button materi Lalu Lintas dan Patroli Keamanan Sekolah PKS.
Gambar Halaman Utama Materi
Berikut ini potongan listing program bagian proses menampilkan data materi teori Lalu Lintas.
} catch SQLException sqle { dbConnErrMsg = sqle.getMessage;
} finally { album.release;
} Query
CariGerakanNama :
public void cariGerakanNama String cari throws SQLException{
if conn == null{ conn = getConnection;
} stmt = OraclePreparedStatementconn.prepareStatement
select from video where upper nama_vi like +cari+ or lower nama_vi like +cari+
+ or initcap nama_vi like +cari+ ; rset = OracleResultSet stmt.executeQuery;
}
table align=centertrtd table align=center width=100
center pfont color=blackSistem Pembelajaran menjelaskan materi tentang Lalu Lintas
Dan Patroli Keamanan Sekolah PKS.fontp pfont color=red Untuk melihat penjelasan klik jenis materi yang dipilih.fontp
center brbr
centera href=UtamaLL.jspimg src=imagesm_ll.jpg alt=pengertianLL width=180 height=30a
a href=UtamaPKS.jspimg src=imagesm_pks.jpg alt=pengertianLL width=220 height=30abrbrcenter
247
2.15 Utama LL